@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);
@charset "UTF-8";
/* Base */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  /* 400 is the normal weight */
  font-style: normal;
}
/*

 VARIABLES
==============================================

All base variables for the site and for the brand

Every color prefixed with bgs-kit- corresponds to the new ui kit.

*/
/* BRAND COLORS
------------------------------------*/
/*
  SCORECARD VARIABLES
  ----------------------------------
 */
/* BASE TYPE
------------------------------------*/
/* Base font-family. */
/* Base width-size. */
/* Base font-size. */
/* RADIUS
------------------------------------*/
/* BORDERS
------------------------------------*/
/*
/* CLEARFIX
/* ==============================================

Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
Extend the clearfix class with Sass to avoid the `.cf` class appearing over
and over in your markup.
*/
.cf:after {
  content: "";
  display: table;
  clear: both;
}
/* Libs */
/*
* # Semantic UI - 2.2.2
* https://github.com/Semantic-Org/Semantic-UI
* http://www.semantic-ui.com/
*
* Copyright 2014 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*!
* # Semantic UI 2.2.2 - Reset
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Reset
*******************************/
/* Border-Box */
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
/* iPad Input Shadows */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}
/*******************************
        Theme Overrides
*******************************/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* Correct `block` display not defined in IE 8/9.
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
* Remove default margin.
*/
body {
  margin: 0;
}
/* HTML5 display definitions
  ========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
  display: none;
}
/* Links
  ========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
  background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
  ========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
  font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
  font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
  background: #ff0;
  color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
  font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
  ========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
  border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
  ========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
  margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
  height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
  overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
  ========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
  overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
  text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
  line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
  overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
  font-weight: bold;
}
/* Tables
  ========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Site
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Page
*******************************/
html,
body {
  height: 100%;
}
html {
  font-size: 14px;
}
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  min-width: 320px;
  background: #FFFFFF;
  font-size: 14px;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
  font-smoothing: antialiased;
}
/*******************************
            Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2857em;
  margin: calc(2rem - 0.14285em) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}
h1 {
  min-height: 1rem;
  font-size: 2rem;
}
h2 {
  font-size: 1.714rem;
}
h3 {
  font-size: 1.28rem;
}
h4 {
  font-size: 1.071rem;
}
h5 {
  font-size: 1rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em;
}
/*******************************
            Text
*******************************/
p {
  margin: 0em 0em 1em;
  line-height: 1.4285em;
}
p:first-child {
  margin-top: 0em;
}
p:last-child {
  margin-bottom: 0em;
}
/*-------------------
       Links
--------------------*/
a {
  color: #4183C4;
  text-decoration: none;
}
a:hover {
  color: #1e70bf;
  text-decoration: none;
}
/*******************************
         Highlighting
*******************************/
/* Site */
::-webkit-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}
::-moz-selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}
::selection {
  background-color: #CCE2FF;
  color: rgba(0, 0, 0, 0.87);
}
/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: rgba(0, 0, 0, 0.87);
}
/*******************************
       Global Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Button
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Button
*******************************/
.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: #E0E1E2 none;
  color: rgba(0, 0, 0, 0.6);
  margin: 0em 0.25em 0em 0em;
  padding: 0.78571429em 1.5em 0.78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.28571429rem;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}
/*******************************
           States
*******************************/
/*--------------
     Hover
---------------*/
.ui.button:hover {
  background-color: #CACBCD;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}
.ui.button:hover .icon {
  opacity: 0.85;
}
/*--------------
     Focus
---------------*/
.ui.button:focus {
  background-color: #CACBCD;
  color: rgba(0, 0, 0, 0.8);
  background-image: '' !important;
  box-shadow: '' !important;
}
.ui.button:focus .icon {
  opacity: 0.85;
}
/*--------------
     Down
---------------*/
.ui.button:active,
.ui.active.button:active {
  background-color: #BABBBC;
  background-image: '';
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 0px 1px transparent inset, none;
}
/*--------------
    Active
---------------*/
.ui.active.button {
  background-color: #C0C1C2;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:hover {
  background-color: #C0C1C2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:active {
  background-color: #C0C1C2;
  background-image: none;
}
/*--------------
   Loading
---------------*/
/* Specificity hack */
.ui.loading.loading.loading.loading.loading.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s linear, opacity 0.1s ease;
  transition: all 0s linear, opacity 0.1s ease;
}
.ui.loading.button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15);
}
.ui.loading.button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #FFFFFF transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  box-shadow: none;
}
@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ui.basic.loading.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, 0.1);
}
.ui.basic.loading.button:not(.inverted):after {
  border-top-color: #767676;
}
/*-------------------
     Disabled
--------------------*/
.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 0.45 !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
/* Basic Group With Disabled */
.ui.basic.buttons .ui.disabled.button {
  border-color: rgba(34, 36, 38, 0.5);
}
/*******************************
            Types
*******************************/
/*-------------------
      Animated
--------------------*/
.ui.animated.button {
  position: relative;
  overflow: hidden;
  padding-right: 0em !important;
  vertical-align: middle;
  z-index: 1;
}
.ui.animated.button .content {
  will-change: transform, opacity;
}
.ui.animated.button .visible.content {
  position: relative;
  margin-right: 1.5em;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}
/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  -webkit-transition: right 0.3s ease 0s;
  transition: right 0.3s ease 0s;
}
.ui.animated.button .visible.content {
  left: auto;
  right: 0%;
}
.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -0.5em;
}
.ui.animated.button:focus .visible.content,
.ui.animated.button:hover .visible.content {
  left: auto;
  right: 200%;
}
.ui.animated.button:focus .hidden.content,
.ui.animated.button:hover .hidden.content {
  left: auto;
  right: 0%;
}
/* Vertical */
.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s ease, transform 0.3s ease;
  transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui.vertical.animated.button .visible.content {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  right: auto;
}
.ui.vertical.animated.button .hidden.content {
  top: -50%;
  left: 0%;
  right: auto;
}
.ui.vertical.animated.button:focus .visible.content,
.ui.vertical.animated.button:hover .visible.content {
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
  right: auto;
}
.ui.vertical.animated.button:focus .hidden.content,
.ui.vertical.animated.button:hover .hidden.content {
  top: 50%;
  right: auto;
}
/* Fade */
.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0%;
  right: auto;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
  left: 0%;
  right: auto;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*-------------------
      Inverted
--------------------*/
.ui.inverted.button {
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  background: transparent none;
  color: #FFFFFF;
  text-shadow: none !important;
}
/* Group */
.ui.inverted.buttons .button {
  margin: 0px 0px 0px -2px;
}
.ui.inverted.buttons .button:first-child {
  margin-left: 0em;
}
.ui.inverted.vertical.buttons .button {
  margin: 0px 0px -2px 0px;
}
.ui.inverted.vertical.buttons .button:first-child {
  margin-top: 0em;
}
/* States */
/* Hover */
.ui.inverted.button:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/* Active Focus */
.ui.inverted.button.active:focus {
  background: #DCDDDE;
  box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/*-------------------
   Labeled Button
--------------------*/
.ui.labeled.button:not(.icon) {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: none !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none !important;
}
.ui.labeled.button > .button {
  margin: 0px;
}
.ui.labeled.button > .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px 0px 0px -1px !important;
  padding: '';
  font-size: 1em;
  border-color: rgba(34, 36, 38, 0.15);
}
/* Tag */
.ui.labeled.button > .tag.label:before {
  width: 1.85em;
  height: 1.85em;
}
/* Right */
.ui.labeled.button:not([class*="left labeled"]) > .button {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui.labeled.button:not([class*="left labeled"]) > .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* Left Side */
.ui[class*="left labeled"].button > .button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="left labeled"].button > .label {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
/*-------------------
      Social
--------------------*/
/* Facebook */
.ui.facebook.button {
  background-color: #3B5998;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.facebook.button:hover {
  background-color: #304d8a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.facebook.button:active {
  background-color: #2d4373;
  color: #FFFFFF;
  text-shadow: none;
}
/* Twitter */
.ui.twitter.button {
  background-color: #0084B4;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.twitter.button:hover {
  background-color: #00719b;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.twitter.button:active {
  background-color: #005f81;
  color: #FFFFFF;
  text-shadow: none;
}
/* Google Plus */
.ui.google.plus.button {
  background-color: #DC4A38;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.google.plus.button:hover {
  background-color: #de321d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.google.plus.button:active {
  background-color: #bf3322;
  color: #FFFFFF;
  text-shadow: none;
}
/* Linked In */
.ui.linkedin.button {
  background-color: #1F88BE;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:hover {
  background-color: #147baf;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:active {
  background-color: #186992;
  color: #FFFFFF;
  text-shadow: none;
}
/* YouTube */
.ui.youtube.button {
  background-color: #CC181E;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.youtube.button:hover {
  background-color: #bd0d13;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.youtube.button:active {
  background-color: #9e1317;
  color: #FFFFFF;
  text-shadow: none;
}
/* Instagram */
.ui.instagram.button {
  background-color: #49769C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.instagram.button:hover {
  background-color: #3d698e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.instagram.button:active {
  background-color: #395c79;
  color: #FFFFFF;
  text-shadow: none;
}
/* Pinterest */
.ui.pinterest.button {
  background-color: #00ACED;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.pinterest.button:hover {
  background-color: #0099d4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pinterest.button:active {
  background-color: #0087ba;
  color: #FFFFFF;
  text-shadow: none;
}
/* VK */
.ui.vk.button {
  background-color: #4D7198;
  color: #FFFFFF;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.vk.button:hover {
  background-color: #41648a;
  color: #FFFFFF;
}
.ui.vk.button:active {
  background-color: #3c5876;
  color: #FFFFFF;
}
/*--------------
    Icon
---------------*/
.ui.button > .icon:not(.button) {
  height: 0.85714286em;
  opacity: 0.8;
  margin: 0em 0.42857143em 0em -0.21428571em;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  vertical-align: '';
  color: '';
}
.ui.button:not(.icon) > .icon:not(.button) {
  margin: 0em 0.42857143em 0em -0.21428571em;
}
.ui.button:not(.icon) > .right.icon:not(.button) {
  margin: 0em -0.21428571em 0em 0.42857143em;
}
/*******************************
          Variations
*******************************/
/*-------------------
      Floated
--------------------*/
.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
  float: left;
  margin-left: 0em;
  margin-right: 0.25em;
}
.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
  float: right;
  margin-right: 0em;
  margin-left: 0.25em;
}
/*-------------------
      Compact
--------------------*/
.ui.compact.buttons .button,
.ui.compact.button {
  padding: 0.58928571em 1.125em 0.58928571em;
}
.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
  padding: 0.58928571em 0.58928571em 0.58928571em;
}
.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
  padding: 0.58928571em 3.69642857em 0.58928571em;
}
/*-------------------
       Sizes
--------------------*/
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.78571429rem;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 0.85714286rem;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 0.92857143rem;
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 1rem;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.14285714rem;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.28571429rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.42857143rem;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 1.71428571rem;
}
/*--------------
   Icon Only
---------------*/
.ui.icon.buttons .button,
.ui.icon.button {
  padding: 0.78571429em 0.78571429em 0.78571429em;
}
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0em;
  vertical-align: top;
}
/*-------------------
       Basic
--------------------*/
.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none !important;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: normal;
  border-radius: 0.28571429rem;
  text-transform: none;
  text-shadow: none !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons {
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
.ui.basic.buttons .button {
  border-radius: 0em;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background: #F8F8F8 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .active.button,
.ui.basic.active.button {
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: '' !important;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: rgba(34, 36, 38, 0.35);
}
.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* Vertical */
.ui.basic.buttons .button:hover {
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .button:active {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .active.button {
  box-shadow: rgba(34, 36, 38, 0.35) inset;
}
/* Standard Basic Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent !important;
  color: #F9FAFB !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
}
.ui.basic.inverted.buttons .active.button,
.ui.basic.inverted.active.button {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  text-shadow: none;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
}
.ui.basic.inverted.buttons .active.button:hover,
.ui.basic.inverted.active.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
/* Basic Group */
.ui.basic.buttons .button {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}
.ui.basic.vertical.buttons .button {
  border-left: none;
}
.ui.basic.vertical.buttons .button {
  border-left-width: 0px;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.basic.vertical.buttons .button:first-child {
  border-top-width: 0px;
}
/*--------------
 Labeled Icon
---------------*/
.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 4.07142857em !important;
  padding-right: 1.5em !important;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  height: 100%;
  line-height: 1;
  border-radius: 0px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  text-align: center;
  margin: 0em;
  width: 2.57142857em;
  background-color: rgba(0, 0, 0, 0.05);
  color: '';
  box-shadow: -1px 0px 0px 0px transparent inset;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  top: 0em;
  left: 0em;
}
/* Right Labeled */
.ui[class*="right labeled"].icon.button {
  padding-right: 4.07142857em !important;
  padding-left: 1.5em !important;
}
.ui[class*="right labeled"].icon.button > .icon {
  left: auto;
  right: 0em;
  border-radius: 0px;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  box-shadow: 1px 0px 0px 0px transparent inset;
}
.ui.labeled.icon.buttons > .button > .icon:before,
.ui.labeled.icon.button > .icon:before,
.ui.labeled.icon.buttons > .button > .icon:after,
.ui.labeled.icon.button > .icon:after {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0em;
}
.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.28571429rem;
}
/* Fluid Labeled */
.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}
/*--------------
    Toggle
---------------*/
/* Toggle (Modifies active state to give affordances) */
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
  background-color: #21BA45 !important;
  box-shadow: none !important;
  text-shadow: none;
  color: #FFFFFF !important;
}
.ui.button.toggle.active:hover {
  background-color: #16ab39 !important;
  text-shadow: none;
  color: #FFFFFF !important;
}
/*--------------
   Circular
---------------*/
.ui.circular.button {
  border-radius: 10em;
}
.ui.circular.button > .icon {
  width: 1em;
  vertical-align: baseline;
}
/*-------------------
     Or Buttons
--------------------*/
.ui.buttons .or {
  position: relative;
  width: 0.3em;
  height: 2.57142857em;
  z-index: 3;
}
.ui.buttons .or:before {
  position: absolute;
  text-align: center;
  border-radius: 500rem;
  content: 'or';
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  text-shadow: none;
  margin-top: -0.89285714em;
  margin-left: -0.89285714em;
  width: 1.78571429em;
  height: 1.78571429em;
  line-height: 1.78571429em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: bold;
  box-shadow: 0px 0px 0px 1px transparent inset;
}
.ui.buttons .or[data-text]:before {
  content: attr(data-text);
}
/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0em !important;
}
.ui.fluid.buttons .or:after {
  display: none;
}
/*-------------------
      Attached
--------------------*/
/* Singular */
.ui.attached.button {
  position: relative;
  display: block;
  margin: 0em;
  border-radius: 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
}
/* Top / Bottom */
.ui.attached.top.button {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.attached.bottom.button {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Left / Right */
.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
/* Plural */
.ui.attached.buttons {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0em;
  width: auto !important;
  z-index: 2;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached.buttons .button {
  margin: 0em;
}
.ui.attached.buttons .button:first-child {
  border-radius: 0em;
}
.ui.attached.buttons .button:last-child {
  border-radius: 0em;
}
/* Top / Bottom */
.ui[class*="top attached"].buttons {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui[class*="top attached"].buttons .button:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
/* Left / Right */
.ui[class*="left attached"].buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0em;
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0.28571429rem 0em;
}
.ui[class*="right attached"].buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0em;
  margin-right: -1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0em 0.28571429rem;
}
/*-------------------
       Fluid
--------------------*/
.ui.fluid.buttons,
.ui.fluid.button {
  width: 100%;
}
.ui.fluid.button {
  display: block;
}
.ui.two.buttons {
  width: 100%;
}
.ui.two.buttons > .button {
  width: 50%;
}
.ui.three.buttons {
  width: 100%;
}
.ui.three.buttons > .button {
  width: 33.333%;
}
.ui.four.buttons {
  width: 100%;
}
.ui.four.buttons > .button {
  width: 25%;
}
.ui.five.buttons {
  width: 100%;
}
.ui.five.buttons > .button {
  width: 20%;
}
.ui.six.buttons {
  width: 100%;
}
.ui.six.buttons > .button {
  width: 16.666%;
}
.ui.seven.buttons {
  width: 100%;
}
.ui.seven.buttons > .button {
  width: 14.285%;
}
.ui.eight.buttons {
  width: 100%;
}
.ui.eight.buttons > .button {
  width: 12.5%;
}
.ui.nine.buttons {
  width: 100%;
}
.ui.nine.buttons > .button {
  width: 11.11%;
}
.ui.ten.buttons {
  width: 100%;
}
.ui.ten.buttons > .button {
  width: 10%;
}
.ui.eleven.buttons {
  width: 100%;
}
.ui.eleven.buttons > .button {
  width: 9.09%;
}
.ui.twelve.buttons {
  width: 100%;
}
.ui.twelve.buttons > .button {
  width: 8.3333%;
}
/* Fluid Vertical Buttons */
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
.ui.two.vertical.buttons > .button {
  height: 50%;
}
.ui.three.vertical.buttons > .button {
  height: 33.333%;
}
.ui.four.vertical.buttons > .button {
  height: 25%;
}
.ui.five.vertical.buttons > .button {
  height: 20%;
}
.ui.six.vertical.buttons > .button {
  height: 16.666%;
}
.ui.seven.vertical.buttons > .button {
  height: 14.285%;
}
.ui.eight.vertical.buttons > .button {
  height: 12.5%;
}
.ui.nine.vertical.buttons > .button {
  height: 11.11%;
}
.ui.ten.vertical.buttons > .button {
  height: 10%;
}
.ui.eleven.vertical.buttons > .button {
  height: 9.09%;
}
.ui.twelve.vertical.buttons > .button {
  height: 8.3333%;
}
/*-------------------
      Colors
--------------------*/
/*--- Black ---*/
.ui.black.buttons .button,
.ui.black.button {
  background-color: #1B1C1D;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.black.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:focus,
.ui.black.button:focus {
  background-color: #2f3032;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #343637;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active,
.ui.black.active.button,
.ui.black.button .active.button:active {
  background-color: #0f0f10;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
  box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
  color: #1B1C1D !important;
}
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #27292a inset !important;
  color: #27292a !important;
}
.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
  color: #27292a !important;
}
.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
  color: #343637 !important;
}
.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
  box-shadow: 0px 0px 0px 1px #343637 inset !important;
  color: #343637 !important;
}
.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.black.buttons .button,
.ui.inverted.black.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus {
  background-color: #000000;
}
.ui.inverted.black.buttons .active.button,
.ui.inverted.black.active.button {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  background-color: #000000;
}
/* Inverted Basic */
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button,
.ui.inverted.black.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover,
.ui.inverted.black.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #545454 !important;
}
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button,
.ui.inverted.black.basic.active.button {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active,
.ui.inverted.black.basic.button:active {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
/*--- Grey ---*/
.ui.grey.buttons .button,
.ui.grey.button {
  background-color: #767676;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.grey.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.grey.buttons .button:hover,
.ui.grey.button:hover {
  background-color: #838383;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:focus,
.ui.grey.button:focus {
  background-color: #8a8a8a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:active,
.ui.grey.button:active {
  background-color: #909090;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active,
.ui.grey.active.button,
.ui.grey.button .active.button:active {
  background-color: #696969;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
  box-shadow: 0px 0px 0px 1px #767676 inset !important;
  color: #767676 !important;
}
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #838383 inset !important;
  color: #838383 !important;
}
.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #8a8a8a inset !important;
  color: #838383 !important;
}
.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #696969 inset !important;
  color: #909090 !important;
}
.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
  box-shadow: 0px 0px 0px 1px #909090 inset !important;
  color: #909090 !important;
}
.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.grey.buttons .button,
.ui.inverted.grey.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF;
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover {
  background-color: #cfd0d2;
}
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus {
  background-color: #c7c9cb;
}
.ui.inverted.grey.buttons .active.button,
.ui.inverted.grey.active.button {
  background-color: #cfd0d2;
}
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  background-color: #c2c4c5;
}
/* Inverted Basic */
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button,
.ui.inverted.grey.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover,
.ui.inverted.grey.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #c7c9cb inset !important;
  color: #DCDDDE !important;
}
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button,
.ui.inverted.grey.basic.active.button {
  box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active,
.ui.inverted.grey.basic.button:active {
  box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important;
  color: #FFFFFF !important;
}
/*--- Brown ---*/
.ui.brown.buttons .button,
.ui.brown.button {
  background-color: #A5673F;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.brown.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.brown.buttons .button:hover,
.ui.brown.button:hover {
  background-color: #975b33;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
  background-color: #90532b;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:active,
.ui.brown.button:active {
  background-color: #805031;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active,
.ui.brown.active.button,
.ui.brown.button .active.button:active {
  background-color: #995a31;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
  box-shadow: 0px 0px 0px 1px #A5673F inset !important;
  color: #A5673F !important;
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #975b33 inset !important;
  color: #975b33 !important;
}
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #90532b inset !important;
  color: #975b33 !important;
}
.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #995a31 inset !important;
  color: #805031 !important;
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
  box-shadow: 0px 0px 0px 1px #805031 inset !important;
  color: #805031 !important;
}
.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.brown.buttons .button,
.ui.inverted.brown.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
  color: #D67C1C;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover {
  background-color: #c86f11;
}
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus {
  background-color: #c16808;
}
.ui.inverted.brown.buttons .active.button,
.ui.inverted.brown.active.button {
  background-color: #cc6f0d;
}
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  background-color: #a96216;
}
/* Inverted Basic */
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button,
.ui.inverted.brown.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover,
.ui.inverted.brown.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #c16808 inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button,
.ui.inverted.brown.basic.active.button {
  box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active,
.ui.inverted.brown.basic.button:active {
  box-shadow: 0px 0px 0px 2px #a96216 inset !important;
  color: #D67C1C !important;
}
/*--- Blue ---*/
.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #2185D0;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.blue.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #1678c2;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
  background-color: #0d71bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #1a69a4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active,
.ui.blue.active.button,
.ui.blue.button .active.button:active {
  background-color: #1279c6;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
  box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
  color: #2185D0 !important;
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
  color: #1678c2 !important;
}
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
  color: #1678c2 !important;
}
.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
  color: #1a69a4 !important;
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
  box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
  color: #1a69a4 !important;
}
.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.blue.buttons .button,
.ui.inverted.blue.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
  color: #54C8FF;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover {
  background-color: #3ac0ff;
}
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus {
  background-color: #2bbbff;
}
.ui.inverted.blue.buttons .active.button,
.ui.inverted.blue.active.button {
  background-color: #3ac0ff;
}
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  background-color: #21b8ff;
}
/* Inverted Basic */
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button,
.ui.inverted.blue.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover,
.ui.inverted.blue.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button,
.ui.inverted.blue.basic.active.button {
  box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
  color: #54C8FF !important;
}
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active,
.ui.inverted.blue.basic.button:active {
  box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
  color: #54C8FF !important;
}
/*--- Green ---*/
.ui.green.buttons .button,
.ui.green.button {
  background-color: #21BA45;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.green.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.green.buttons .button:hover,
.ui.green.button:hover {
  background-color: #16ab39;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:focus,
.ui.green.button:focus {
  background-color: #0ea432;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #198f35;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
  background-color: #13ae38;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
  box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
  color: #21BA45 !important;
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
  color: #16ab39 !important;
}
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
  color: #16ab39 !important;
}
.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
  color: #198f35 !important;
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
  box-shadow: 0px 0px 0px 1px #198f35 inset !important;
  color: #198f35 !important;
}
.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.green.buttons .button,
.ui.inverted.green.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
  color: #2ECC40;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover {
  background-color: #22be34;
}
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus {
  background-color: #19b82b;
}
.ui.inverted.green.buttons .active.button,
.ui.inverted.green.active.button {
  background-color: #1fc231;
}
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  background-color: #25a233;
}
/* Inverted Basic */
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button,
.ui.inverted.green.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover,
.ui.inverted.green.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #22be34 inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #19b82b inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button,
.ui.inverted.green.basic.active.button {
  box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active,
.ui.inverted.green.basic.button:active {
  box-shadow: 0px 0px 0px 2px #25a233 inset !important;
  color: #2ECC40 !important;
}
/*--- Orange ---*/
.ui.orange.buttons .button,
.ui.orange.button {
  background-color: #F2711C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.orange.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
  background-color: #f26202;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
  background-color: #e55b00;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: #cf590c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active,
.ui.orange.active.button,
.ui.orange.button .active.button:active {
  background-color: #f56100;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
  box-shadow: 0px 0px 0px 1px #F2711C inset !important;
  color: #F2711C !important;
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f26202 inset !important;
  color: #f26202 !important;
}
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e55b00 inset !important;
  color: #f26202 !important;
}
.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f56100 inset !important;
  color: #cf590c !important;
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
  box-shadow: 0px 0px 0px 1px #cf590c inset !important;
  color: #cf590c !important;
}
.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF851B inset !important;
  color: #FF851B;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
  background-color: #ff7701;
}
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus {
  background-color: #f17000;
}
.ui.inverted.orange.buttons .active.button,
.ui.inverted.orange.active.button {
  background-color: #ff7701;
}
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  background-color: #e76b00;
}
/* Inverted Basic */
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button,
.ui.inverted.orange.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover,
.ui.inverted.orange.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #f17000 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button,
.ui.inverted.orange.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active,
.ui.inverted.orange.basic.button:active {
  box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
  color: #FF851B !important;
}
/*--- Pink ---*/
.ui.pink.buttons .button,
.ui.pink.button {
  background-color: #E03997;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.pink.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.pink.buttons .button:hover,
.ui.pink.button:hover {
  background-color: #e61a8d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:focus,
.ui.pink.button:focus {
  background-color: #e10f85;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:active,
.ui.pink.button:active {
  background-color: #c71f7e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active,
.ui.pink.active.button,
.ui.pink.button .active.button:active {
  background-color: #ea158d;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
  box-shadow: 0px 0px 0px 1px #E03997 inset !important;
  color: #E03997 !important;
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
  color: #e61a8d !important;
}
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
  color: #e61a8d !important;
}
.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #ea158d inset !important;
  color: #c71f7e !important;
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
  box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
  color: #c71f7e !important;
}
.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.pink.buttons .button,
.ui.inverted.pink.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
  color: #FF8EDF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover {
  background-color: #ff74d8;
}
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus {
  background-color: #ff65d3;
}
.ui.inverted.pink.buttons .active.button,
.ui.inverted.pink.active.button {
  background-color: #ff74d8;
}
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  background-color: #ff5bd1;
}
/* Inverted Basic */
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button,
.ui.inverted.pink.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover,
.ui.inverted.pink.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button,
.ui.inverted.pink.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active,
.ui.inverted.pink.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
  color: #FF8EDF !important;
}
/*--- Violet ---*/
.ui.violet.buttons .button,
.ui.violet.button {
  background-color: #6435C9;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.violet.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.violet.buttons .button:hover,
.ui.violet.button:hover {
  background-color: #5829bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:focus,
.ui.violet.button:focus {
  background-color: #4f20b5;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:active,
.ui.violet.button:active {
  background-color: #502aa1;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active,
.ui.violet.active.button,
.ui.violet.button .active.button:active {
  background-color: #5626bf;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
  box-shadow: 0px 0px 0px 1px #6435C9 inset !important;
  color: #6435C9 !important;
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #5829bb inset !important;
  color: #5829bb !important;
}
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #4f20b5 inset !important;
  color: #5829bb !important;
}
.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #5626bf inset !important;
  color: #502aa1 !important;
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
  box-shadow: 0px 0px 0px 1px #502aa1 inset !important;
  color: #502aa1 !important;
}
.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.violet.buttons .button,
.ui.inverted.violet.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #A291FB inset !important;
  color: #A291FB;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover {
  background-color: #8a73ff;
}
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus {
  background-color: #7d64ff;
}
.ui.inverted.violet.buttons .active.button,
.ui.inverted.violet.active.button {
  background-color: #8a73ff;
}
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  background-color: #7860f9;
}
/* Inverted Basic */
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button,
.ui.inverted.violet.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover,
.ui.inverted.violet.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button,
.ui.inverted.violet.basic.active.button {
  box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active,
.ui.inverted.violet.basic.button:active {
  box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
  color: #A291FB !important;
}
/*--- Purple ---*/
.ui.purple.buttons .button,
.ui.purple.button {
  background-color: #A333C8;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.purple.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
  background-color: #9627ba;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
  background-color: #8f1eb4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #82299f;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active,
.ui.purple.active.button,
.ui.purple.button .active.button:active {
  background-color: #9724be;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
  box-shadow: 0px 0px 0px 1px #A333C8 inset !important;
  color: #A333C8 !important;
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9627ba inset !important;
  color: #9627ba !important;
}
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
  color: #9627ba !important;
}
.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9724be inset !important;
  color: #82299f !important;
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
  box-shadow: 0px 0px 0px 1px #82299f inset !important;
  color: #82299f !important;
}
.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.purple.buttons .button,
.ui.inverted.purple.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #DC73FF inset !important;
  color: #DC73FF;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover {
  background-color: #d65aff;
}
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus {
  background-color: #d24aff;
}
.ui.inverted.purple.buttons .active.button,
.ui.inverted.purple.active.button {
  background-color: #d65aff;
}
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  background-color: #cf40ff;
}
/* Inverted Basic */
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button,
.ui.inverted.purple.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover,
.ui.inverted.purple.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #d65aff inset !important;
  color: #DC73FF !important;
}
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #d24aff inset !important;
  color: #DC73FF !important;
}
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button,
.ui.inverted.purple.basic.active.button {
  box-shadow: 0px 0px 0px 2px #d65aff inset !important;
  color: #DC73FF !important;
}
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active,
.ui.inverted.purple.basic.button:active {
  box-shadow: 0px 0px 0px 2px #cf40ff inset !important;
  color: #DC73FF !important;
}
/*--- Red ---*/
.ui.red.buttons .button,
.ui.red.button {
  background-color: #DB2828;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.red.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.red.buttons .button:hover,
.ui.red.button:hover {
  background-color: #d01919;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:focus,
.ui.red.button:focus {
  background-color: #ca1010;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: #b21e1e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active,
.ui.red.active.button,
.ui.red.button .active.button:active {
  background-color: #d41515;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
  box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
  color: #DB2828 !important;
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d01919 inset !important;
  color: #d01919 !important;
}
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
  color: #d01919 !important;
}
.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d41515 inset !important;
  color: #b21e1e !important;
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
  box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
  color: #b21e1e !important;
}
.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.red.buttons .button,
.ui.inverted.red.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF695E inset !important;
  color: #FF695E;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover {
  background-color: #ff5144;
}
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus {
  background-color: #ff4335;
}
.ui.inverted.red.buttons .active.button,
.ui.inverted.red.active.button {
  background-color: #ff5144;
}
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  background-color: #ff392b;
}
/* Inverted Basic */
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button,
.ui.inverted.red.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover,
.ui.inverted.red.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button,
.ui.inverted.red.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active,
.ui.inverted.red.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ff392b inset !important;
  color: #FF695E !important;
}
/*--- Teal ---*/
.ui.teal.buttons .button,
.ui.teal.button {
  background-color: #00B5AD;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.teal.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
  background-color: #008c86;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: #00827c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active,
.ui.teal.active.button,
.ui.teal.button .active.button:active {
  background-color: #009c95;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
  box-shadow: 0px 0px 0px 1px #00B5AD inset !important;
  color: #00B5AD !important;
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #009c95 inset !important;
  color: #009c95 !important;
}
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #008c86 inset !important;
  color: #009c95 !important;
}
.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #009c95 inset !important;
  color: #00827c !important;
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
  box-shadow: 0px 0px 0px 1px #00827c inset !important;
  color: #00827c !important;
}
.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.teal.buttons .button,
.ui.inverted.teal.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #6DFFFF inset !important;
  color: #6DFFFF;
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover {
  background-color: #54ffff;
}
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus {
  background-color: #44ffff;
}
.ui.inverted.teal.buttons .active.button,
.ui.inverted.teal.active.button {
  background-color: #54ffff;
}
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  background-color: #3affff;
}
/* Inverted Basic */
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button,
.ui.inverted.teal.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover,
.ui.inverted.teal.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #54ffff inset !important;
  color: #6DFFFF !important;
}
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #44ffff inset !important;
  color: #6DFFFF !important;
}
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button,
.ui.inverted.teal.basic.active.button {
  box-shadow: 0px 0px 0px 2px #54ffff inset !important;
  color: #6DFFFF !important;
}
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active,
.ui.inverted.teal.basic.button:active {
  box-shadow: 0px 0px 0px 2px #3affff inset !important;
  color: #6DFFFF !important;
}
/*--- Olive ---*/
.ui.olive.buttons .button,
.ui.olive.button {
  background-color: #B5CC18;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.olive.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.olive.buttons .button:hover,
.ui.olive.button:hover {
  background-color: #a7bd0d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:focus,
.ui.olive.button:focus {
  background-color: #a0b605;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:active,
.ui.olive.button:active {
  background-color: #8d9e13;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active,
.ui.olive.active.button,
.ui.olive.button .active.button:active {
  background-color: #aac109;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
  box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
  color: #B5CC18 !important;
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
  color: #a7bd0d !important;
}
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
  color: #a7bd0d !important;
}
.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #aac109 inset !important;
  color: #8d9e13 !important;
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
  box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
  color: #8d9e13 !important;
}
.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.olive.buttons .button,
.ui.inverted.olive.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
  color: #D9E778;
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover {
  background-color: #d8ea5c;
}
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus {
  background-color: #daef47;
}
.ui.inverted.olive.buttons .active.button,
.ui.inverted.olive.active.button {
  background-color: #daed59;
}
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  background-color: #cddf4d;
}
/* Inverted Basic */
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button,
.ui.inverted.olive.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover,
.ui.inverted.olive.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #daef47 inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button,
.ui.inverted.olive.basic.active.button {
  box-shadow: 0px 0px 0px 2px #daed59 inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active,
.ui.inverted.olive.basic.button:active {
  box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
  color: #D9E778 !important;
}
/*--- Yellow ---*/
.ui.yellow.buttons .button,
.ui.yellow.button {
  background-color: #FBBD08;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.yellow.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover {
  background-color: #eaae00;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
  background-color: #daa300;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
  background-color: #cd9903;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active,
.ui.yellow.active.button,
.ui.yellow.button .active.button:active {
  background-color: #eaae00;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
  box-shadow: 0px 0px 0px 1px #FBBD08 inset !important;
  color: #FBBD08 !important;
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
  color: #eaae00 !important;
}
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #daa300 inset !important;
  color: #eaae00 !important;
}
.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #eaae00 inset !important;
  color: #cd9903 !important;
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
  box-shadow: 0px 0px 0px 1px #cd9903 inset !important;
  color: #cd9903 !important;
}
.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
  color: #FFE21F;
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover {
  background-color: #ffdf05;
}
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus {
  background-color: #f5d500;
}
.ui.inverted.yellow.buttons .active.button,
.ui.inverted.yellow.active.button {
  background-color: #ffdf05;
}
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  background-color: #ebcd00;
}
/* Inverted Basic */
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button,
.ui.inverted.yellow.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover,
.ui.inverted.yellow.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button,
.ui.inverted.yellow.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active,
.ui.inverted.yellow.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
  color: #FFE21F !important;
}
/*-------------------
      Primary
--------------------*/
/*--- Standard ---*/
.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #2185D0;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.primary.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #1678c2;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #0d71bb;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #1a69a4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
  background-color: #1279c6;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  box-shadow: 0px 0px 0px 1px #2185D0 inset !important;
  color: #2185D0 !important;
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #1678c2 inset !important;
  color: #1678c2 !important;
}
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0d71bb inset !important;
  color: #1678c2 !important;
}
.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #1279c6 inset !important;
  color: #1a69a4 !important;
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  box-shadow: 0px 0px 0px 1px #1a69a4 inset !important;
  color: #1a69a4 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/*-------------------
     Secondary
--------------------*/
/* Standard */
.ui.secondary.buttons .button,
.ui.secondary.button {
  background-color: #1B1C1D;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.secondary.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
  background-color: #2e3032;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: #343637;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active,
.ui.secondary.active.button,
.ui.secondary.button .active.button:active {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
  box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
  color: #1B1C1D !important;
}
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #27292a inset !important;
  color: #27292a !important;
}
.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2e3032 inset !important;
  color: #27292a !important;
}
.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #27292a inset !important;
  color: #343637 !important;
}
.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
  box-shadow: 0px 0px 0px 1px #343637 inset !important;
  color: #343637 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/*---------------
   Positive
----------------*/
/* Standard */
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #21BA45;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.positive.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
  background-color: #16ab39;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
  background-color: #0ea432;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #198f35;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active,
.ui.positive.active.button,
.ui.positive.button .active.button:active {
  background-color: #13ae38;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
  box-shadow: 0px 0px 0px 1px #21BA45 inset !important;
  color: #21BA45 !important;
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #16ab39 inset !important;
  color: #16ab39 !important;
}
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0ea432 inset !important;
  color: #16ab39 !important;
}
.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #13ae38 inset !important;
  color: #198f35 !important;
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
  box-shadow: 0px 0px 0px 1px #198f35 inset !important;
  color: #198f35 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/*---------------
    Negative
----------------*/
/* Standard */
.ui.negative.buttons .button,
.ui.negative.button {
  background-color: #DB2828;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.negative.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
  background-color: #d01919;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
  background-color: #ca1010;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #b21e1e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active,
.ui.negative.active.button,
.ui.negative.button .active.button:active {
  background-color: #d41515;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
  box-shadow: 0px 0px 0px 1px #DB2828 inset !important;
  color: #DB2828 !important;
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d01919 inset !important;
  color: #d01919 !important;
}
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #ca1010 inset !important;
  color: #d01919 !important;
}
.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d41515 inset !important;
  color: #b21e1e !important;
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
  box-shadow: 0px 0px 0px 1px #b21e1e inset !important;
  color: #b21e1e !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/*******************************
           Groups
*******************************/
.ui.buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 0em;
  vertical-align: baseline;
  margin: 0em 0.25em 0em 0em;
}
.ui.buttons:not(.basic):not(.inverted) {
  box-shadow: none;
}
/* Clearfix */
.ui.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Standard Group */
.ui.buttons .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0em;
  border-radius: 0em;
  margin: 0px 0px 0px 0px;
}
.ui.buttons > .ui.button:not(.basic):not(.inverted),
.ui.buttons:not(.basic):not(.inverted) > .button {
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0em;
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
/* Vertical  Style */
.ui.vertical.buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ui.vertical.buttons .button {
  display: block;
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
  box-shadow: none;
}
.ui.vertical.buttons .button:first-child,
.ui.vertical.buttons .mini.button:first-child,
.ui.vertical.buttons .tiny.button:first-child,
.ui.vertical.buttons .small.button:first-child,
.ui.vertical.buttons .massive.button:first-child,
.ui.vertical.buttons .huge.button:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0px 0px;
}
.ui.vertical.buttons .button:last-child,
.ui.vertical.buttons .mini.button:last-child,
.ui.vertical.buttons .tiny.button:last-child,
.ui.vertical.buttons .small.button:last-child,
.ui.vertical.buttons .massive.button:last-child,
.ui.vertical.buttons .huge.button:last-child,
.ui.vertical.buttons .gigantic.button:last-child {
  margin-bottom: 0px;
  border-radius: 0px 0px 0.28571429rem 0.28571429rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Container
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Container
*******************************/
/* All Sizes */
.ui.container {
  display: block;
  max-width: 100% !important;
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui.container {
    width: auto !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
  }
  .ui.grid.container {
    width: auto !important;
  }
  .ui.relaxed.grid.container {
    width: auto !important;
  }
  .ui.very.relaxed.grid.container {
    width: auto !important;
  }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.container {
    width: 723px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc(723px + 2rem) !important;
  }
  .ui.relaxed.grid.container {
    width: calc(723px + 3rem) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc(723px + 5rem) !important;
  }
}
/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container {
    width: 933px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc(933px + 2rem) !important;
  }
  .ui.relaxed.grid.container {
    width: calc(933px + 3rem) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc(933px + 5rem) !important;
  }
}
/* Large Monitor */
@media only screen and (min-width: 1200px) {
  .ui.container {
    width: 1127px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc(1127px + 2rem) !important;
  }
  .ui.relaxed.grid.container {
    width: calc(1127px + 3rem) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc(1127px + 5rem) !important;
  }
}
/*******************************
            Types
*******************************/
/* Text Container */
.ui.text.container {
  max-width: 700px !important;
  line-height: 1.5;
}
.ui.text.container {
  font-size: 1.14285714rem;
}
/* Fluid */
.ui.fluid.container {
  width: 100%;
}
/*******************************
          Variations
*******************************/
.ui[class*="left aligned"].container {
  text-align: left;
}
.ui[class*="center aligned"].container {
  text-align: center;
}
.ui[class*="right aligned"].container {
  text-align: right;
}
.ui.justified.container {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Divider
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Divider
*******************************/
.ui.divider {
  margin: 1rem 0rem;
  line-height: 1;
  height: 0em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.85);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*--------------
     Basic
---------------*/
.ui.divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/*--------------
   Coupling
---------------*/
/* Allow divider between each column row */
.ui.grid > .column + .divider,
.ui.grid > .row > .column + .divider {
  left: auto;
}
/*--------------
  Horizontal
---------------*/
.ui.horizontal.divider {
  display: table;
  white-space: nowrap;
  height: auto;
  margin: '';
  line-height: 1;
  text-align: center;
}
.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
}
.ui.horizontal.divider:before {
  background-position: right 1em top 50%;
}
.ui.horizontal.divider:after {
  background-position: left 1em top 50%;
}
/*--------------
   Vertical
---------------*/
.ui.vertical.divider {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: 0rem;
  padding: 0em;
  width: auto;
  height: 50%;
  line-height: 0em;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ui.vertical.divider:before,
.ui.vertical.divider:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  width: 0%;
  height: calc(100% - 1rem);
}
.ui.vertical.divider:before {
  top: -100%;
}
.ui.vertical.divider:after {
  top: auto;
  bottom: 0px;
}
/* Inside grid */
@media only screen and (max-width: 767px) {
  .ui.stackable.grid .ui.vertical.divider,
  .ui.grid .stackable.row .ui.vertical.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: '';
    overflow: hidden;
    line-height: 1;
    text-align: center;
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    position: static;
    left: 0;
    border-left: none;
    border-right: none;
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;
  }
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before {
    background-position: right 1em top 50%;
  }
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    background-position: left 1em top 50%;
  }
}
/*--------------
     Icon
---------------*/
.ui.divider > .icon {
  margin: 0rem;
  font-size: 1rem;
  height: 1em;
  vertical-align: middle;
}
/*******************************
         Variations
*******************************/
/*--------------
   Hidden
---------------*/
.ui.hidden.divider {
  border-color: transparent !important;
}
.ui.hidden.divider:before,
.ui.hidden.divider:after {
  display: none;
}
/*--------------
   Inverted
---------------*/
.ui.divider.inverted,
.ui.vertical.inverted.divider,
.ui.horizontal.inverted.divider {
  color: #FFFFFF;
}
.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {
  border-top-color: rgba(34, 36, 38, 0.15) !important;
  border-left-color: rgba(34, 36, 38, 0.15) !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
  border-right-color: rgba(255, 255, 255, 0.15) !important;
}
/*--------------
   Fitted
---------------*/
.ui.fitted.divider {
  margin: 0em;
}
/*--------------
   Clearing
---------------*/
.ui.clearing.divider {
  clear: both;
}
/*--------------
   Section
---------------*/
.ui.section.divider {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
/*--------------
    Sizes
---------------*/
.ui.divider {
  font-size: 1rem;
}
/*******************************
        Theme Overrides
*******************************/
.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
}
@media only screen and (max-width: 767px) {
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
  }
}
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Flag
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Flag
*******************************/
i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  vertical-align: baseline;
  margin: 0em 0.5em 0em 0em;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Sprite */
i.flag:not(.icon):before {
  display: inline-block;
  content: '';
  background: url("./themes/default/assets/images/flags.png") no-repeat -108px -1976px;
  width: 16px;
  height: 11px;
}
/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
        Theme Overrides
*******************************/
i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0px 0px;
}
i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
  background-position: 0px -26px;
}
i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0px -52px;
}
i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0px -78px;
}
i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0px -104px;
}
i.flag.al:before,
i.flag.albania:before {
  background-position: 0px -130px;
}
i.flag.am:before,
i.flag.armenia:before {
  background-position: 0px -156px;
}
i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0px -182px;
}
i.flag.ao:before,
i.flag.angola:before {
  background-position: 0px -208px;
}
i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0px -234px;
}
i.flag.as:before,
i.flag.american.samoa:before {
  background-position: 0px -260px;
}
i.flag.at:before,
i.flag.austria:before {
  background-position: 0px -286px;
}
i.flag.au:before,
i.flag.australia:before {
  background-position: 0px -312px;
}
i.flag.aw:before,
i.flag.aruba:before {
  background-position: 0px -338px;
}
i.flag.ax:before,
i.flag.aland.islands:before {
  background-position: 0px -364px;
}
i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0px -390px;
}
i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0px -416px;
}
i.flag.bb:before,
i.flag.barbados:before {
  background-position: 0px -442px;
}
i.flag.bd:before,
i.flag.bangladesh:before {
  background-position: 0px -468px;
}
i.flag.be:before,
i.flag.belgium:before {
  background-position: 0px -494px;
}
i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0px -520px;
}
i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0px -546px;
}
i.flag.bh:before,
i.flag.bahrain:before {
  background-position: 0px -572px;
}
i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0px -598px;
}
i.flag.bj:before,
i.flag.benin:before {
  background-position: 0px -624px;
}
i.flag.bm:before,
i.flag.bermuda:before {
  background-position: 0px -650px;
}
i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0px -676px;
}
i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0px -702px;
}
i.flag.br:before,
i.flag.brazil:before {
  background-position: 0px -728px;
}
i.flag.bs:before,
i.flag.bahamas:before {
  background-position: 0px -754px;
}
i.flag.bt:before,
i.flag.bhutan:before {
  background-position: 0px -780px;
}
i.flag.bv:before,
i.flag.bouvet.island:before {
  background-position: 0px -806px;
}
i.flag.bw:before,
i.flag.botswana:before {
  background-position: 0px -832px;
}
i.flag.by:before,
i.flag.belarus:before {
  background-position: 0px -858px;
}
i.flag.bz:before,
i.flag.belize:before {
  background-position: 0px -884px;
}
i.flag.ca:before,
i.flag.canada:before {
  background-position: 0px -910px;
}
i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0px -962px;
}
i.flag.cd:before,
i.flag.congo:before {
  background-position: 0px -988px;
}
i.flag.cf:before,
i.flag.central.african.republic:before {
  background-position: 0px -1014px;
}
i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0px -1040px;
}
i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0px -1066px;
}
i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0px -1092px;
}
i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0px -1118px;
}
i.flag.cl:before,
i.flag.chile:before {
  background-position: 0px -1144px;
}
i.flag.cm:before,
i.flag.cameroon:before {
  background-position: 0px -1170px;
}
i.flag.cn:before,
i.flag.china:before {
  background-position: 0px -1196px;
}
i.flag.co:before,
i.flag.colombia:before {
  background-position: 0px -1222px;
}
i.flag.cr:before,
i.flag.costa.rica:before {
  background-position: 0px -1248px;
}
i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0px -1274px;
}
i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0px -1300px;
}
i.flag.cv:before,
i.flag.cape.verde:before {
  background-position: 0px -1326px;
}
i.flag.cx:before,
i.flag.christmas.island:before {
  background-position: 0px -1352px;
}
i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0px -1378px;
}
i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0px -1404px;
}
i.flag.de:before,
i.flag.germany:before {
  background-position: 0px -1430px;
}
i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0px -1456px;
}
i.flag.dk:before,
i.flag.denmark:before {
  background-position: 0px -1482px;
}
i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0px -1508px;
}
i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0px -1534px;
}
i.flag.dz:before,
i.flag.algeria:before {
  background-position: 0px -1560px;
}
i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0px -1586px;
}
i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0px -1612px;
}
i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0px -1638px;
}
i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0px -1664px;
}
i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0px -1716px;
}
i.flag.es:before,
i.flag.spain:before {
  background-position: 0px -1742px;
}
i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0px -1768px;
}
i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0px -1794px;
}
i.flag.fi:before,
i.flag.finland:before {
  background-position: 0px -1846px;
}
i.flag.fj:before,
i.flag.fiji:before {
  background-position: 0px -1872px;
}
i.flag.fk:before,
i.flag.falkland.islands:before {
  background-position: 0px -1898px;
}
i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0px -1924px;
}
i.flag.fo:before,
i.flag.faroe.islands:before {
  background-position: 0px -1950px;
}
i.flag.fr:before,
i.flag.france:before {
  background-position: 0px -1976px;
}
i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0px;
}
i.flag.gb:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px;
}
i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px;
}
i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px;
}
i.flag.gf:before,
i.flag.french.guiana:before {
  background-position: -36px -104px;
}
i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px;
}
i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px;
}
i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px;
}
i.flag.gm:before,
i.flag.gambia:before {
  background-position: -36px -208px;
}
i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px;
}
i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px;
}
i.flag.gq:before,
i.flag.equatorial.guinea:before {
  background-position: -36px -286px;
}
i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px;
}
i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px;
}
i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px;
}
i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px;
}
i.flag.gw:before,
i.flag.guinea-bissau:before {
  background-position: -36px -416px;
}
i.flag.gy:before,
i.flag.guyana:before {
  background-position: -36px -442px;
}
i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px;
}
i.flag.hm:before,
i.flag.heard.island:before {
  background-position: -36px -494px;
}
i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px;
}
i.flag.hr:before,
i.flag.croatia:before {
  background-position: -36px -546px;
}
i.flag.ht:before,
i.flag.haiti:before {
  background-position: -36px -572px;
}
i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px;
}
i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px;
}
i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px;
}
i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px;
}
i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px;
}
i.flag.io:before,
i.flag.indian.ocean.territory:before {
  background-position: -36px -728px;
}
i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px;
}
i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px;
}
i.flag.is:before,
i.flag.iceland:before {
  background-position: -36px -806px;
}
i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px;
}
i.flag.jm:before,
i.flag.jamaica:before {
  background-position: -36px -858px;
}
i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px;
}
i.flag.jp:before,
i.flag.japan:before {
  background-position: -36px -910px;
}
i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px;
}
i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px;
}
i.flag.kh:before,
i.flag.cambodia:before {
  background-position: -36px -988px;
}
i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px;
}
i.flag.km:before,
i.flag.comoros:before {
  background-position: -36px -1040px;
}
i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px;
}
i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px;
}
i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px;
}
i.flag.kw:before,
i.flag.kuwait:before {
  background-position: -36px -1144px;
}
i.flag.ky:before,
i.flag.cayman.islands:before {
  background-position: -36px -1170px;
}
i.flag.kz:before,
i.flag.kazakhstan:before {
  background-position: -36px -1196px;
}
i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px;
}
i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px;
}
i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px;
}
i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px;
}
i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px;
}
i.flag.lr:before,
i.flag.liberia:before {
  background-position: -36px -1352px;
}
i.flag.ls:before,
i.flag.lesotho:before {
  background-position: -36px -1378px;
}
i.flag.lt:before,
i.flag.lithuania:before {
  background-position: -36px -1404px;
}
i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px;
}
i.flag.lv:before,
i.flag.latvia:before {
  background-position: -36px -1456px;
}
i.flag.ly:before,
i.flag.libya:before {
  background-position: -36px -1482px;
}
i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px;
}
i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px;
}
i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px;
}
i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px;
}
i.flag.mg:before,
i.flag.madagascar:before {
  background-position: -36px -1613px;
}
i.flag.mh:before,
i.flag.marshall.islands:before {
  background-position: -36px -1639px;
}
i.flag.mk:before,
i.flag.macedonia:before {
  background-position: -36px -1665px;
}
i.flag.ml:before,
i.flag.mali:before {
  background-position: -36px -1691px;
}
i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
  background-position: -36px -1717px;
}
i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px;
}
i.flag.mo:before,
i.flag.macau:before {
  background-position: -36px -1769px;
}
i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px;
}
i.flag.mq:before,
i.flag.martinique:before {
  background-position: -36px -1821px;
}
i.flag.mr:before,
i.flag.mauritania:before {
  background-position: -36px -1847px;
}
i.flag.ms:before,
i.flag.montserrat:before {
  background-position: -36px -1873px;
}
i.flag.mt:before,
i.flag.malta:before {
  background-position: -36px -1899px;
}
i.flag.mu:before,
i.flag.mauritius:before {
  background-position: -36px -1925px;
}
i.flag.mv:before,
i.flag.maldives:before {
  background-position: -36px -1951px;
}
i.flag.mw:before,
i.flag.malawi:before {
  background-position: -36px -1977px;
}
i.flag.mx:before,
i.flag.mexico:before {
  background-position: -72px 0px;
}
i.flag.my:before,
i.flag.malaysia:before {
  background-position: -72px -26px;
}
i.flag.mz:before,
i.flag.mozambique:before {
  background-position: -72px -52px;
}
i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px;
}
i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px;
}
i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px;
}
i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px;
}
i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px;
}
i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px;
}
i.flag.nl:before,
i.flag.netherlands:before {
  background-position: -72px -234px;
}
i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px;
}
i.flag.np:before,
i.flag.nepal:before {
  background-position: -72px -286px;
}
i.flag.nr:before,
i.flag.nauru:before {
  background-position: -72px -312px;
}
i.flag.nu:before,
i.flag.niue:before {
  background-position: -72px -338px;
}
i.flag.nz:before,
i.flag.new.zealand:before {
  background-position: -72px -364px;
}
i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px;
}
i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px;
}
i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px;
}
i.flag.pf:before,
i.flag.french.polynesia:before {
  background-position: -72px -468px;
}
i.flag.pg:before,
i.flag.new.guinea:before {
  background-position: -72px -494px;
}
i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px;
}
i.flag.pk:before,
i.flag.pakistan:before {
  background-position: -72px -546px;
}
i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px;
}
i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px;
}
i.flag.pn:before,
i.flag.pitcairn.islands:before {
  background-position: -72px -624px;
}
i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px;
}
i.flag.ps:before,
i.flag.palestine:before {
  background-position: -72px -676px;
}
i.flag.pt:before,
i.flag.portugal:before {
  background-position: -72px -702px;
}
i.flag.pw:before,
i.flag.palau:before {
  background-position: -72px -728px;
}
i.flag.py:before,
i.flag.paraguay:before {
  background-position: -72px -754px;
}
i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px;
}
i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px;
}
i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px;
}
i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px;
}
i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px;
}
i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px;
}
i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px;
}
i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px;
}
i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px;
}
i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px;
}
i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px;
}
i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px;
}
i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px;
}
i.flag.sh:before,
i.flag.saint.helena:before {
  background-position: -72px -1118px;
}
i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px;
}
i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
  background-position: -72px -1170px;
}
i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px;
}
i.flag.sl:before,
i.flag.sierra.leone:before {
  background-position: -72px -1222px;
}
i.flag.sm:before,
i.flag.san.marino:before {
  background-position: -72px -1248px;
}
i.flag.sn:before,
i.flag.senegal:before {
  background-position: -72px -1274px;
}
i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px;
}
i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px;
}
i.flag.st:before,
i.flag.sao.tome:before {
  background-position: -72px -1352px;
}
i.flag.sv:before,
i.flag.el.salvador:before {
  background-position: -72px -1378px;
}
i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px;
}
i.flag.sz:before,
i.flag.swaziland:before {
  background-position: -72px -1430px;
}
i.flag.tc:before,
i.flag.caicos.islands:before {
  background-position: -72px -1456px;
}
i.flag.td:before,
i.flag.chad:before {
  background-position: -72px -1482px;
}
i.flag.tf:before,
i.flag.french.territories:before {
  background-position: -72px -1508px;
}
i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px;
}
i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px;
}
i.flag.tj:before,
i.flag.tajikistan:before {
  background-position: -72px -1586px;
}
i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px;
}
i.flag.tl:before,
i.flag.timorleste:before {
  background-position: -72px -1638px;
}
i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px;
}
i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px;
}
i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px;
}
i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px;
}
i.flag.tt:before,
i.flag.trinidad:before {
  background-position: -72px -1768px;
}
i.flag.tv:before,
i.flag.tuvalu:before {
  background-position: -72px -1794px;
}
i.flag.tw:before,
i.flag.taiwan:before {
  background-position: -72px -1820px;
}
i.flag.tz:before,
i.flag.tanzania:before {
  background-position: -72px -1846px;
}
i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px;
}
i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px;
}
i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px;
}
i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
  background-position: -72px -1950px;
}
i.flag.uy:before,
i.flag.uruguay:before {
  background-position: -72px -1976px;
}
i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0px;
}
i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px;
}
i.flag.vc:before,
i.flag.saint.vincent:before {
  background-position: -108px -52px;
}
i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px;
}
i.flag.vg:before,
i.flag.british.virgin.islands:before {
  background-position: -108px -104px;
}
i.flag.vi:before,
i.flag.us.virgin.islands:before {
  background-position: -108px -130px;
}
i.flag.vn:before,
i.flag.vietnam:before {
  background-position: -108px -156px;
}
i.flag.vu:before,
i.flag.vanuatu:before {
  background-position: -108px -182px;
}
i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px;
}
i.flag.wf:before,
i.flag.wallis.and.futuna:before {
  background-position: -108px -234px;
}
i.flag.ws:before,
i.flag.samoa:before {
  background-position: -108px -260px;
}
i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px;
}
i.flag.yt:before,
i.flag.mayotte:before {
  background-position: -108px -312px;
}
i.flag.za:before,
i.flag.south.africa:before {
  background-position: -108px -338px;
}
i.flag.zm:before,
i.flag.zambia:before {
  background-position: -108px -364px;
}
i.flag.zw:before,
i.flag.zimbabwe:before {
  background-position: -108px -390px;
}
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Header
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Header
*******************************/
/* Standard */
.ui.header {
  border: none;
  margin: calc(2rem - 0.14285em) 0em 1rem;
  padding: 0em 0em;
  font-weight: bold;
  line-height: 1.2857em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
}
.ui.header:first-child {
  margin-top: -0.14285em;
}
.ui.header:last-child {
  margin-bottom: 0em;
}
/*--------------
  Sub Header
---------------*/
.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0em;
  margin: 0em;
  font-size: 1rem;
  line-height: 1.2em;
  color: rgba(0, 0, 0, 0.6);
}
/*--------------
     Icon
---------------*/
.ui.header > .icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0.14285em;
  vertical-align: middle;
}
/* With Text Node */
.ui.header .icon:only-child {
  display: inline-block;
  padding: 0em;
  margin-right: 0.75rem;
}
/*-------------------
       Image
--------------------*/
.ui.header > .image,
.ui.header > img {
  display: inline-block;
  margin-top: 0.14285em;
  width: 2.5em;
  height: auto;
  vertical-align: middle;
}
.ui.header > .image:only-child,
.ui.header > img:only-child {
  margin-right: 0.75rem;
}
/*--------------
    Content
---------------*/
.ui.header .content {
  display: inline-block;
  vertical-align: top;
}
/* After Image */
.ui.header > img + .content,
.ui.header > .image + .content {
  padding-left: 0.75rem;
  vertical-align: middle;
}
/* After Icon */
.ui.header > .icon + .content {
  padding-left: 0.75rem;
  display: table-cell;
  vertical-align: middle;
}
/*--------------
Loose Coupling
---------------*/
.ui.header .ui.label {
  font-size: '';
  margin-left: 0.5rem;
  vertical-align: middle;
}
/* Positioning */
.ui.header + p {
  margin-top: 0em;
}
/*******************************
           Types
*******************************/
/*--------------
    Page
---------------*/
h1.ui.header {
  font-size: 2rem;
}
h2.ui.header {
  font-size: 1.714rem;
}
h3.ui.header {
  font-size: 1.28rem;
}
h4.ui.header {
  font-size: 1.071rem;
}
h5.ui.header {
  font-size: 1rem;
}
/* Sub Header */
h1.ui.header .sub.header {
  font-size: 1.14285714rem;
}
h2.ui.header .sub.header {
  font-size: 1.14285714rem;
}
h3.ui.header .sub.header {
  font-size: 1rem;
}
h4.ui.header .sub.header {
  font-size: 1rem;
}
h5.ui.header .sub.header {
  font-size: 0.92857143rem;
}
/*--------------
Content Heading
---------------*/
.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}
.ui.large.header {
  font-size: 1.714em;
}
.ui.medium.header {
  font-size: 1.28em;
}
.ui.small.header {
  font-size: 1.071em;
}
.ui.tiny.header {
  font-size: 1em;
}
/* Sub Header */
.ui.huge.header .sub.header {
  font-size: 1.14285714rem;
}
.ui.large.header .sub.header {
  font-size: 1.14285714rem;
}
.ui.header .sub.header {
  font-size: 1rem;
}
.ui.small.header .sub.header {
  font-size: 1rem;
}
.ui.tiny.header .sub.header {
  font-size: 0.92857143rem;
}
/*--------------
  Sub Heading
---------------*/
.ui.sub.header {
  padding: 0em;
  margin-bottom: 0.14285714rem;
  font-weight: bold;
  font-size: 0.85714286em;
  text-transform: uppercase;
  color: '';
}
.ui.small.sub.header {
  font-size: 0.78571429em;
}
.ui.sub.header {
  font-size: 0.85714286em;
}
.ui.large.sub.header {
  font-size: 0.92857143em;
}
.ui.huge.sub.header {
  font-size: 1em;
}
/*-------------------
       Icon
--------------------*/
.ui.icon.header {
  display: inline-block;
  text-align: center;
  margin: 2rem 0em 1rem;
}
.ui.icon.header:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.ui.icon.header:first-child {
  margin-top: 0em;
}
.ui.icon.header .icon {
  float: none;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 0em;
  font-size: 3em;
  margin: 0em auto 0.5rem;
  opacity: 1;
}
.ui.icon.header .content {
  display: block;
  padding: 0em;
}
.ui.icon.header .circular.icon {
  font-size: 2em;
}
.ui.icon.header .square.icon {
  font-size: 2em;
}
.ui.block.icon.header .icon {
  margin-bottom: 0em;
}
.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/*******************************
           States
*******************************/
.ui.disabled.header {
  opacity: 0.45;
}
/*******************************
          Variations
*******************************/
/*-------------------
     Inverted
--------------------*/
.ui.inverted.header {
  color: #FFFFFF;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.attached.header {
  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
  border-color: transparent;
}
.ui.inverted.block.header {
  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
}
.ui.inverted.block.header {
  border-bottom: none;
}
/*-------------------
      Colors
--------------------*/
/*--- Red ---*/
.ui.red.header {
  color: #DB2828 !important;
}
a.ui.red.header:hover {
  color: #d01919 !important;
}
.ui.red.dividing.header {
  border-bottom: 2px solid #DB2828;
}
/* Inverted */
.ui.inverted.red.header {
  color: #FF695E !important;
}
a.ui.inverted.red.header:hover {
  color: #ff5144 !important;
}
/*--- Orange ---*/
.ui.orange.header {
  color: #F2711C !important;
}
a.ui.orange.header:hover {
  color: #f26202 !important;
}
.ui.orange.dividing.header {
  border-bottom: 2px solid #F2711C;
}
/* Inverted */
.ui.inverted.orange.header {
  color: #FF851B !important;
}
a.ui.inverted.orange.header:hover {
  color: #ff7701 !important;
}
/*--- Olive ---*/
.ui.olive.header {
  color: #B5CC18 !important;
}
a.ui.olive.header:hover {
  color: #a7bd0d !important;
}
.ui.olive.dividing.header {
  border-bottom: 2px solid #B5CC18;
}
/* Inverted */
.ui.inverted.olive.header {
  color: #D9E778 !important;
}
a.ui.inverted.olive.header:hover {
  color: #d8ea5c !important;
}
/*--- Yellow ---*/
.ui.yellow.header {
  color: #FBBD08 !important;
}
a.ui.yellow.header:hover {
  color: #eaae00 !important;
}
.ui.yellow.dividing.header {
  border-bottom: 2px solid #FBBD08;
}
/* Inverted */
.ui.inverted.yellow.header {
  color: #FFE21F !important;
}
a.ui.inverted.yellow.header:hover {
  color: #ffdf05 !important;
}
/*--- Green ---*/
.ui.green.header {
  color: #21BA45 !important;
}
a.ui.green.header:hover {
  color: #16ab39 !important;
}
.ui.green.dividing.header {
  border-bottom: 2px solid #21BA45;
}
/* Inverted */
.ui.inverted.green.header {
  color: #2ECC40 !important;
}
a.ui.inverted.green.header:hover {
  color: #22be34 !important;
}
/*--- Teal ---*/
.ui.teal.header {
  color: #00B5AD !important;
}
a.ui.teal.header:hover {
  color: #009c95 !important;
}
.ui.teal.dividing.header {
  border-bottom: 2px solid #00B5AD;
}
/* Inverted */
.ui.inverted.teal.header {
  color: #6DFFFF !important;
}
a.ui.inverted.teal.header:hover {
  color: #54ffff !important;
}
/*--- Blue ---*/
.ui.blue.header {
  color: #2185D0 !important;
}
a.ui.blue.header:hover {
  color: #1678c2 !important;
}
.ui.blue.dividing.header {
  border-bottom: 2px solid #2185D0;
}
/* Inverted */
.ui.inverted.blue.header {
  color: #54C8FF !important;
}
a.ui.inverted.blue.header:hover {
  color: #3ac0ff !important;
}
/*--- Violet ---*/
.ui.violet.header {
  color: #6435C9 !important;
}
a.ui.violet.header:hover {
  color: #5829bb !important;
}
.ui.violet.dividing.header {
  border-bottom: 2px solid #6435C9;
}
/* Inverted */
.ui.inverted.violet.header {
  color: #A291FB !important;
}
a.ui.inverted.violet.header:hover {
  color: #8a73ff !important;
}
/*--- Purple ---*/
.ui.purple.header {
  color: #A333C8 !important;
}
a.ui.purple.header:hover {
  color: #9627ba !important;
}
.ui.purple.dividing.header {
  border-bottom: 2px solid #A333C8;
}
/* Inverted */
.ui.inverted.purple.header {
  color: #DC73FF !important;
}
a.ui.inverted.purple.header:hover {
  color: #d65aff !important;
}
/*--- Pink ---*/
.ui.pink.header {
  color: #E03997 !important;
}
a.ui.pink.header:hover {
  color: #e61a8d !important;
}
.ui.pink.dividing.header {
  border-bottom: 2px solid #E03997;
}
/* Inverted */
.ui.inverted.pink.header {
  color: #FF8EDF !important;
}
a.ui.inverted.pink.header:hover {
  color: #ff74d8 !important;
}
/*--- Brown ---*/
.ui.brown.header {
  color: #A5673F !important;
}
a.ui.brown.header:hover {
  color: #975b33 !important;
}
.ui.brown.dividing.header {
  border-bottom: 2px solid #A5673F;
}
/* Inverted */
.ui.inverted.brown.header {
  color: #D67C1C !important;
}
a.ui.inverted.brown.header:hover {
  color: #c86f11 !important;
}
/*--- Grey ---*/
.ui.grey.header {
  color: #767676 !important;
}
a.ui.grey.header:hover {
  color: #838383 !important;
}
.ui.grey.dividing.header {
  border-bottom: 2px solid #767676;
}
/* Inverted */
.ui.inverted.grey.header {
  color: #DCDDDE !important;
}
a.ui.inverted.grey.header:hover {
  color: #cfd0d2 !important;
}
/*-------------------
      Aligned
--------------------*/
.ui.left.aligned.header {
  text-align: left;
}
.ui.right.aligned.header {
  text-align: right;
}
.ui.centered.header,
.ui.center.aligned.header {
  text-align: center;
}
.ui.justified.header {
  text-align: justify;
}
.ui.justified.header:after {
  display: inline-block;
  content: '';
  width: 100%;
}
/*-------------------
      Floated
--------------------*/
.ui.floated.header,
.ui[class*="left floated"].header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}
.ui[class*="right floated"].header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}
/*-------------------
      Fitted
--------------------*/
.ui.fitted.header {
  padding: 0em;
}
/*-------------------
     Dividing
--------------------*/
.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.21428571rem;
}
.ui.dividing.header .icon {
  margin-bottom: 0em;
}
.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
/*-------------------
       Block
--------------------*/
.ui.block.header {
  background: #F3F4F5;
  padding: 0.78571429rem 1rem;
  box-shadow: none;
  border: 1px solid #D4D4D5;
  border-radius: 0.28571429rem;
}
.ui.tiny.block.header {
  font-size: 0.85714286rem;
}
.ui.small.block.header {
  font-size: 0.92857143rem;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1rem;
}
.ui.large.block.header {
  font-size: 1.14285714rem;
}
.ui.huge.block.header {
  font-size: 1.42857143rem;
}
/*-------------------
      Attached
--------------------*/
.ui.attached.header {
  background: #FFFFFF;
  padding: 0.78571429rem 1rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached.block.header {
  background: #F3F4F5;
}
.ui.attached:not(.top):not(.bottom).header {
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: none;
  border-radius: 0em;
}
.ui.top.attached.header {
  margin-bottom: 0em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.bottom.attached.header {
  margin-top: 0em;
  border-top: none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Attached Sizes */
.ui.tiny.attached.header {
  font-size: 0.85714286em;
}
.ui.small.attached.header {
  font-size: 0.92857143em;
}
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em;
}
.ui.large.attached.header {
  font-size: 1.14285714em;
}
.ui.huge.attached.header {
  font-size: 1.42857143em;
}
/*-------------------
       Sizing
--------------------*/
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Icon
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Icon
*******************************/
@font-face {
  font-family: 'Icons';
  src: url("./themes/default/assets/fonts/icons.eot");
  src: url("./themes/default/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("./themes/default/assets/fonts/icons.woff2") format('woff2'), url("./themes/default/assets/fonts/icons.woff") format('woff'), url("./themes/default/assets/fonts/icons.ttf") format('truetype'), url("./themes/default/assets/fonts/icons.svg#icons") format('svg');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
i.icon {
  display: inline-block;
  opacity: 1;
  margin: 0em 0.25rem 0em 0em;
  width: 1.18em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
i.icon:before {
  background: none !important;
}
/*******************************
            Types
*******************************/
/*--------------
   Loading
---------------*/
i.icon.loading {
  height: 1em;
  line-height: 1;
  -webkit-animation: icon-loading 2s linear infinite;
  animation: icon-loading 2s linear infinite;
}
@-webkit-keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes icon-loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*******************************
            States
*******************************/
i.icon.hover {
  opacity: 1 !important;
}
i.icon.active {
  opacity: 1 !important;
}
i.emphasized.icon {
  opacity: 1 !important;
}
i.disabled.icon {
  opacity: 0.45 !important;
}
/*******************************
          Variations
*******************************/
/*-------------------
       Fitted
--------------------*/
i.fitted.icon {
  width: auto;
  margin: 0em;
}
/*-------------------
        Link
--------------------*/
i.link.icon {
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
i.link.icon:hover {
  opacity: 1 !important;
}
/*-------------------
     Circular
--------------------*/
i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0.5em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}
i.circular.inverted.icon {
  border: none;
  box-shadow: none;
}
/*-------------------
     Flipped
--------------------*/
i.flipped.icon,
i.horizontally.flipped.icon {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*-------------------
     Rotated
--------------------*/
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*-------------------
     Bordered
--------------------*/
i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0.41em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}
i.bordered.inverted.icon {
  border: none;
  box-shadow: none;
}
/*-------------------
     Inverted
--------------------*/
/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
i.inverted.icon {
  color: #FFFFFF;
}
/*-------------------
      Colors
--------------------*/
/* Red */
i.red.icon {
  color: #DB2828 !important;
}
i.inverted.red.icon {
  color: #FF695E !important;
}
i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}
/* Orange */
i.orange.icon {
  color: #F2711C !important;
}
i.inverted.orange.icon {
  color: #FF851B !important;
}
i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}
/* Yellow */
i.yellow.icon {
  color: #FBBD08 !important;
}
i.inverted.yellow.icon {
  color: #FFE21F !important;
}
i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}
/* Olive */
i.olive.icon {
  color: #B5CC18 !important;
}
i.inverted.olive.icon {
  color: #D9E778 !important;
}
i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Green */
i.green.icon {
  color: #21BA45 !important;
}
i.inverted.green.icon {
  color: #2ECC40 !important;
}
i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}
/* Teal */
i.teal.icon {
  color: #00B5AD !important;
}
i.inverted.teal.icon {
  color: #6DFFFF !important;
}
i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}
/* Blue */
i.blue.icon {
  color: #2185D0 !important;
}
i.inverted.blue.icon {
  color: #54C8FF !important;
}
i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}
/* Violet */
i.violet.icon {
  color: #6435C9 !important;
}
i.inverted.violet.icon {
  color: #A291FB !important;
}
i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}
/* Purple */
i.purple.icon {
  color: #A333C8 !important;
}
i.inverted.purple.icon {
  color: #DC73FF !important;
}
i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Pink */
i.pink.icon {
  color: #E03997 !important;
}
i.inverted.pink.icon {
  color: #FF8EDF !important;
}
i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Brown */
i.brown.icon {
  color: #A5673F !important;
}
i.inverted.brown.icon {
  color: #D67C1C !important;
}
i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Grey */
i.grey.icon {
  color: #767676 !important;
}
i.inverted.grey.icon {
  color: #DCDDDE !important;
}
i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}
/* Black */
i.black.icon {
  color: #1B1C1D !important;
}
i.inverted.black.icon {
  color: #545454 !important;
}
i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/*-------------------
       Sizes
--------------------*/
i.mini.icon,
i.mini.icons {
  line-height: 1;
  font-size: 0.4em;
}
i.tiny.icon,
i.tiny.icons {
  line-height: 1;
  font-size: 0.5em;
}
i.small.icon,
i.small.icons {
  line-height: 1;
  font-size: 0.75em;
}
i.icon,
i.icons {
  font-size: 1em;
}
i.large.icon,
i.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em;
}
i.big.icon,
i.big.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 2em;
}
i.huge.icon,
i.huge.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 4em;
}
i.massive.icon,
i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 8em;
}
/*******************************
           Groups
*******************************/
i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
}
i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  margin: 0em;
  margin: 0;
}
i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-right: 0.25rem;
}
/* Corner Icon */
i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  font-size: 0.45em;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}
i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
}
/*
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/*******************************

Semantic-UI integration of font-awesome :

///class names are separated
i.icon.circle => i.icon.circle
i.icon.circle-o => i.icon.circle.outline

//abbreviation are replaced by full letters:
i.icon.ellipsis-h => i.icon.ellipsis.horizontal
i.icon.ellipsis-v => i.icon.ellipsis.vertical
.alpha => .i.icon.alphabet
.asc => .i.icon.ascending
.desc => .i.icon.descending
.alt =>.alternate

ASCII order is conserved for easier maintenance.

Icons that only have one style 'outline', 'square' etc do not require this class
for instance `lemon icon` not `lemon outline icon` since there is only one lemon

*******************************/
/*******************************
           Icons
*******************************/
/* Web Content */
i.icon.search:before {
  content: "\f002";
}
i.icon.mail.outline:before {
  content: "\f003";
}
i.icon.signal:before {
  content: "\f012";
}
i.icon.setting:before {
  content: "\f013";
}
i.icon.home:before {
  content: "\f015";
}
i.icon.inbox:before {
  content: "\f01c";
}
i.icon.browser:before {
  content: "\f022";
}
i.icon.tag:before {
  content: "\f02b";
}
i.icon.tags:before {
  content: "\f02c";
}
i.icon.image:before {
  content: "\f03e";
}
i.icon.calendar:before {
  content: "\f073";
}
i.icon.comment:before {
  content: "\f075";
}
i.icon.shop:before {
  content: "\f07a";
}
i.icon.comments:before {
  content: "\f086";
}
i.icon.external:before {
  content: "\f08e";
}
i.icon.privacy:before {
  content: "\f084";
}
i.icon.settings:before {
  content: "\f085";
}
i.icon.comments:before {
  content: "\f086";
}
i.icon.external:before {
  content: "\f08e";
}
i.icon.trophy:before {
  content: "\f091";
}
i.icon.payment:before {
  content: "\f09d";
}
i.icon.feed:before {
  content: "\f09e";
}
i.icon.alarm.outline:before {
  content: "\f0a2";
}
i.icon.tasks:before {
  content: "\f0ae";
}
i.icon.cloud:before {
  content: "\f0c2";
}
i.icon.lab:before {
  content: "\f0c3";
}
i.icon.mail:before {
  content: "\f0e0";
}
i.icon.dashboard:before {
  content: "\f0e4";
}
i.icon.comment.outline:before {
  content: "\f0e5";
}
i.icon.comments.outline:before {
  content: "\f0e6";
}
i.icon.sitemap:before {
  content: "\f0e8";
}
i.icon.idea:before {
  content: "\f0eb";
}
i.icon.alarm:before {
  content: "\f0f3";
}
i.icon.terminal:before {
  content: "\f120";
}
i.icon.code:before {
  content: "\f121";
}
i.icon.protect:before {
  content: "\f132";
}
i.icon.calendar.outline:before {
  content: "\f133";
}
i.icon.ticket:before {
  content: "\f145";
}
i.icon.external.square:before {
  content: "\f14c";
}
i.icon.bug:before {
  content: "\f188";
}
i.icon.mail.square:before {
  content: "\f199";
}
i.icon.history:before {
  content: "\f1da";
}
i.icon.options:before {
  content: "\f1de";
}
i.icon.text.telephone:before {
  content: "\f1e4";
}
i.icon.find:before {
  content: "\f1e5";
}
i.icon.wifi:before {
  content: "\f1eb";
}
i.icon.alarm.mute:before {
  content: "\f1f6";
}
i.icon.alarm.mute.outline:before {
  content: "\f1f7";
}
i.icon.copyright:before {
  content: "\f1f9";
}
i.icon.at:before {
  content: "\f1fa";
}
i.icon.eyedropper:before {
  content: "\f1fb";
}
i.icon.paint.brush:before {
  content: "\f1fc";
}
i.icon.heartbeat:before {
  content: "\f21e";
}
i.icon.mouse.pointer:before {
  content: "\f245";
}
i.icon.hourglass.empty:before {
  content: "\f250";
}
i.icon.hourglass.start:before {
  content: "\f251";
}
i.icon.hourglass.half:before {
  content: "\f252";
}
i.icon.hourglass.end:before {
  content: "\f253";
}
i.icon.hourglass.full:before {
  content: "\f254";
}
i.icon.hand.pointer:before {
  content: "\f25a";
}
i.icon.trademark:before {
  content: "\f25c";
}
i.icon.registered:before {
  content: "\f25d";
}
i.icon.creative.commons:before {
  content: "\f25e";
}
i.icon.add.to.calendar:before {
  content: "\f271";
}
i.icon.remove.from.calendar:before {
  content: "\f272";
}
i.icon.delete.calendar:before {
  content: "\f273";
}
i.icon.checked.calendar:before {
  content: "\f274";
}
i.icon.industry:before {
  content: "\f275";
}
i.icon.shopping.bag:before {
  content: "\f290";
}
i.icon.shopping.basket:before {
  content: "\f291";
}
i.icon.hashtag:before {
  content: "\f292";
}
i.icon.percent:before {
  content: "\f295";
}
/* User Actions */
i.icon.wait:before {
  content: "\f017";
}
i.icon.download:before {
  content: "\f019";
}
i.icon.repeat:before {
  content: "\f01e";
}
i.icon.refresh:before {
  content: "\f021";
}
i.icon.lock:before {
  content: "\f023";
}
i.icon.bookmark:before {
  content: "\f02e";
}
i.icon.print:before {
  content: "\f02f";
}
i.icon.write:before {
  content: "\f040";
}
i.icon.adjust:before {
  content: "\f042";
}
i.icon.theme:before {
  content: "\f043";
}
i.icon.edit:before {
  content: "\f044";
}
i.icon.external.share:before {
  content: "\f045";
}
i.icon.ban:before {
  content: "\f05e";
}
i.icon.mail.forward:before {
  content: "\f064";
}
i.icon.share:before {
  content: "\f064";
}
i.icon.expand:before {
  content: "\f065";
}
i.icon.compress:before {
  content: "\f066";
}
i.icon.unhide:before {
  content: "\f06e";
}
i.icon.hide:before {
  content: "\f070";
}
i.icon.random:before {
  content: "\f074";
}
i.icon.retweet:before {
  content: "\f079";
}
i.icon.sign.out:before {
  content: "\f08b";
}
i.icon.pin:before {
  content: "\f08d";
}
i.icon.sign.in:before {
  content: "\f090";
}
i.icon.upload:before {
  content: "\f093";
}
i.icon.call:before {
  content: "\f095";
}
i.icon.remove.bookmark:before {
  content: "\f097";
}
i.icon.call.square:before {
  content: "\f098";
}
i.icon.unlock:before {
  content: "\f09c";
}
i.icon.configure:before {
  content: "\f0ad";
}
i.icon.filter:before {
  content: "\f0b0";
}
i.icon.wizard:before {
  content: "\f0d0";
}
i.icon.undo:before {
  content: "\f0e2";
}
i.icon.exchange:before {
  content: "\f0ec";
}
i.icon.cloud.download:before {
  content: "\f0ed";
}
i.icon.cloud.upload:before {
  content: "\f0ee";
}
i.icon.reply:before {
  content: "\f112";
}
i.icon.reply.all:before {
  content: "\f122";
}
i.icon.erase:before {
  content: "\f12d";
}
i.icon.unlock.alternate:before {
  content: "\f13e";
}
i.icon.write.square:before {
  content: "\f14b";
}
i.icon.share.square:before {
  content: "\f14d";
}
i.icon.archive:before {
  content: "\f187";
}
i.icon.translate:before {
  content: "\f1ab";
}
i.icon.recycle:before {
  content: "\f1b8";
}
i.icon.send:before {
  content: "\f1d8";
}
i.icon.send.outline:before {
  content: "\f1d9";
}
i.icon.share.alternate:before {
  content: "\f1e0";
}
i.icon.share.alternate.square:before {
  content: "\f1e1";
}
i.icon.add.to.cart:before {
  content: "\f217";
}
i.icon.in.cart:before {
  content: "\f218";
}
i.icon.add.user:before {
  content: "\f234";
}
i.icon.remove.user:before {
  content: "\f235";
}
i.icon.object.group:before {
  content: "\f247";
}
i.icon.object.ungroup:before {
  content: "\f248";
}
i.icon.clone:before {
  content: "\f24d";
}
i.icon.talk:before {
  content: "\f27a";
}
i.icon.talk.outline:before {
  content: "\f27b";
}
/* Messages */
i.icon.help.circle:before {
  content: "\f059";
}
i.icon.info.circle:before {
  content: "\f05a";
}
i.icon.warning.circle:before {
  content: "\f06a";
}
i.icon.warning.sign:before {
  content: "\f071";
}
i.icon.announcement:before {
  content: "\f0a1";
}
i.icon.help:before {
  content: "\f128";
}
i.icon.info:before {
  content: "\f129";
}
i.icon.warning:before {
  content: "\f12a";
}
i.icon.birthday:before {
  content: "\f1fd";
}
i.icon.help.circle.outline:before {
  content: "\f29c";
}
/* Users */
i.icon.user:before {
  content: "\f007";
}
i.icon.users:before {
  content: "\f0c0";
}
i.icon.doctor:before {
  content: "\f0f0";
}
i.icon.handicap:before {
  content: "\f193";
}
i.icon.student:before {
  content: "\f19d";
}
i.icon.child:before {
  content: "\f1ae";
}
i.icon.spy:before {
  content: "\f21b";
}
/* Gender & Sexuality */
i.icon.female:before {
  content: "\f182";
}
i.icon.male:before {
  content: "\f183";
}
i.icon.woman:before {
  content: "\f221";
}
i.icon.man:before {
  content: "\f222";
}
i.icon.non.binary.transgender:before {
  content: "\f223";
}
i.icon.intergender:before {
  content: "\f224";
}
i.icon.transgender:before {
  content: "\f225";
}
i.icon.lesbian:before {
  content: "\f226";
}
i.icon.gay:before {
  content: "\f227";
}
i.icon.heterosexual:before {
  content: "\f228";
}
i.icon.other.gender:before {
  content: "\f229";
}
i.icon.other.gender.vertical:before {
  content: "\f22a";
}
i.icon.other.gender.horizontal:before {
  content: "\f22b";
}
i.icon.neuter:before {
  content: "\f22c";
}
i.icon.genderless:before {
  content: "\f22d";
}
/* Accessibility */
i.icon.universal.access:before {
  content: "\f29a";
}
i.icon.wheelchair:before {
  content: "\f29b";
}
i.icon.blind:before {
  content: "\f29d";
}
i.icon.audio.description:before {
  content: "\f29e";
}
i.icon.volume.control.phone:before {
  content: "\f2a0";
}
i.icon.braille:before {
  content: "\f2a1";
}
i.icon.asl:before {
  content: "\f2a3";
}
i.icon.assistive.listening.systems:before {
  content: "\f2a2";
}
i.icon.deafness:before {
  content: "\f2a4";
}
i.icon.sign.language:before {
  content: "\f2a7";
}
i.icon.low.vision:before {
  content: "\f2a8";
}
/* View Adjustment */
i.icon.block.layout:before {
  content: "\f009";
}
i.icon.grid.layout:before {
  content: "\f00a";
}
i.icon.list.layout:before {
  content: "\f00b";
}
i.icon.zoom:before {
  content: "\f00e";
}
i.icon.zoom.out:before {
  content: "\f010";
}
i.icon.resize.vertical:before {
  content: "\f07d";
}
i.icon.resize.horizontal:before {
  content: "\f07e";
}
i.icon.maximize:before {
  content: "\f0b2";
}
i.icon.crop:before {
  content: "\f125";
}
/* Literal Objects */
i.icon.cocktail:before {
  content: "\f000";
}
i.icon.road:before {
  content: "\f018";
}
i.icon.flag:before {
  content: "\f024";
}
i.icon.book:before {
  content: "\f02d";
}
i.icon.gift:before {
  content: "\f06b";
}
i.icon.leaf:before {
  content: "\f06c";
}
i.icon.fire:before {
  content: "\f06d";
}
i.icon.plane:before {
  content: "\f072";
}
i.icon.magnet:before {
  content: "\f076";
}
i.icon.lemon:before {
  content: "\f094";
}
i.icon.world:before {
  content: "\f0ac";
}
i.icon.travel:before {
  content: "\f0b1";
}
i.icon.shipping:before {
  content: "\f0d1";
}
i.icon.money:before {
  content: "\f0d6";
}
i.icon.legal:before {
  content: "\f0e3";
}
i.icon.lightning:before {
  content: "\f0e7";
}
i.icon.umbrella:before {
  content: "\f0e9";
}
i.icon.treatment:before {
  content: "\f0f1";
}
i.icon.suitcase:before {
  content: "\f0f2";
}
i.icon.bar:before {
  content: "\f0fc";
}
i.icon.flag.outline:before {
  content: "\f11d";
}
i.icon.flag.checkered:before {
  content: "\f11e";
}
i.icon.puzzle:before {
  content: "\f12e";
}
i.icon.fire.extinguisher:before {
  content: "\f134";
}
i.icon.rocket:before {
  content: "\f135";
}
i.icon.anchor:before {
  content: "\f13d";
}
i.icon.bullseye:before {
  content: "\f140";
}
i.icon.sun:before {
  content: "\f185";
}
i.icon.moon:before {
  content: "\f186";
}
i.icon.fax:before {
  content: "\f1ac";
}
i.icon.life.ring:before {
  content: "\f1cd";
}
i.icon.bomb:before {
  content: "\f1e2";
}
i.icon.soccer:before {
  content: "\f1e3";
}
i.icon.calculator:before {
  content: "\f1ec";
}
i.icon.diamond:before {
  content: "\f219";
}
i.icon.sticky.note:before {
  content: "\f249";
}
i.icon.sticky.note.outline:before {
  content: "\f24a";
}
i.icon.law:before {
  content: "\f24e";
}
i.icon.hand.peace:before {
  content: "\f25b";
}
i.icon.hand.rock:before {
  content: "\f255";
}
i.icon.hand.paper:before {
  content: "\f256";
}
i.icon.hand.scissors:before {
  content: "\f257";
}
i.icon.hand.lizard:before {
  content: "\f258";
}
i.icon.hand.spock:before {
  content: "\f259";
}
i.icon.tv:before {
  content: "\f26c";
}
/* Shapes */
i.icon.crosshairs:before {
  content: "\f05b";
}
i.icon.asterisk:before {
  content: "\f069";
}
i.icon.square.outline:before {
  content: "\f096";
}
i.icon.certificate:before {
  content: "\f0a3";
}
i.icon.square:before {
  content: "\f0c8";
}
i.icon.quote.left:before {
  content: "\f10d";
}
i.icon.quote.right:before {
  content: "\f10e";
}
i.icon.spinner:before {
  content: "\f110";
}
i.icon.circle:before {
  content: "\f111";
}
i.icon.ellipsis.horizontal:before {
  content: "\f141";
}
i.icon.ellipsis.vertical:before {
  content: "\f142";
}
i.icon.cube:before {
  content: "\f1b2";
}
i.icon.cubes:before {
  content: "\f1b3";
}
i.icon.circle.notched:before {
  content: "\f1ce";
}
i.icon.circle.thin:before {
  content: "\f1db";
}
/* Item Selection */
i.icon.checkmark:before {
  content: "\f00c";
}
i.icon.remove:before {
  content: "\f00d";
}
i.icon.checkmark.box:before {
  content: "\f046";
}
i.icon.move:before {
  content: "\f047";
}
i.icon.add.circle:before {
  content: "\f055";
}
i.icon.minus.circle:before {
  content: "\f056";
}
i.icon.remove.circle:before {
  content: "\f057";
}
i.icon.check.circle:before {
  content: "\f058";
}
i.icon.remove.circle.outline:before {
  content: "\f05c";
}
i.icon.check.circle.outline:before {
  content: "\f05d";
}
i.icon.plus:before {
  content: "\f067";
}
i.icon.minus:before {
  content: "\f068";
}
i.icon.add.square:before {
  content: "\f0fe";
}
i.icon.radio:before {
  content: "\f10c";
}
i.icon.minus.square:before {
  content: "\f146";
}
i.icon.minus.square.outline:before {
  content: "\f147";
}
i.icon.check.square:before {
  content: "\f14a";
}
i.icon.selected.radio:before {
  content: "\f192";
}
i.icon.plus.square.outline:before {
  content: "\f196";
}
i.icon.toggle.off:before {
  content: "\f204";
}
i.icon.toggle.on:before {
  content: "\f205";
}
/* Media */
i.icon.film:before {
  content: "\f008";
}
i.icon.sound:before {
  content: "\f025";
}
i.icon.photo:before {
  content: "\f030";
}
i.icon.bar.chart:before {
  content: "\f080";
}
i.icon.camera.retro:before {
  content: "\f083";
}
i.icon.newspaper:before {
  content: "\f1ea";
}
i.icon.area.chart:before {
  content: "\f1fe";
}
i.icon.pie.chart:before {
  content: "\f200";
}
i.icon.line.chart:before {
  content: "\f201";
}
/* Pointers */
i.icon.arrow.circle.outline.down:before {
  content: "\f01a";
}
i.icon.arrow.circle.outline.up:before {
  content: "\f01b";
}
i.icon.chevron.left:before {
  content: "\f053";
}
i.icon.chevron.right:before {
  content: "\f054";
}
i.icon.arrow.left:before {
  content: "\f060";
}
i.icon.arrow.right:before {
  content: "\f061";
}
i.icon.arrow.up:before {
  content: "\f062";
}
i.icon.arrow.down:before {
  content: "\f063";
}
i.icon.chevron.up:before {
  content: "\f077";
}
i.icon.chevron.down:before {
  content: "\f078";
}
i.icon.pointing.right:before {
  content: "\f0a4";
}
i.icon.pointing.left:before {
  content: "\f0a5";
}
i.icon.pointing.up:before {
  content: "\f0a6";
}
i.icon.pointing.down:before {
  content: "\f0a7";
}
i.icon.arrow.circle.left:before {
  content: "\f0a8";
}
i.icon.arrow.circle.right:before {
  content: "\f0a9";
}
i.icon.arrow.circle.up:before {
  content: "\f0aa";
}
i.icon.arrow.circle.down:before {
  content: "\f0ab";
}
i.icon.caret.down:before {
  content: "\f0d7";
}
i.icon.caret.up:before {
  content: "\f0d8";
}
i.icon.caret.left:before {
  content: "\f0d9";
}
i.icon.caret.right:before {
  content: "\f0da";
}
i.icon.angle.double.left:before {
  content: "\f100";
}
i.icon.angle.double.right:before {
  content: "\f101";
}
i.icon.angle.double.up:before {
  content: "\f102";
}
i.icon.angle.double.down:before {
  content: "\f103";
}
i.icon.angle.left:before {
  content: "\f104";
}
i.icon.angle.right:before {
  content: "\f105";
}
i.icon.angle.up:before {
  content: "\f106";
}
i.icon.angle.down:before {
  content: "\f107";
}
i.icon.chevron.circle.left:before {
  content: "\f137";
}
i.icon.chevron.circle.right:before {
  content: "\f138";
}
i.icon.chevron.circle.up:before {
  content: "\f139";
}
i.icon.chevron.circle.down:before {
  content: "\f13a";
}
i.icon.toggle.down:before {
  content: "\f150";
}
i.icon.toggle.up:before {
  content: "\f151";
}
i.icon.toggle.right:before {
  content: "\f152";
}
i.icon.long.arrow.down:before {
  content: "\f175";
}
i.icon.long.arrow.up:before {
  content: "\f176";
}
i.icon.long.arrow.left:before {
  content: "\f177";
}
i.icon.long.arrow.right:before {
  content: "\f178";
}
i.icon.arrow.circle.outline.right:before {
  content: "\f18e";
}
i.icon.arrow.circle.outline.left:before {
  content: "\f190";
}
i.icon.toggle.left:before {
  content: "\f191";
}
/* Mobile */
i.icon.tablet:before {
  content: "\f10a";
}
i.icon.mobile:before {
  content: "\f10b";
}
i.icon.battery.full:before {
  content: "\f240";
}
i.icon.battery.high:before {
  content: "\f241";
}
i.icon.battery.medium:before {
  content: "\f242";
}
i.icon.battery.low:before {
  content: "\f243";
}
i.icon.battery.empty:before {
  content: "\f244";
}
/* Computer */
i.icon.power:before {
  content: "\f011";
}
i.icon.trash.outline:before {
  content: "\f014";
}
i.icon.disk.outline:before {
  content: "\f0a0";
}
i.icon.desktop:before {
  content: "\f108";
}
i.icon.laptop:before {
  content: "\f109";
}
i.icon.game:before {
  content: "\f11b";
}
i.icon.keyboard:before {
  content: "\f11c";
}
i.icon.plug:before {
  content: "\f1e6";
}
/* File System */
i.icon.trash:before {
  content: "\f1f8";
}
i.icon.file.outline:before {
  content: "\f016";
}
i.icon.folder:before {
  content: "\f07b";
}
i.icon.folder.open:before {
  content: "\f07c";
}
i.icon.file.text.outline:before {
  content: "\f0f6";
}
i.icon.folder.outline:before {
  content: "\f114";
}
i.icon.folder.open.outline:before {
  content: "\f115";
}
i.icon.level.up:before {
  content: "\f148";
}
i.icon.level.down:before {
  content: "\f149";
}
i.icon.file:before {
  content: "\f15b";
}
i.icon.file.text:before {
  content: "\f15c";
}
i.icon.file.pdf.outline:before {
  content: "\f1c1";
}
i.icon.file.word.outline:before {
  content: "\f1c2";
}
i.icon.file.excel.outline:before {
  content: "\f1c3";
}
i.icon.file.powerpoint.outline:before {
  content: "\f1c4";
}
i.icon.file.image.outline:before {
  content: "\f1c5";
}
i.icon.file.archive.outline:before {
  content: "\f1c6";
}
i.icon.file.audio.outline:before {
  content: "\f1c7";
}
i.icon.file.video.outline:before {
  content: "\f1c8";
}
i.icon.file.code.outline:before {
  content: "\f1c9";
}
/* Technologies */
i.icon.qrcode:before {
  content: "\f029";
}
i.icon.barcode:before {
  content: "\f02a";
}
i.icon.rss:before {
  content: "\f09e";
}
i.icon.fork:before {
  content: "\f126";
}
i.icon.html5:before {
  content: "\f13b";
}
i.icon.css3:before {
  content: "\f13c";
}
i.icon.rss.square:before {
  content: "\f143";
}
i.icon.openid:before {
  content: "\f19b";
}
i.icon.database:before {
  content: "\f1c0";
}
i.icon.server:before {
  content: "\f233";
}
i.icon.usb:before {
  content: "\f287";
}
i.icon.bluetooth:before {
  content: "\f293";
}
i.icon.bluetooth.alternative:before {
  content: "\f294";
}
/* Rating */
i.icon.heart:before {
  content: "\f004";
}
i.icon.star:before {
  content: "\f005";
}
i.icon.empty.star:before {
  content: "\f006";
}
i.icon.thumbs.outline.up:before {
  content: "\f087";
}
i.icon.thumbs.outline.down:before {
  content: "\f088";
}
i.icon.star.half:before {
  content: "\f089";
}
i.icon.empty.heart:before {
  content: "\f08a";
}
i.icon.smile:before {
  content: "\f118";
}
i.icon.frown:before {
  content: "\f119";
}
i.icon.meh:before {
  content: "\f11a";
}
i.icon.star.half.empty:before {
  content: "\f123";
}
i.icon.thumbs.up:before {
  content: "\f164";
}
i.icon.thumbs.down:before {
  content: "\f165";
}
/* Audio */
i.icon.music:before {
  content: "\f001";
}
i.icon.video.play.outline:before {
  content: "\f01d";
}
i.icon.volume.off:before {
  content: "\f026";
}
i.icon.volume.down:before {
  content: "\f027";
}
i.icon.volume.up:before {
  content: "\f028";
}
i.icon.record:before {
  content: "\f03d";
}
i.icon.step.backward:before {
  content: "\f048";
}
i.icon.fast.backward:before {
  content: "\f049";
}
i.icon.backward:before {
  content: "\f04a";
}
i.icon.play:before {
  content: "\f04b";
}
i.icon.pause:before {
  content: "\f04c";
}
i.icon.stop:before {
  content: "\f04d";
}
i.icon.forward:before {
  content: "\f04e";
}
i.icon.fast.forward:before {
  content: "\f050";
}
i.icon.step.forward:before {
  content: "\f051";
}
i.icon.eject:before {
  content: "\f052";
}
i.icon.unmute:before {
  content: "\f130";
}
i.icon.mute:before {
  content: "\f131";
}
i.icon.video.play:before {
  content: "\f144";
}
i.icon.closed.captioning:before {
  content: "\f20a";
}
i.icon.pause.circle:before {
  content: "\f28b";
}
i.icon.pause.circle.outline:before {
  content: "\f28c";
}
i.icon.stop.circle:before {
  content: "\f28d";
}
i.icon.stop.circle.outline:before {
  content: "\f28e";
}
/* Map, Locations, & Transportation */
i.icon.marker:before {
  content: "\f041";
}
i.icon.coffee:before {
  content: "\f0f4";
}
i.icon.food:before {
  content: "\f0f5";
}
i.icon.building.outline:before {
  content: "\f0f7";
}
i.icon.hospital:before {
  content: "\f0f8";
}
i.icon.emergency:before {
  content: "\f0f9";
}
i.icon.first.aid:before {
  content: "\f0fa";
}
i.icon.military:before {
  content: "\f0fb";
}
i.icon.h:before {
  content: "\f0fd";
}
i.icon.location.arrow:before {
  content: "\f124";
}
i.icon.compass:before {
  content: "\f14e";
}
i.icon.space.shuttle:before {
  content: "\f197";
}
i.icon.university:before {
  content: "\f19c";
}
i.icon.building:before {
  content: "\f1ad";
}
i.icon.paw:before {
  content: "\f1b0";
}
i.icon.spoon:before {
  content: "\f1b1";
}
i.icon.car:before {
  content: "\f1b9";
}
i.icon.taxi:before {
  content: "\f1ba";
}
i.icon.tree:before {
  content: "\f1bb";
}
i.icon.bicycle:before {
  content: "\f206";
}
i.icon.bus:before {
  content: "\f207";
}
i.icon.ship:before {
  content: "\f21a";
}
i.icon.motorcycle:before {
  content: "\f21c";
}
i.icon.street.view:before {
  content: "\f21d";
}
i.icon.hotel:before {
  content: "\f236";
}
i.icon.train:before {
  content: "\f238";
}
i.icon.subway:before {
  content: "\f239";
}
i.icon.map.pin:before {
  content: "\f276";
}
i.icon.map.signs:before {
  content: "\f277";
}
i.icon.map.outline:before {
  content: "\f278";
}
i.icon.map:before {
  content: "\f279";
}
/* Tables */
i.icon.table:before {
  content: "\f0ce";
}
i.icon.columns:before {
  content: "\f0db";
}
i.icon.sort:before {
  content: "\f0dc";
}
i.icon.sort.descending:before {
  content: "\f0dd";
}
i.icon.sort.ascending:before {
  content: "\f0de";
}
i.icon.sort.alphabet.ascending:before {
  content: "\f15d";
}
i.icon.sort.alphabet.descending:before {
  content: "\f15e";
}
i.icon.sort.content.ascending:before {
  content: "\f160";
}
i.icon.sort.content.descending:before {
  content: "\f161";
}
i.icon.sort.numeric.ascending:before {
  content: "\f162";
}
i.icon.sort.numeric.descending:before {
  content: "\f163";
}
/* Text Editor */
i.icon.font:before {
  content: "\f031";
}
i.icon.bold:before {
  content: "\f032";
}
i.icon.italic:before {
  content: "\f033";
}
i.icon.text.height:before {
  content: "\f034";
}
i.icon.text.width:before {
  content: "\f035";
}
i.icon.align.left:before {
  content: "\f036";
}
i.icon.align.center:before {
  content: "\f037";
}
i.icon.align.right:before {
  content: "\f038";
}
i.icon.align.justify:before {
  content: "\f039";
}
i.icon.list:before {
  content: "\f03a";
}
i.icon.outdent:before {
  content: "\f03b";
}
i.icon.indent:before {
  content: "\f03c";
}
i.icon.linkify:before {
  content: "\f0c1";
}
i.icon.cut:before {
  content: "\f0c4";
}
i.icon.copy:before {
  content: "\f0c5";
}
i.icon.attach:before {
  content: "\f0c6";
}
i.icon.save:before {
  content: "\f0c7";
}
i.icon.content:before {
  content: "\f0c9";
}
i.icon.unordered.list:before {
  content: "\f0ca";
}
i.icon.ordered.list:before {
  content: "\f0cb";
}
i.icon.strikethrough:before {
  content: "\f0cc";
}
i.icon.underline:before {
  content: "\f0cd";
}
i.icon.paste:before {
  content: "\f0ea";
}
i.icon.unlinkify:before {
  content: "\f127";
}
i.icon.superscript:before {
  content: "\f12b";
}
i.icon.subscript:before {
  content: "\f12c";
}
i.icon.header:before {
  content: "\f1dc";
}
i.icon.paragraph:before {
  content: "\f1dd";
}
i.icon.text.cursor:before {
  content: "\f246";
}
/* Currency */
i.icon.euro:before {
  content: "\f153";
}
i.icon.pound:before {
  content: "\f154";
}
i.icon.dollar:before {
  content: "\f155";
}
i.icon.rupee:before {
  content: "\f156";
}
i.icon.yen:before {
  content: "\f157";
}
i.icon.ruble:before {
  content: "\f158";
}
i.icon.won:before {
  content: "\f159";
}
i.icon.bitcoin:before {
  content: "\f15a";
}
i.icon.lira:before {
  content: "\f195";
}
i.icon.shekel:before {
  content: "\f20b";
}
/* Payment Options */
i.icon.paypal:before {
  content: "\f1ed";
}
i.icon.google.wallet:before {
  content: "\f1ee";
}
i.icon.visa:before {
  content: "\f1f0";
}
i.icon.mastercard:before {
  content: "\f1f1";
}
i.icon.discover:before {
  content: "\f1f2";
}
i.icon.american.express:before {
  content: "\f1f3";
}
i.icon.paypal.card:before {
  content: "\f1f4";
}
i.icon.stripe:before {
  content: "\f1f5";
}
i.icon.japan.credit.bureau:before {
  content: "\f24b";
}
i.icon.diners.club:before {
  content: "\f24c";
}
i.icon.credit.card.alternative:before {
  content: "\f283";
}
/* Networks and Websites*/
i.icon.twitter.square:before {
  content: "\f081";
}
i.icon.facebook.square:before {
  content: "\f082";
}
i.icon.linkedin.square:before {
  content: "\f08c";
}
i.icon.github.square:before {
  content: "\f092";
}
i.icon.twitter:before {
  content: "\f099";
}
i.icon.facebook.f:before {
  content: "\f09a";
}
i.icon.github:before {
  content: "\f09b";
}
i.icon.pinterest:before {
  content: "\f0d2";
}
i.icon.pinterest.square:before {
  content: "\f0d3";
}
i.icon.google.plus.square:before {
  content: "\f0d4";
}
i.icon.google.plus:before {
  content: "\f0d5";
}
i.icon.linkedin:before {
  content: "\f0e1";
}
i.icon.github.alternate:before {
  content: "\f113";
}
i.icon.maxcdn:before {
  content: "\f136";
}
i.icon.youtube.square:before {
  content: "\f166";
}
i.icon.youtube:before {
  content: "\f167";
}
i.icon.xing:before {
  content: "\f168";
}
i.icon.xing.square:before {
  content: "\f169";
}
i.icon.youtube.play:before {
  content: "\f16a";
}
i.icon.dropbox:before {
  content: "\f16b";
}
i.icon.stack.overflow:before {
  content: "\f16c";
}
i.icon.instagram:before {
  content: "\f16d";
}
i.icon.flickr:before {
  content: "\f16e";
}
i.icon.adn:before {
  content: "\f170";
}
i.icon.bitbucket:before {
  content: "\f171";
}
i.icon.bitbucket.square:before {
  content: "\f172";
}
i.icon.tumblr:before {
  content: "\f173";
}
i.icon.tumblr.square:before {
  content: "\f174";
}
i.icon.apple:before {
  content: "\f179";
}
i.icon.windows:before {
  content: "\f17a";
}
i.icon.android:before {
  content: "\f17b";
}
i.icon.linux:before {
  content: "\f17c";
}
i.icon.dribble:before {
  content: "\f17d";
}
i.icon.skype:before {
  content: "\f17e";
}
i.icon.foursquare:before {
  content: "\f180";
}
i.icon.trello:before {
  content: "\f181";
}
i.icon.gittip:before {
  content: "\f184";
}
i.icon.vk:before {
  content: "\f189";
}
i.icon.weibo:before {
  content: "\f18a";
}
i.icon.renren:before {
  content: "\f18b";
}
i.icon.pagelines:before {
  content: "\f18c";
}
i.icon.stack.exchange:before {
  content: "\f18d";
}
i.icon.vimeo.square:before {
  content: "\f194";
}
i.icon.slack:before {
  content: "\f198";
}
i.icon.wordpress:before {
  content: "\f19a";
}
i.icon.yahoo:before {
  content: "\f19e";
}
i.icon.google:before {
  content: "\f1a0";
}
i.icon.reddit:before {
  content: "\f1a1";
}
i.icon.reddit.square:before {
  content: "\f1a2";
}
i.icon.stumbleupon.circle:before {
  content: "\f1a3";
}
i.icon.stumbleupon:before {
  content: "\f1a4";
}
i.icon.delicious:before {
  content: "\f1a5";
}
i.icon.digg:before {
  content: "\f1a6";
}
i.icon.pied.piper:before {
  content: "\f1a7";
}
i.icon.pied.piper.alternate:before {
  content: "\f1a8";
}
i.icon.drupal:before {
  content: "\f1a9";
}
i.icon.joomla:before {
  content: "\f1aa";
}
i.icon.behance:before {
  content: "\f1b4";
}
i.icon.behance.square:before {
  content: "\f1b5";
}
i.icon.steam:before {
  content: "\f1b6";
}
i.icon.steam.square:before {
  content: "\f1b7";
}
i.icon.spotify:before {
  content: "\f1bc";
}
i.icon.deviantart:before {
  content: "\f1bd";
}
i.icon.soundcloud:before {
  content: "\f1be";
}
i.icon.vine:before {
  content: "\f1ca";
}
i.icon.codepen:before {
  content: "\f1cb";
}
i.icon.jsfiddle:before {
  content: "\f1cc";
}
i.icon.rebel:before {
  content: "\f1d0";
}
i.icon.empire:before {
  content: "\f1d1";
}
i.icon.git.square:before {
  content: "\f1d2";
}
i.icon.git:before {
  content: "\f1d3";
}
i.icon.hacker.news:before {
  content: "\f1d4";
}
i.icon.tencent.weibo:before {
  content: "\f1d5";
}
i.icon.qq:before {
  content: "\f1d6";
}
i.icon.wechat:before {
  content: "\f1d7";
}
i.icon.slideshare:before {
  content: "\f1e7";
}
i.icon.twitch:before {
  content: "\f1e8";
}
i.icon.yelp:before {
  content: "\f1e9";
}
i.icon.lastfm:before {
  content: "\f202";
}
i.icon.lastfm.square:before {
  content: "\f203";
}
i.icon.ioxhost:before {
  content: "\f208";
}
i.icon.angellist:before {
  content: "\f209";
}
i.icon.meanpath:before {
  content: "\f20c";
}
i.icon.buysellads:before {
  content: "\f20d";
}
i.icon.connectdevelop:before {
  content: "\f20e";
}
i.icon.dashcube:before {
  content: "\f210";
}
i.icon.forumbee:before {
  content: "\f211";
}
i.icon.leanpub:before {
  content: "\f212";
}
i.icon.sellsy:before {
  content: "\f213";
}
i.icon.shirtsinbulk:before {
  content: "\f214";
}
i.icon.simplybuilt:before {
  content: "\f215";
}
i.icon.skyatlas:before {
  content: "\f216";
}
i.icon.facebook:before {
  content: "\f230";
}
i.icon.pinterest:before {
  content: "\f231";
}
i.icon.whatsapp:before {
  content: "\f232";
}
i.icon.viacoin:before {
  content: "\f237";
}
i.icon.medium:before {
  content: "\f23a";
}
i.icon.y.combinator:before {
  content: "\f23b";
}
i.icon.optinmonster:before {
  content: "\f23c";
}
i.icon.opencart:before {
  content: "\f23d";
}
i.icon.expeditedssl:before {
  content: "\f23e";
}
i.icon.gg:before {
  content: "\f260";
}
i.icon.gg.circle:before {
  content: "\f261";
}
i.icon.tripadvisor:before {
  content: "\f262";
}
i.icon.odnoklassniki:before {
  content: "\f263";
}
i.icon.odnoklassniki.square:before {
  content: "\f264";
}
i.icon.pocket:before {
  content: "\f265";
}
i.icon.wikipedia:before {
  content: "\f266";
}
i.icon.safari:before {
  content: "\f267";
}
i.icon.chrome:before {
  content: "\f268";
}
i.icon.firefox:before {
  content: "\f269";
}
i.icon.opera:before {
  content: "\f26a";
}
i.icon.internet.explorer:before {
  content: "\f26b";
}
i.icon.contao:before {
  content: "\f26d";
}
i.icon.\35 00px:before {
  content: "\f26e";
}
i.icon.amazon:before {
  content: "\f270";
}
i.icon.houzz:before {
  content: "\f27c";
}
i.icon.vimeo:before {
  content: "\f27d";
}
i.icon.black.tie:before {
  content: "\f27e";
}
i.icon.fonticons:before {
  content: "\f280";
}
i.icon.reddit.alien:before {
  content: "\f281";
}
i.icon.microsoft.edge:before {
  content: "\f282";
}
i.icon.codiepie:before {
  content: "\f284";
}
i.icon.modx:before {
  content: "\f285";
}
i.icon.fort.awesome:before {
  content: "\f286";
}
i.icon.product.hunt:before {
  content: "\f288";
}
i.icon.mixcloud:before {
  content: "\f289";
}
i.icon.scribd:before {
  content: "\f28a";
}
i.icon.gitlab:before {
  content: "\f296";
}
i.icon.wpbeginner:before {
  content: "\f297";
}
i.icon.wpforms:before {
  content: "\f298";
}
i.icon.envira.gallery:before {
  content: "\f299";
}
i.icon.glide:before {
  content: "\f2a5";
}
i.icon.glide.g:before {
  content: "\f2a6";
}
i.icon.viadeo:before {
  content: "\f2a9";
}
i.icon.viadeo.square:before {
  content: "\f2aa";
}
i.icon.snapchat:before {
  content: "\f2ab";
}
i.icon.snapchat.ghost:before {
  content: "\f2ac";
}
i.icon.snapchat.square:before {
  content: "\f2ad";
}
i.icon.pied.piper.hat:before {
  content: "\f2ae";
}
i.icon.first.order:before {
  content: "\f2b0";
}
i.icon.yoast:before {
  content: "\f2b1";
}
i.icon.themeisle:before {
  content: "\f2b2";
}
i.icon.google.plus.circle:before {
  content: "\f2b3";
}
i.icon.font.awesome:before {
  content: "\f2b4";
}
/*******************************
           Aliases
*******************************/
i.icon.like:before {
  content: "\f004";
}
i.icon.favorite:before {
  content: "\f005";
}
i.icon.video:before {
  content: "\f008";
}
i.icon.check:before {
  content: "\f00c";
}
i.icon.close:before {
  content: "\f00d";
}
i.icon.cancel:before {
  content: "\f00d";
}
i.icon.delete:before {
  content: "\f00d";
}
i.icon.x:before {
  content: "\f00d";
}
i.icon.zoom.in:before {
  content: "\f00e";
}
i.icon.magnify:before {
  content: "\f00e";
}
i.icon.shutdown:before {
  content: "\f011";
}
i.icon.clock:before {
  content: "\f017";
}
i.icon.time:before {
  content: "\f017";
}
i.icon.play.circle.outline:before {
  content: "\f01d";
}
i.icon.headphone:before {
  content: "\f025";
}
i.icon.camera:before {
  content: "\f030";
}
i.icon.video.camera:before {
  content: "\f03d";
}
i.icon.picture:before {
  content: "\f03e";
}
i.icon.pencil:before {
  content: "\f040";
}
i.icon.compose:before {
  content: "\f040";
}
i.icon.point:before {
  content: "\f041";
}
i.icon.tint:before {
  content: "\f043";
}
i.icon.signup:before {
  content: "\f044";
}
i.icon.plus.circle:before {
  content: "\f055";
}
i.icon.question.circle:before {
  content: "\f059";
}
i.icon.dont:before {
  content: "\f05e";
}
i.icon.minimize:before {
  content: "\f066";
}
i.icon.add:before {
  content: "\f067";
}
i.icon.exclamation.circle:before {
  content: "\f06a";
}
i.icon.attention:before {
  content: "\f06a";
}
i.icon.eye:before {
  content: "\f06e";
}
i.icon.exclamation.triangle:before {
  content: "\f071";
}
i.icon.shuffle:before {
  content: "\f074";
}
i.icon.talk:before {
  content: "\f075";
}
i.icon.chat:before {
  content: "\f075";
}
i.icon.cart:before {
  content: "\f07a";
}
i.icon.shopping.cart:before {
  content: "\f07a";
}
i.icon.bar.graph:before {
  content: "\f080";
}
i.icon.key:before {
  content: "\f084";
}
i.icon.cogs:before {
  content: "\f085";
}
i.icon.discussions:before {
  content: "\f086";
}
i.icon.like.outline:before {
  content: "\f087";
}
i.icon.dislike.outline:before {
  content: "\f088";
}
i.icon.heart.outline:before {
  content: "\f08a";
}
i.icon.log.out:before {
  content: "\f08b";
}
i.icon.thumb.tack:before {
  content: "\f08d";
}
i.icon.winner:before {
  content: "\f091";
}
i.icon.phone:before {
  content: "\f095";
}
i.icon.bookmark.outline:before {
  content: "\f097";
}
i.icon.phone.square:before {
  content: "\f098";
}
i.icon.credit.card:before {
  content: "\f09d";
}
i.icon.hdd.outline:before {
  content: "\f0a0";
}
i.icon.bullhorn:before {
  content: "\f0a1";
}
i.icon.bell.outline:before {
  content: "\f0a2";
}
i.icon.hand.outline.right:before {
  content: "\f0a4";
}
i.icon.hand.outline.left:before {
  content: "\f0a5";
}
i.icon.hand.outline.up:before {
  content: "\f0a6";
}
i.icon.hand.outline.down:before {
  content: "\f0a7";
}
i.icon.globe:before {
  content: "\f0ac";
}
i.icon.wrench:before {
  content: "\f0ad";
}
i.icon.briefcase:before {
  content: "\f0b1";
}
i.icon.group:before {
  content: "\f0c0";
}
i.icon.linkify:before {
  content: "\f0c1";
}
i.icon.chain:before {
  content: "\f0c1";
}
i.icon.flask:before {
  content: "\f0c3";
}
i.icon.sidebar:before {
  content: "\f0c9";
}
i.icon.bars:before {
  content: "\f0c9";
}
i.icon.list.ul:before {
  content: "\f0ca";
}
i.icon.list.ol:before {
  content: "\f0cb";
}
i.icon.numbered.list:before {
  content: "\f0cb";
}
i.icon.magic:before {
  content: "\f0d0";
}
i.icon.truck:before {
  content: "\f0d1";
}
i.icon.currency:before {
  content: "\f0d6";
}
i.icon.triangle.down:before {
  content: "\f0d7";
}
i.icon.dropdown:before {
  content: "\f0d7";
}
i.icon.triangle.up:before {
  content: "\f0d8";
}
i.icon.triangle.left:before {
  content: "\f0d9";
}
i.icon.triangle.right:before {
  content: "\f0da";
}
i.icon.envelope:before {
  content: "\f0e0";
}
i.icon.conversation:before {
  content: "\f0e6";
}
i.icon.rain:before {
  content: "\f0e9";
}
i.icon.clipboard:before {
  content: "\f0ea";
}
i.icon.lightbulb:before {
  content: "\f0eb";
}
i.icon.bell:before {
  content: "\f0f3";
}
i.icon.ambulance:before {
  content: "\f0f9";
}
i.icon.medkit:before {
  content: "\f0fa";
}
i.icon.fighter.jet:before {
  content: "\f0fb";
}
i.icon.beer:before {
  content: "\f0fc";
}
i.icon.plus.square:before {
  content: "\f0fe";
}
i.icon.computer:before {
  content: "\f108";
}
i.icon.circle.outline:before {
  content: "\f10c";
}
i.icon.gamepad:before {
  content: "\f11b";
}
i.icon.star.half.full:before {
  content: "\f123";
}
i.icon.broken.chain:before {
  content: "\f127";
}
i.icon.question:before {
  content: "\f128";
}
i.icon.exclamation:before {
  content: "\f12a";
}
i.icon.eraser:before {
  content: "\f12d";
}
i.icon.microphone:before {
  content: "\f130";
}
i.icon.microphone.slash:before {
  content: "\f131";
}
i.icon.shield:before {
  content: "\f132";
}
i.icon.target:before {
  content: "\f140";
}
i.icon.play.circle:before {
  content: "\f144";
}
i.icon.pencil.square:before {
  content: "\f14b";
}
i.icon.eur:before {
  content: "\f153";
}
i.icon.gbp:before {
  content: "\f154";
}
i.icon.usd:before {
  content: "\f155";
}
i.icon.inr:before {
  content: "\f156";
}
i.icon.cny:before {
  content: "\f157";
}
i.icon.rmb:before {
  content: "\f157";
}
i.icon.jpy:before {
  content: "\f157";
}
i.icon.rouble:before {
  content: "\f158";
}
i.icon.rub:before {
  content: "\f158";
}
i.icon.krw:before {
  content: "\f159";
}
i.icon.btc:before {
  content: "\f15a";
}
i.icon.gratipay:before {
  content: "\f184";
}
i.icon.zip:before {
  content: "\f187";
}
i.icon.dot.circle.outline:before {
  content: "\f192";
}
i.icon.try:before {
  content: "\f195";
}
i.icon.graduation:before {
  content: "\f19d";
}
i.icon.circle.outline:before {
  content: "\f1db";
}
i.icon.sliders:before {
  content: "\f1de";
}
i.icon.weixin:before {
  content: "\f1d7";
}
i.icon.tty:before {
  content: "\f1e4";
}
i.icon.teletype:before {
  content: "\f1e4";
}
i.icon.binoculars:before {
  content: "\f1e5";
}
i.icon.power.cord:before {
  content: "\f1e6";
}
i.icon.wi-fi:before {
  content: "\f1eb";
}
i.icon.visa.card:before {
  content: "\f1f0";
}
i.icon.mastercard.card:before {
  content: "\f1f1";
}
i.icon.discover.card:before {
  content: "\f1f2";
}
i.icon.amex:before {
  content: "\f1f3";
}
i.icon.american.express.card:before {
  content: "\f1f3";
}
i.icon.stripe.card:before {
  content: "\f1f5";
}
i.icon.bell.slash:before {
  content: "\f1f6";
}
i.icon.bell.slash.outline:before {
  content: "\f1f7";
}
i.icon.area.graph:before {
  content: "\f1fe";
}
i.icon.pie.graph:before {
  content: "\f200";
}
i.icon.line.graph:before {
  content: "\f201";
}
i.icon.cc:before {
  content: "\f20a";
}
i.icon.sheqel:before {
  content: "\f20b";
}
i.icon.ils:before {
  content: "\f20b";
}
i.icon.plus.cart:before {
  content: "\f217";
}
i.icon.arrow.down.cart:before {
  content: "\f218";
}
i.icon.detective:before {
  content: "\f21b";
}
i.icon.venus:before {
  content: "\f221";
}
i.icon.mars:before {
  content: "\f222";
}
i.icon.mercury:before {
  content: "\f223";
}
i.icon.intersex:before {
  content: "\f224";
}
i.icon.venus.double:before {
  content: "\f226";
}
i.icon.female.homosexual:before {
  content: "\f226";
}
i.icon.mars.double:before {
  content: "\f227";
}
i.icon.male.homosexual:before {
  content: "\f227";
}
i.icon.venus.mars:before {
  content: "\f228";
}
i.icon.mars.stroke:before {
  content: "\f229";
}
i.icon.mars.alternate:before {
  content: "\f229";
}
i.icon.mars.vertical:before {
  content: "\f22a";
}
i.icon.mars.stroke.vertical:before {
  content: "\f22a";
}
i.icon.mars.horizontal:before {
  content: "\f22b";
}
i.icon.mars.stroke.horizontal:before {
  content: "\f22b";
}
i.icon.asexual:before {
  content: "\f22d";
}
i.icon.facebook.official:before {
  content: "\f230";
}
i.icon.user.plus:before {
  content: "\f234";
}
i.icon.user.times:before {
  content: "\f235";
}
i.icon.user.close:before {
  content: "\f235";
}
i.icon.user.cancel:before {
  content: "\f235";
}
i.icon.user.delete:before {
  content: "\f235";
}
i.icon.user.x:before {
  content: "\f235";
}
i.icon.bed:before {
  content: "\f236";
}
i.icon.yc:before {
  content: "\f23b";
}
i.icon.ycombinator:before {
  content: "\f23b";
}
i.icon.battery.four:before {
  content: "\f240";
}
i.icon.battery.three:before {
  content: "\f241";
}
i.icon.battery.three.quarters:before {
  content: "\f241";
}
i.icon.battery.two:before {
  content: "\f242";
}
i.icon.battery.half:before {
  content: "\f242";
}
i.icon.battery.one:before {
  content: "\f243";
}
i.icon.battery.quarter:before {
  content: "\f243";
}
i.icon.battery.zero:before {
  content: "\f244";
}
i.icon.i.cursor:before {
  content: "\f246";
}
i.icon.jcb:before {
  content: "\f24b";
}
i.icon.japan.credit.bureau.card:before {
  content: "\f24b";
}
i.icon.diners.club.card:before {
  content: "\f24c";
}
i.icon.balance:before {
  content: "\f24e";
}
i.icon.hourglass.outline:before {
  content: "\f250";
}
i.icon.hourglass.zero:before {
  content: "\f250";
}
i.icon.hourglass.one:before {
  content: "\f251";
}
i.icon.hourglass.two:before {
  content: "\f252";
}
i.icon.hourglass.three:before {
  content: "\f253";
}
i.icon.hourglass.four:before {
  content: "\f254";
}
i.icon.grab {
  content: "\f255";
}
i.icon.hand.victory:before {
  content: "\f25b";
}
i.icon.tm:before {
  content: "\f25c";
}
i.icon.r.circle:before {
  content: "\f25d";
}
i.icon.television {
  content: "\f26c";
}
i.icon.five.hundred.pixels:before {
  content: "\f26e";
}
i.icon.calendar.plus:before {
  content: "\f271";
}
i.icon.calendar.minus:before {
  content: "\f272";
}
i.icon.calendar.times:before {
  content: "\f273";
}
i.icon.calendar.check:before {
  content: "\f274";
}
i.icon.factory:before {
  content: "\f275";
}
i.icon.commenting:before {
  content: "\f27a";
}
i.icon.commenting.outline:before {
  content: "\f27b";
}
i.icon.edge:before {
  content: "\f282";
}
i.icon.ms.edge:before {
  content: "\f282";
}
i.icon.wordpress.beginner:before {
  content: "\f297";
}
i.icon.wordpress.forms:before {
  content: "\f298";
}
i.icon.envira:before {
  content: "\f299";
}
i.icon.question.circle.outline:before {
  content: "\f29c";
}
i.icon.assistive.listening.devices:before {
  content: "\f2a2";
}
i.icon.als:before {
  content: "\f2a2";
}
i.icon.ald:before {
  content: "\f2a2";
}
i.icon.asl.interpreting:before {
  content: "\f2a3";
}
i.icon.deaf:before {
  content: "\f2a4";
}
i.icon.american.sign.language.interpreting:before {
  content: "\f2a3";
}
i.icon.hard.of.hearing:before {
  content: "\f2a4";
}
i.icon.signing:before {
  content: "\f2a7";
}
i.icon.new.pied.piper:before {
  content: "\f2ae";
}
i.icon.theme.isle:before {
  content: "\f2b2";
}
i.icon.google.plus.official:before {
  content: "\f2b3";
}
i.icon.fa:before {
  content: "\f2b4";
}
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Image
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Image
*******************************/
.ui.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
}
img.ui.image {
  display: block;
}
.ui.image svg,
.ui.image img {
  display: block;
  max-width: 100%;
  height: auto;
}
/*******************************
           States
*******************************/
.ui.hidden.images,
.ui.hidden.image {
  display: none;
}
.ui.hidden.transition.images,
.ui.hidden.transition.image {
  display: block;
  visibility: hidden;
}
.ui.disabled.images,
.ui.disabled.image {
  cursor: default;
  opacity: 0.45;
}
/*******************************
         Variations
*******************************/
/*--------------
    Inline
---------------*/
.ui.inline.image,
.ui.inline.image svg,
.ui.inline.image img {
  display: inline-block;
}
/*------------------
 Vertical Aligned
-------------------*/
.ui.top.aligned.images .image,
.ui.top.aligned.image,
.ui.top.aligned.image svg,
.ui.top.aligned.image img {
  display: inline-block;
  vertical-align: top;
}
.ui.middle.aligned.images .image,
.ui.middle.aligned.image,
.ui.middle.aligned.image svg,
.ui.middle.aligned.image img {
  display: inline-block;
  vertical-align: middle;
}
.ui.bottom.aligned.images .image,
.ui.bottom.aligned.image,
.ui.bottom.aligned.image svg,
.ui.bottom.aligned.image img {
  display: inline-block;
  vertical-align: bottom;
}
/*--------------
    Rounded
---------------*/
.ui.rounded.images .image,
.ui.rounded.image,
.ui.rounded.images .image > *,
.ui.rounded.image > * {
  border-radius: 0.3125em;
}
/*--------------
   Bordered
---------------*/
.ui.bordered.images .image,
.ui.bordered.images img,
.ui.bordered.images svg,
.ui.bordered.image img,
.ui.bordered.image svg,
img.ui.bordered.image {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
/*--------------
   Circular
---------------*/
.ui.circular.images,
.ui.circular.image {
  overflow: hidden;
}
.ui.circular.images .image,
.ui.circular.image,
.ui.circular.images .image > *,
.ui.circular.image > * {
  border-radius: 500rem;
}
/*--------------
    Fluid
---------------*/
.ui.fluid.images,
.ui.fluid.image,
.ui.fluid.images img,
.ui.fluid.images svg,
.ui.fluid.image svg,
.ui.fluid.image img {
  display: block;
  width: 100%;
  height: auto;
}
/*--------------
    Avatar
---------------*/
.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.image {
  margin-right: 0.25em;
  display: inline-block;
  width: 2em;
  height: 2em;
  border-radius: 500rem;
}
/*-------------------
      Spaced
--------------------*/
.ui.spaced.image {
  display: inline-block !important;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui[class*="left spaced"].image {
  margin-left: 0.5em;
  margin-right: 0em;
}
.ui[class*="right spaced"].image {
  margin-left: 0em;
  margin-right: 0.5em;
}
/*-------------------
      Floated
--------------------*/
.ui.floated.image,
.ui.floated.images {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.ui.right.floated.images,
.ui.right.floated.image {
  float: right;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 1em;
}
.ui.floated.images:last-child,
.ui.floated.image:last-child {
  margin-bottom: 0em;
}
.ui.centered.images,
.ui.centered.image {
  margin-left: auto;
  margin-right: auto;
}
/*--------------
    Sizes
---------------*/
.ui.mini.images .image,
.ui.mini.images img,
.ui.mini.images svg,
.ui.mini.image {
  width: 35px;
  height: auto;
  font-size: 0.78571429rem;
}
.ui.tiny.images .image,
.ui.tiny.images img,
.ui.tiny.images svg,
.ui.tiny.image {
  width: 80px;
  height: auto;
  font-size: 0.85714286rem;
}
.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg,
.ui.small.image {
  width: 150px;
  height: auto;
  font-size: 0.92857143rem;
}
.ui.medium.images .image,
.ui.medium.images img,
.ui.medium.images svg,
.ui.medium.image {
  width: 300px;
  height: auto;
  font-size: 1rem;
}
.ui.large.images .image,
.ui.large.images img,
.ui.large.images svg,
.ui.large.image {
  width: 450px;
  height: auto;
  font-size: 1.14285714rem;
}
.ui.big.images .image,
.ui.big.images img,
.ui.big.images svg,
.ui.big.image {
  width: 600px;
  height: auto;
  font-size: 1.28571429rem;
}
.ui.huge.images .image,
.ui.huge.images img,
.ui.huge.images svg,
.ui.huge.image {
  width: 800px;
  height: auto;
  font-size: 1.42857143rem;
}
.ui.massive.images .image,
.ui.massive.images img,
.ui.massive.images svg,
.ui.massive.image {
  width: 960px;
  height: auto;
  font-size: 1.71428571rem;
}
/*******************************
             Groups
*******************************/
.ui.images {
  font-size: 0em;
  margin: 0em -0.25rem 0rem;
}
.ui.images .image,
.ui.images img,
.ui.images svg {
  display: inline-block;
  margin: 0em 0.25rem 0.5rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Input
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
          Standard
*******************************/
/*--------------------
       Inputs
---------------------*/
.ui.input {
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.87);
}
.ui.input input {
  margin: 0em;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.2142em;
  padding: 0.67861429em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
}
/*--------------------
     Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.input input::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.input input::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.input input:-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
/*******************************
           States
*******************************/
/*--------------------
       Disabled
---------------------*/
.ui.disabled.input,
.ui.input input[disabled] {
  opacity: 0.45;
}
.ui.disabled.input input,
.ui.input input[disabled] {
  pointer-events: none;
}
/*--------------------
       Active
---------------------*/
.ui.input input:active,
.ui.input.down input {
  border-color: rgba(0, 0, 0, 0.3);
  background: #FAFAFA;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}
/*--------------------
      Loading
---------------------*/
.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*--------------------
       Focus
---------------------*/
.ui.input.focus input,
.ui.input input:focus {
  border-color: #85B7D9;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
}
.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input::-moz-placeholder,
.ui.input input:focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input:-ms-input-placeholder,
.ui.input input:focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
/*--------------------
       Error
---------------------*/
.ui.input.error input {
  background-color: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  box-shadow: none;
}
/* Error Placeholder */
.ui.input.error input::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.input.error input::-moz-placeholder {
  color: #e7bdbc;
}
.ui.input.error input:-ms-input-placeholder {
  color: #e7bdbc !important;
}
/* Focused Error Placeholder */
.ui.input.error input:focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.input.error input:focus::-moz-placeholder {
  color: #da9796;
}
.ui.input.error input:focus:-ms-input-placeholder {
  color: #da9796 !important;
}
/*******************************
          Variations
*******************************/
/*--------------------
     Transparent
---------------------*/
.ui.transparent.input input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
}
/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
  width: 1.1em;
}
.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: 2em !important;
}
.ui.transparent[class*="left icon"].input > input {
  padding-left: 2em !important;
  padding-right: 0em !important;
}
/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: #FFFFFF;
}
.ui.transparent.inverted.input input {
  color: inherit;
}
.ui.transparent.inverted.input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
/*--------------------
        Icon
---------------------*/
.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.5;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.icon.input input {
  padding-right: 2.67142857em !important;
}
.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}
.ui.icon.input > i.link.icon {
  cursor: pointer;
}
.ui.icon.input > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}
/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui[class*="left icon"].input > input {
  padding-left: 2.67142857em !important;
  padding-right: 1em !important;
}
/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}
/*--------------------
       Labeled
---------------------*/
/* Adjacent Label */
.ui.labeled.input > .label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  font-size: 1em;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
}
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: #85B7D9;
}
/* Regular Label on Right */
.ui[class*="right labeled"].input input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input input + .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input input:focus {
  border-right-color: #85B7D9 !important;
}
/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.64285714em;
  border-radius: 0em 0.28571429rem 0em 0em;
}
/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
  padding-right: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
  padding-right: 3.25em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
  margin-right: 1.25em;
}
/* Left Labeled */
.ui[class*="left corner labeled"].labeled.input input {
  padding-left: 2.5em !important;
}
.ui[class*="left corner labeled"].icon.input > input {
  padding-left: 3.25em !important;
}
.ui[class*="left corner labeled"].icon.input > .icon {
  margin-left: 1.25em;
}
/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: 1px;
  right: 1px;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: 1px;
}
/*--------------------
       Action
---------------------*/
.ui.action.input > .button,
.ui.action.input > .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
  margin: 0;
}
/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
  border-radius: 0px;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}
/* Input Focus */
.ui.action.input:not([class*="left action"]) input:focus {
  border-right-color: #85B7D9 !important;
}
/* Button on Left */
.ui[class*="left action"].input > input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-color: transparent !important;
}
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
  border-radius: 0px;
}
.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
/* Input Focus */
.ui[class*="left action"].input > input:focus {
  border-left-color: #85B7D9 !important;
}
/*--------------------
      Inverted
---------------------*/
/* Standard */
.ui.inverted.input input {
  border: none;
}
/*--------------------
       Fluid
---------------------*/
.ui.fluid.input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ui.fluid.input > input {
  width: 0px !important;
}
/*--------------------
       Size
---------------------*/
.ui.mini.input {
  font-size: 0.78571429em;
}
.ui.small.input {
  font-size: 0.92857143em;
}
.ui.input {
  font-size: 1em;
}
.ui.large.input {
  font-size: 1.14285714em;
}
.ui.big.input {
  font-size: 1.28571429em;
}
.ui.huge.input {
  font-size: 1.42857143em;
}
.ui.massive.input {
  font-size: 1.71428571em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Label
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Label
*******************************/
.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.14285714em;
  background-color: #E8E8E8;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: bold;
  border: 0px solid transparent;
  border-radius: 0.28571429rem;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.label:first-child {
  margin-left: 0em;
}
.ui.label:last-child {
  margin-right: 0em;
}
/* Link */
a.ui.label {
  cursor: pointer;
}
/* Inside Link */
.ui.label > a {
  cursor: pointer;
  color: inherit;
  opacity: 0.5;
  -webkit-transition: 0.1s opacity ease;
  transition: 0.1s opacity ease;
}
.ui.label > a:hover {
  opacity: 1;
}
/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 2.1666em !important;
}
/* Icon */
.ui.label > .icon {
  width: auto;
  margin: 0em 0.75em 0em 0em;
}
/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-left: 1em;
  opacity: 0.8;
}
.ui.label > .detail .icon {
  margin: 0em 0.25em 0em 0em;
}
/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  margin-right: 0em;
  margin-left: 0.5em;
  font-size: 0.92857143em;
  opacity: 0.5;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.label > .delete.icon:hover {
  opacity: 1;
}
/*-------------------
      Group
--------------------*/
.ui.labels > .label {
  margin: 0em 0.5em 0.5em 0em;
}
/*-------------------
      Coupling
--------------------*/
.ui.header > .ui.label {
  margin-top: -0.29165em;
}
/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
  border-top-left-radius: 0;
}
.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
  border-top-right-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.left.attached.label {
  border-bottom-left-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.right.attached.label {
  border-bottom-right-radius: 0;
}
/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached),
.ui.top.attached.label + [class*="right floated"] + * {
  margin-top: 2rem !important;
}
.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
  margin-top: 0em;
  margin-bottom: 2rem !important;
}
/*******************************
            Types
*******************************/
.ui.image.label {
  width: auto !important;
  margin-top: 0em;
  margin-bottom: 0em;
  max-width: 9999px;
  vertical-align: baseline;
  text-transform: none;
  background: #E8E8E8;
  padding: 0.5833em 0.833em 0.5833em 0.5em;
  border-radius: 0.28571429rem;
  box-shadow: none;
}
.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 2.1666em;
  margin: -0.5833em 0.5em -0.5833em -0.5em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -0.5833em -0.833em -0.5833em 0.5em;
  padding: 0.5833em 0.833em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
/*-------------------
        Tag
--------------------*/
.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: none;
  transition: none;
}
.ui.tag.labels .label:before,
.ui.tag.label:before {
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  -webkit-transition: none;
  transition: none;
}
.ui.tag.labels .label:after,
.ui.tag.label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #FFFFFF !important;
  width: 0.5em;
  height: 0.5em;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem;
}
/*-------------------
   Corner Label
--------------------*/
.ui.corner.label {
  position: absolute;
  top: 0em;
  right: 0em;
  margin: 0em;
  padding: 0em;
  text-align: center;
  border-color: #E8E8E8;
  width: 4em;
  height: 4em;
  z-index: 1;
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}
/* Icon Label */
.ui.corner.label {
  background-color: transparent !important;
}
.ui.corner.label:after {
  position: absolute;
  content: "";
  right: 0em;
  top: 0em;
  z-index: -1;
  width: 0em;
  height: 0em;
  background-color: transparent !important;
  border-top: 0em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-left: 0em solid transparent;
  border-right-color: inherit;
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}
.ui.corner.label .icon {
  cursor: default;
  position: relative;
  top: 0.64285714em;
  left: 0.78571429em;
  font-size: 1.14285714em;
  margin: 0em;
}
/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label:after {
  right: auto;
  left: 0em;
}
.ui.left.corner.label:after {
  border-top: 4em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 0em solid transparent;
  border-left: 0em solid transparent;
  border-top-color: inherit;
}
.ui.left.corner.label .icon {
  left: -0.78571429em;
}
/* Segment */
.ui.segment > .ui.corner.label {
  top: -1px;
  right: -1px;
}
.ui.segment > .ui.left.corner.label {
  right: auto;
  left: -1px;
}
/*-------------------
      Ribbon
--------------------*/
.ui.ribbon.label {
  position: relative;
  margin: 0em;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0%;
  background-color: transparent !important;
  border-style: solid;
  border-width: 0em 1.2em 1.2em 0em;
  border-color: transparent;
  border-right-color: inherit;
  width: 0em;
  height: 0em;
}
/* Positioning */
.ui.ribbon.label {
  left: calc(-1rem - 1.2em);
  margin-right: -1.2em;
  padding-left: calc(1rem + 1.2em);
  padding-right: 1.2em;
}
.ui[class*="right ribbon"].label {
  left: calc(100% + 1rem + 1.2em);
  padding-left: 1.2em;
  padding-right: calc(1rem + 1.2em);
}
/* Right Ribbon */
.ui[class*="right ribbon"].label {
  text-align: left;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="right ribbon"].label:after {
  left: auto;
  right: 0%;
  border-style: solid;
  border-width: 1.2em 1.2em 0em 0em;
  border-color: transparent;
  border-top-color: inherit;
}
/* Inside Table */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
  position: absolute;
  top: 1rem;
}
.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc(0.05rem - 1.2em);
}
.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
  left: calc(100% + -0.05rem + 1.2em);
  padding-left: 0.833em;
}
/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc(-0.78571429em - 1.2em);
}
.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% + 0.78571429em + 1.2em);
  padding-left: 0.833em;
}
/*-------------------
     Attached
--------------------*/
.ui[class*="top attached"].label,
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0em;
  top: 0em;
  left: 0em;
  padding: 0.75em 1em;
  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
}
.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0em;
  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
}
.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0em !important;
  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
}
.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0em;
  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
}
.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0em;
  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
}
.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0em;
  left: auto;
  right: 0em;
  width: auto;
  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
}
/*******************************
            States
*******************************/
/*-------------------
     Disabled
--------------------*/
.ui.label.disabled {
  opacity: 0.5;
}
/*-------------------
       Hover
--------------------*/
a.ui.labels .label:hover,
a.ui.label:hover {
  background-color: #E0E0E0;
  border-color: #E0E0E0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}
.ui.labels a.label:hover:before,
a.ui.label:hover:before {
  color: rgba(0, 0, 0, 0.8);
}
/*-------------------
       Active
--------------------*/
.ui.active.label {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.label:before {
  background-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
/*-------------------
    Active Hover
--------------------*/
a.ui.labels .active.label:hover,
a.ui.active.label:hover {
  background-color: #C8C8C8;
  border-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
  background-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
/*-------------------
     Visible
--------------------*/
.ui.labels.visible .label,
.ui.label.visible {
  display: inline-block !important;
}
/*-------------------
     Hidden
--------------------*/
.ui.labels.hidden .label,
.ui.label.hidden {
  display: none !important;
}
/*******************************
          Variations
*******************************/
/*-------------------
      Colors
--------------------*/
/*--- Red ---*/
.ui.red.labels .label,
.ui.red.label {
  background-color: #DB2828 !important;
  border-color: #DB2828 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: #d01919 !important;
  border-color: #d01919 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.red.ribbon.label {
  border-color: #b21e1e !important;
}
/* Basic */
.ui.basic.red.label {
  background-color: #FFFFFF !important;
  color: #DB2828 !important;
  border-color: #DB2828 !important;
}
.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
  background-color: #FFFFFF !important;
  color: #d01919 !important;
  border-color: #d01919 !important;
}
/*--- Orange ---*/
.ui.orange.labels .label,
.ui.orange.label {
  background-color: #F2711C !important;
  border-color: #F2711C !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
  background-color: #f26202 !important;
  border-color: #f26202 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.orange.ribbon.label {
  border-color: #cf590c !important;
}
/* Basic */
.ui.basic.orange.label {
  background-color: #FFFFFF !important;
  color: #F2711C !important;
  border-color: #F2711C !important;
}
.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
  background-color: #FFFFFF !important;
  color: #f26202 !important;
  border-color: #f26202 !important;
}
/*--- Yellow ---*/
.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #FBBD08 !important;
  border-color: #FBBD08 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #eaae00 !important;
  border-color: #eaae00 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #cd9903 !important;
}
/* Basic */
.ui.basic.yellow.label {
  background-color: #FFFFFF !important;
  color: #FBBD08 !important;
  border-color: #FBBD08 !important;
}
.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
  background-color: #FFFFFF !important;
  color: #eaae00 !important;
  border-color: #eaae00 !important;
}
/*--- Olive ---*/
.ui.olive.labels .label,
.ui.olive.label {
  background-color: #B5CC18 !important;
  border-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
  background-color: #a7bd0d !important;
  border-color: #a7bd0d !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.olive.ribbon.label {
  border-color: #198f35 !important;
}
/* Basic */
.ui.basic.olive.label {
  background-color: #FFFFFF !important;
  color: #B5CC18 !important;
  border-color: #B5CC18 !important;
}
.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
  background-color: #FFFFFF !important;
  color: #a7bd0d !important;
  border-color: #a7bd0d !important;
}
/*--- Green ---*/
.ui.green.labels .label,
.ui.green.label {
  background-color: #21BA45 !important;
  border-color: #21BA45 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #16ab39 !important;
  border-color: #16ab39 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.green.ribbon.label {
  border-color: #198f35 !important;
}
/* Basic */
.ui.basic.green.label {
  background-color: #FFFFFF !important;
  color: #21BA45 !important;
  border-color: #21BA45 !important;
}
.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
  background-color: #FFFFFF !important;
  color: #16ab39 !important;
  border-color: #16ab39 !important;
}
/*--- Teal ---*/
.ui.teal.labels .label,
.ui.teal.label {
  background-color: #00B5AD !important;
  border-color: #00B5AD !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
  background-color: #009c95 !important;
  border-color: #009c95 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.teal.ribbon.label {
  border-color: #00827c !important;
}
/* Basic */
.ui.basic.teal.label {
  background-color: #FFFFFF !important;
  color: #00B5AD !important;
  border-color: #00B5AD !important;
}
.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
  background-color: #FFFFFF !important;
  color: #009c95 !important;
  border-color: #009c95 !important;
}
/*--- Blue ---*/
.ui.blue.labels .label,
.ui.blue.label {
  background-color: #2185D0 !important;
  border-color: #2185D0 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
  background-color: #1678c2 !important;
  border-color: #1678c2 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.blue.ribbon.label {
  border-color: #1a69a4 !important;
}
/* Basic */
.ui.basic.blue.label {
  background-color: #FFFFFF !important;
  color: #2185D0 !important;
  border-color: #2185D0 !important;
}
.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
  background-color: #FFFFFF !important;
  color: #1678c2 !important;
  border-color: #1678c2 !important;
}
/*--- Violet ---*/
.ui.violet.labels .label,
.ui.violet.label {
  background-color: #6435C9 !important;
  border-color: #6435C9 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
  background-color: #5829bb !important;
  border-color: #5829bb !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.violet.ribbon.label {
  border-color: #502aa1 !important;
}
/* Basic */
.ui.basic.violet.label {
  background-color: #FFFFFF !important;
  color: #6435C9 !important;
  border-color: #6435C9 !important;
}
.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
  background-color: #FFFFFF !important;
  color: #5829bb !important;
  border-color: #5829bb !important;
}
/*--- Purple ---*/
.ui.purple.labels .label,
.ui.purple.label {
  background-color: #A333C8 !important;
  border-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
  background-color: #9627ba !important;
  border-color: #9627ba !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #82299f !important;
}
/* Basic */
.ui.basic.purple.label {
  background-color: #FFFFFF !important;
  color: #A333C8 !important;
  border-color: #A333C8 !important;
}
.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
  background-color: #FFFFFF !important;
  color: #9627ba !important;
  border-color: #9627ba !important;
}
/*--- Pink ---*/
.ui.pink.labels .label,
.ui.pink.label {
  background-color: #E03997 !important;
  border-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
  background-color: #e61a8d !important;
  border-color: #e61a8d !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.pink.ribbon.label {
  border-color: #c71f7e !important;
}
/* Basic */
.ui.basic.pink.label {
  background-color: #FFFFFF !important;
  color: #E03997 !important;
  border-color: #E03997 !important;
}
.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
  background-color: #FFFFFF !important;
  color: #e61a8d !important;
  border-color: #e61a8d !important;
}
/*--- Brown ---*/
.ui.brown.labels .label,
.ui.brown.label {
  background-color: #A5673F !important;
  border-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
  background-color: #975b33 !important;
  border-color: #975b33 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.brown.ribbon.label {
  border-color: #805031 !important;
}
/* Basic */
.ui.basic.brown.label {
  background-color: #FFFFFF !important;
  color: #A5673F !important;
  border-color: #A5673F !important;
}
.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
  background-color: #FFFFFF !important;
  color: #975b33 !important;
  border-color: #975b33 !important;
}
/*--- Grey ---*/
.ui.grey.labels .label,
.ui.grey.label {
  background-color: #767676 !important;
  border-color: #767676 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
  background-color: #838383 !important;
  border-color: #838383 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.grey.ribbon.label {
  border-color: #805031 !important;
}
/* Basic */
.ui.basic.grey.label {
  background-color: #FFFFFF !important;
  color: #767676 !important;
  border-color: #767676 !important;
}
.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
  background-color: #FFFFFF !important;
  color: #838383 !important;
  border-color: #838383 !important;
}
/*--- Black ---*/
.ui.black.labels .label,
.ui.black.label {
  background-color: #1B1C1D !important;
  border-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
  background-color: #27292a !important;
  border-color: #27292a !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.black.ribbon.label {
  border-color: #805031 !important;
}
/* Basic */
.ui.basic.black.label {
  background-color: #FFFFFF !important;
  color: #1B1C1D !important;
  border-color: #1B1C1D !important;
}
.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
  background-color: #FFFFFF !important;
  color: #27292a !important;
  border-color: #27292a !important;
}
/*-------------------
       Basic
--------------------*/
.ui.basic.label {
  background: none #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}
/* Link */
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #FFFFFF;
  color: #1e70bf;
  box-shadow: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}
/* Pointing */
.ui.basic.pointing.label:before {
  border-color: inherit;
}
/*-------------------
      Fluid
--------------------*/
.ui.label.fluid,
.ui.fluid.labels > .label {
  width: 100%;
  box-sizing: border-box;
}
/*-------------------
      Inverted
--------------------*/
.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9) !important;
}
/*-------------------
    Horizontal
--------------------*/
.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0em 0.5em 0em 0em;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}
/*-------------------
      Circular
--------------------*/
.ui.circular.labels .label,
.ui.circular.label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}
.ui.empty.circular.labels .label,
.ui.empty.circular.label {
  min-width: 0em;
  min-height: 0em;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline;
}
/*-------------------
      Pointing
--------------------*/
.ui.pointing.label {
  position: relative;
}
.ui.attached.pointing.label {
  position: absolute;
}
.ui.pointing.label:before {
  background-color: inherit;
  background-image: inherit;
  border-width: none;
  border-style: solid;
  border-color: inherit;
}
/* Arrow */
.ui.pointing.label:before {
  position: absolute;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
/*--- Above ---*/
.ui.pointing.label,
.ui[class*="pointing above"].label {
  margin-top: 1em;
}
.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
  border-width: 1px 0px 0px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0%;
  left: 50%;
}
/*--- Below ---*/
.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
  margin-top: 0em;
  margin-bottom: 1em;
}
.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
  border-width: 0px 1px 1px 0px;
  top: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%;
}
/*--- Left ---*/
.ui[class*="left pointing"].label {
  margin-top: 0em;
  margin-left: 0.6666em;
}
.ui[class*="left pointing"].label:before {
  border-width: 0px 0px 1px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}
/*--- Right ---*/
.ui[class*="right pointing"].label {
  margin-top: 0em;
  margin-right: 0.6666em;
}
.ui[class*="right pointing"].label:before {
  border-width: 1px 1px 0px 0px;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
}
/* Basic Pointing */
/*--- Above ---*/
.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
  margin-top: -1px;
}
/*--- Below ---*/
.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
  bottom: auto;
  top: 100%;
  margin-top: 1px;
}
/*--- Left ---*/
.ui.basic[class*="left pointing"].label:before {
  top: 50%;
  left: -1px;
}
/*--- Right ---*/
.ui.basic[class*="right pointing"].label:before {
  top: 50%;
  right: -1px;
}
/*------------------
  Floating Label
-------------------*/
.ui.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  left: 100%;
  margin: 0em 0em 0em -1.5em !important;
}
/*-------------------
       Sizes
--------------------*/
.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.64285714rem;
}
.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.71428571rem;
}
.ui.small.labels .label,
.ui.small.label {
  font-size: 0.78571429rem;
}
.ui.labels .label,
.ui.label {
  font-size: 0.85714286rem;
}
.ui.large.labels .label,
.ui.large.label {
  font-size: 1rem;
}
.ui.big.labels .label,
.ui.big.label {
  font-size: 1.28571429rem;
}
.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.42857143rem;
}
.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.71428571rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - List
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           List
*******************************/
ul.ui.list,
ol.ui.list,
.ui.list {
  list-style-type: none;
  margin: 1em 0em;
  padding: 0em 0em;
}
ul.ui.list:first-child,
ol.ui.list:first-child,
.ui.list:first-child {
  margin-top: 0em;
  padding-top: 0em;
}
ul.ui.list:last-child,
ol.ui.list:last-child,
.ui.list:last-child {
  margin-bottom: 0em;
  padding-bottom: 0em;
}
/*******************************
           Content
*******************************/
/* List Item */
ul.ui.list li,
ol.ui.list li,
.ui.list > .item,
.ui.list .list > .item {
  display: list-item;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.21428571em 0em;
  line-height: 1.14285714em;
}
ul.ui.list > li:first-child:after,
ol.ui.list > li:first-child:after,
.ui.list > .list > .item,
.ui.list > .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
ul.ui.list li:first-child,
ol.ui.list li:first-child,
.ui.list .list > .item:first-child,
.ui.list > .item:first-child {
  padding-top: 0em;
}
ul.ui.list li:last-child,
ol.ui.list li:last-child,
.ui.list .list > .item:last-child,
.ui.list > .item:last-child {
  padding-bottom: 0em;
}
/* Child List */
ul.ui.list ul,
ol.ui.list ol,
.ui.list .list {
  clear: both;
  margin: 0em;
  padding: 0.75em 0em 0.25em 0.5em;
}
/* Child Item */
ul.ui.list ul li,
ol.ui.list ol li,
.ui.list .list > .item {
  padding: 0.14285714em 0em;
  line-height: inherit;
}
/* Icon */
.ui.list .list > .item > i.icon,
.ui.list > .item > i.icon {
  display: table-cell;
  margin: 0em;
  padding-top: 0.07142857em;
  padding-right: 0.28571429em;
  vertical-align: top;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.list .list > .item > i.icon:only-child,
.ui.list > .item > i.icon:only-child {
  display: inline-block;
  vertical-align: top;
}
/* Image */
.ui.list .list > .item > .image,
.ui.list > .item > .image {
  display: table-cell;
  background-color: transparent;
  margin: 0em;
  vertical-align: top;
}
.ui.list .list > .item > .image:not(:only-child):not(img),
.ui.list > .item > .image:not(:only-child):not(img) {
  padding-right: 0.5em;
}
.ui.list .list > .item > .image img,
.ui.list > .item > .image img {
  vertical-align: top;
}
.ui.list .list > .item > img.image,
.ui.list .list > .item > .image:only-child,
.ui.list > .item > img.image,
.ui.list > .item > .image:only-child {
  display: inline-block;
}
/* Content */
.ui.list .list > .item > .content,
.ui.list > .item > .content {
  line-height: 1.14285714em;
}
.ui.list .list > .item > .image + .content,
.ui.list .list > .item > .icon + .content,
.ui.list > .item > .image + .content,
.ui.list > .item > .icon + .content {
  display: table-cell;
  padding: 0em 0em 0em 0.5em;
  vertical-align: top;
}
.ui.list .list > .item > img.image + .content,
.ui.list > .item > img.image + .content {
  display: inline-block;
}
.ui.list .list > .item > .content > .list,
.ui.list > .item > .content > .list {
  margin-left: 0em;
  padding-left: 0em;
}
/* Header */
.ui.list .list > .item .header,
.ui.list > .item .header {
  display: block;
  margin: 0em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}
/* Description */
.ui.list .list > .item .description,
.ui.list > .item .description {
  display: block;
  color: rgba(0, 0, 0, 0.7);
}
/* Child Link */
.ui.list > .item a,
.ui.list .list > .item a {
  cursor: pointer;
}
/* Linking Item */
.ui.list .list > a.item,
.ui.list > a.item {
  cursor: pointer;
  color: #4183C4;
}
.ui.list .list > a.item:hover,
.ui.list > a.item:hover {
  color: #1e70bf;
}
/* Linked Item Icons */
.ui.list .list > a.item i.icon,
.ui.list > a.item i.icon {
  color: rgba(0, 0, 0, 0.4);
}
/* Header Link */
.ui.list .list > .item a.header,
.ui.list > .item a.header {
  cursor: pointer;
  color: #4183C4 !important;
}
.ui.list .list > .item a.header:hover,
.ui.list > .item a.header:hover {
  color: #1e70bf !important;
}
/* Floated Content */
.ui[class*="left floated"].list {
  float: left;
}
.ui[class*="right floated"].list {
  float: right;
}
.ui.list .list > .item [class*="left floated"],
.ui.list > .item [class*="left floated"] {
  float: left;
  margin: 0em 1em 0em 0em;
}
.ui.list .list > .item [class*="right floated"],
.ui.list > .item [class*="right floated"] {
  float: right;
  margin: 0em 0em 0em 1em;
}
/*******************************
           Coupling
*******************************/
.ui.menu .ui.list > .item,
.ui.menu .ui.list .list > .item {
  display: list-item;
  table-layout: fixed;
  background-color: transparent;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.21428571em 0em;
  line-height: 1.14285714em;
}
.ui.menu .ui.list .list > .item:before,
.ui.menu .ui.list > .item:before {
  border: none;
  background: none;
}
.ui.menu .ui.list .list > .item:first-child,
.ui.menu .ui.list > .item:first-child {
  padding-top: 0em;
}
.ui.menu .ui.list .list > .item:last-child,
.ui.menu .ui.list > .item:last-child {
  padding-bottom: 0em;
}
/*******************************
           Types
*******************************/
/*-------------------
     Horizontal
--------------------*/
.ui.horizontal.list {
  display: inline-block;
  font-size: 0em;
}
.ui.horizontal.list > .item {
  display: inline-block;
  margin-left: 1em;
  font-size: 1rem;
}
.ui.horizontal.list:not(.celled) > .item:first-child {
  margin-left: 0em !important;
  padding-left: 0em !important;
}
.ui.horizontal.list .list {
  padding-left: 0em;
  padding-bottom: 0em;
}
.ui.horizontal.list > .item > .image,
.ui.horizontal.list .list > .item > .image,
.ui.horizontal.list > .item > .icon,
.ui.horizontal.list .list > .item > .icon,
.ui.horizontal.list > .item > .content,
.ui.horizontal.list .list > .item > .content {
  vertical-align: middle;
}
/* Padding on all elements */
.ui.horizontal.list > .item:first-child,
.ui.horizontal.list > .item:last-child {
  padding-top: 0.21428571em;
  padding-bottom: 0.21428571em;
}
/* Horizontal List */
.ui.horizontal.list > .item > i.icon {
  margin: 0em;
  padding: 0em 0.25em 0em 0em;
}
.ui.horizontal.list > .item > .icon,
.ui.horizontal.list > .item > .icon + .content {
  float: none;
  display: inline-block;
}
/*******************************
            States
*******************************/
/*-------------------
      Disabled
--------------------*/
.ui.list .list > .disabled.item,
.ui.list > .disabled.item {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3) !important;
}
.ui.inverted.list .list > .disabled.item,
.ui.inverted.list > .disabled.item {
  color: rgba(225, 225, 225, 0.3) !important;
}
/*-------------------
       Hover
--------------------*/
.ui.list .list > a.item:hover .icon,
.ui.list > a.item:hover .icon {
  color: rgba(0, 0, 0, 0.87);
}
/*******************************
          Variations
*******************************/
/*-------------------
      Inverted
--------------------*/
.ui.inverted.list .list > a.item > .icon,
.ui.inverted.list > a.item > .icon {
  color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.list .list > .item .header,
.ui.inverted.list > .item .header {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.list .list > .item .description,
.ui.inverted.list > .item .description {
  color: rgba(255, 255, 255, 0.7);
}
/* Item Link */
.ui.inverted.list .list > a.item,
.ui.inverted.list > a.item {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.list .list > a.item:hover,
.ui.inverted.list > a.item:hover {
  color: #1e70bf;
}
/* Linking Content */
.ui.inverted.list .item a:not(.ui) {
  color: rgba(255, 255, 255, 0.9) !important;
}
.ui.inverted.list .item a:not(.ui):hover {
  color: #1e70bf !important;
}
/*-------------------
      Aligned
--------------------*/
.ui.list[class*="top aligned"] .image,
.ui.list[class*="top aligned"] .content,
.ui.list [class*="top aligned"] {
  vertical-align: top !important;
}
.ui.list[class*="middle aligned"] .image,
.ui.list[class*="middle aligned"] .content,
.ui.list [class*="middle aligned"] {
  vertical-align: middle !important;
}
.ui.list[class*="bottom aligned"] .image,
.ui.list[class*="bottom aligned"] .content,
.ui.list [class*="bottom aligned"] {
  vertical-align: bottom !important;
}
/*-------------------
      Link
--------------------*/
.ui.link.list .item,
.ui.link.list a.item,
.ui.link.list .item a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.1s color ease;
  transition: 0.1s color ease;
}
.ui.link.list a.item:hover,
.ui.link.list .item a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.link.list a.item:active,
.ui.link.list .item a:not(.ui):active {
  color: rgba(0, 0, 0, 0.9);
}
.ui.link.list .active.item,
.ui.link.list .active.item a:not(.ui) {
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.inverted.link.list .item,
.ui.inverted.link.list a.item,
.ui.inverted.link.list .item a:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.link.list a.item:hover,
.ui.inverted.link.list .item a:not(.ui):hover {
  color: #ffffff;
}
.ui.inverted.link.list a.item:active,
.ui.inverted.link.list .item a:not(.ui):active {
  color: #ffffff;
}
.ui.inverted.link.list a.active.item,
.ui.inverted.link.list .active.item a:not(.ui) {
  color: #ffffff;
}
/*-------------------
     Selection
--------------------*/
.ui.selection.list .list > .item,
.ui.selection.list > .item {
  cursor: pointer;
  background: transparent;
  padding: 0.5em 0.5em;
  margin: 0em;
  color: rgba(0, 0, 0, 0.4);
  border-radius: 0.5em;
  -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
  transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
}
.ui.selection.list .list > .item:last-child,
.ui.selection.list > .item:last-child {
  margin-bottom: 0em;
}
.ui.selection.list.list > .item:hover,
.ui.selection.list > .item:hover {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.8);
}
.ui.selection.list .list > .item:active,
.ui.selection.list > .item:active {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.9);
}
.ui.selection.list .list > .item.active,
.ui.selection.list > .item.active {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.inverted.selection.list > .item,
.ui.inverted.selection.list > .item {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.selection.list > .item:hover,
.ui.inverted.selection.list > .item:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}
.ui.inverted.selection.list > .item:active,
.ui.inverted.selection.list > .item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.ui.inverted.selection.list > .item.active,
.ui.inverted.selection.list > .item.active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
/* Celled / Divided Selection List */
.ui.celled.selection.list .list > .item,
.ui.divided.selection.list .list > .item,
.ui.celled.selection.list > .item,
.ui.divided.selection.list > .item {
  border-radius: 0em;
}
/*-------------------
      Animated
--------------------*/
.ui.animated.list > .item {
  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
  transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
}
.ui.animated.list:not(.horizontal) > .item:hover {
  padding-left: 1em;
}
/*-------------------
      Fitted
--------------------*/
.ui.fitted.list:not(.selection) .list > .item,
.ui.fitted.list:not(.selection) > .item {
  padding-left: 0em;
  padding-right: 0em;
}
.ui.fitted.selection.list .list > .item,
.ui.fitted.selection.list > .item {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
/*-------------------
     Bulleted
--------------------*/
ul.ui.list,
.ui.bulleted.list {
  margin-left: 1.25rem;
}
ul.ui.list li,
.ui.bulleted.list .list > .item,
.ui.bulleted.list > .item {
  position: relative;
}
ul.ui.list li:before,
.ui.bulleted.list .list > .item:before,
.ui.bulleted.list > .item:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: auto;
  font-weight: normal;
  margin-left: -1.25rem;
  content: '•';
  opacity: 1;
  color: inherit;
  vertical-align: top;
}
ul.ui.list li:before,
.ui.bulleted.list .list > a.item:before,
.ui.bulleted.list > a.item:before {
  color: rgba(0, 0, 0, 0.87);
}
ul.ui.list ul,
.ui.bulleted.list .list {
  padding-left: 1.25rem;
}
/* Horizontal Bulleted */
ul.ui.horizontal.bulleted.list,
.ui.horizontal.bulleted.list {
  margin-left: 0em;
}
ul.ui.horizontal.bulleted.list li,
.ui.horizontal.bulleted.list > .item {
  margin-left: 1.75rem;
}
ul.ui.horizontal.bulleted.list li:first-child,
.ui.horizontal.bulleted.list > .item:first-child {
  margin-left: 0em;
}
ul.ui.horizontal.bulleted.list li::before,
.ui.horizontal.bulleted.list > .item::before {
  color: rgba(0, 0, 0, 0.87);
}
ul.ui.horizontal.bulleted.list li:first-child::before,
.ui.horizontal.bulleted.list > .item:first-child::before {
  display: none;
}
/*-------------------
      Ordered
--------------------*/
ol.ui.list,
.ui.ordered.list,
.ui.ordered.list .list,
ol.ui.list ol {
  counter-reset: ordered;
  margin-left: 1.25rem;
  list-style-type: none;
}
ol.ui.list li,
.ui.ordered.list .list > .item,
.ui.ordered.list > .item {
  list-style-type: none;
  position: relative;
}
ol.ui.list li:before,
.ui.ordered.list .list > .item:before,
.ui.ordered.list > .item:before {
  position: absolute;
  top: auto;
  left: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  margin-left: -1.25rem;
  counter-increment: ordered;
  content: counters(ordered, ".") " ";
  text-align: right;
  color: rgba(0, 0, 0, 0.87);
  vertical-align: middle;
  opacity: 0.8;
}
ol.ui.inverted.list li:before,
.ui.ordered.inverted.list .list > .item:before,
.ui.ordered.inverted.list > .item:before {
  color: rgba(255, 255, 255, 0.7);
}
/* Value */
.ui.ordered.list > .list > .item[data-value],
.ui.ordered.list > .item[data-value] {
  content: attr(data-value);
}
ol.ui.list li[value]:before {
  content: attr(value);
}
/* Child Lists */
ol.ui.list ol,
.ui.ordered.list .list {
  margin-left: 1em;
}
ol.ui.list ol li:before,
.ui.ordered.list .list > .item:before {
  margin-left: -2em;
}
/* Horizontal Ordered */
ol.ui.horizontal.list,
.ui.ordered.horizontal.list {
  margin-left: 0em;
}
ol.ui.horizontal.list li:before,
.ui.ordered.horizontal.list .list > .item:before,
.ui.ordered.horizontal.list > .item:before {
  position: static;
  margin: 0em 0.5em 0em 0em;
}
/*-------------------
      Divided
--------------------*/
.ui.divided.list > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.divided.list .list > .item {
  border-top: none;
}
.ui.divided.list .item .list > .item {
  border-top: none;
}
.ui.divided.list .list > .item:first-child,
.ui.divided.list > .item:first-child {
  border-top: none;
}
/* Sub Menu */
.ui.divided.list:not(.horizontal) .list > .item:first-child {
  border-top-width: 1px;
}
/* Divided bulleted */
.ui.divided.bulleted.list:not(.horizontal),
.ui.divided.bulleted.list .list {
  margin-left: 0em;
  padding-left: 0em;
}
.ui.divided.bulleted.list > .item:not(.horizontal) {
  padding-left: 1.25rem;
}
/* Divided Ordered */
.ui.divided.ordered.list {
  margin-left: 0em;
}
.ui.divided.ordered.list .list > .item,
.ui.divided.ordered.list > .item {
  padding-left: 1.25rem;
}
.ui.divided.ordered.list .item .list {
  margin-left: 0em;
  margin-right: 0em;
  padding-bottom: 0.21428571em;
}
.ui.divided.ordered.list .item .list > .item {
  padding-left: 1em;
}
/* Divided Selection */
.ui.divided.selection.list .list > .item,
.ui.divided.selection.list > .item {
  margin: 0em;
  border-radius: 0em;
}
/* Divided horizontal */
.ui.divided.horizontal.list {
  margin-left: 0em;
}
.ui.divided.horizontal.list > .item:not(:first-child) {
  padding-left: 0.5em;
}
.ui.divided.horizontal.list > .item:not(:last-child) {
  padding-right: 0.5em;
}
.ui.divided.horizontal.list > .item {
  border-top: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0em;
  line-height: 0.6;
}
.ui.horizontal.divided.list > .item:first-child {
  border-left: none;
}
/* Inverted */
.ui.divided.inverted.list > .item,
.ui.divided.inverted.list > .list,
.ui.divided.inverted.horizontal.list > .item {
  border-color: rgba(255, 255, 255, 0.1);
}
/*-------------------
       Celled
--------------------*/
.ui.celled.list > .item,
.ui.celled.list > .list {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.celled.list > .item:last-child {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
/* Padding on all elements */
.ui.celled.list > .item:first-child,
.ui.celled.list > .item:last-child {
  padding-top: 0.21428571em;
  padding-bottom: 0.21428571em;
}
/* Sub Menu */
.ui.celled.list .item .list > .item {
  border-width: 0px;
}
.ui.celled.list .list > .item:first-child {
  border-top-width: 0px;
}
/* Celled Bulleted */
.ui.celled.bulleted.list {
  margin-left: 0em;
}
.ui.celled.bulleted.list .list > .item,
.ui.celled.bulleted.list > .item {
  padding-left: 1.25rem;
}
.ui.celled.bulleted.list .item .list {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-bottom: 0.21428571em;
}
/* Celled Ordered */
.ui.celled.ordered.list {
  margin-left: 0em;
}
.ui.celled.ordered.list .list > .item,
.ui.celled.ordered.list > .item {
  padding-left: 1.25rem;
}
.ui.celled.ordered.list .item .list {
  margin-left: 0em;
  margin-right: 0em;
  padding-bottom: 0.21428571em;
}
.ui.celled.ordered.list .list > .item {
  padding-left: 1em;
}
/* Celled Horizontal */
.ui.horizontal.celled.list {
  margin-left: 0em;
}
.ui.horizontal.celled.list .list > .item,
.ui.horizontal.celled.list > .item {
  border-top: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 0.6;
}
.ui.horizontal.celled.list .list > .item:last-child,
.ui.horizontal.celled.list > .item:last-child {
  border-bottom: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
/* Inverted */
.ui.celled.inverted.list > .item,
.ui.celled.inverted.list > .list {
  border-color: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.celled.inverted.horizontal.list .list > .item,
.ui.celled.inverted.horizontal.list > .item {
  border-color: 1px solid rgba(255, 255, 255, 0.1);
}
/*-------------------
      Relaxed
--------------------*/
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.42857143em;
}
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.42857143em;
}
.ui.horizontal.relaxed.list .list > .item:not(:first-child),
.ui.horizontal.relaxed.list > .item:not(:first-child) {
  padding-left: 1rem;
}
.ui.horizontal.relaxed.list .list > .item:not(:last-child),
.ui.horizontal.relaxed.list > .item:not(:last-child) {
  padding-right: 1rem;
}
/* Very Relaxed */
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.85714286em;
}
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.85714286em;
}
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
  padding-left: 1.5rem;
}
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
  padding-right: 1.5rem;
}
/*-------------------
     Sizes
--------------------*/
.ui.mini.list {
  font-size: 0.78571429em;
}
.ui.tiny.list {
  font-size: 0.85714286em;
}
.ui.small.list {
  font-size: 0.92857143em;
}
.ui.list {
  font-size: 1em;
}
.ui.large.list {
  font-size: 1.14285714em;
}
.ui.big.list {
  font-size: 1.28571429em;
}
.ui.huge.list {
  font-size: 1.42857143em;
}
.ui.massive.list {
  font-size: 1.71428571em;
}
.ui.mini.horizontal.list .list > .item,
.ui.mini.horizontal.list > .item {
  font-size: 0.78571429rem;
}
.ui.tiny.horizontal.list .list > .item,
.ui.tiny.horizontal.list > .item {
  font-size: 0.85714286rem;
}
.ui.small.horizontal.list .list > .item,
.ui.small.horizontal.list > .item {
  font-size: 0.92857143rem;
}
.ui.horizontal.list .list > .item,
.ui.horizontal.list > .item {
  font-size: 1rem;
}
.ui.large.horizontal.list .list > .item,
.ui.large.horizontal.list > .item {
  font-size: 1.14285714rem;
}
.ui.big.horizontal.list .list > .item,
.ui.big.horizontal.list > .item {
  font-size: 1.28571429rem;
}
.ui.huge.horizontal.list .list > .item,
.ui.huge.horizontal.list > .item {
  font-size: 1.42857143rem;
}
.ui.massive.horizontal.list .list > .item,
.ui.massive.horizontal.list > .item {
  font-size: 1.71428571rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Loader
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Loader
*******************************/
/* Standard Size */
.ui.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  text-align: center;
  z-index: 1000;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* Static Shape */
.ui.loader:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
/* Active Shape */
.ui.loader:after {
  position: absolute;
  content: '';
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: loader 0.6s linear;
  animation: loader 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/* Active Animation */
@-webkit-keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Sizes */
.ui.mini.loader:before,
.ui.mini.loader:after {
  width: 1rem;
  height: 1rem;
  margin: 0em 0em 0em -0.5rem;
}
.ui.tiny.loader:before,
.ui.tiny.loader:after {
  width: 1.14285714rem;
  height: 1.14285714rem;
  margin: 0em 0em 0em -0.57142857rem;
}
.ui.small.loader:before,
.ui.small.loader:after {
  width: 1.71428571rem;
  height: 1.71428571rem;
  margin: 0em 0em 0em -0.85714286rem;
}
.ui.loader:before,
.ui.loader:after {
  width: 2.28571429rem;
  height: 2.28571429rem;
  margin: 0em 0em 0em -1.14285714rem;
}
.ui.large.loader:before,
.ui.large.loader:after {
  width: 3.42857143rem;
  height: 3.42857143rem;
  margin: 0em 0em 0em -1.71428571rem;
}
.ui.big.loader:before,
.ui.big.loader:after {
  width: 3.71428571rem;
  height: 3.71428571rem;
  margin: 0em 0em 0em -1.85714286rem;
}
.ui.huge.loader:before,
.ui.huge.loader:after {
  width: 4.14285714rem;
  height: 4.14285714rem;
  margin: 0em 0em 0em -2.07142857rem;
}
.ui.massive.loader:before,
.ui.massive.loader:after {
  width: 4.57142857rem;
  height: 4.57142857rem;
  margin: 0em 0em 0em -2.28571429rem;
}
/*-------------------
     Coupling
--------------------*/
/* Show inside active dimmer */
.ui.dimmer .loader {
  display: block;
}
/* Black Dimmer */
.ui.dimmer .ui.loader {
  color: rgba(255, 255, 255, 0.9);
}
.ui.dimmer .ui.loader:before {
  border-color: rgba(255, 255, 255, 0.15);
}
.ui.dimmer .ui.loader:after {
  border-color: #FFFFFF transparent transparent;
}
/* White Dimmer (Inverted) */
.ui.inverted.dimmer .ui.loader {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer .ui.loader:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.dimmer .ui.loader:after {
  border-color: #767676 transparent transparent;
}
/*******************************
            Types
*******************************/
/*-------------------
       Text
--------------------*/
.ui.text.loader {
  width: auto !important;
  height: auto !important;
  text-align: center;
  font-style: normal;
}
/*******************************
           States
*******************************/
.ui.indeterminate.loader:after {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
.ui.loader.active,
.ui.loader.visible {
  display: block;
}
.ui.loader.disabled,
.ui.loader.hidden {
  display: none;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Sizes
--------------------*/
/* Loader */
.ui.inverted.dimmer .ui.mini.loader,
.ui.mini.loader {
  width: 1rem;
  height: 1rem;
  font-size: 0.78571429em;
}
.ui.inverted.dimmer .ui.tiny.loader,
.ui.tiny.loader {
  width: 1.14285714rem;
  height: 1.14285714rem;
  font-size: 0.85714286em;
}
.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
  width: 1.71428571rem;
  height: 1.71428571rem;
  font-size: 0.92857143em;
}
.ui.inverted.dimmer .ui.loader,
.ui.loader {
  width: 2.28571429rem;
  height: 2.28571429rem;
  font-size: 1em;
}
.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
  width: 3.42857143rem;
  height: 3.42857143rem;
  font-size: 1.14285714em;
}
.ui.inverted.dimmer .ui.big.loader,
.ui.big.loader {
  width: 3.71428571rem;
  height: 3.71428571rem;
  font-size: 1.28571429em;
}
.ui.inverted.dimmer .ui.huge.loader,
.ui.huge.loader {
  width: 4.14285714rem;
  height: 4.14285714rem;
  font-size: 1.42857143em;
}
.ui.inverted.dimmer .ui.massive.loader,
.ui.massive.loader {
  width: 4.57142857rem;
  height: 4.57142857rem;
  font-size: 1.71428571em;
}
/* Text Loader */
.ui.mini.text.loader {
  min-width: 1rem;
  padding-top: 1.78571429rem;
}
.ui.tiny.text.loader {
  min-width: 1.14285714rem;
  padding-top: 1.92857143rem;
}
.ui.small.text.loader {
  min-width: 1.71428571rem;
  padding-top: 2.5rem;
}
.ui.text.loader {
  min-width: 2.28571429rem;
  padding-top: 3.07142857rem;
}
.ui.large.text.loader {
  min-width: 3.42857143rem;
  padding-top: 4.21428571rem;
}
.ui.big.text.loader {
  min-width: 3.71428571rem;
  padding-top: 4.5rem;
}
.ui.huge.text.loader {
  min-width: 4.14285714rem;
  padding-top: 4.92857143rem;
}
.ui.massive.text.loader {
  min-width: 4.57142857rem;
  padding-top: 5.35714286rem;
}
/*-------------------
      Inverted
--------------------*/
.ui.inverted.loader {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.loader:before {
  border-color: rgba(255, 255, 255, 0.15);
}
.ui.inverted.loader:after {
  border-top-color: #FFFFFF;
}
/*-------------------
      Inline
--------------------*/
.ui.inline.loader {
  position: relative;
  vertical-align: middle;
  margin: 0em;
  left: 0em;
  top: 0em;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.ui.inline.loader.active,
.ui.inline.loader.visible {
  display: inline-block;
}
/* Centered Inline */
.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Rail
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Rails
*******************************/
.ui.rail {
  position: absolute;
  top: 0%;
  width: 300px;
  height: 100%;
}
.ui.left.rail {
  left: auto;
  right: 100%;
  padding: 0em 2rem 0em 0em;
  margin: 0em 2rem 0em 0em;
}
.ui.right.rail {
  left: 100%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem;
}
/*******************************
          Variations
*******************************/
/*--------------
    Internal
---------------*/
.ui.left.internal.rail {
  left: 0%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem;
}
.ui.right.internal.rail {
  left: auto;
  right: 0%;
  padding: 0em 2rem 0em 0em;
  margin: 0em 2rem 0em 0em;
}
/*--------------
   Dividing
---------------*/
.ui.dividing.rail {
  width: 302.5px;
}
.ui.left.dividing.rail {
  padding: 0em 2.5rem 0em 0em;
  margin: 0em 2.5rem 0em 0em;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.right.dividing.rail {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  padding: 0em 0em 0em 2.5rem;
  margin: 0em 0em 0em 2.5rem;
}
/*--------------
   Distance
---------------*/
.ui.close.rail {
  width: calc(300px + 1em);
}
.ui.close.left.rail {
  padding: 0em 1em 0em 0em;
  margin: 0em 1em 0em 0em;
}
.ui.close.right.rail {
  padding: 0em 0em 0em 1em;
  margin: 0em 0em 0em 1em;
}
.ui.very.close.rail {
  width: calc(300px + 0.5em);
}
.ui.very.close.left.rail {
  padding: 0em 0.5em 0em 0em;
  margin: 0em 0.5em 0em 0em;
}
.ui.very.close.right.rail {
  padding: 0em 0em 0em 0.5em;
  margin: 0em 0em 0em 0.5em;
}
/*--------------
   Attached
---------------*/
.ui.attached.left.rail,
.ui.attached.right.rail {
  padding: 0em;
  margin: 0em;
}
/*--------------
    Sizing
---------------*/
.ui.mini.rail {
  font-size: 0.78571429rem;
}
.ui.tiny.rail {
  font-size: 0.85714286rem;
}
.ui.small.rail {
  font-size: 0.92857143rem;
}
.ui.rail {
  font-size: 1rem;
}
.ui.large.rail {
  font-size: 1.14285714rem;
}
.ui.big.rail {
  font-size: 1.28571429rem;
}
.ui.huge.rail {
  font-size: 1.42857143rem;
}
.ui.massive.rail {
  font-size: 1.71428571rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Reveal
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Reveal
*******************************/
.ui.reveal {
  display: inherit;
  position: relative !important;
  font-size: 0em !important;
}
.ui.reveal > .visible.content {
  position: absolute !important;
  top: 0em !important;
  left: 0em !important;
  z-index: 3 !important;
  -webkit-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}
.ui.reveal > .hidden.content {
  position: relative !important;
  z-index: 2 !important;
}
/* Make sure hovered element is on top of other reveal */
.ui.active.reveal .visible.content,
.ui.reveal:hover .visible.content {
  z-index: 4 !important;
}
/*******************************
             Types
*******************************/
/*--------------
     Slide
---------------*/
.ui.slide.reveal {
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap;
}
.ui.slide.reveal > .content {
  display: block;
  width: 100%;
  float: left;
  margin: 0em;
  -webkit-transition: -webkit-transform 0.5s ease 0.1s;
  transition: -webkit-transform 0.5s ease 0.1s;
  transition: transform 0.5s ease 0.1s;
  transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s;
}
.ui.slide.reveal > .visible.content {
  position: relative !important;
}
.ui.slide.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important;
  -webkit-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
}
.ui.slide.active.reveal > .visible.content,
.ui.slide.reveal:hover > .visible.content {
  -webkit-transform: translateX(-100%) !important;
  -ms-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
}
.ui.slide.active.reveal > .hidden.content,
.ui.slide.reveal:hover > .hidden.content {
  -webkit-transform: translateX(0%) !important;
  -ms-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
}
.ui.slide.right.reveal > .visible.content {
  -webkit-transform: translateX(0%) !important;
  -ms-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
}
.ui.slide.right.reveal > .hidden.content {
  -webkit-transform: translateX(-100%) !important;
  -ms-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
}
.ui.slide.right.active.reveal > .visible.content,
.ui.slide.right.reveal:hover > .visible.content {
  -webkit-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
}
.ui.slide.right.active.reveal > .hidden.content,
.ui.slide.right.reveal:hover > .hidden.content {
  -webkit-transform: translateX(0%) !important;
  -ms-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
}
.ui.slide.up.reveal > .hidden.content {
  -webkit-transform: translateY(100%) !important;
  -ms-transform: translateY(100%) !important;
  transform: translateY(100%) !important;
}
.ui.slide.up.active.reveal > .visible.content,
.ui.slide.up.reveal:hover > .visible.content {
  -webkit-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}
.ui.slide.up.active.reveal > .hidden.content,
.ui.slide.up.reveal:hover > .hidden.content {
  -webkit-transform: translateY(0%) !important;
  -ms-transform: translateY(0%) !important;
  transform: translateY(0%) !important;
}
.ui.slide.down.reveal > .hidden.content {
  -webkit-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}
.ui.slide.down.active.reveal > .visible.content,
.ui.slide.down.reveal:hover > .visible.content {
  -webkit-transform: translateY(100%) !important;
  -ms-transform: translateY(100%) !important;
  transform: translateY(100%) !important;
}
.ui.slide.down.active.reveal > .hidden.content,
.ui.slide.down.reveal:hover > .hidden.content {
  -webkit-transform: translateY(0%) !important;
  -ms-transform: translateY(0%) !important;
  transform: translateY(0%) !important;
}
/*--------------
     Fade
---------------*/
.ui.fade.reveal > .visible.content {
  opacity: 1;
}
.ui.fade.active.reveal > .visible.content,
.ui.fade.reveal:hover > .visible.content {
  opacity: 0;
}
/*--------------
     Move
---------------*/
.ui.move.reveal {
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap;
}
.ui.move.reveal > .content {
  display: block;
  float: left;
  margin: 0em;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
}
.ui.move.reveal > .visible.content {
  position: relative !important;
}
.ui.move.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important;
}
.ui.move.active.reveal > .visible.content,
.ui.move.reveal:hover > .visible.content {
  -webkit-transform: translateX(-100%) !important;
  -ms-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
}
.ui.move.right.active.reveal > .visible.content,
.ui.move.right.reveal:hover > .visible.content {
  -webkit-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
}
.ui.move.up.active.reveal > .visible.content,
.ui.move.up.reveal:hover > .visible.content {
  -webkit-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
}
.ui.move.down.active.reveal > .visible.content,
.ui.move.down.reveal:hover > .visible.content {
  -webkit-transform: translateY(100%) !important;
  -ms-transform: translateY(100%) !important;
  transform: translateY(100%) !important;
}
/*--------------
    Rotate
---------------*/
.ui.rotate.reveal > .visible.content {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.ui.rotate.reveal > .visible.content,
.ui.rotate.right.reveal > .visible.content {
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
}
.ui.rotate.active.reveal > .visible.content,
.ui.rotate.reveal:hover > .visible.content,
.ui.rotate.right.active.reveal > .visible.content,
.ui.rotate.right.reveal:hover > .visible.content {
  -webkit-transform: rotate(110deg);
  -ms-transform: rotate(110deg);
  transform: rotate(110deg);
}
.ui.rotate.left.reveal > .visible.content {
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}
.ui.rotate.left.active.reveal > .visible.content,
.ui.rotate.left.reveal:hover > .visible.content {
  -webkit-transform: rotate(-110deg);
  -ms-transform: rotate(-110deg);
  transform: rotate(-110deg);
}
/*******************************
             States
*******************************/
.ui.disabled.reveal:hover > .visible.visible.content {
  position: static !important;
  display: block !important;
  opacity: 1 !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.ui.disabled.reveal:hover > .hidden.hidden.content {
  display: none !important;
}
/*******************************
          Variations
*******************************/
/*--------------
    Visible
---------------*/
.ui.visible.reveal {
  overflow: visible;
}
/*--------------
    Instant
---------------*/
.ui.instant.reveal > .content {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
/*--------------
    Sizing
---------------*/
.ui.reveal > .content {
  font-size: 1rem !important;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Segment
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Segment
*******************************/
.ui.segment {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  padding: 1em 1em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segment:first-child {
  margin-top: 0em;
}
.ui.segment:last-child {
  margin-bottom: 0em;
}
/* Vertical */
.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.vertical.segment:last-child {
  border-bottom: none;
}
/*-------------------
   Loose Coupling
--------------------*/
/* Header */
.ui.inverted.segment > .ui.header {
  color: #FFFFFF;
}
/* Label */
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}
/* Grid */
.ui.page.grid.segment,
.ui.grid > .row > .ui.segment.column,
.ui.grid > .ui.segment.column {
  padding-top: 2em;
  padding-bottom: 2em;
}
.ui.grid.segment {
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
}
/* Table */
.ui.basic.table.segment {
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui[class*="very basic"].table.segment {
  padding: 1em 1em;
}
/*******************************
            Types
*******************************/
/*-------------------
       Piled
--------------------*/
.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0em;
  box-shadow: '';
  z-index: auto;
}
.ui.piled.segment:first-child {
  margin-top: 0em;
}
.ui.piled.segment:last-child {
  margin-bottom: 0em;
}
.ui.piled.segments:after,
.ui.piled.segments:before,
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: #FFFFFF;
  visibility: visible;
  content: '';
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: '';
}
.ui.piled.segments:before,
.ui.piled.segment:before {
  -webkit-transform: rotate(-1.2deg);
  -ms-transform: rotate(-1.2deg);
  transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}
.ui.piled.segments:after,
.ui.piled.segment:after {
  -webkit-transform: rotate(1.2deg);
  -ms-transform: rotate(1.2deg);
  transform: rotate(1.2deg);
  top: 0;
  z-index: -1;
}
/* Piled Attached */
.ui[class*="top attached"].piled.segment {
  margin-top: 3em;
  margin-bottom: 0em;
}
.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}
.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0em;
  margin-bottom: 3em;
}
.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}
/*-------------------
      Stacked
--------------------*/
.ui.stacked.segment {
  padding-bottom: 1.4em;
}
.ui.stacked.segments:before,
.ui.stacked.segments:after,
.ui.stacked.segment:before,
.ui.stacked.segment:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: rgba(0, 0, 0, 0.03);
  width: 100%;
  height: 6px;
  visibility: visible;
}
.ui.stacked.segments:before,
.ui.stacked.segment:before {
  display: none;
}
/* Add additional page */
.ui.tall.stacked.segments:before,
.ui.tall.stacked.segment:before {
  display: block;
  bottom: 0px;
}
/* Inverted */
.ui.stacked.inverted.segments:before,
.ui.stacked.inverted.segments:after,
.ui.stacked.inverted.segment:before,
.ui.stacked.inverted.segment:after {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(34, 36, 38, 0.35);
}
/*-------------------
      Padded
--------------------*/
.ui.padded.segment {
  padding: 1.5em;
}
.ui[class*="very padded"].segment {
  padding: 3em;
}
/*-------------------
      Compact
--------------------*/
.ui.compact.segment {
  display: table;
}
/* Compact Group */
.ui.compact.segments {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/*-------------------
      Circular
--------------------*/
.ui.circular.segment {
  display: table-cell;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}
/*-------------------
      Raised
--------------------*/
.ui.raised.segments,
.ui.raised.segment {
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
/*******************************
           Groups
*******************************/
/* Group */
.ui.segments {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 1rem 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
.ui.segments:first-child {
  margin-top: 0em;
}
.ui.segments:last-child {
  margin-bottom: 0em;
}
/* Nested Segment */
.ui.segments > .segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em;
  width: auto;
  box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segments:not(.horizontal) > .segment:first-child {
  border-top: none;
  margin-top: 0em;
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Bottom */
.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 0em;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Only */
.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.28571429rem;
}
/* Nested Group */
.ui.segments > .ui.segments {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 1rem 1rem;
}
.ui.segments > .segments:first-child {
  border-top: none;
}
.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0em;
}
/* Horizontal Group */
.ui.horizontal.segments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: transparent;
  border-radius: 0px;
  padding: 0em;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
/* Nested Horizontal Group */
.ui.segments > .horizontal.segments {
  margin: 0em;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
/* Horizontal Segment */
.ui.horizontal.segments > .segment {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex: 1 1 0px;
  /* Solves #2550 MS Flex */
  margin: 0em;
  min-width: 0px;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
/* Border Fixes */
.ui.segments > .horizontal.segments:first-child {
  border-top: none;
}
.ui.horizontal.segments > .segment:first-child {
  border-left: none;
}
/*******************************
           States
*******************************/
/*--------------
   Disabled
---------------*/
.ui.disabled.segment {
  opacity: 0.45;
  color: rgba(40, 40, 40, 0.3);
}
/*--------------
   Loading
---------------*/
.ui.loading.segment {
  position: relative;
  cursor: default;
  pointer-events: none;
  text-shadow: none !important;
  color: transparent !important;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}
.ui.loading.segment:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  border-radius: 0.28571429rem;
  z-index: 100;
}
.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: segment-spin 0.6s linear;
  animation: segment-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@-webkit-keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes segment-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*******************************
          Variations
*******************************/
/*-------------------
      Basic
--------------------*/
.ui.basic.segment {
  background: none transparent;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}
/*-------------------
      Clearing
--------------------*/
.ui.clearing.segment:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*-------------------
      Colors
--------------------*/
/* Red */
.ui.red.segment:not(.inverted) {
  border-top: 2px solid #DB2828;
}
.ui.inverted.red.segment {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}
/* Orange */
.ui.orange.segment:not(.inverted) {
  border-top: 2px solid #F2711C;
}
.ui.inverted.orange.segment {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}
/* Yellow */
.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #FBBD08;
}
.ui.inverted.yellow.segment {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}
/* Olive */
.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #B5CC18;
}
.ui.inverted.olive.segment {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Green */
.ui.green.segment:not(.inverted) {
  border-top: 2px solid #21BA45;
}
.ui.inverted.green.segment {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}
/* Teal */
.ui.teal.segment:not(.inverted) {
  border-top: 2px solid #00B5AD;
}
.ui.inverted.teal.segment {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}
/* Blue */
.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #2185D0;
}
.ui.inverted.blue.segment {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}
/* Violet */
.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6435C9;
}
.ui.inverted.violet.segment {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}
/* Purple */
.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #A333C8;
}
.ui.inverted.purple.segment {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Pink */
.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #E03997;
}
.ui.inverted.pink.segment {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Brown */
.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #A5673F;
}
.ui.inverted.brown.segment {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Grey */
.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #767676;
}
.ui.inverted.grey.segment {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}
/* Black */
.ui.black.segment:not(.inverted) {
  border-top: 2px solid #1B1C1D;
}
.ui.inverted.black.segment {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/*-------------------
      Aligned
--------------------*/
.ui[class*="left aligned"].segment {
  text-align: left;
}
.ui[class*="right aligned"].segment {
  text-align: right;
}
.ui[class*="center aligned"].segment {
  text-align: center;
}
/*-------------------
      Floated
--------------------*/
.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
  margin-right: 1em;
}
.ui[class*="right floated"].segment {
  float: right;
  margin-left: 1em;
}
/*-------------------
     Inverted
--------------------*/
.ui.inverted.segment {
  border: none;
  box-shadow: none;
}
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
/* Nested */
.ui.inverted.segment .segment {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.segment .inverted.segment {
  color: rgba(255, 255, 255, 0.9);
}
/* Attached */
.ui.inverted.attached.segment {
  border-color: #555555;
}
/*-------------------
    Emphasis
--------------------*/
/* Secondary */
.ui.secondary.segment {
  background: #F3F4F5;
  color: rgba(0, 0, 0, 0.6);
}
.ui.secondary.inverted.segment {
  background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  color: rgba(255, 255, 255, 0.8);
}
/* Tertiary */
.ui.tertiary.segment {
  background: #DCDDDE;
  color: rgba(0, 0, 0, 0.6);
}
.ui.tertiary.inverted.segment {
  background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  color: rgba(255, 255, 255, 0.8);
}
/*-------------------
     Attached
--------------------*/
/* Middle */
.ui.attached.segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
  box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
  border-top: none;
}
/* Top */
.ui[class*="top attached"].segment {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}
/* Bottom */
.ui.segment[class*="bottom attached"] {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}
/*-------------------
       Size
--------------------*/
.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 0.78571429rem;
}
.ui.tiny.segments .segment,
.ui.tiny.segment {
  font-size: 0.85714286rem;
}
.ui.small.segments .segment,
.ui.small.segment {
  font-size: 0.92857143rem;
}
.ui.segments .segment,
.ui.segment {
  font-size: 1rem;
}
.ui.large.segments .segment,
.ui.large.segment {
  font-size: 1.14285714rem;
}
.ui.big.segments .segment,
.ui.big.segment {
  font-size: 1.28571429rem;
}
.ui.huge.segments .segment,
.ui.huge.segment {
  font-size: 1.42857143rem;
}
.ui.massive.segments .segment,
.ui.massive.segment {
  font-size: 1.71428571rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Step
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Plural
*******************************/
.ui.steps {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 1em 0em;
  background: '';
  box-shadow: none;
  line-height: 1.14285714em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
/* First Steps */
.ui.steps:first-child {
  margin-top: 0em;
}
/* Last Steps */
.ui.steps:last-child {
  margin-bottom: 0em;
}
/*******************************
          Singular
*******************************/
.ui.steps .step {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0em 0em;
  padding: 1.14285714em 2em;
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border-radius: 0em;
  border: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
}
/* Arrow */
.ui.steps .step:after {
  display: none;
  position: absolute;
  z-index: 2;
  content: '';
  top: 50%;
  right: 0%;
  border: medium none;
  background-color: #FFFFFF;
  width: 1.14285714em;
  height: 1.14285714em;
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0px 1px 1px 0px;
  -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
/* First Step */
.ui.steps .step:first-child {
  padding-left: 2em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
/* Last Step */
.ui.steps .step:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.steps .step:last-child {
  border-right: none;
  margin-right: 0em;
}
/* Only Step */
.ui.steps .step:only-child {
  border-radius: 0.28571429rem;
}
/*******************************
           Content
*******************************/
/* Title */
.ui.steps .step .title {
  font-size: 1.14285714em;
  font-weight: bold;
}
.ui.steps .step > .title {
  width: 100%;
}
/* Description */
.ui.steps .step .description {
  font-weight: normal;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.87);
}
.ui.steps .step > .description {
  width: 100%;
}
.ui.steps .step .title ~ .description {
  margin-top: 0.25em;
}
/* Icon */
.ui.steps .step > .icon {
  line-height: 1;
  font-size: 2.5em;
  margin: 0em 1rem 0em 0em;
}
.ui.steps .step > .icon,
.ui.steps .step > .icon ~ .content {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: middle;
  -ms-flex-item-align: middle;
  align-self: middle;
}
.ui.steps .step > .icon ~ .content {
  -webkit-box-flex: 1 0 auto;
  -webkit-flex-grow: 1 0 auto;
  -ms-flex-positive: 1 0 auto;
  flex-grow: 1 0 auto;
}
/* Horizontal Icon */
.ui.steps:not(.vertical) .step > .icon {
  width: auto;
}
/* Link */
.ui.steps .link.step,
.ui.steps a.step {
  cursor: pointer;
}
/*******************************
           Types
*******************************/
/*--------------
    Ordered
---------------*/
.ui.ordered.steps {
  counter-reset: ordered;
}
.ui.ordered.steps .step:before {
  display: block;
  position: static;
  text-align: center;
  content: counters(ordered, ".");
  -webkit-align-self: middle;
  -ms-flex-item-align: middle;
  align-self: middle;
  margin-right: 1rem;
  font-size: 2.5em;
  counter-increment: ordered;
  font-family: inherit;
  font-weight: bold;
}
.ui.ordered.steps .step > * {
  display: block;
  -webkit-align-self: middle;
  -ms-flex-item-align: middle;
  align-self: middle;
}
/*--------------
   Vertical
---------------*/
.ui.vertical.steps {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: visible;
}
.ui.vertical.steps .step {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 0em;
  padding: 1.14285714em 2em;
  border-right: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.vertical.steps .step:first-child {
  padding: 1.14285714em 2em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.vertical.steps .step:last-child {
  border-bottom: none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.vertical.steps .step:only-child {
  border-radius: 0.28571429rem;
}
/* Arrow */
.ui.vertical.steps .step:after {
  display: none;
}
.ui.vertical.steps .step:after {
  top: 50%;
  right: 0%;
  border-width: 0px 1px 1px 0px;
}
.ui.vertical.steps .step:after {
  display: none;
}
.ui.vertical.steps .active.step:after {
  display: block;
}
.ui.vertical.steps .step:last-child:after {
  display: none;
}
.ui.vertical.steps .active.step:last-child:after {
  display: block;
}
/*---------------
   Responsive
----------------*/
/* Mobile (Default) */
@media only screen and (max-width: 767px) {
  .ui.steps {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ui.steps .step {
    width: 100% !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0em;
    padding: 1.14285714em 2em;
  }
  .ui.steps .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  }
  .ui.steps .step:last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  }
  /* Arrow */
  .ui.steps .step:after {
    display: none !important;
  }
  /* Content */
  .ui.steps .step .content {
    text-align: center;
  }
  /* Icon */
  .ui.steps .step > .icon,
  .ui.ordered.steps .step:before {
    margin: 0em 0em 1rem 0em;
  }
}
/*******************************
            States
*******************************/
/* Link Hover */
.ui.steps .link.step:hover::after,
.ui.steps .link.step:hover,
.ui.steps a.step:hover::after,
.ui.steps a.step:hover {
  background: #F9FAFB;
  color: rgba(0, 0, 0, 0.8);
}
/* Link Down */
.ui.steps .link.step:active::after,
.ui.steps .link.step:active,
.ui.steps a.step:active::after,
.ui.steps a.step:active {
  background: #F3F4F5;
  color: rgba(0, 0, 0, 0.9);
}
/* Active */
.ui.steps .step.active {
  cursor: auto;
  background: #F3F4F5;
}
.ui.steps .step.active:after {
  background: #F3F4F5;
}
.ui.steps .step.active .title {
  color: #4183C4;
}
.ui.ordered.steps .step.active:before,
.ui.steps .active.step .icon {
  color: rgba(0, 0, 0, 0.85);
}
/* Active Arrow */
.ui.steps .step:after {
  display: block;
}
.ui.steps .active.step:after {
  display: block;
}
.ui.steps .step:last-child:after {
  display: none;
}
.ui.steps .active.step:last-child:after {
  display: none;
}
/* Active Hover */
.ui.steps .link.active.step:hover::after,
.ui.steps .link.active.step:hover,
.ui.steps a.active.step:hover::after,
.ui.steps a.active.step:hover {
  cursor: pointer;
  background: #DCDDDE;
  color: rgba(0, 0, 0, 0.87);
}
/* Completed */
.ui.steps .step.completed > .icon:before,
.ui.ordered.steps .step.completed:before {
  color: #21BA45;
}
/* Disabled */
.ui.steps .disabled.step {
  cursor: auto;
  background: #FFFFFF;
  pointer-events: none;
}
.ui.steps .disabled.step,
.ui.steps .disabled.step .title,
.ui.steps .disabled.step .description {
  color: rgba(40, 40, 40, 0.3);
}
.ui.steps .disabled.step:after {
  background: #FFFFFF;
}
/*******************************
          Variations
*******************************/
/*--------------
  Stackable
---------------*/
/* Tablet Or Below */
@media only screen and (max-width: 991px) {
  .ui[class*="tablet stackable"].steps {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* Steps */
  .ui[class*="tablet stackable"].steps .step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0em;
    padding: 1.14285714em 2em;
  }
  .ui[class*="tablet stackable"].steps .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  }
  .ui[class*="tablet stackable"].steps .step:last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  }
  /* Arrow */
  .ui[class*="tablet stackable"].steps .step:after {
    display: none !important;
  }
  /* Content */
  .ui[class*="tablet stackable"].steps .step .content {
    text-align: center;
  }
  /* Icon */
  .ui[class*="tablet stackable"].steps .step > .icon,
  .ui[class*="tablet stackable"].ordered.steps .step:before {
    margin: 0em 0em 1rem 0em;
  }
}
/*--------------
     Fluid
---------------*/
/* Fluid */
.ui.fluid.steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
/*--------------
   Attached
---------------*/
/* Top */
.ui.attached.steps {
  width: calc(100% + 2px) !important;
  margin: 0em -1px 0;
  max-width: calc(100% + 2px);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.attached.steps .step:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.attached.steps .step:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
/* Bottom */
.ui.bottom.attached.steps {
  margin: 0 -1px 0em;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.bottom.attached.steps .step:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui.bottom.attached.steps .step:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
/*-------------------
   Evenly Divided
--------------------*/
.ui.one.steps,
.ui.two.steps,
.ui.three.steps,
.ui.four.steps,
.ui.five.steps,
.ui.six.steps,
.ui.seven.steps,
.ui.eight.steps {
  width: 100%;
}
.ui.one.steps > .step,
.ui.two.steps > .step,
.ui.three.steps > .step,
.ui.four.steps > .step,
.ui.five.steps > .step,
.ui.six.steps > .step,
.ui.seven.steps > .step,
.ui.eight.steps > .step {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.ui.one.steps > .step {
  width: 100%;
}
.ui.two.steps > .step {
  width: 50%;
}
.ui.three.steps > .step {
  width: 33.333%;
}
.ui.four.steps > .step {
  width: 25%;
}
.ui.five.steps > .step {
  width: 20%;
}
.ui.six.steps > .step {
  width: 16.666%;
}
.ui.seven.steps > .step {
  width: 14.285%;
}
.ui.eight.steps > .step {
  width: 12.5%;
}
/*-------------------
      Sizes
--------------------*/
.ui.mini.steps .step,
.ui.mini.step {
  font-size: 0.78571429rem;
}
.ui.tiny.steps .step,
.ui.tiny.step {
  font-size: 0.85714286rem;
}
.ui.small.steps .step,
.ui.small.step {
  font-size: 0.92857143rem;
}
.ui.steps .step,
.ui.step {
  font-size: 1rem;
}
.ui.large.steps .step,
.ui.large.step {
  font-size: 1.14285714rem;
}
.ui.big.steps .step,
.ui.big.step {
  font-size: 1.28571429rem;
}
.ui.huge.steps .step,
.ui.huge.step {
  font-size: 1.42857143rem;
}
.ui.massive.steps .step,
.ui.massive.step {
  font-size: 1.71428571rem;
}
/*******************************
        Theme Overrides
*******************************/
@font-face {
  font-family: 'Step';
  src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff');
}
.ui.steps .step.completed > .icon:before,
.ui.ordered.steps .step.completed:before {
  font-family: 'Step';
  content: '\e800';
  /* '' */
}
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Breadcrumb
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
          Breadcrumb
*******************************/
.ui.breadcrumb {
  line-height: 1;
  display: inline-block;
  margin: 0em 0em;
  vertical-align: middle;
}
.ui.breadcrumb:first-child {
  margin-top: 0em;
}
.ui.breadcrumb:last-child {
  margin-bottom: 0em;
}
/*******************************
         Content
*******************************/
/* Divider */
.ui.breadcrumb .divider {
  display: inline-block;
  opacity: 0.7;
  margin: 0em 0.21428571rem 0em;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: baseline;
}
/* Link */
.ui.breadcrumb a {
  color: #4183C4;
}
.ui.breadcrumb a:hover {
  color: #1e70bf;
}
/* Icon Divider */
.ui.breadcrumb .icon.divider {
  font-size: 0.85714286em;
  vertical-align: baseline;
}
/* Section */
.ui.breadcrumb a.section {
  cursor: pointer;
}
.ui.breadcrumb .section {
  display: inline-block;
  margin: 0em;
  padding: 0em;
}
/* Loose Coupling */
.ui.breadcrumb.segment {
  display: inline-block;
  padding: 0.78571429em 1em;
}
/*******************************
           States
*******************************/
.ui.breadcrumb .active.section {
  font-weight: bold;
}
/*******************************
          Variations
*******************************/
.ui.mini.breadcrumb {
  font-size: 0.78571429rem;
}
.ui.tiny.breadcrumb {
  font-size: 0.85714286rem;
}
.ui.small.breadcrumb {
  font-size: 0.92857143rem;
}
.ui.breadcrumb {
  font-size: 1rem;
}
.ui.large.breadcrumb {
  font-size: 1.14285714rem;
}
.ui.big.breadcrumb {
  font-size: 1.28571429rem;
}
.ui.huge.breadcrumb {
  font-size: 1.42857143rem;
}
.ui.massive.breadcrumb {
  font-size: 1.71428571rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Form
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Elements
*******************************/
/*--------------------
       Form
---------------------*/
.ui.form {
  position: relative;
  max-width: 100%;
}
/*--------------------
       Content
---------------------*/
.ui.form > p {
  margin: 1em 0em;
}
/*--------------------
       Field
---------------------*/
.ui.form .field {
  clear: both;
  margin: 0em 0em 1em;
}
.ui.form .field:last-child,
.ui.form .fields:last-child .field {
  margin-bottom: 0em;
}
.ui.form .fields .field {
  clear: both;
  margin: 0em;
}
/*--------------------
       Labels
---------------------*/
.ui.form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}
/*--------------------
   Standard Inputs
---------------------*/
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"] {
  width: 100%;
  vertical-align: top;
}
/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
  height: 1.2142em;
}
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"] {
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.2142em;
  padding: 0.67861429em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}
/* Text Area */
.ui.form textarea {
  margin: 0em;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  line-height: 1.2857;
  resize: vertical;
}
.ui.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: top;
}
/*--------------------------
 Input w/ attached Button
---------------------------*/
.ui.form input.attached {
  width: auto;
}
/*--------------------
    Basic Select
---------------------*/
.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease, border-color 0.1s ease;
  transition: color 0.1s ease, border-color 0.1s ease;
}
/*--------------------
      Dropdown
---------------------*/
/* Block */
.ui.form .field > .selection.dropdown {
  width: 100%;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
  float: right;
}
/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
  width: auto;
}
.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
  float: none;
}
/*--------------------
      UI Input
---------------------*/
/* Block */
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
  width: 100%;
}
/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
  width: auto;
  vertical-align: middle;
}
/* Auto Input */
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
  width: auto;
}
/* Full Width Input */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 0px;
}
/*--------------------
  Types of Messages
---------------------*/
.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
  display: none;
}
/* Assumptions */
.ui.form .message:first-child {
  margin-top: 0px;
}
/*--------------------
  Validation Prompt
---------------------*/
.ui.form .field .prompt.label {
  white-space: normal;
  background: #FFFFFF !important;
  border: 1px solid #E0B4B4 !important;
  color: #9F3A38 !important;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0em -0.5em 0.5em;
}
.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
  border-width: 0px 0px 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}
/*******************************
           States
*******************************/
/*--------------------
     Autofilled
---------------------*/
.ui.form .field.field input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #E5DFA1 !important;
}
/* Focus */
.ui.form .field.field input:-webkit-autofill:focus {
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #D5C315 !important;
}
/* Error */
.ui.form .error.error input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
  border-color: #E0B4B4 !important;
}
/*--------------------
     Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form :-ms-input-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form ::-moz-placeholder {
  color: rgba(191, 191, 191, 0.87);
}
.ui.form :focus::-webkit-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus:-ms-input-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus::-moz-placeholder {
  color: rgba(115, 115, 115, 0.87);
}
/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error :-ms-input-placeholder {
  color: #e7bdbc !important;
}
.ui.form .error ::-moz-placeholder {
  color: #e7bdbc;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #da9796 !important;
}
.ui.form .error :focus::-moz-placeholder {
  color: #da9796;
}
/*--------------------
       Focus
---------------------*/
.ui.form input:not([type]):focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="url"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
}
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #85B7D9;
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  -webkit-appearance: none;
}
/*--------------------
       Success
---------------------*/
/* On Form */
.ui.form.success .success.message:not(:empty) {
  display: block;
}
.ui.form.success .compact.success.message:not(:empty) {
  display: inline-block;
}
.ui.form.success .icon.success.message:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*--------------------
       Warning
---------------------*/
/* On Form */
.ui.form.warning .warning.message:not(:empty) {
  display: block;
}
.ui.form.warning .compact.warning.message:not(:empty) {
  display: inline-block;
}
.ui.form.warning .icon.warning.message:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*--------------------
       Error
---------------------*/
/* On Form */
.ui.form.error .error.message:not(:empty) {
  display: block;
}
.ui.form.error .compact.error.message:not(:empty) {
  display: inline-block;
}
.ui.form.error .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* On Field(s) */
.ui.form .fields.error .field label,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .field.error .input {
  color: #9F3A38;
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: #9F3A38;
  color: #FFFFFF;
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="url"] {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  border-radius: '';
  box-shadow: none;
}
.ui.form .field.error textarea:focus,
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="url"]:focus {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-appearance: none;
  box-shadow: none;
}
/* Preserve Native Select Stylings */
.ui.form .field.error select {
  -webkit-appearance: menulist-button;
}
/*------------------
   Dropdown Error
--------------------*/
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
  background: #FFF6F6;
  color: #9F3A38;
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
  border-color: #E0B4B4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
  border-color: #E0B4B4 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #E0B4B4;
}
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: #9F3A38;
}
/* Hover */
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #FBE7E7;
}
/* Selected */
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item {
  background-color: #FBE7E7;
}
/* Active */
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #FDCFCF !important;
}
/*--------------------
   Checkbox Error
---------------------*/
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
  color: #9F3A38;
}
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  background: #FFF6F6;
  border-color: #E0B4B4;
}
.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
  color: #9F3A38;
}
/*--------------------
      Disabled
---------------------*/
.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
  pointer-events: none;
  opacity: 0.45;
}
.ui.form .field.disabled label {
  opacity: 0.45;
}
.ui.form .field.disabled :disabled {
  opacity: 1;
}
/*--------------
   Loading
---------------*/
.ui.loading.form {
  position: relative;
  cursor: default;
  point-events: none;
}
.ui.loading.form:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.ui.loading.form:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin 0.6s linear;
  animation: form-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@-webkit-keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes form-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*******************************
        Element Types
*******************************/
/*--------------------
    Required Field
---------------------*/
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: '*';
  color: #DB2828;
}
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after {
  display: inline-block;
  vertical-align: top;
}
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  position: absolute;
  top: 0%;
  left: 100%;
}
/*******************************
          Variations
*******************************/
/*--------------------
   Inverted Colors
---------------------*/
.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .inline.fields > label,
.ui.inverted.form .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
.ui.inverted.form .inline.field > label,
.ui.inverted.form .inline.field > p {
  color: rgba(255, 255, 255, 0.9);
}
/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="url"] {
  background: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}
/*--------------------
    Field Groups
---------------------*/
/* Grouped Vertically */
.ui.form .grouped.fields {
  display: block;
  margin: 0em 0em 1em;
}
.ui.form .grouped.fields:last-child {
  margin-bottom: 0em;
}
.ui.form .grouped.fields > label {
  margin: 0em 0em 0.28571429rem 0em;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: bold;
  text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0em;
  padding: 0em;
}
/*--------------------
       Fields
---------------------*/
/* Split fields */
.ui.form .fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0em -0.5em 1em;
}
.ui.form .fields > .field {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .fields > .field:first-child {
  border-left: none;
  box-shadow: none;
}
/* Other Combinations */
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
  width: 50%;
}
.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
  width: 33.33333333%;
}
.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
  width: 25%;
}
.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
  width: 20%;
}
.ui.form .six.fields > .fields,
.ui.form .six.fields > .field {
  width: 16.66666667%;
}
.ui.form .seven.fields > .fields,
.ui.form .seven.fields > .field {
  width: 14.28571429%;
}
.ui.form .eight.fields > .fields,
.ui.form .eight.fields > .field {
  width: 12.5%;
}
.ui.form .nine.fields > .fields,
.ui.form .nine.fields > .field {
  width: 11.11111111%;
}
.ui.form .ten.fields > .fields,
.ui.form .ten.fields > .field {
  width: 10%;
}
/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form .fields {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ui[class*="equal width"].form .fields > .field,
  .ui.form [class*="equal width"].fields > .field,
  .ui.form .two.fields > .fields,
  .ui.form .two.fields > .field,
  .ui.form .three.fields > .fields,
  .ui.form .three.fields > .field,
  .ui.form .four.fields > .fields,
  .ui.form .four.fields > .field,
  .ui.form .five.fields > .fields,
  .ui.form .five.fields > .field,
  .ui.form .six.fields > .fields,
  .ui.form .six.fields > .field,
  .ui.form .seven.fields > .fields,
  .ui.form .seven.fields > .field,
  .ui.form .eight.fields > .fields,
  .ui.form .eight.fields > .field,
  .ui.form .nine.fields > .fields,
  .ui.form .nine.fields > .field,
  .ui.form .ten.fields > .fields,
  .ui.form .ten.fields > .field {
    width: 100% !important;
    margin: 0em 0em 1em;
  }
}
/* Sizing Combinations */
.ui.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .one.wide.field {
  width: 6.25% !important;
}
.ui.form .two.wide.field {
  width: 12.5% !important;
}
.ui.form .three.wide.field {
  width: 18.75% !important;
}
.ui.form .four.wide.field {
  width: 25% !important;
}
.ui.form .five.wide.field {
  width: 31.25% !important;
}
.ui.form .six.wide.field {
  width: 37.5% !important;
}
.ui.form .seven.wide.field {
  width: 43.75% !important;
}
.ui.form .eight.wide.field {
  width: 50% !important;
}
.ui.form .nine.wide.field {
  width: 56.25% !important;
}
.ui.form .ten.wide.field {
  width: 62.5% !important;
}
.ui.form .eleven.wide.field {
  width: 68.75% !important;
}
.ui.form .twelve.wide.field {
  width: 75% !important;
}
.ui.form .thirteen.wide.field {
  width: 81.25% !important;
}
.ui.form .fourteen.wide.field {
  width: 87.5% !important;
}
.ui.form .fifteen.wide.field {
  width: 93.75% !important;
}
.ui.form .sixteen.wide.field {
  width: 100% !important;
}
/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form .two.fields > .fields,
  .ui.form .two.fields > .field,
  .ui.form .three.fields > .fields,
  .ui.form .three.fields > .field,
  .ui.form .four.fields > .fields,
  .ui.form .four.fields > .field,
  .ui.form .five.fields > .fields,
  .ui.form .five.fields > .field,
  .ui.form .fields > .two.wide.field,
  .ui.form .fields > .three.wide.field,
  .ui.form .fields > .four.wide.field,
  .ui.form .fields > .five.wide.field,
  .ui.form .fields > .six.wide.field,
  .ui.form .fields > .seven.wide.field,
  .ui.form .fields > .eight.wide.field,
  .ui.form .fields > .nine.wide.field,
  .ui.form .fields > .ten.wide.field,
  .ui.form .fields > .eleven.wide.field,
  .ui.form .fields > .twelve.wide.field,
  .ui.form .fields > .thirteen.wide.field,
  .ui.form .fields > .fourteen.wide.field,
  .ui.form .fields > .fifteen.wide.field,
  .ui.form .fields > .sixteen.wide.field {
    width: 100% !important;
  }
  .ui.form .fields {
    margin-bottom: 0em;
  }
}
/*--------------------
    Equal Width
---------------------*/
.ui[class*="equal width"].form .fields > .field,
.ui.form [class*="equal width"].fields > .field {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/*--------------------
   Inline Fields
---------------------*/
.ui.form .inline.fields {
  margin: 0em 0em 1em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui.form .inline.fields .field {
  margin: 0em;
  padding: 0em 1em 0em 0em;
}
/* Inline Label */
.ui.form .inline.fields > label,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.field > label,
.ui.form .inline.field > p {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: baseline;
  font-size: 0.92857143em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  text-transform: none;
}
/* Grouped Inline Label */
.ui.form .inline.fields > label {
  margin: 0.035714em 1em 0em 0em;
}
/* Inline Input */
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.field > input,
.ui.form .inline.field > select {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: middle;
  font-size: 1em;
}
/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0em 0.85714286em 0em 0em;
}
.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0em;
}
/* Wide */
.ui.form .inline.fields .wide.field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select {
  width: 100%;
}
/*--------------------
       Sizes
---------------------*/
.ui.mini.form {
  font-size: 0.78571429rem;
}
.ui.tiny.form {
  font-size: 0.85714286rem;
}
.ui.small.form {
  font-size: 0.92857143rem;
}
.ui.form {
  font-size: 1rem;
}
.ui.large.form {
  font-size: 1.14285714rem;
}
.ui.big.form {
  font-size: 1.28571429rem;
}
.ui.huge.form {
  font-size: 1.42857143rem;
}
.ui.massive.form {
  font-size: 1.71428571rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Grid
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Standard
*******************************/
.ui.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0em;
}
/*----------------------
     Remove Gutters
-----------------------*/
.ui.grid {
  margin-top: -1rem;
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.ui.relaxed.grid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.ui[class*="very relaxed"].grid {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
/* Preserve Rows Spacing on Consecutive Grids */
.ui.grid + .grid {
  margin-top: 1rem;
}
/*-------------------
      Columns
--------------------*/
/* Standard 16 column */
.ui.grid > .column:not(.row),
.ui.grid > .row > .column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: top;
}
.ui.grid > * {
  padding-left: 1rem;
  padding-right: 1rem;
}
/*-------------------
       Rows
--------------------*/
.ui.grid > .row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100% !important;
  padding: 0rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/*-------------------
      Columns
--------------------*/
/* Vertical padding when no rows */
.ui.grid > .column:not(.row) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ui.grid > .row > .column {
  margin-top: 0em;
  margin-bottom: 0em;
}
/*-------------------
     Content
--------------------*/
.ui.grid > .row > img,
.ui.grid > .row > .column > img {
  max-width: 100%;
}
/*-------------------
   Loose Coupling
--------------------*/
/* Collapse Margin on Consecutive Grid */
.ui.grid > .ui.grid:first-child {
  margin-top: 0em;
}
.ui.grid > .ui.grid:last-child {
  margin-bottom: 0em;
}
/* Segment inside Aligned Grid */
.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
  width: 100%;
}
/* Align Dividers with Gutter */
.ui.grid .row + .ui.divider {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 1rem 1rem;
}
.ui.grid .column + .ui.vertical.divider {
  height: calc(50% - 1rem);
}
/* Remove Border on Last Horizontal Segment */
.ui.grid > .row > .column:last-child > .horizontal.segment,
.ui.grid > .column:last-child > .horizontal.segment {
  box-shadow: none;
}
/*******************************
          Variations
*******************************/
/*-----------------------
      Page Grid
-------------------------*/
@media only screen and (max-width: 767px) {
  .ui.page.grid {
    width: auto;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: 0em;
    margin-right: 0em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 23%;
    padding-right: 23%;
  }
}
/*-------------------
    Column Count
--------------------*/
/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
  width: 100%;
}
/* Grid Based */
.ui[class*="one column"].grid > .row > .column,
.ui[class*="one column"].grid > .column:not(.row) {
  width: 100%;
}
.ui[class*="two column"].grid > .row > .column,
.ui[class*="two column"].grid > .column:not(.row) {
  width: 50%;
}
.ui[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row) {
  width: 33.33333333%;
}
.ui[class*="four column"].grid > .row > .column,
.ui[class*="four column"].grid > .column:not(.row) {
  width: 25%;
}
.ui[class*="five column"].grid > .row > .column,
.ui[class*="five column"].grid > .column:not(.row) {
  width: 20%;
}
.ui[class*="six column"].grid > .row > .column,
.ui[class*="six column"].grid > .column:not(.row) {
  width: 16.66666667%;
}
.ui[class*="seven column"].grid > .row > .column,
.ui[class*="seven column"].grid > .column:not(.row) {
  width: 14.28571429%;
}
.ui[class*="eight column"].grid > .row > .column,
.ui[class*="eight column"].grid > .column:not(.row) {
  width: 12.5%;
}
.ui[class*="nine column"].grid > .row > .column,
.ui[class*="nine column"].grid > .column:not(.row) {
  width: 11.11111111%;
}
.ui[class*="ten column"].grid > .row > .column,
.ui[class*="ten column"].grid > .column:not(.row) {
  width: 10%;
}
.ui[class*="eleven column"].grid > .row > .column,
.ui[class*="eleven column"].grid > .column:not(.row) {
  width: 9.09090909%;
}
.ui[class*="twelve column"].grid > .row > .column,
.ui[class*="twelve column"].grid > .column:not(.row) {
  width: 8.33333333%;
}
.ui[class*="thirteen column"].grid > .row > .column,
.ui[class*="thirteen column"].grid > .column:not(.row) {
  width: 7.69230769%;
}
.ui[class*="fourteen column"].grid > .row > .column,
.ui[class*="fourteen column"].grid > .column:not(.row) {
  width: 7.14285714%;
}
.ui[class*="fifteen column"].grid > .row > .column,
.ui[class*="fifteen column"].grid > .column:not(.row) {
  width: 6.66666667%;
}
.ui[class*="sixteen column"].grid > .row > .column,
.ui[class*="sixteen column"].grid > .column:not(.row) {
  width: 6.25%;
}
/* Row Based Overrides */
.ui.grid > [class*="one column"].row > .column {
  width: 100% !important;
}
.ui.grid > [class*="two column"].row > .column {
  width: 50% !important;
}
.ui.grid > [class*="three column"].row > .column {
  width: 33.33333333% !important;
}
.ui.grid > [class*="four column"].row > .column {
  width: 25% !important;
}
.ui.grid > [class*="five column"].row > .column {
  width: 20% !important;
}
.ui.grid > [class*="six column"].row > .column {
  width: 16.66666667% !important;
}
.ui.grid > [class*="seven column"].row > .column {
  width: 14.28571429% !important;
}
.ui.grid > [class*="eight column"].row > .column {
  width: 12.5% !important;
}
.ui.grid > [class*="nine column"].row > .column {
  width: 11.11111111% !important;
}
.ui.grid > [class*="ten column"].row > .column {
  width: 10% !important;
}
.ui.grid > [class*="eleven column"].row > .column {
  width: 9.09090909% !important;
}
.ui.grid > [class*="twelve column"].row > .column {
  width: 8.33333333% !important;
}
.ui.grid > [class*="thirteen column"].row > .column {
  width: 7.69230769% !important;
}
.ui.grid > [class*="fourteen column"].row > .column {
  width: 7.14285714% !important;
}
.ui.grid > [class*="fifteen column"].row > .column {
  width: 6.66666667% !important;
}
.ui.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important;
}
/* Celled Page */
.ui.celled.page.grid {
  box-shadow: none;
}
/*-------------------
   Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column {
  width: 6.25% !important;
}
.ui.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column {
  width: 12.5% !important;
}
.ui.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column {
  width: 18.75% !important;
}
.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
  width: 25% !important;
}
.ui.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column {
  width: 31.25% !important;
}
.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
  width: 37.5% !important;
}
.ui.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column {
  width: 43.75% !important;
}
.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
  width: 50% !important;
}
.ui.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column {
  width: 56.25% !important;
}
.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column {
  width: 62.5% !important;
}
.ui.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important;
}
.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
  width: 75% !important;
}
.ui.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important;
}
.ui.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important;
}
.ui.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important;
}
.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column {
  width: 100% !important;
}
/*----------------------
   Width per Device
-----------------------*/
/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ui.grid > .row > [class*="one wide mobile"].column,
  .ui.grid > .column.row > [class*="one wide mobile"].column,
  .ui.grid > [class*="one wide mobile"].column,
  .ui.column.grid > [class*="one wide mobile"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide mobile"].column,
  .ui.grid > .column.row > [class*="two wide mobile"].column,
  .ui.grid > [class*="two wide mobile"].column,
  .ui.column.grid > [class*="two wide mobile"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide mobile"].column,
  .ui.grid > .column.row > [class*="three wide mobile"].column,
  .ui.grid > [class*="three wide mobile"].column,
  .ui.column.grid > [class*="three wide mobile"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide mobile"].column,
  .ui.grid > .column.row > [class*="four wide mobile"].column,
  .ui.grid > [class*="four wide mobile"].column,
  .ui.column.grid > [class*="four wide mobile"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide mobile"].column,
  .ui.grid > .column.row > [class*="five wide mobile"].column,
  .ui.grid > [class*="five wide mobile"].column,
  .ui.column.grid > [class*="five wide mobile"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide mobile"].column,
  .ui.grid > .column.row > [class*="six wide mobile"].column,
  .ui.grid > [class*="six wide mobile"].column,
  .ui.column.grid > [class*="six wide mobile"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide mobile"].column,
  .ui.grid > .column.row > [class*="seven wide mobile"].column,
  .ui.grid > [class*="seven wide mobile"].column,
  .ui.column.grid > [class*="seven wide mobile"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide mobile"].column,
  .ui.grid > .column.row > [class*="eight wide mobile"].column,
  .ui.grid > [class*="eight wide mobile"].column,
  .ui.column.grid > [class*="eight wide mobile"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide mobile"].column,
  .ui.grid > .column.row > [class*="nine wide mobile"].column,
  .ui.grid > [class*="nine wide mobile"].column,
  .ui.column.grid > [class*="nine wide mobile"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide mobile"].column,
  .ui.grid > .column.row > [class*="ten wide mobile"].column,
  .ui.grid > [class*="ten wide mobile"].column,
  .ui.column.grid > [class*="ten wide mobile"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide mobile"].column,
  .ui.grid > .column.row > [class*="eleven wide mobile"].column,
  .ui.grid > [class*="eleven wide mobile"].column,
  .ui.column.grid > [class*="eleven wide mobile"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide mobile"].column,
  .ui.grid > .column.row > [class*="twelve wide mobile"].column,
  .ui.grid > [class*="twelve wide mobile"].column,
  .ui.column.grid > [class*="twelve wide mobile"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide mobile"].column,
  .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
  .ui.grid > [class*="thirteen wide mobile"].column,
  .ui.column.grid > [class*="thirteen wide mobile"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
  .ui.grid > [class*="fourteen wide mobile"].column,
  .ui.column.grid > [class*="fourteen wide mobile"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
  .ui.grid > [class*="fifteen wide mobile"].column,
  .ui.column.grid > [class*="fifteen wide mobile"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide mobile"].column,
  .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
  .ui.grid > [class*="sixteen wide mobile"].column,
  .ui.column.grid > [class*="sixteen wide mobile"].column {
    width: 100% !important;
  }
}
/* Tablet Sizing Combinations */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid > .row > [class*="one wide tablet"].column,
  .ui.grid > .column.row > [class*="one wide tablet"].column,
  .ui.grid > [class*="one wide tablet"].column,
  .ui.column.grid > [class*="one wide tablet"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide tablet"].column,
  .ui.grid > .column.row > [class*="two wide tablet"].column,
  .ui.grid > [class*="two wide tablet"].column,
  .ui.column.grid > [class*="two wide tablet"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide tablet"].column,
  .ui.grid > .column.row > [class*="three wide tablet"].column,
  .ui.grid > [class*="three wide tablet"].column,
  .ui.column.grid > [class*="three wide tablet"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide tablet"].column,
  .ui.grid > .column.row > [class*="four wide tablet"].column,
  .ui.grid > [class*="four wide tablet"].column,
  .ui.column.grid > [class*="four wide tablet"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide tablet"].column,
  .ui.grid > .column.row > [class*="five wide tablet"].column,
  .ui.grid > [class*="five wide tablet"].column,
  .ui.column.grid > [class*="five wide tablet"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide tablet"].column,
  .ui.grid > .column.row > [class*="six wide tablet"].column,
  .ui.grid > [class*="six wide tablet"].column,
  .ui.column.grid > [class*="six wide tablet"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide tablet"].column,
  .ui.grid > .column.row > [class*="seven wide tablet"].column,
  .ui.grid > [class*="seven wide tablet"].column,
  .ui.column.grid > [class*="seven wide tablet"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide tablet"].column,
  .ui.grid > .column.row > [class*="eight wide tablet"].column,
  .ui.grid > [class*="eight wide tablet"].column,
  .ui.column.grid > [class*="eight wide tablet"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide tablet"].column,
  .ui.grid > .column.row > [class*="nine wide tablet"].column,
  .ui.grid > [class*="nine wide tablet"].column,
  .ui.column.grid > [class*="nine wide tablet"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide tablet"].column,
  .ui.grid > .column.row > [class*="ten wide tablet"].column,
  .ui.grid > [class*="ten wide tablet"].column,
  .ui.column.grid > [class*="ten wide tablet"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide tablet"].column,
  .ui.grid > .column.row > [class*="eleven wide tablet"].column,
  .ui.grid > [class*="eleven wide tablet"].column,
  .ui.column.grid > [class*="eleven wide tablet"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide tablet"].column,
  .ui.grid > .column.row > [class*="twelve wide tablet"].column,
  .ui.grid > [class*="twelve wide tablet"].column,
  .ui.column.grid > [class*="twelve wide tablet"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide tablet"].column,
  .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
  .ui.grid > [class*="thirteen wide tablet"].column,
  .ui.column.grid > [class*="thirteen wide tablet"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
  .ui.grid > [class*="fourteen wide tablet"].column,
  .ui.column.grid > [class*="fourteen wide tablet"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
  .ui.grid > [class*="fifteen wide tablet"].column,
  .ui.column.grid > [class*="fifteen wide tablet"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide tablet"].column,
  .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
  .ui.grid > [class*="sixteen wide tablet"].column,
  .ui.column.grid > [class*="sixteen wide tablet"].column {
    width: 100% !important;
  }
}
/* Computer/Desktop Sizing Combinations */
@media only screen and (min-width: 992px) {
  .ui.grid > .row > [class*="one wide computer"].column,
  .ui.grid > .column.row > [class*="one wide computer"].column,
  .ui.grid > [class*="one wide computer"].column,
  .ui.column.grid > [class*="one wide computer"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide computer"].column,
  .ui.grid > .column.row > [class*="two wide computer"].column,
  .ui.grid > [class*="two wide computer"].column,
  .ui.column.grid > [class*="two wide computer"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide computer"].column,
  .ui.grid > .column.row > [class*="three wide computer"].column,
  .ui.grid > [class*="three wide computer"].column,
  .ui.column.grid > [class*="three wide computer"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide computer"].column,
  .ui.grid > .column.row > [class*="four wide computer"].column,
  .ui.grid > [class*="four wide computer"].column,
  .ui.column.grid > [class*="four wide computer"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide computer"].column,
  .ui.grid > .column.row > [class*="five wide computer"].column,
  .ui.grid > [class*="five wide computer"].column,
  .ui.column.grid > [class*="five wide computer"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide computer"].column,
  .ui.grid > .column.row > [class*="six wide computer"].column,
  .ui.grid > [class*="six wide computer"].column,
  .ui.column.grid > [class*="six wide computer"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide computer"].column,
  .ui.grid > .column.row > [class*="seven wide computer"].column,
  .ui.grid > [class*="seven wide computer"].column,
  .ui.column.grid > [class*="seven wide computer"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide computer"].column,
  .ui.grid > .column.row > [class*="eight wide computer"].column,
  .ui.grid > [class*="eight wide computer"].column,
  .ui.column.grid > [class*="eight wide computer"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide computer"].column,
  .ui.grid > .column.row > [class*="nine wide computer"].column,
  .ui.grid > [class*="nine wide computer"].column,
  .ui.column.grid > [class*="nine wide computer"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide computer"].column,
  .ui.grid > .column.row > [class*="ten wide computer"].column,
  .ui.grid > [class*="ten wide computer"].column,
  .ui.column.grid > [class*="ten wide computer"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide computer"].column,
  .ui.grid > .column.row > [class*="eleven wide computer"].column,
  .ui.grid > [class*="eleven wide computer"].column,
  .ui.column.grid > [class*="eleven wide computer"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide computer"].column,
  .ui.grid > .column.row > [class*="twelve wide computer"].column,
  .ui.grid > [class*="twelve wide computer"].column,
  .ui.column.grid > [class*="twelve wide computer"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide computer"].column,
  .ui.grid > .column.row > [class*="thirteen wide computer"].column,
  .ui.grid > [class*="thirteen wide computer"].column,
  .ui.column.grid > [class*="thirteen wide computer"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide computer"].column,
  .ui.grid > .column.row > [class*="fourteen wide computer"].column,
  .ui.grid > [class*="fourteen wide computer"].column,
  .ui.column.grid > [class*="fourteen wide computer"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide computer"].column,
  .ui.grid > .column.row > [class*="fifteen wide computer"].column,
  .ui.grid > [class*="fifteen wide computer"].column,
  .ui.column.grid > [class*="fifteen wide computer"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide computer"].column,
  .ui.grid > .column.row > [class*="sixteen wide computer"].column,
  .ui.grid > [class*="sixteen wide computer"].column,
  .ui.column.grid > [class*="sixteen wide computer"].column {
    width: 100% !important;
  }
}
/* Large Monitor Sizing Combinations */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.grid > .row > [class*="one wide large screen"].column,
  .ui.grid > .column.row > [class*="one wide large screen"].column,
  .ui.grid > [class*="one wide large screen"].column,
  .ui.column.grid > [class*="one wide large screen"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide large screen"].column,
  .ui.grid > .column.row > [class*="two wide large screen"].column,
  .ui.grid > [class*="two wide large screen"].column,
  .ui.column.grid > [class*="two wide large screen"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide large screen"].column,
  .ui.grid > .column.row > [class*="three wide large screen"].column,
  .ui.grid > [class*="three wide large screen"].column,
  .ui.column.grid > [class*="three wide large screen"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide large screen"].column,
  .ui.grid > .column.row > [class*="four wide large screen"].column,
  .ui.grid > [class*="four wide large screen"].column,
  .ui.column.grid > [class*="four wide large screen"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide large screen"].column,
  .ui.grid > .column.row > [class*="five wide large screen"].column,
  .ui.grid > [class*="five wide large screen"].column,
  .ui.column.grid > [class*="five wide large screen"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide large screen"].column,
  .ui.grid > .column.row > [class*="six wide large screen"].column,
  .ui.grid > [class*="six wide large screen"].column,
  .ui.column.grid > [class*="six wide large screen"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide large screen"].column,
  .ui.grid > .column.row > [class*="seven wide large screen"].column,
  .ui.grid > [class*="seven wide large screen"].column,
  .ui.column.grid > [class*="seven wide large screen"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide large screen"].column,
  .ui.grid > .column.row > [class*="eight wide large screen"].column,
  .ui.grid > [class*="eight wide large screen"].column,
  .ui.column.grid > [class*="eight wide large screen"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide large screen"].column,
  .ui.grid > .column.row > [class*="nine wide large screen"].column,
  .ui.grid > [class*="nine wide large screen"].column,
  .ui.column.grid > [class*="nine wide large screen"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide large screen"].column,
  .ui.grid > .column.row > [class*="ten wide large screen"].column,
  .ui.grid > [class*="ten wide large screen"].column,
  .ui.column.grid > [class*="ten wide large screen"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide large screen"].column,
  .ui.grid > .column.row > [class*="eleven wide large screen"].column,
  .ui.grid > [class*="eleven wide large screen"].column,
  .ui.column.grid > [class*="eleven wide large screen"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide large screen"].column,
  .ui.grid > .column.row > [class*="twelve wide large screen"].column,
  .ui.grid > [class*="twelve wide large screen"].column,
  .ui.column.grid > [class*="twelve wide large screen"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide large screen"].column,
  .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
  .ui.grid > [class*="thirteen wide large screen"].column,
  .ui.column.grid > [class*="thirteen wide large screen"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
  .ui.grid > [class*="fourteen wide large screen"].column,
  .ui.column.grid > [class*="fourteen wide large screen"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
  .ui.grid > [class*="fifteen wide large screen"].column,
  .ui.column.grid > [class*="fifteen wide large screen"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide large screen"].column,
  .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
  .ui.grid > [class*="sixteen wide large screen"].column,
  .ui.column.grid > [class*="sixteen wide large screen"].column {
    width: 100% !important;
  }
}
/* Widescreen Sizing Combinations */
@media only screen and (min-width: 1920px) {
  .ui.grid > .row > [class*="one wide widescreen"].column,
  .ui.grid > .column.row > [class*="one wide widescreen"].column,
  .ui.grid > [class*="one wide widescreen"].column,
  .ui.column.grid > [class*="one wide widescreen"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide widescreen"].column,
  .ui.grid > .column.row > [class*="two wide widescreen"].column,
  .ui.grid > [class*="two wide widescreen"].column,
  .ui.column.grid > [class*="two wide widescreen"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide widescreen"].column,
  .ui.grid > .column.row > [class*="three wide widescreen"].column,
  .ui.grid > [class*="three wide widescreen"].column,
  .ui.column.grid > [class*="three wide widescreen"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide widescreen"].column,
  .ui.grid > .column.row > [class*="four wide widescreen"].column,
  .ui.grid > [class*="four wide widescreen"].column,
  .ui.column.grid > [class*="four wide widescreen"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide widescreen"].column,
  .ui.grid > .column.row > [class*="five wide widescreen"].column,
  .ui.grid > [class*="five wide widescreen"].column,
  .ui.column.grid > [class*="five wide widescreen"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide widescreen"].column,
  .ui.grid > .column.row > [class*="six wide widescreen"].column,
  .ui.grid > [class*="six wide widescreen"].column,
  .ui.column.grid > [class*="six wide widescreen"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide widescreen"].column,
  .ui.grid > .column.row > [class*="seven wide widescreen"].column,
  .ui.grid > [class*="seven wide widescreen"].column,
  .ui.column.grid > [class*="seven wide widescreen"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide widescreen"].column,
  .ui.grid > .column.row > [class*="eight wide widescreen"].column,
  .ui.grid > [class*="eight wide widescreen"].column,
  .ui.column.grid > [class*="eight wide widescreen"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide widescreen"].column,
  .ui.grid > .column.row > [class*="nine wide widescreen"].column,
  .ui.grid > [class*="nine wide widescreen"].column,
  .ui.column.grid > [class*="nine wide widescreen"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide widescreen"].column,
  .ui.grid > .column.row > [class*="ten wide widescreen"].column,
  .ui.grid > [class*="ten wide widescreen"].column,
  .ui.column.grid > [class*="ten wide widescreen"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide widescreen"].column,
  .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
  .ui.grid > [class*="eleven wide widescreen"].column,
  .ui.column.grid > [class*="eleven wide widescreen"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide widescreen"].column,
  .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
  .ui.grid > [class*="twelve wide widescreen"].column,
  .ui.column.grid > [class*="twelve wide widescreen"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
  .ui.grid > [class*="thirteen wide widescreen"].column,
  .ui.column.grid > [class*="thirteen wide widescreen"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
  .ui.grid > [class*="fourteen wide widescreen"].column,
  .ui.column.grid > [class*="fourteen wide widescreen"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
  .ui.grid > [class*="fifteen wide widescreen"].column,
  .ui.column.grid > [class*="fifteen wide widescreen"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
  .ui.grid > [class*="sixteen wide widescreen"].column,
  .ui.column.grid > [class*="sixteen wide widescreen"].column {
    width: 100% !important;
  }
}
/*----------------------
       Centered
-----------------------*/
.ui.centered.grid,
.ui.centered.grid > .row,
.ui.grid > .centered.row {
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ui.centered.grid > .column:not(.aligned):not(:justified):not(.row),
.ui.centered.grid > .row > .column:not(.aligned):not(:justified),
.ui.grid .centered.row > .column:not(.aligned):not(:justified) {
  text-align: left;
}
.ui.grid > .centered.column,
.ui.grid > .row > .centered.column {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*----------------------
       Relaxed
-----------------------*/
.ui.relaxed.grid > .column:not(.row),
.ui.relaxed.grid > .row > .column,
.ui.grid > .relaxed.row > .column {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ui[class*="very relaxed"].grid > .column:not(.row),
.ui[class*="very relaxed"].grid > .row > .column,
.ui.grid > [class*="very relaxed"].row > .column {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
/* Coupling with UI Divider */
.ui.relaxed.grid .row + .ui.divider,
.ui.grid .relaxed.row + .ui.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.ui[class*="very relaxed"].grid .row + .ui.divider,
.ui.grid [class*="very relaxed"].row + .ui.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
/*----------------------
       Padded
-----------------------*/
.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important;
}
[class*="horizontally padded"].ui.grid {
  margin-left: 0em !important;
  margin-right: 0em !important;
}
[class*="vertically padded"].ui.grid {
  margin-top: 0em !important;
  margin-bottom: 0em !important;
}
/*----------------------
      "Floated"
-----------------------*/
.ui.grid [class*="left floated"].column {
  margin-right: auto;
}
.ui.grid [class*="right floated"].column {
  margin-left: auto;
}
/*----------------------
       Divided
-----------------------*/
.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}
/* Swap from padding to margin on columns to have dividers align */
.ui[class*="vertically divided"].grid > .column:not(.row),
.ui[class*="vertically divided"].grid > .row > .column {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.ui[class*="vertically divided"].grid > .row {
  margin-top: 0em;
  margin-bottom: 0em;
}
/* No divider on first column on row */
.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}
/* No space on top of first row */
.ui[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 0em;
}
/* Divided Row */
.ui.grid > .divided.row > .column {
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}
.ui.grid > .divided.row > .column:first-child {
  box-shadow: none;
}
/* Vertically Divided */
.ui[class*="vertically divided"].grid > .row {
  position: relative;
}
.ui[class*="vertically divided"].grid > .row:before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% - 2rem);
  height: 1px;
  margin: 0% 1rem;
  box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/* Padded Horizontally Divided */
[class*="horizontally padded"].ui.divided.grid,
.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%;
}
/* First Row Vertically Divided */
.ui[class*="vertically divided"].grid > .row:first-child:before {
  box-shadow: none;
}
/* Inverted Divided */
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
}
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}
.ui.inverted[class*="vertically divided"].grid > .row:before {
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
}
/* Relaxed */
.ui.relaxed[class*="vertically divided"].grid > .row:before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem);
}
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
  margin-left: 5rem;
  margin-right: 5rem;
  width: calc(100% - 5rem);
}
/*----------------------
        Celled
-----------------------*/
.ui.celled.grid {
  width: 100%;
  margin: 1em 0em;
  box-shadow: 0px 0px 0px 1px #D4D4D5;
}
.ui.celled.grid > .row {
  width: 100% !important;
  margin: 0em;
  padding: 0em;
  box-shadow: 0px -1px 0px 0px #D4D4D5;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  box-shadow: -1px 0px 0px 0px #D4D4D5;
}
.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  box-shadow: none;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  padding: 1em;
}
.ui.relaxed.celled.grid > .column:not(.row),
.ui.relaxed.celled.grid > .row > .column {
  padding: 1.5em;
}
.ui[class*="very relaxed"].celled.grid > .column:not(.row),
.ui[class*="very relaxed"].celled.grid > .row > .column {
  padding: 2em;
}
/* Internally Celled */
.ui[class*="internally celled"].grid {
  box-shadow: none;
  margin: 0em;
}
.ui[class*="internally celled"].grid > .row:first-child {
  box-shadow: none;
}
.ui[class*="internally celled"].grid > .row > .column:first-child {
  box-shadow: none;
}
/*----------------------
  Vertically Aligned
-----------------------*/
/* Top Aligned */
.ui[class*="top aligned"].grid > .column:not(.row),
.ui[class*="top aligned"].grid > .row > .column,
.ui.grid > [class*="top aligned"].row > .column,
.ui.grid > [class*="top aligned"].column:not(.row),
.ui.grid > .row > [class*="top aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: top;
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
/* Middle Aligned */
.ui[class*="middle aligned"].grid > .column:not(.row),
.ui[class*="middle aligned"].grid > .row > .column,
.ui.grid > [class*="middle aligned"].row > .column,
.ui.grid > [class*="middle aligned"].column:not(.row),
.ui.grid > .row > [class*="middle aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: middle;
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
/* Bottom Aligned */
.ui[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column,
.ui.grid > [class*="bottom aligned"].row > .column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
.ui.grid > .row > [class*="bottom aligned"].column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: bottom;
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
/* Stretched */
.ui.stretched.grid > .row > .column,
.ui.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
.ui.grid > .row > .stretched.column {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ui.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
.ui.grid > .row > .stretched.column > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
/*----------------------
 Horizontally Centered
-----------------------*/
/* Left Aligned */
.ui[class*="left aligned"].grid > .column,
.ui[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column {
  text-align: left;
  -webkit-align-self: inherit;
  -ms-flex-item-align: inherit;
  align-self: inherit;
}
/* Center Aligned */
.ui[class*="center aligned"].grid > .column,
.ui[class*="center aligned"].grid > .row > .column,
.ui.grid > [class*="center aligned"].row > .column,
.ui.grid > [class*="center aligned"].column.column,
.ui.grid > .row > [class*="center aligned"].column {
  text-align: center;
  -webkit-align-self: inherit;
  -ms-flex-item-align: inherit;
  align-self: inherit;
}
.ui[class*="center aligned"].grid {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* Right Aligned */
.ui[class*="right aligned"].grid > .column,
.ui[class*="right aligned"].grid > .row > .column,
.ui.grid > [class*="right aligned"].row > .column,
.ui.grid > [class*="right aligned"].column.column,
.ui.grid > .row > [class*="right aligned"].column {
  text-align: right;
  -webkit-align-self: inherit;
  -ms-flex-item-align: inherit;
  align-self: inherit;
}
/* Justified */
.ui.justified.grid > .column,
.ui.justified.grid > .row > .column,
.ui.grid > .justified.row > .column,
.ui.grid > .justified.column.column,
.ui.grid > .row > .justified.column {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/*----------------------
        Colored
-----------------------*/
.ui.grid > .row > .red.column,
.ui.grid > .row > .orange.column,
.ui.grid > .row > .yellow.column,
.ui.grid > .row > .olive.column,
.ui.grid > .row > .green.column,
.ui.grid > .row > .teal.column,
.ui.grid > .row > .blue.column,
.ui.grid > .row > .violet.column,
.ui.grid > .row > .purple.column,
.ui.grid > .row > .pink.column,
.ui.grid > .row > .brown.column,
.ui.grid > .row > .grey.column,
.ui.grid > .row > .black.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* Red */
.ui.grid > .red.row,
.ui.grid > .red.column,
.ui.grid > .row > .red.column {
  background-color: #DB2828 !important;
  color: #FFFFFF;
}
/* Orange */
.ui.grid > .orange.row,
.ui.grid > .orange.column,
.ui.grid > .row > .orange.column {
  background-color: #F2711C !important;
  color: #FFFFFF;
}
/* Yellow */
.ui.grid > .yellow.row,
.ui.grid > .yellow.column,
.ui.grid > .row > .yellow.column {
  background-color: #FBBD08 !important;
  color: #FFFFFF;
}
/* Olive */
.ui.grid > .olive.row,
.ui.grid > .olive.column,
.ui.grid > .row > .olive.column {
  background-color: #B5CC18 !important;
  color: #FFFFFF;
}
/* Green */
.ui.grid > .green.row,
.ui.grid > .green.column,
.ui.grid > .row > .green.column {
  background-color: #21BA45 !important;
  color: #FFFFFF;
}
/* Teal */
.ui.grid > .teal.row,
.ui.grid > .teal.column,
.ui.grid > .row > .teal.column {
  background-color: #00B5AD !important;
  color: #FFFFFF;
}
/* Blue */
.ui.grid > .blue.row,
.ui.grid > .blue.column,
.ui.grid > .row > .blue.column {
  background-color: #2185D0 !important;
  color: #FFFFFF;
}
/* Violet */
.ui.grid > .violet.row,
.ui.grid > .violet.column,
.ui.grid > .row > .violet.column {
  background-color: #6435C9 !important;
  color: #FFFFFF;
}
/* Purple */
.ui.grid > .purple.row,
.ui.grid > .purple.column,
.ui.grid > .row > .purple.column {
  background-color: #A333C8 !important;
  color: #FFFFFF;
}
/* Pink */
.ui.grid > .pink.row,
.ui.grid > .pink.column,
.ui.grid > .row > .pink.column {
  background-color: #E03997 !important;
  color: #FFFFFF;
}
/* Brown */
.ui.grid > .brown.row,
.ui.grid > .brown.column,
.ui.grid > .row > .brown.column {
  background-color: #A5673F !important;
  color: #FFFFFF;
}
/* Grey */
.ui.grid > .grey.row,
.ui.grid > .grey.column,
.ui.grid > .row > .grey.column {
  background-color: #767676 !important;
  color: #FFFFFF;
}
/* Black */
.ui.grid > .black.row,
.ui.grid > .black.column,
.ui.grid > .row > .black.column {
  background-color: #1B1C1D !important;
  color: #FFFFFF;
}
/*----------------------
     Equal Width
-----------------------*/
.ui[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
.ui.grid > [class*="equal width"].row > .column {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.ui[class*="equal width"].grid > .wide.column,
.ui[class*="equal width"].grid > .row > .wide.column,
.ui.grid > [class*="equal width"].row > .wide.column {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
/*----------------------
       Reverse
-----------------------*/
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui[class*="mobile reversed"].grid,
  .ui[class*="mobile reversed"].grid > .row,
  .ui.grid > [class*="mobile reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .ui[class*="mobile vertically reversed"].grid,
  .ui.stackable[class*="mobile reversed"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  /* Divided Reversed */
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }
  /* Celled Reversed */
  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }
  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="tablet reversed"].grid,
  .ui[class*="tablet reversed"].grid > .row,
  .ui.grid > [class*="tablet reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .ui[class*="tablet vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  /* Divided Reversed */
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }
  /* Celled Reversed */
  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }
  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}
/* Computer */
@media only screen and (min-width: 992px) {
  .ui[class*="computer reversed"].grid,
  .ui[class*="computer reversed"].grid > .row,
  .ui.grid > [class*="computer reversed"].row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .ui[class*="computer vertically reversed"].grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  /* Divided Reversed */
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }
  /* Celled Reversed */
  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }
  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}
/*-------------------
     Doubling
--------------------*/
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.doubling.grid {
    width: auto;
  }
  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important;
  }
  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    display: inline-block !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    box-shadow: none !important;
    margin: 0em;
  }
  .ui[class*="two column"].doubling.grid > .row > .column,
  .ui[class*="two column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling.row.row > .column {
    width: 100% !important;
  }
  .ui[class*="three column"].doubling.grid > .row > .column,
  .ui[class*="three column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling.row.row > .column {
    width: 50% !important;
  }
  .ui[class*="four column"].doubling.grid > .row > .column,
  .ui[class*="four column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling.row.row > .column {
    width: 50% !important;
  }
  .ui[class*="five column"].doubling.grid > .row > .column,
  .ui[class*="five column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="six column"].doubling.grid > .row > .column,
  .ui[class*="six column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="seven column"].doubling.grid > .row > .column,
  .ui[class*="seven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="eight column"].doubling.grid > .row > .column,
  .ui[class*="eight column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling.row.row > .column {
    width: 25% !important;
  }
  .ui[class*="nine column"].doubling.grid > .row > .column,
  .ui[class*="nine column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling.row.row > .column {
    width: 25% !important;
  }
  .ui[class*="ten column"].doubling.grid > .row > .column,
  .ui[class*="ten column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling.row.row > .column {
    width: 20% !important;
  }
  .ui[class*="eleven column"].doubling.grid > .row > .column,
  .ui[class*="eleven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling.row.row > .column {
    width: 20% !important;
  }
  .ui[class*="twelve column"].doubling.grid > .row > .column,
  .ui[class*="twelve column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }
  .ui[class*="thirteen column"].doubling.grid > .row > .column,
  .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }
  .ui[class*="fourteen column"].doubling.grid > .row > .column,
  .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }
  .ui[class*="fifteen column"].doubling.grid > .row > .column,
  .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }
  .ui[class*="sixteen column"].doubling.grid > .row > .column,
  .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
    width: 12.5% !important;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important;
  }
  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    margin: 0em !important;
    box-shadow: none !important;
  }
  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
    width: 100% !important;
  }
  .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
}
/*-------------------
     Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.grid {
    width: auto;
    margin-left: 0em !important;
    margin-right: 0em !important;
  }
  .ui.stackable.grid > .row > .wide.column,
  .ui.stackable.grid > .wide.column,
  .ui.stackable.grid > .column.grid > .column,
  .ui.stackable.grid > .column.row > .column,
  .ui.stackable.grid > .row > .column,
  .ui.stackable.grid > .column:not(.row),
  .ui.grid > .stackable.stackable.row > .column {
    width: 100% !important;
    margin: 0em 0em !important;
    box-shadow: none !important;
    padding: 1rem 1rem !important;
  }
  .ui.stackable.grid:not(.vertically) > .row {
    margin: 0em;
    padding: 0em;
  }
  /* Coupling */
  .ui.container > .ui.stackable.grid > .column,
  .ui.container > .ui.stackable.grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
  /* Don't pad inside segment or nested grid */
  .ui.grid .ui.stackable.grid,
  .ui.segment:not(.vertical) .ui.stackable.page.grid {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  /* Divided Stackable */
  .ui.stackable.divided.grid > .row:first-child > .column:first-child,
  .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  .ui.stackable.divided.grid > .column:not(.row):first-child,
  .ui.stackable.celled.grid > .column:not(.row):first-child {
    border-top: none !important;
  }
  .ui.inverted.stackable.celled.grid > .column:not(.row),
  .ui.inverted.stackable.divided.grid > .column:not(.row),
  .ui.inverted.stackable.celled.grid > .row > .column,
  .ui.inverted.stackable.divided.grid > .row > .column {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .ui.stackable.celled.grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.celled.grid > .row > .column,
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .ui.stackable.celled.grid > .row {
    box-shadow: none !important;
  }
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
}
/*----------------------
    Only (Device)
-----------------------*/
/* These include arbitrary class repetitions for forced specificity */
/* Mobile Only Hide */
@media only screen and (max-width: 767px) {
  .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="computer only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Tablet Only Hide */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
    display: none !important;
  }
  .ui[class*="computer only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Computer Only Hide */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Large Screen Only Hide */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Widescreen Only Hide */
@media only screen and (min-width: 1920px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*
* # Semantic - Menu
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2015 Contributor
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Standard
*******************************/
/*--------------
     Menu
---------------*/
.ui.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0em;
  background: #FFFFFF;
  font-weight: normal;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  min-height: 2.85714286em;
}
.ui.menu:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.ui.menu:first-child {
  margin-top: 0rem;
}
.ui.menu:last-child {
  margin-bottom: 0rem;
}
/*--------------
   Sub-Menu
---------------*/
.ui.menu .menu {
  margin: 0em;
}
.ui.menu:not(.vertical) > .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*--------------
     Item
---------------*/
.ui.menu:not(.vertical) .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
  -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.ui.menu > .item:first-child {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
/* Border */
.ui.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  right: 0px;
  height: 100%;
  width: 1px;
  background: rgba(34, 36, 38, 0.1);
}
/*--------------
 Text Content
---------------*/
.ui.menu .text.item > *,
.ui.menu .item > a:not(.ui),
.ui.menu .item > p:only-child {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  line-height: 1.3;
}
.ui.menu .item > p:first-child {
  margin-top: 0;
}
.ui.menu .item > p:last-child {
  margin-bottom: 0;
}
/*--------------
     Icons
---------------*/
.ui.menu .item > i.icon {
  opacity: 0.9;
  float: none;
  margin: 0em 0.35714286em 0em 0em;
}
/*--------------
    Button
---------------*/
.ui.menu:not(.vertical) .item > .button {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
  padding-bottom: 0.78571429em;
  padding-top: 0.78571429em;
  font-size: 1em;
}
/*----------------
Grid / Container
-----------------*/
.ui.menu > .grid,
.ui.menu > .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
}
/*--------------
    Inputs
---------------*/
.ui.menu .item > .input {
  width: 100%;
}
.ui.menu:not(.vertical) .item > .input {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
}
.ui.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.57142857em;
  padding-bottom: 0.57142857em;
}
/*--------------
    Header
---------------*/
.ui.menu .header.item,
.ui.vertical.menu .header.item {
  margin: 0em;
  background: '';
  text-transform: normal;
  font-weight: bold;
}
.ui.vertical.menu .item > .header:not(.ui) {
  margin: 0em 0em 0.5em;
  font-size: 1em;
  font-weight: bold;
}
/*--------------
    Popup
---------------*/
.ui.menu .ui.popup {
  display: none;
}
.ui.menu .ui.visible.popup {
  display: block;
}
/*--------------
   Dropdowns
---------------*/
/* Dropdown Icon */
.ui.menu .item > i.dropdown.icon {
  padding: 0em;
  float: right;
  margin: 0em 0em 0em 1em;
}
/* Menu */
.ui.menu .dropdown.item .menu {
  left: 0px;
  min-width: calc(100% - 1px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  background: #FFFFFF;
  margin: 0em 0px 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
/* Menu Items */
.ui.menu .ui.dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1em !important;
  padding: 0.78571429em 1.14285714em !important;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.87) !important;
  text-transform: none !important;
  font-weight: normal !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}
.ui.menu .ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .selected.item {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .active.item {
  background: rgba(0, 0, 0, 0.03) !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
  display: block;
}
.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
  display: inline-block;
  font-size: 1em !important;
  float: none;
  margin: 0em 0.75em 0em 0em;
}
/* Secondary */
.ui.secondary.menu .dropdown.item > .menu,
.ui.text.menu .dropdown.item > .menu {
  border-radius: 0.28571429rem;
  margin-top: 0.35714286em;
}
/* Pointing */
.ui.menu .pointing.dropdown.item .menu {
  margin-top: 0.75em;
}
/* Inverted */
.ui.inverted.menu .search.dropdown.item > .search,
.ui.inverted.menu .search.dropdown.item > .text {
  color: rgba(255, 255, 255, 0.9);
}
/* Vertical */
.ui.vertical.menu .dropdown.item > .icon {
  float: right;
  content: "\f0da";
  margin-left: 1em;
}
.ui.vertical.menu .dropdown.item .menu {
  top: 0% !important;
  left: 100%;
  min-width: 0;
  margin: 0em 0em 0em 0em;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu .active.dropdown.item {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.vertical.menu .dropdown.active.item {
  box-shadow: none;
}
/* Evenly Divided */
.ui.item.menu .dropdown .menu .item {
  width: 100%;
}
/*--------------
    Labels
---------------*/
.ui.menu .item > .label {
  background: #999999;
  color: #FFFFFF;
  margin-left: 1em;
  padding: 0.3em 0.78571429em;
}
.ui.vertical.menu .item > .label {
  background: #999999;
  color: #FFFFFF;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 0.3em 0.78571429em;
}
.ui.menu .item > .floating.label {
  padding: 0.3em 0.78571429em;
}
/*--------------
    Images
---------------*/
.ui.menu .item > img:not(.ui) {
  display: inline-block;
  vertical-align: middle;
  margin: -0.3em 0em;
  width: 2.5em;
}
.ui.vertical.menu .item > img:not(.ui):only-child {
  display: block;
  max-width: 100%;
  width: auto;
}
/*******************************
         Coupling
*******************************/
/*--------------
    Sidebar
---------------*/
/* Show vertical dividers below last */
.ui.vertical.sidebar.menu > .item:first-child:before {
  display: block !important;
}
.ui.vertical.sidebar.menu > .item::before {
  top: auto;
  bottom: 0px;
}
/*--------------
   Container
---------------*/
@media only screen and (max-width: 767px) {
  .ui.menu > .ui.container {
    width: 100% !important;
    margin-left: 0em !important;
    margin-right: 0em !important;
  }
}
@media only screen and (min-width: 768px) {
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
    border-left: 1px solid rgba(34, 36, 38, 0.1);
  }
}
/*******************************
            States
*******************************/
/*--------------
     Hover
---------------*/
.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
    Pressed
---------------*/
.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
    Active
---------------*/
.ui.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  font-weight: normal;
  box-shadow: none;
}
.ui.menu .active.item > i.icon {
  opacity: 1;
}
/*--------------
 Active Hover
---------------*/
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
    Disabled
---------------*/
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
  cursor: default;
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3);
}
/*******************************
            Types
*******************************/
/*------------------
Floated Menu / Item
-------------------*/
/* Left Floated */
.ui.menu:not(.vertical) .left.item,
.ui.menu:not(.vertical) .left.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto !important;
}
/* Right Floated */
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto !important;
}
/* Swapped Borders */
.ui.menu .right.item::before,
.ui.menu .right.menu > .item::before {
  right: auto;
  left: 0;
}
/*--------------
   Vertical
---------------*/
.ui.vertical.menu {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
/*--- Item ---*/
.ui.vertical.menu .item {
  display: block;
  background: none;
  border-top: none;
  border-right: none;
}
.ui.vertical.menu > .item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0px 0px;
}
.ui.vertical.menu > .item:last-child {
  border-radius: 0px 0px 0.28571429rem 0.28571429rem;
}
/*--- Label ---*/
.ui.vertical.menu .item > .label {
  float: right;
  text-align: center;
}
/*--- Icon ---*/
.ui.vertical.menu .item > i.icon {
  width: 1.18em;
  float: right;
  margin: 0em 0em 0em 0.5em;
}
.ui.vertical.menu .item > .label + i.icon {
  float: none;
  margin: 0em 0.5em 0em 0em;
}
/*--- Border ---*/
.ui.vertical.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0px;
  width: 100%;
  height: 1px;
  background: rgba(34, 36, 38, 0.1);
}
.ui.vertical.menu .item:first-child:before {
  display: none !important;
}
/*--- Sub Menu ---*/
.ui.vertical.menu .item > .menu {
  margin: 0.5em -1.14285714em 0em;
}
.ui.vertical.menu .menu .item {
  background: none;
  padding: 0.5em 1.33333333em;
  font-size: 0.85714286em;
  color: rgba(0, 0, 0, 0.5);
}
.ui.vertical.menu .item .menu a.item:hover,
.ui.vertical.menu .item .menu .link.item:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ui.vertical.menu .menu .item:before {
  display: none;
}
/* Vertical Active */
.ui.vertical.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0em;
  box-shadow: none;
}
.ui.vertical.menu > .active.item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.vertical.menu > .active.item:last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu > .active.item:only-child {
  border-radius: 0.28571429rem;
}
.ui.vertical.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.vertical.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
    Tabular
---------------*/
.ui.tabular.menu {
  border-radius: 0em;
  box-shadow: none !important;
  border: none;
  background: none transparent;
  border-bottom: 1px solid #D4D4D5;
}
.ui.tabular.fluid.menu {
  width: calc(100% + 2px) !important;
}
.ui.tabular.menu .item {
  background: transparent;
  border-bottom: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  padding: 0.92857143em 1.42857143em;
  color: rgba(0, 0, 0, 0.87);
}
.ui.tabular.menu .item:before {
  display: none;
}
/* Hover */
.ui.tabular.menu .item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
/* Active */
.ui.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #D4D4D5;
  font-weight: bold;
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;
}
/* Coupling with segment for attachment */
.ui.tabular.menu + .attached:not(.top).segment,
.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
  border-top: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  width: 100%;
}
.top.attached.segment + .ui.bottom.tabular.menu {
  position: relative;
  width: calc(100% + 2px);
  left: -1px;
}
/* Bottom Vertical Tabular */
.ui.bottom.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-top: 1px solid #D4D4D5;
}
.ui.bottom.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: none;
}
.ui.bottom.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: -1px 0px 0px 0px;
  border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
}
/* Vertical Tabular (Left) */
.ui.vertical.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: 1px solid #D4D4D5;
}
.ui.vertical.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: none;
}
.ui.vertical.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0px -1px 0px 0px;
  border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
}
/* Vertical Right Tabular */
.ui.vertical.right.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: none;
  border-left: 1px solid #D4D4D5;
}
.ui.vertical.right.tabular.menu .item {
  background: none;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: none;
}
.ui.vertical.right.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0px 0px 0px -1px;
  border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;
}
/* Dropdown */
.ui.tabular.menu .active.dropdown.item {
  margin-bottom: 0px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: none;
}
/*--------------
  Pagination
---------------*/
.ui.pagination.menu {
  margin: 0em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.ui.pagination.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.compact.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.pagination.menu .item:last-child:before {
  display: none;
}
.ui.pagination.menu .item {
  min-width: 3em;
  text-align: center;
}
.ui.pagination.menu .icon.item i.icon {
  vertical-align: top;
}
/* Active */
.ui.pagination.menu .active.item {
  border-top: none;
  padding-top: 0.92857143em;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
}
/*--------------
  Secondary
---------------*/
.ui.secondary.menu {
  background: none;
  margin-left: -0.35714286em;
  margin-right: -0.35714286em;
  border-radius: 0em;
  border: none;
  box-shadow: none;
}
/* Item */
.ui.secondary.menu .item {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  box-shadow: none;
  border: none;
  padding: 0.78571429em 0.92857143em;
  margin: 0em 0.35714286em;
  background: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-radius: 0.28571429rem;
}
/* No Divider */
.ui.secondary.menu .item:before {
  display: none !important;
}
/* Header */
.ui.secondary.menu .header.item {
  border-radius: 0em;
  border-right: none;
  background: none transparent;
}
/* Image */
.ui.secondary.menu .item > img:not(.ui) {
  margin: 0em;
}
/* Hover */
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Active */
.ui.secondary.menu .active.item {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0.28571429rem;
}
/* Active Hover */
.ui.secondary.menu .active.item:hover {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
  color: rgba(255, 255, 255, 0.7) !important;
}
.ui.secondary.inverted.menu .dropdown.item:hover,
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff !important;
}
.ui.secondary.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff !important;
}
/* Fix item margins */
.ui.secondary.item.menu {
  margin-left: 0em;
  margin-right: 0em;
}
.ui.secondary.item.menu .item:last-child {
  margin-right: 0em;
}
.ui.secondary.attached.menu {
  box-shadow: none;
}
/* Sub Menu */
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
  margin: 0em -0.92857143em;
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
  margin: 0em;
  padding: 0.5em 1.33333333em;
}
/*---------------------
  Secondary Vertical
-----------------------*/
.ui.secondary.vertical.menu > .item {
  border: none;
  margin: 0em 0em 0.35714286em;
  border-radius: 0.28571429rem !important;
}
.ui.secondary.vertical.menu > .header.item {
  border-radius: 0em;
}
/* Sub Menu */
.ui.vertical.secondary.menu .item > .menu .item {
  background-color: transparent;
}
/* Inverted */
.ui.secondary.inverted.menu {
  background-color: transparent;
}
/*---------------------
  Secondary Pointing
-----------------------*/
.ui.secondary.pointing.menu {
  margin-left: 0em;
  margin-right: 0em;
  border-bottom: 2px solid rgba(34, 36, 38, 0.15);
}
.ui.secondary.pointing.menu .item {
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-radius: 0em;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin: 0em 0em -2px;
  padding: 0.85714286em 1.14285714em;
  border-bottom-width: 2px;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
/* Item Types */
.ui.secondary.pointing.menu .header.item {
  color: rgba(0, 0, 0, 0.85) !important;
}
.ui.secondary.pointing.menu .text.item {
  box-shadow: none !important;
}
.ui.secondary.pointing.menu .item:after {
  display: none;
}
/* Hover */
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}
/* Pressed */
.ui.secondary.pointing.menu .dropdown.item:active,
.ui.secondary.pointing.menu .link.item:active,
.ui.secondary.pointing.menu a.item:active {
  background-color: transparent;
  border-color: rgba(34, 36, 38, 0.15);
}
/* Active */
.ui.secondary.pointing.menu .active.item {
  background-color: transparent;
  box-shadow: none;
  border-color: #1B1C1D;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}
/* Active Hover */
.ui.secondary.pointing.menu .active.item:hover {
  border-color: #1B1C1D;
  color: rgba(0, 0, 0, 0.95);
}
/* Active Dropdown */
.ui.secondary.pointing.menu .active.dropdown.item {
  border-color: transparent;
}
/* Vertical Pointing */
.ui.secondary.vertical.pointing.menu {
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: rgba(34, 36, 38, 0.15);
}
.ui.secondary.vertical.pointing.menu .item {
  border-bottom: none;
  border-right-style: solid;
  border-right-color: transparent;
  border-radius: 0em !important;
  margin: 0em -2px 0em 0em;
  border-right-width: 2px;
}
/* Vertical Active */
.ui.secondary.vertical.pointing.menu .active.item {
  border-color: #1B1C1D;
}
/* Inverted */
.ui.secondary.inverted.pointing.menu {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu {
  border-width: 2px;
  border-color: rgba(34, 36, 38, 0.15);
}
.ui.secondary.inverted.pointing.menu .item {
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.inverted.pointing.menu .header.item {
  color: #FFFFFF !important;
}
/* Hover */
.ui.secondary.inverted.pointing.menu .link.item:hover,
.ui.secondary.inverted.pointing.menu a.item:hover {
  color: rgba(0, 0, 0, 0.95);
}
/* Active */
.ui.secondary.inverted.pointing.menu .active.item {
  border-color: #FFFFFF;
  color: #ffffff;
}
/*--------------
   Text Menu
---------------*/
.ui.text.menu {
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  margin: 1em -0.5em;
}
.ui.text.menu .item {
  border-radius: 0px;
  box-shadow: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0em 0em;
  padding: 0.35714286em 0.5em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
/* Border */
.ui.text.menu .item:before,
.ui.text.menu .menu .item:before {
  display: none !important;
}
/* Header */
.ui.text.menu .header.item {
  background-color: transparent;
  opacity: 1;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.92857143em;
  text-transform: uppercase;
  font-weight: bold;
}
/* Image */
.ui.text.menu .item > img:not(.ui) {
  margin: 0em;
}
/*--- fluid text ---*/
.ui.text.item.menu .item {
  margin: 0em;
}
/*--- vertical text ---*/
.ui.vertical.text.menu {
  margin: 1em 0em;
}
.ui.vertical.text.menu:first-child {
  margin-top: 0rem;
}
.ui.vertical.text.menu:last-child {
  margin-bottom: 0rem;
}
.ui.vertical.text.menu .item {
  margin: 0.57142857em 0em;
  padding-left: 0em;
  padding-right: 0em;
}
.ui.vertical.text.menu .item > i.icon {
  float: none;
  margin: 0em 0.35714286em 0em 0em;
}
.ui.vertical.text.menu .header.item {
  margin: 0.57142857em 0em 0.71428571em;
}
/* Vertical Sub Menu */
.ui.vertical.text.menu .item:not(.dropdown) > .menu {
  margin: 0em;
}
.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
  margin: 0em;
  padding: 0.5em 0em;
}
/*--- hover ---*/
.ui.text.menu .item:hover {
  opacity: 1;
  background-color: transparent;
}
/*--- active ---*/
.ui.text.menu .active.item {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.95);
}
/*--- active hover ---*/
.ui.text.menu .active.item:hover {
  background-color: transparent;
}
/* Disable Bariations */
.ui.text.pointing.menu .active.item:after {
  box-shadow: none;
}
.ui.text.attached.menu {
  box-shadow: none;
}
/* Inverted */
.ui.inverted.text.menu,
.ui.inverted.text.menu .item,
.ui.inverted.text.menu .item:hover,
.ui.inverted.text.menu .active.item {
  background-color: transparent !important;
}
/* Fluid */
.ui.fluid.text.menu {
  margin-left: 0em;
  margin-right: 0em;
}
/*--------------
   Icon Only
---------------*/
/* Vertical Menu */
.ui.vertical.icon.menu {
  display: inline-block;
  width: auto;
}
/* Item */
.ui.icon.menu .item {
  height: auto;
  text-align: center;
  color: #1B1C1D;
}
/* Icon */
.ui.icon.menu .item > .icon:not(.dropdown) {
  margin: 0;
  opacity: 1;
}
/* Icon Gylph */
.ui.icon.menu .icon:before {
  opacity: 1;
}
/* (x) Item Icon */
.ui.menu .icon.item > .icon {
  width: auto;
  margin: 0em auto;
}
/* Vertical Icon */
.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
  display: block;
  opacity: 1;
  margin: 0em auto;
  float: none;
}
/* Inverted */
.ui.inverted.icon.menu .item {
  color: #FFFFFF;
}
/*--------------
  Labeled Icon
---------------*/
/* Menu */
.ui.labeled.icon.menu {
  text-align: center;
}
/* Item */
.ui.labeled.icon.menu .item {
  min-width: 6em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* Icon */
.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
  height: 1em;
  display: block;
  font-size: 1.71428571em !important;
  margin: 0em auto 0.5rem !important;
}
/* Fluid */
.ui.fluid.labeled.icon.menu > .item {
  min-width: 0em;
}
/*******************************
          Variations
*******************************/
/*--------------
   Stackable
---------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ui.stackable.menu .item {
    width: 100% !important;
  }
  .ui.stackable.menu .item:before {
    position: absolute;
    content: '';
    top: auto;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: rgba(34, 36, 38, 0.1);
  }
  .ui.stackable.menu .left.menu,
  .ui.stackable.menu .left.item {
    margin-right: 0 !important;
  }
  .ui.stackable.menu .right.menu,
  .ui.stackable.menu .right.item {
    margin-left: 0 !important;
  }
}
/*--------------
    Colors
---------------*/
/*--- Standard Colors  ---*/
.ui.menu .red.active.item,
.ui.red.menu .active.item {
  border-color: #DB2828 !important;
  color: #DB2828 !important;
}
.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
  border-color: #F2711C !important;
  color: #F2711C !important;
}
.ui.menu .yellow.active.item,
.ui.yellow.menu .active.item {
  border-color: #FBBD08 !important;
  color: #FBBD08 !important;
}
.ui.menu .olive.active.item,
.ui.olive.menu .active.item {
  border-color: #B5CC18 !important;
  color: #B5CC18 !important;
}
.ui.menu .green.active.item,
.ui.green.menu .active.item {
  border-color: #21BA45 !important;
  color: #21BA45 !important;
}
.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
  border-color: #00B5AD !important;
  color: #00B5AD !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
  border-color: #2185D0 !important;
  color: #2185D0 !important;
}
.ui.menu .violet.active.item,
.ui.violet.menu .active.item {
  border-color: #6435C9 !important;
  color: #6435C9 !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
  border-color: #A333C8 !important;
  color: #A333C8 !important;
}
.ui.menu .pink.active.item,
.ui.pink.menu .active.item {
  border-color: #E03997 !important;
  color: #E03997 !important;
}
.ui.menu .brown.active.item,
.ui.brown.menu .active.item {
  border-color: #A5673F !important;
  color: #A5673F !important;
}
.ui.menu .grey.active.item,
.ui.grey.menu .active.item {
  border-color: #767676 !important;
  color: #767676 !important;
}
/*--------------
   Inverted
---------------*/
.ui.inverted.menu {
  border: 0px solid transparent;
  background: #1B1C1D;
  box-shadow: none;
}
/* Menu Item */
.ui.inverted.menu .item,
.ui.inverted.menu .item > a:not(.ui) {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.menu .item.menu {
  background: transparent;
}
/*--- Border ---*/
.ui.inverted.menu .item:before {
  background: rgba(255, 255, 255, 0.08);
}
.ui.vertical.inverted.menu .item:before {
  background: rgba(255, 255, 255, 0.08);
}
/* Sub Menu */
.ui.vertical.inverted.menu .menu .item,
.ui.vertical.inverted.menu .menu .item a:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}
/* Header */
.ui.inverted.menu .header.item {
  margin: 0em;
  background: transparent;
  box-shadow: none;
}
/* Disabled */
.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover {
  color: rgba(225, 225, 225, 0.3);
}
/*--- Hover ---*/
.ui.link.inverted.menu .item:hover,
.ui.inverted.menu .dropdown.item:hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.ui.vertical.inverted.menu .item .menu a.item:hover,
.ui.vertical.inverted.menu .item .menu .link.item:hover {
  background: transparent;
  color: #ffffff;
}
/*--- Pressed ---*/
.ui.inverted.menu a.item:active,
.ui.inverted.menu .link.item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
/*--- Active ---*/
.ui.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff !important;
}
.ui.inverted.vertical.menu .item .menu .active.item {
  background: transparent;
  color: #FFFFFF;
}
.ui.inverted.pointing.menu .active.item:after {
  background: #3D3E3F !important;
  margin: 0em !important;
  box-shadow: none !important;
  border: none !important;
}
/*--- Active Hover ---*/
.ui.inverted.menu .active.item:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important;
}
.ui.inverted.pointing.menu .active.item:hover:after {
  background: #3D3E3F !important;
}
/*--------------
    Floated
---------------*/
.ui.floated.menu {
  float: left;
  margin: 0rem 0.5rem 0rem 0rem;
}
.ui.floated.menu .item:last-child:before {
  display: none;
}
.ui.right.floated.menu {
  float: right;
  margin: 0rem 0rem 0rem 0.5rem;
}
/*--------------
   Inverted
---------------*/
/* Red */
.ui.inverted.menu .red.active.item,
.ui.inverted.red.menu {
  background-color: #DB2828;
}
.ui.inverted.red.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.red.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Orange */
.ui.inverted.menu .orange.active.item,
.ui.inverted.orange.menu {
  background-color: #F2711C;
}
.ui.inverted.orange.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.orange.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Yellow */
.ui.inverted.menu .yellow.active.item,
.ui.inverted.yellow.menu {
  background-color: #FBBD08;
}
.ui.inverted.yellow.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.yellow.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Olive */
.ui.inverted.menu .olive.active.item,
.ui.inverted.olive.menu {
  background-color: #B5CC18;
}
.ui.inverted.olive.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.olive.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Green */
.ui.inverted.menu .green.active.item,
.ui.inverted.green.menu {
  background-color: #21BA45;
}
.ui.inverted.green.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.green.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Teal */
.ui.inverted.menu .teal.active.item,
.ui.inverted.teal.menu {
  background-color: #00B5AD;
}
.ui.inverted.teal.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.teal.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Blue */
.ui.inverted.menu .blue.active.item,
.ui.inverted.blue.menu {
  background-color: #2185D0;
}
.ui.inverted.blue.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.blue.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Violet */
.ui.inverted.menu .violet.active.item,
.ui.inverted.violet.menu {
  background-color: #6435C9;
}
.ui.inverted.violet.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.violet.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Purple */
.ui.inverted.menu .purple.active.item,
.ui.inverted.purple.menu {
  background-color: #A333C8;
}
.ui.inverted.purple.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.purple.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Pink */
.ui.inverted.menu .pink.active.item,
.ui.inverted.pink.menu {
  background-color: #E03997;
}
.ui.inverted.pink.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.pink.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Brown */
.ui.inverted.menu .brown.active.item,
.ui.inverted.brown.menu {
  background-color: #A5673F;
}
.ui.inverted.brown.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.brown.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Grey */
.ui.inverted.menu .grey.active.item,
.ui.inverted.grey.menu {
  background-color: #767676;
}
.ui.inverted.grey.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.grey.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*--------------
    Fitted
---------------*/
.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
  padding: 0em;
}
.ui.horizontally.fitted.menu .item,
.ui.horizontally.fitted.menu .item .menu .item,
.ui.menu .horizontally.fitted.item {
  padding-top: 0.92857143em;
  padding-bottom: 0.92857143em;
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
  padding-left: 1.14285714em;
  padding-right: 1.14285714em;
}
/*--------------
  Borderless
---------------*/
.ui.borderless.menu .item:before,
.ui.borderless.menu .item .menu .item:before,
.ui.menu .borderless.item:before {
  background: none !important;
}
/*-------------------
      Compact
--------------------*/
.ui.compact.menu {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0em;
  vertical-align: middle;
}
.ui.compact.vertical.menu {
  display: inline-block;
}
.ui.compact.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.compact.menu .item:last-child:before {
  display: none;
}
.ui.compact.vertical.menu {
  width: auto !important;
}
.ui.compact.vertical.menu .item:last-child::before {
  display: block;
}
/*-------------------
       Fluid
--------------------*/
.ui.menu.fluid,
.ui.vertical.menu.fluid {
  width: 100% !important;
}
/*-------------------
     Evenly Sized
--------------------*/
.ui.item.menu,
.ui.item.menu .item {
  width: 100%;
  padding-left: 0em !important;
  padding-right: 0em !important;
  margin-left: 0em !important;
  margin-right: 0em !important;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ui.item.menu .item:last-child:before {
  display: none;
}
.ui.menu.two.item .item {
  width: 50%;
}
.ui.menu.three.item .item {
  width: 33.333%;
}
.ui.menu.four.item .item {
  width: 25%;
}
.ui.menu.five.item .item {
  width: 20%;
}
.ui.menu.six.item .item {
  width: 16.666%;
}
.ui.menu.seven.item .item {
  width: 14.285%;
}
.ui.menu.eight.item .item {
  width: 12.5%;
}
.ui.menu.nine.item .item {
  width: 11.11%;
}
.ui.menu.ten.item .item {
  width: 10%;
}
.ui.menu.eleven.item .item {
  width: 9.09%;
}
.ui.menu.twelve.item .item {
  width: 8.333%;
}
/*--------------
    Fixed
---------------*/
.ui.menu.fixed {
  position: fixed;
  z-index: 101;
  margin: 0em;
  width: 100%;
}
.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
  border-radius: 0px !important;
}
.ui.fixed.menu,
.ui[class*="top fixed"].menu {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
}
.ui[class*="top fixed"].menu {
  border-top: none;
  border-left: none;
  border-right: none;
}
.ui[class*="right fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-right: none;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}
.ui[class*="bottom fixed"].menu {
  border-bottom: none;
  border-left: none;
  border-right: none;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto;
}
.ui[class*="left fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-left: none;
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}
/* Coupling with Grid */
.ui.fixed.menu + .ui.grid {
  padding-top: 2.75rem;
}
/*-------------------
      Pointing
--------------------*/
.ui.pointing.menu .item:after {
  visibility: hidden;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: none;
  margin: 0.5px 0em 0em;
  width: 0.57142857em;
  height: 0.57142857em;
  border: none;
  border-bottom: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
  z-index: 2;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}
.ui.vertical.pointing.menu .item:after {
  position: absolute;
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  margin: 0em -0.5px 0em 0em;
  border: none;
  border-top: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
}
/* Active */
.ui.pointing.menu .active.item:after {
  visibility: visible;
}
.ui.pointing.menu .active.dropdown.item:after {
  visibility: hidden;
}
/* Don't double up pointers */
.ui.pointing.menu .dropdown.active.item:after,
.ui.pointing.menu .active.item .menu .active.item:after {
  display: none;
}
/* Colors */
.ui.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2;
}
.ui.pointing.menu .active.item:after {
  background-color: #F2F2F2;
}
.ui.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .active.item:after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .menu .active.item:after {
  background-color: #FFFFFF;
}
/*--------------
   Attached
---------------*/
/* Middle */
.ui.attached.menu {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
  box-shadow: none;
}
.ui.attached + .ui.attached.menu:not(.top) {
  border-top: none;
}
/* Top */
.ui[class*="top attached"].menu {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.menu[class*="top attached"]:first-child {
  margin-top: 0em;
}
/* Bottom */
.ui[class*="bottom attached"].menu {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].menu:last-child {
  margin-bottom: 0em;
}
/* Attached Menu Item */
.ui.top.attached.menu > .item:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.bottom.attached.menu > .item:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
/* Tabular Attached */
.ui.attached.menu:not(.tabular) {
  border: 1px solid #D4D4D5;
}
.ui.attached.inverted.menu {
  border: none;
}
.ui.attached.tabular.menu {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
/*--------------
    Sizes
---------------*/
/* Mini */
.ui.mini.menu {
  font-size: 0.78571429rem;
}
.ui.mini.vertical.menu {
  width: 9rem;
}
/* Tiny */
.ui.tiny.menu {
  font-size: 0.85714286rem;
}
.ui.tiny.vertical.menu {
  width: 11rem;
}
/* Small */
.ui.small.menu {
  font-size: 0.92857143rem;
}
.ui.small.vertical.menu {
  width: 13rem;
}
/* Medium */
.ui.menu {
  font-size: 1rem;
}
.ui.vertical.menu {
  width: 15rem;
}
/* Large */
.ui.large.menu {
  font-size: 1.07142857rem;
}
.ui.large.vertical.menu {
  width: 18rem;
}
/* Huge */
.ui.huge.menu {
  font-size: 1.14285714rem;
}
.ui.huge.vertical.menu {
  width: 20rem;
}
/* Big */
.ui.big.menu {
  font-size: 1.21428571rem;
}
.ui.big.vertical.menu {
  width: 22rem;
}
/* Massive */
.ui.massive.menu {
  font-size: 1.28571429rem;
}
.ui.massive.vertical.menu {
  width: 25rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Message
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Message
*******************************/
.ui.message {
  position: relative;
  min-height: 1em;
  margin: 1em 0em;
  background: #F8F8F9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  border-radius: 0.28571429rem;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.message:first-child {
  margin-top: 0em;
}
.ui.message:last-child {
  margin-bottom: 0em;
}
/*--------------
    Content
---------------*/
/* Header */
.ui.message .header {
  display: block;
  font-weight: bold;
  margin: -0.14285em 0em 0rem 0em;
}
/* Default font size */
.ui.message .header:not(.ui) {
  font-size: 1.14285714em;
}
/* Paragraph */
.ui.message p {
  opacity: 0.85;
  margin: 0.75em 0em;
}
.ui.message p:first-child {
  margin-top: 0em;
}
.ui.message p:last-child {
  margin-bottom: 0em;
}
.ui.message .header + p {
  margin-top: 0.25em;
}
/* List */
.ui.message .list:not(.ui) {
  text-align: left;
  padding: 0em;
  opacity: 0.85;
  list-style-position: inside;
  margin: 0.5em 0em 0em;
}
.ui.message .list:not(.ui):first-child {
  margin-top: 0em;
}
.ui.message .list:not(.ui):last-child {
  margin-bottom: 0em;
}
.ui.message .list:not(.ui) li {
  position: relative;
  list-style-type: none;
  margin: 0em 0em 0.3em 1em;
  padding: 0em;
}
.ui.message .list:not(.ui) li:before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
.ui.message .list:not(.ui) li:last-child {
  margin-bottom: 0em;
}
/* Icon */
.ui.message > .icon {
  margin-right: 0.6em;
}
/* Close Icon */
.ui.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0em;
  top: 0.78575em;
  right: 0.5em;
  opacity: 0.7;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.message > .close.icon:hover {
  opacity: 1;
}
/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0em;
}
.ui.message > :last-child {
  margin-bottom: 0em;
}
/*******************************
           Coupling
*******************************/
.ui.dropdown .menu > .message {
  margin: 0px -1px;
}
/*******************************
           States
*******************************/
/*--------------
   Visible
---------------*/
.ui.visible.visible.visible.visible.message {
  display: block;
}
.ui.icon.visible.visible.visible.visible.message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*--------------
    Hidden
---------------*/
.ui.hidden.hidden.hidden.hidden.message {
  display: none;
}
/*******************************
           Variations
*******************************/
/*--------------
   Compact
---------------*/
.ui.compact.message {
  display: inline-block;
}
/*--------------
   Attached
---------------*/
.ui.attached.message {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  margin-top: -1px;
  border-radius: 0em;
}
.ui.bottom.attached.message {
  margin-top: -1px;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: 1em;
}
.ui.attached.icon.message {
  width: auto;
}
/*--------------
     Icon
---------------*/
.ui.icon.message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui.icon.message > .icon:not(.close) {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
  opacity: 0.8;
}
.ui.icon.message > .content {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  vertical-align: middle;
}
.ui.icon.message .icon:not(.close) + .content {
  padding-left: 0rem;
}
.ui.icon.message .circular.icon {
  width: 1em;
}
/*--------------
   Floating
---------------*/
.ui.floating.message {
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
/*--------------
    Colors
---------------*/
.ui.black.message {
  background-color: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
/*--------------
    Types
---------------*/
/* Positive */
.ui.positive.message {
  background-color: #FCFFF5;
  color: #2C662D;
}
.ui.positive.message,
.ui.attached.positive.message {
  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.positive.message .header {
  color: #1A531B;
}
/* Negative */
.ui.negative.message {
  background-color: #FFF6F6;
  color: #9F3A38;
}
.ui.negative.message,
.ui.attached.negative.message {
  box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.negative.message .header {
  color: #912D2B;
}
/* Info */
.ui.info.message {
  background-color: #F8FFFF;
  color: #276F86;
}
.ui.info.message,
.ui.attached.info.message {
  box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.info.message .header {
  color: #0E566C;
}
/* Warning */
.ui.warning.message {
  background-color: #FFFAF3;
  color: #573A08;
}
.ui.warning.message,
.ui.attached.warning.message {
  box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.warning.message .header {
  color: #794B02;
}
/* Error */
.ui.error.message {
  background-color: #FFF6F6;
  color: #9F3A38;
}
.ui.error.message,
.ui.attached.error.message {
  box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.error.message .header {
  color: #912D2B;
}
/* Success */
.ui.success.message {
  background-color: #FCFFF5;
  color: #2C662D;
}
.ui.success.message,
.ui.attached.success.message {
  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.success.message .header {
  color: #1A531B;
}
/* Colors */
.ui.inverted.message,
.ui.black.message {
  background-color: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
.ui.red.message {
  background-color: #FFE8E6;
  color: #DB2828;
  box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.red.message .header {
  color: #c82121;
}
.ui.orange.message {
  background-color: #FFEDDE;
  color: #F2711C;
  box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.orange.message .header {
  color: #e7640d;
}
.ui.yellow.message {
  background-color: #FFF8DB;
  color: #B58105;
  box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.yellow.message .header {
  color: #9c6f04;
}
.ui.olive.message {
  background-color: #FBFDEF;
  color: #8ABC1E;
  box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.olive.message .header {
  color: #7aa61a;
}
.ui.green.message {
  background-color: #E5F9E7;
  color: #1EBC30;
  box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.green.message .header {
  color: #1aa62a;
}
.ui.teal.message {
  background-color: #E1F7F7;
  color: #10A3A3;
  box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.teal.message .header {
  color: #0e8c8c;
}
.ui.blue.message {
  background-color: #DFF0FF;
  color: #2185D0;
  box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.blue.message .header {
  color: #1e77ba;
}
.ui.violet.message {
  background-color: #EAE7FF;
  color: #6435C9;
  box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.violet.message .header {
  color: #5a30b5;
}
.ui.purple.message {
  background-color: #F6E7FF;
  color: #A333C8;
  box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.purple.message .header {
  color: #922eb4;
}
.ui.pink.message {
  background-color: #FFE3FB;
  color: #E03997;
  box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.pink.message .header {
  color: #dd238b;
}
.ui.brown.message {
  background-color: #F1E2D3;
  color: #A5673F;
  box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.brown.message .header {
  color: #935b38;
}
/*--------------
    Sizes
---------------*/
.ui.mini.message {
  font-size: 0.78571429em;
}
.ui.tiny.message {
  font-size: 0.85714286em;
}
.ui.small.message {
  font-size: 0.92857143em;
}
.ui.message {
  font-size: 1em;
}
.ui.large.message {
  font-size: 1.14285714em;
}
.ui.big.message {
  font-size: 1.28571429em;
}
.ui.huge.message {
  font-size: 1.42857143em;
}
.ui.massive.message {
  font-size: 1.71428571em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Table
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Table
*******************************/
/* Prototype */
.ui.table {
  width: 100%;
  background: #FFFFFF;
  margin: 1em 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0.28571429rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  border-collapse: separate;
  border-spacing: 0px;
}
.ui.table:first-child {
  margin-top: 0em;
}
.ui.table:last-child {
  margin-bottom: 0em;
}
/*******************************
            Parts
*******************************/
/* Table Content */
.ui.table th,
.ui.table td {
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
}
/* Headers */
.ui.table thead {
  box-shadow: none;
}
.ui.table thead th {
  cursor: auto;
  background: #F9FAFB;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.92857143em 0.78571429em;
  vertical-align: inherit;
  font-style: none;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  border-left: none;
}
.ui.table thead tr > th:first-child {
  border-left: none;
}
.ui.table thead tr:first-child > th:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui.table thead tr:first-child > th:only-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Footer */
.ui.table tfoot {
  box-shadow: none;
}
.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: #F9FAFB;
  text-align: inherit;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429em 0.78571429em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
.ui.table tfoot tr > th:first-child {
  border-left: none;
}
.ui.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Table Row */
.ui.table tr td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.table tr:first-child td {
  border-top: none;
}
/* Table Cells */
.ui.table td {
  padding: 0.78571429em 0.78571429em;
  text-align: inherit;
}
/* Icons */
.ui.table > .icon {
  vertical-align: baseline;
}
.ui.table > .icon:only-child {
  margin: 0em;
}
/* Table Segment */
.ui.table.segment {
  padding: 0em;
}
.ui.table.segment:after {
  display: none;
}
.ui.table.segment.stacked:after {
  display: block;
}
/* Responsive */
@media only screen and (max-width: 767px) {
  .ui.table:not(.unstackable) {
    width: 100%;
  }
  .ui.table:not(.unstackable) tbody,
  .ui.table:not(.unstackable) tr,
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    width: auto !important;
    display: block !important;
  }
  .ui.table:not(.unstackable) {
    padding: 0em;
  }
  .ui.table:not(.unstackable) thead {
    display: block;
  }
  .ui.table:not(.unstackable) tfoot {
    display: block;
  }
  .ui.table:not(.unstackable) tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  }
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em !important;
    box-shadow: none !important;
  }
  .ui.table:not(.unstackable) th:first-child,
  .ui.table:not(.unstackable) td:first-child {
    font-weight: bold;
  }
  /* Definition Table */
  .ui.definition.table:not(.unstackable) thead th:first-child {
    box-shadow: none !important;
  }
}
/*******************************
           Coupling
*******************************/
/* UI Image */
.ui.table th .image,
.ui.table th .image img,
.ui.table td .image,
.ui.table td .image img {
  max-width: none;
}
/*******************************
            Types
*******************************/
/*--------------
   Complex
---------------*/
.ui.structured.table {
  border-collapse: collapse;
}
.ui.structured.table thead th {
  border-left: none;
  border-right: none;
}
.ui.structured.sortable.table thead th {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.structured.basic.table th {
  border-left: none;
  border-right: none;
}
.ui.structured.celled.table tr th,
.ui.structured.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}
/*--------------
  Definition
---------------*/
.ui.definition.table thead:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0px 1px #FFFFFF;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: rgba(0, 0, 0, 0.4);
  color: normal;
  box-shadow: 1px 1px 0px 1px #FFFFFF;
}
/* Remove Border */
.ui.celled.definition.table thead:not(.full-width) th:first-child {
  box-shadow: 0px -1px 0px 1px #FFFFFF;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  box-shadow: 0px 1px 0px 1px #FFFFFF;
}
/* Highlight Defining Column */
.ui.definition.table tr td:first-child:not(.ignored),
.ui.definition.table tr td.definition {
  background: rgba(0, 0, 0, 0.03);
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  text-transform: '';
  box-shadow: '';
  text-align: '';
  font-size: 1em;
  padding-left: '';
  padding-right: '';
}
/* Fix 2nd Column */
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
/*******************************
            States
*******************************/
/*--------------
   Positive
---------------*/
.ui.table tr.positive,
.ui.table td.positive {
  box-shadow: 0px 0px 0px #A3C293 inset;
}
.ui.table tr.positive,
.ui.table td.positive {
  background: #FCFFF5 !important;
  color: #2C662D !important;
}
/*--------------
    Negative
---------------*/
.ui.table tr.negative,
.ui.table td.negative {
  box-shadow: 0px 0px 0px #E0B4B4 inset;
}
.ui.table tr.negative,
.ui.table td.negative {
  background: #FFF6F6 !important;
  color: #9F3A38 !important;
}
/*--------------
     Error
---------------*/
.ui.table tr.error,
.ui.table td.error {
  box-shadow: 0px 0px 0px #E0B4B4 inset;
}
.ui.table tr.error,
.ui.table td.error {
  background: #FFF6F6 !important;
  color: #9F3A38 !important;
}
/*--------------
    Warning
---------------*/
.ui.table tr.warning,
.ui.table td.warning {
  box-shadow: 0px 0px 0px #C9BA9B inset;
}
.ui.table tr.warning,
.ui.table td.warning {
  background: #FFFAF3 !important;
  color: #573A08 !important;
}
/*--------------
    Active
---------------*/
.ui.table tr.active,
.ui.table td.active {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
}
.ui.table tr.active,
.ui.table td.active {
  background: #E0E0E0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
/*--------------
    Disabled
---------------*/
.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3);
}
/*******************************
         Variations
*******************************/
/*--------------
   Stackable
---------------*/
@media only screen and (max-width: 991px) {
  .ui[class*="tablet stackable"].table,
  .ui[class*="tablet stackable"].table tbody,
  .ui[class*="tablet stackable"].table tr,
  .ui[class*="tablet stackable"].table tr > th,
  .ui[class*="tablet stackable"].table tr > td {
    width: 100% !important;
    display: block !important;
  }
  .ui[class*="tablet stackable"].table {
    padding: 0em;
  }
  .ui[class*="tablet stackable"].table thead {
    display: block;
  }
  .ui[class*="tablet stackable"].table tfoot {
    display: block;
  }
  .ui[class*="tablet stackable"].table tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  }
  .ui[class*="tablet stackable"].table tr > th,
  .ui[class*="tablet stackable"].table tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em;
    box-shadow: none !important;
  }
  /* Definition Table */
  .ui.definition[class*="tablet stackable"].table thead th:first-child {
    box-shadow: none !important;
  }
}
/*--------------
Text Alignment
---------------*/
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
  text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
  text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
  text-align: right;
}
/*------------------
Vertical Alignment
------------------*/
.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
  vertical-align: top;
}
.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
  vertical-align: middle;
}
.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
  vertical-align: bottom;
}
/*--------------
   Collapsing
---------------*/
.ui.table th.collapsing,
.ui.table td.collapsing {
  width: 1px;
  white-space: nowrap;
}
/*--------------
    Fixed
---------------*/
.ui.fixed.table {
  table-layout: fixed;
}
.ui.fixed.table th,
.ui.fixed.table td {
  overflow: hidden;
  text-overflow: ellipsis;
}
/*--------------
  Selectable
---------------*/
.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.selectable.inverted.table tbody tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
/* Selectable Cell Link */
.ui.table tbody tr td.selectable {
  padding: 0em;
}
.ui.table tbody tr td.selectable > a:not(.ui) {
  display: block;
  color: inherit;
  padding: 0.78571429em 0.78571429em;
}
/* Other States */
.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
  background: #ffe7e7 !important;
  color: #943634 !important;
}
.ui.selectable.table tr.warning:hover,
.ui.table tr td.selectable.warning:hover,
.ui.selectable.table tr:hover td.warning {
  background: #fff4e4 !important;
  color: #493107 !important;
}
.ui.selectable.table tr.active:hover,
.ui.table tr td.selectable.active:hover,
.ui.selectable.table tr:hover td.active {
  background: #E0E0E0 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}
.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
  background: #f7ffe6 !important;
  color: #275b28 !important;
}
.ui.selectable.table tr.negative:hover,
.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
  background: #ffe7e7 !important;
  color: #943634 !important;
}
/*-------------------
     Attached
--------------------*/
/* Middle */
.ui.attached.table {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% + 2px);
  max-width: calc(100% + 2px);
  box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached + .ui.attached.table:not(.top) {
  border-top: none;
}
/* Top */
.ui[class*="top attached"].table {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
  margin-top: 0em;
}
/* Bottom */
.ui[class*="bottom attached"].table {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1em;
  box-shadow: none, none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].table:last-child {
  margin-bottom: 0em;
}
/*--------------
    Striped
---------------*/
/* Table Striping */
.ui.striped.table > tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}
/* Stripes */
.ui.inverted.striped.table > tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}
/* Allow striped active hover */
.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  background: #EFEFEF !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
/*--------------
  Single Line
---------------*/
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}
/*-------------------
      Colors
--------------------*/
/* Red */
.ui.red.table {
  border-top: 0.2em solid #DB2828;
}
.ui.inverted.red.table {
  background-color: #DB2828 !important;
  color: #FFFFFF !important;
}
/* Orange */
.ui.orange.table {
  border-top: 0.2em solid #F2711C;
}
.ui.inverted.orange.table {
  background-color: #F2711C !important;
  color: #FFFFFF !important;
}
/* Yellow */
.ui.yellow.table {
  border-top: 0.2em solid #FBBD08;
}
.ui.inverted.yellow.table {
  background-color: #FBBD08 !important;
  color: #FFFFFF !important;
}
/* Olive */
.ui.olive.table {
  border-top: 0.2em solid #B5CC18;
}
.ui.inverted.olive.table {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Green */
.ui.green.table {
  border-top: 0.2em solid #21BA45;
}
.ui.inverted.green.table {
  background-color: #21BA45 !important;
  color: #FFFFFF !important;
}
/* Teal */
.ui.teal.table {
  border-top: 0.2em solid #00B5AD;
}
.ui.inverted.teal.table {
  background-color: #00B5AD !important;
  color: #FFFFFF !important;
}
/* Blue */
.ui.blue.table {
  border-top: 0.2em solid #2185D0;
}
.ui.inverted.blue.table {
  background-color: #2185D0 !important;
  color: #FFFFFF !important;
}
/* Violet */
.ui.violet.table {
  border-top: 0.2em solid #6435C9;
}
.ui.inverted.violet.table {
  background-color: #6435C9 !important;
  color: #FFFFFF !important;
}
/* Purple */
.ui.purple.table {
  border-top: 0.2em solid #A333C8;
}
.ui.inverted.purple.table {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Pink */
.ui.pink.table {
  border-top: 0.2em solid #E03997;
}
.ui.inverted.pink.table {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Brown */
.ui.brown.table {
  border-top: 0.2em solid #A5673F;
}
.ui.inverted.brown.table {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Grey */
.ui.grey.table {
  border-top: 0.2em solid #767676;
}
.ui.inverted.grey.table {
  background-color: #767676 !important;
  color: #FFFFFF !important;
}
/* Black */
.ui.black.table {
  border-top: 0.2em solid #1B1C1D;
}
.ui.inverted.black.table {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/*--------------
 Column Count
---------------*/
/* Grid Based */
.ui.one.column.table td {
  width: 100%;
}
.ui.two.column.table td {
  width: 50%;
}
.ui.three.column.table td {
  width: 33.33333333%;
}
.ui.four.column.table td {
  width: 25%;
}
.ui.five.column.table td {
  width: 20%;
}
.ui.six.column.table td {
  width: 16.66666667%;
}
.ui.seven.column.table td {
  width: 14.28571429%;
}
.ui.eight.column.table td {
  width: 12.5%;
}
.ui.nine.column.table td {
  width: 11.11111111%;
}
.ui.ten.column.table td {
  width: 10%;
}
.ui.eleven.column.table td {
  width: 9.09090909%;
}
.ui.twelve.column.table td {
  width: 8.33333333%;
}
.ui.thirteen.column.table td {
  width: 7.69230769%;
}
.ui.fourteen.column.table td {
  width: 7.14285714%;
}
.ui.fifteen.column.table td {
  width: 6.66666667%;
}
.ui.sixteen.column.table td {
  width: 6.25%;
}
/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
  width: 6.25%;
}
.ui.table th.two.wide,
.ui.table td.two.wide {
  width: 12.5%;
}
.ui.table th.three.wide,
.ui.table td.three.wide {
  width: 18.75%;
}
.ui.table th.four.wide,
.ui.table td.four.wide {
  width: 25%;
}
.ui.table th.five.wide,
.ui.table td.five.wide {
  width: 31.25%;
}
.ui.table th.six.wide,
.ui.table td.six.wide {
  width: 37.5%;
}
.ui.table th.seven.wide,
.ui.table td.seven.wide {
  width: 43.75%;
}
.ui.table th.eight.wide,
.ui.table td.eight.wide {
  width: 50%;
}
.ui.table th.nine.wide,
.ui.table td.nine.wide {
  width: 56.25%;
}
.ui.table th.ten.wide,
.ui.table td.ten.wide {
  width: 62.5%;
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
  width: 68.75%;
}
.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
  width: 75%;
}
.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
  width: 81.25%;
}
.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
  width: 87.5%;
}
.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
  width: 93.75%;
}
.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
  width: 100%;
}
/*--------------
   Sortable
---------------*/
.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
}
.ui.sortable.table thead th:first-child {
  border-left: none;
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui.sortable.table thead th:after {
  display: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '';
  height: 1em;
  width: auto;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: 'Icons';
}
.ui.sortable.table thead th.ascending:after {
  content: '\f0d8';
}
.ui.sortable.table thead th.descending:after {
  content: '\f0d7';
}
/* Hover */
.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.3);
}
.ui.sortable.table thead th:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
}
/* Sorted */
.ui.sortable.table thead th.sorted {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
.ui.sortable.table thead th.sorted:after {
  display: inline-block;
}
/* Sorted Hover */
.ui.sortable.table thead th.sorted:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.inverted.sortable.table thead th.sorted {
  background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th:hover {
  background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th {
  border-left-color: transparent;
  border-right-color: transparent;
}
/*--------------
   Inverted
---------------*/
/* Text Color */
.ui.inverted.table {
  background: #333333;
  color: rgba(255, 255, 255, 0.9);
  border: none;
}
.ui.inverted.table th {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.table tr td {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.3);
}
/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
  background: #FFFFFF;
}
.ui.inverted.definition.table tr td:first-child {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}
/*--------------
  Collapsing
---------------*/
.ui.collapsing.table {
  width: auto;
}
/*--------------
     Basic
---------------*/
.ui.basic.table {
  background: transparent;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}
.ui.basic.table thead,
.ui.basic.table tfoot {
  box-shadow: none;
}
.ui.basic.table th {
  background: transparent;
  border-left: none;
}
.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.basic.table td {
  background: transparent;
}
.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
/* Very Basic */
.ui[class*="very basic"].table {
  border: none;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  padding: '';
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
  padding-left: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
  padding-right: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
  padding-top: 0em;
}
/*--------------
    Celled
---------------*/
.ui.celled.table tr th,
.ui.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.celled.table tr th:first-child,
.ui.celled.table tr td:first-child {
  border-left: none;
}
/*--------------
    Padded
---------------*/
.ui.padded.table th {
  padding-left: 1em;
  padding-right: 1em;
}
.ui.padded.table th,
.ui.padded.table td {
  padding: 1em 1em;
}
/* Very */
.ui[class*="very padded"].table th {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.ui[class*="very padded"].table td {
  padding: 1.5em 1.5em;
}
/*--------------
    Compact
---------------*/
.ui.compact.table th {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.ui.compact.table td {
  padding: 0.5em 0.7em;
}
/* Very */
.ui[class*="very compact"].table th {
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.ui[class*="very compact"].table td {
  padding: 0.4em 0.6em;
}
/*--------------
     Sizes
---------------*/
/* Small */
.ui.small.table {
  font-size: 0.9em;
}
/* Standard */
.ui.table {
  font-size: 1em;
}
/* Large */
.ui.large.table {
  font-size: 1.1em;
}
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Ad
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2013 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
        Advertisement
*******************************/
.ui.ad {
  display: block;
  overflow: hidden;
  margin: 1em 0em;
}
.ui.ad:first-child {
  margin: 0em;
}
.ui.ad:last-child {
  margin: 0em;
}
.ui.ad iframe {
  margin: 0em;
  padding: 0em;
  border: none;
  overflow: hidden;
}
/*--------------
    Common
---------------*/
/* Leaderboard */
.ui.leaderboard.ad {
  width: 728px;
  height: 90px;
}
/* Medium Rectangle */
.ui[class*="medium rectangle"].ad {
  width: 300px;
  height: 250px;
}
/* Large Rectangle */
.ui[class*="large rectangle"].ad {
  width: 336px;
  height: 280px;
}
/* Half Page */
.ui[class*="half page"].ad {
  width: 300px;
  height: 600px;
}
/*--------------
    Square
---------------*/
/* Square */
.ui.square.ad {
  width: 250px;
  height: 250px;
}
/* Small Square */
.ui[class*="small square"].ad {
  width: 200px;
  height: 200px;
}
/*--------------
   Rectangle
---------------*/
/* Small Rectangle */
.ui[class*="small rectangle"].ad {
  width: 180px;
  height: 150px;
}
/* Vertical Rectangle */
.ui[class*="vertical rectangle"].ad {
  width: 240px;
  height: 400px;
}
/*--------------
    Button
---------------*/
.ui.button.ad {
  width: 120px;
  height: 90px;
}
.ui[class*="square button"].ad {
  width: 125px;
  height: 125px;
}
.ui[class*="small button"].ad {
  width: 120px;
  height: 60px;
}
/*--------------
  Skyscrapers
---------------*/
/* Skyscraper */
.ui.skyscraper.ad {
  width: 120px;
  height: 600px;
}
/* Wide Skyscraper */
.ui[class*="wide skyscraper"].ad {
  width: 160px;
}
/*--------------
    Banners
---------------*/
/* Banner */
.ui.banner.ad {
  width: 468px;
  height: 60px;
}
/* Vertical Banner */
.ui[class*="vertical banner"].ad {
  width: 120px;
  height: 240px;
}
/* Top Banner */
.ui[class*="top banner"].ad {
  width: 930px;
  height: 180px;
}
/* Half Banner */
.ui[class*="half banner"].ad {
  width: 234px;
  height: 60px;
}
/*--------------
   Boards
---------------*/
/* Leaderboard */
.ui[class*="large leaderboard"].ad {
  width: 970px;
  height: 90px;
}
/* Billboard */
.ui.billboard.ad {
  width: 970px;
  height: 250px;
}
/*--------------
   Panorama
---------------*/
/* Panorama */
.ui.panorama.ad {
  width: 980px;
  height: 120px;
}
/*--------------
    Netboard
---------------*/
/* Netboard */
.ui.netboard.ad {
  width: 580px;
  height: 400px;
}
/*--------------
    Mobile
---------------*/
/* Large Mobile Banner */
.ui[class*="large mobile banner"].ad {
  width: 320px;
  height: 100px;
}
/* Mobile Leaderboard */
.ui[class*="mobile leaderboard"].ad {
  width: 320px;
  height: 50px;
}
/*******************************
            Types
*******************************/
/* Mobile Sizes */
.ui.mobile.ad {
  display: none;
}
@media only screen and (max-width: 767px) {
  .ui.mobile.ad {
    display: block;
  }
}
/*******************************
          Variations
*******************************/
.ui.centered.ad {
  margin-left: auto;
  margin-right: auto;
}
.ui.test.ad {
  position: relative;
  background: #545454;
}
.ui.test.ad:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  content: 'Ad';
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
}
.ui.mobile.test.ad:after {
  font-size: 0.85714286em;
}
.ui.test.ad[data-text]:after {
  content: attr(data-text);
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Item
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Standard
*******************************/
/*--------------
     Card
---------------*/
.ui.cards > .card,
.ui.card {
  max-width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 290px;
  min-height: 0px;
  background: #FFFFFF;
  padding: 0em;
  border: none;
  border-radius: 0.28571429rem;
  box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
  -webkit-transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease;
  transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
  z-index: '';
}
.ui.card {
  margin: 1em 0em;
}
.ui.cards > .card a,
.ui.card a {
  cursor: pointer;
}
.ui.card:first-child {
  margin-top: 0em;
}
.ui.card:last-child {
  margin-bottom: 0em;
}
/*--------------
     Cards
---------------*/
.ui.cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -0.875em -0.5em;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ui.cards > .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0.875em 0.5em;
  float: none;
}
/* Clearing */
.ui.cards:after,
.ui.card:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* Consecutive Card Groups Preserve Row Spacing */
.ui.cards ~ .ui.cards {
  margin-top: 0.875em;
}
/*--------------
 Rounded Edges
---------------*/
.ui.cards > .card > :first-child,
.ui.card > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
  border-top: none !important;
}
.ui.cards > .card > :last-child,
.ui.card > :last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
.ui.cards > .card > :only-child,
.ui.card > :only-child {
  border-radius: 0.28571429rem !important;
}
/*--------------
    Images
---------------*/
.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0em;
  background: rgba(0, 0, 0, 0.05);
}
.ui.cards > .card > .image > img,
.ui.card > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}
.ui.cards > .card > .image:not(.ui) > img,
.ui.card > .image:not(.ui) > img {
  border: none;
}
/*--------------
    Content
---------------*/
.ui.cards > .card > .content,
.ui.card > .content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  background: none;
  margin: 0em;
  padding: 1em 1em;
  box-shadow: none;
  font-size: 1em;
  border-radius: 0em;
}
.ui.cards > .card > .content:after,
.ui.card > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.cards > .card > .content > .header,
.ui.card > .content > .header {
  display: block;
  margin: '';
  color: rgba(0, 0, 0, 0.85);
}
/* Default Header Size */
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
  font-weight: bold;
  font-size: 1.28571429em;
  margin-top: -0.21425em;
  line-height: 1.2857em;
}
.ui.cards > .card > .content > .meta + .description,
.ui.cards > .card > .content > .header + .description,
.ui.card > .content > .meta + .description,
.ui.card > .content > .header + .description {
  margin-top: 0.5em;
}
/*----------------
Floated Content
-----------------*/
.ui.cards > .card [class*="left floated"],
.ui.card [class*="left floated"] {
  float: left;
}
.ui.cards > .card [class*="right floated"],
.ui.card [class*="right floated"] {
  float: right;
}
/*--------------
    Aligned
---------------*/
.ui.cards > .card [class*="left aligned"],
.ui.card [class*="left aligned"] {
  text-align: left;
}
.ui.cards > .card [class*="center aligned"],
.ui.card [class*="center aligned"] {
  text-align: center;
}
.ui.cards > .card [class*="right aligned"],
.ui.card [class*="right aligned"] {
  text-align: right;
}
/*--------------
 Content Image
---------------*/
.ui.cards > .card .content img,
.ui.card .content img {
  display: inline-block;
  vertical-align: middle;
  width: '';
}
.ui.cards > .card img.avatar,
.ui.cards > .card .avatar img,
.ui.card img.avatar,
.ui.card .avatar img {
  width: 2em;
  height: 2em;
  border-radius: 500rem;
}
/*--------------
  Description
---------------*/
.ui.cards > .card > .content > .description,
.ui.card > .content > .description {
  clear: both;
  color: rgba(0, 0, 0, 0.68);
}
/*--------------
   Paragraph
---------------*/
.ui.cards > .card > .content p,
.ui.card > .content p {
  margin: 0em 0em 0.5em;
}
.ui.cards > .card > .content p:last-child,
.ui.card > .content p:last-child {
  margin-bottom: 0em;
}
/*--------------
     Meta
---------------*/
.ui.cards > .card .meta,
.ui.card .meta {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card .meta *,
.ui.card .meta * {
  margin-right: 0.3em;
}
.ui.cards > .card .meta :last-child,
.ui.card .meta :last-child {
  margin-right: 0em;
}
.ui.cards > .card .meta [class*="right floated"],
.ui.card .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em;
}
/*--------------
     Links
---------------*/
/* Generic */
.ui.cards > .card > .content a:not(.ui),
.ui.card > .content a:not(.ui) {
  color: '';
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content a:not(.ui):hover,
.ui.card > .content a:not(.ui):hover {
  color: '';
}
/* Header */
.ui.cards > .card > .content > a.header,
.ui.card > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}
.ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover {
  color: #1e70bf;
}
/* Meta */
.ui.cards > .card .meta > a:not(.ui),
.ui.card .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card .meta > a:not(.ui):hover,
.ui.card .meta > a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.87);
}
/*--------------
    Buttons
---------------*/
.ui.cards > .card > .buttons,
.ui.card > .buttons,
.ui.cards > .card > .button,
.ui.card > .button {
  margin: 0px -1px;
  width: calc(100% + 2px);
}
/*--------------
     Dimmer
---------------*/
.ui.cards > .card .dimmer,
.ui.card .dimmer {
  background-color: '';
  z-index: 10;
}
/*--------------
    Labels
---------------*/
/*-----Star----- */
/* Icon */
.ui.cards > .card > .content .star.icon,
.ui.card > .content .star.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content .star.icon:hover,
.ui.card > .content .star.icon:hover {
  opacity: 1;
  color: #FFB70A;
}
.ui.cards > .card > .content .active.star.icon,
.ui.card > .content .active.star.icon {
  color: #FFE623;
}
/*-----Like----- */
/* Icon */
.ui.cards > .card > .content .like.icon,
.ui.card > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content .like.icon:hover,
.ui.card > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}
.ui.cards > .card > .content .active.like.icon,
.ui.card > .content .active.like.icon {
  color: #FF2733;
}
/*----------------
 Extra Content
-----------------*/
.ui.cards > .card > .extra,
.ui.card > .extra {
  max-width: 100%;
  min-height: 0em !important;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  position: static;
  background: none;
  width: auto;
  margin: 0em 0em;
  padding: 0.75em 1em;
  top: 0em;
  left: 0em;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.cards > .card > .extra a:not(.ui),
.ui.card > .extra a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card > .extra a:not(.ui):hover,
.ui.card > .extra a:not(.ui):hover {
  color: #1e70bf;
}
/*******************************
          Variations
*******************************/
/*-------------------
      Raised
--------------------*/
.ui.raised.cards > .card,
.ui.raised.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
.ui.raised.cards a.card:hover,
.ui.link.cards .raised.card:hover,
a.ui.raised.card:hover,
.ui.link.raised.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
}
.ui.raised.cards > .card,
.ui.raised.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
/*-------------------
      Centered
--------------------*/
.ui.centered.cards {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ui.centered.card {
  margin-left: auto;
  margin-right: auto;
}
/*-------------------
       Fluid
--------------------*/
.ui.fluid.card {
  width: 100%;
  max-width: 9999px;
}
/*-------------------
       Link
--------------------*/
.ui.cards a.card,
.ui.link.cards .card,
a.ui.card,
.ui.link.card {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
  cursor: pointer;
  z-index: 5;
  background: #FFFFFF;
  border: none;
  box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}
/*-------------------
      Colors
--------------------*/
/* Red */
.ui.red.cards > .card,
.ui.cards > .red.card,
.ui.red.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
}
.ui.red.cards > .card:hover,
.ui.cards > .red.card:hover,
.ui.red.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
}
/* Orange */
.ui.orange.cards > .card,
.ui.cards > .orange.card,
.ui.orange.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
}
.ui.orange.cards > .card:hover,
.ui.cards > .orange.card:hover,
.ui.orange.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
}
/* Yellow */
.ui.yellow.cards > .card,
.ui.cards > .yellow.card,
.ui.yellow.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
}
.ui.yellow.cards > .card:hover,
.ui.cards > .yellow.card:hover,
.ui.yellow.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
}
/* Olive */
.ui.olive.cards > .card,
.ui.cards > .olive.card,
.ui.olive.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
}
.ui.olive.cards > .card:hover,
.ui.cards > .olive.card:hover,
.ui.olive.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
}
/* Green */
.ui.green.cards > .card,
.ui.cards > .green.card,
.ui.green.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
}
.ui.green.cards > .card:hover,
.ui.cards > .green.card:hover,
.ui.green.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
}
/* Teal */
.ui.teal.cards > .card,
.ui.cards > .teal.card,
.ui.teal.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
}
.ui.teal.cards > .card:hover,
.ui.cards > .teal.card:hover,
.ui.teal.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
}
/* Blue */
.ui.blue.cards > .card,
.ui.cards > .blue.card,
.ui.blue.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
}
.ui.blue.cards > .card:hover,
.ui.cards > .blue.card:hover,
.ui.blue.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
}
/* Violet */
.ui.violet.cards > .card,
.ui.cards > .violet.card,
.ui.violet.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
}
.ui.violet.cards > .card:hover,
.ui.cards > .violet.card:hover,
.ui.violet.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
}
/* Purple */
.ui.purple.cards > .card,
.ui.cards > .purple.card,
.ui.purple.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
}
.ui.purple.cards > .card:hover,
.ui.cards > .purple.card:hover,
.ui.purple.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
}
/* Pink */
.ui.pink.cards > .card,
.ui.cards > .pink.card,
.ui.pink.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
}
.ui.pink.cards > .card:hover,
.ui.cards > .pink.card:hover,
.ui.pink.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
}
/* Brown */
.ui.brown.cards > .card,
.ui.cards > .brown.card,
.ui.brown.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
}
.ui.brown.cards > .card:hover,
.ui.cards > .brown.card:hover,
.ui.brown.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
}
/* Grey */
.ui.grey.cards > .card,
.ui.cards > .grey.card,
.ui.grey.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
}
.ui.grey.cards > .card:hover,
.ui.cards > .grey.card:hover,
.ui.grey.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
}
/* Black */
.ui.black.cards > .card,
.ui.cards > .black.card,
.ui.black.card {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
}
.ui.black.cards > .card:hover,
.ui.cards > .black.card:hover,
.ui.black.card:hover {
  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
}
/*--------------
  Card Count
---------------*/
.ui.one.cards {
  margin-left: 0em;
  margin-right: 0em;
}
.ui.one.cards > .card {
  width: 100%;
}
.ui.two.cards {
  margin-left: -1em;
  margin-right: -1em;
}
.ui.two.cards > .card {
  width: calc(50% - 2em);
  margin-left: 1em;
  margin-right: 1em;
}
.ui.three.cards {
  margin-left: -1em;
  margin-right: -1em;
}
.ui.three.cards > .card {
  width: calc(33.33333333% - 2em);
  margin-left: 1em;
  margin-right: 1em;
}
.ui.four.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.four.cards > .card {
  width: calc(25% - 1.5em);
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.five.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.five.cards > .card {
  width: calc(20% - 1.5em);
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.six.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.six.cards > .card {
  width: calc(16.66666667% - 1.5em);
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.seven.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.seven.cards > .card {
  width: calc(14.28571429% - 1em);
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui.eight.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.eight.cards > .card {
  width: calc(12.5% - 1em);
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 11px;
}
.ui.nine.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.nine.cards > .card {
  width: calc(11.11111111% - 1em);
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 10px;
}
.ui.ten.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.ten.cards > .card {
  width: calc(10% - 1em);
  margin-left: 0.5em;
  margin-right: 0.5em;
}
/*-------------------
     Doubling
--------------------*/
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.two.doubling.cards {
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.two.doubling.cards .card {
    width: 100%;
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.three.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.three.doubling.cards .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.four.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.four.doubling.cards .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.five.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.five.doubling.cards .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.six.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.six.doubling.cards .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.seven.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.seven.doubling.cards .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.eight.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.eight.doubling.cards .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.nine.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.nine.doubling.cards .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.ten.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.ten.doubling.cards .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.two.doubling.cards {
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.two.doubling.cards .card {
    width: 100%;
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.three.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.three.doubling.cards .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.four.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.four.doubling.cards .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.five.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.five.doubling.cards .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.six.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.six.doubling.cards .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.eight.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.eight.doubling.cards .card {
    width: calc(33.33333333% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.eight.doubling.cards {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  .ui.eight.doubling.cards .card {
    width: calc(25% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .ui.nine.doubling.cards {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  .ui.nine.doubling.cards .card {
    width: calc(25% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .ui.ten.doubling.cards {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  .ui.ten.doubling.cards .card {
    width: calc(20% - 1.5em);
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
}
/*-------------------
     Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.cards {
    display: block !important;
  }
  .ui.stackable.cards .card:first-child {
    margin-top: 0em !important;
  }
  .ui.stackable.cards > .card {
    display: block !important;
    height: auto !important;
    margin: 1em 1em;
    padding: 0 !important;
    width: calc(100% - 2em) !important;
  }
}
/*--------------
     Size
---------------*/
.ui.cards > .card {
  font-size: 1em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Comment
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Standard
*******************************/
/*--------------
   Comments
---------------*/
.ui.comments {
  margin: 1.5em 0em;
  max-width: 650px;
}
.ui.comments:first-child {
  margin-top: 0em;
}
.ui.comments:last-child {
  margin-bottom: 0em;
}
/*--------------
    Comment
---------------*/
.ui.comments .comment {
  position: relative;
  background: none;
  margin: 0.5em 0em 0em;
  padding: 0.5em 0em 0em;
  border: none;
  border-top: none;
  line-height: 1.2;
}
.ui.comments .comment:first-child {
  margin-top: 0em;
  padding-top: 0em;
}
/*--------------------
   Nested Comments
---------------------*/
.ui.comments .comment .comments {
  margin: 0em 0em 0.5em 0.5em;
  padding: 1em 0em 1em 1em;
}
.ui.comments .comment .comments:before {
  position: absolute;
  top: 0px;
  left: 0px;
}
.ui.comments .comment .comments .comment {
  border: none;
  border-top: none;
  background: none;
}
/*--------------
    Avatar
---------------*/
.ui.comments .comment .avatar {
  display: block;
  width: 2.5em;
  height: auto;
  float: left;
  margin: 0.2em 0em 0em;
}
.ui.comments .comment img.avatar,
.ui.comments .comment .avatar img {
  display: block;
  margin: 0em auto;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
/*--------------
    Content
---------------*/
.ui.comments .comment > .content {
  display: block;
}
/* If there is an avatar move content over */
.ui.comments .comment > .avatar ~ .content {
  margin-left: 3.5em;
}
/*--------------
    Author
---------------*/
.ui.comments .comment .author {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
}
.ui.comments .comment a.author {
  cursor: pointer;
}
.ui.comments .comment a.author:hover {
  color: #1e70bf;
}
/*--------------
    Metadata
---------------*/
.ui.comments .comment .metadata {
  display: inline-block;
  margin-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875em;
}
.ui.comments .comment .metadata > * {
  display: inline-block;
  margin: 0em 0.5em 0em 0em;
}
.ui.comments .comment .metadata > :last-child {
  margin-right: 0em;
}
/*--------------------
    Comment Text
---------------------*/
.ui.comments .comment .text {
  margin: 0.25em 0em 0.5em;
  font-size: 1em;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.3;
}
/*--------------------
    User Actions
---------------------*/
.ui.comments .comment .actions {
  font-size: 0.875em;
}
.ui.comments .comment .actions a {
  cursor: pointer;
  display: inline-block;
  margin: 0em 0.75em 0em 0em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.comments .comment .actions a:last-child {
  margin-right: 0em;
}
.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
  color: rgba(0, 0, 0, 0.8);
}
/*--------------------
     Reply Form
---------------------*/
.ui.comments > .reply.form {
  margin-top: 1em;
}
.ui.comments .comment .reply.form {
  width: 100%;
  margin-top: 1em;
}
.ui.comments .reply.form textarea {
  font-size: 1em;
  height: 12em;
}
/*******************************
           State
*******************************/
.ui.collapsed.comments,
.ui.comments .collapsed.comments,
.ui.comments .collapsed.comment {
  display: none;
}
/*******************************
          Variations
*******************************/
/*--------------------
       Threaded
---------------------*/
.ui.threaded.comments .comment .comments {
  margin: -1.5em 0 -1em 1.25em;
  padding: 3em 0em 2em 2.25em;
  box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/*--------------------
       Minimal
---------------------*/
.ui.minimal.comments .comment .actions {
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.ui.minimal.comments .comment > .content:hover > .actions {
  opacity: 1;
}
/*--------------------
      Sizes
---------------------*/
.ui.small.comments {
  font-size: 0.9em;
}
.ui.comments {
  font-size: 1em;
}
.ui.large.comments {
  font-size: 1.1em;
}
.ui.huge.comments {
  font-size: 1.2em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Feed
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
        Activity Feed
*******************************/
.ui.feed {
  margin: 1em 0em;
}
.ui.feed:first-child {
  margin-top: 0em;
}
.ui.feed:last-child {
  margin-bottom: 0em;
}
/*******************************
           Content
*******************************/
/* Event */
.ui.feed > .event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 0.21428571rem 0em;
  margin: 0em;
  background: none;
  border-top: none;
}
.ui.feed > .event:first-child {
  border-top: 0px;
  padding-top: 0em;
}
.ui.feed > .event:last-child {
  padding-bottom: 0em;
}
/* Event Label */
.ui.feed > .event > .label {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 2.5em;
  height: auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: left;
}
.ui.feed > .event > .label .icon {
  opacity: 1;
  font-size: 1.5em;
  width: 100%;
  padding: 0.25em;
  background: none;
  border: none;
  border-radius: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.feed > .event > .label img {
  width: 100%;
  height: auto;
  border-radius: 500rem;
}
.ui.feed > .event > .label + .content {
  margin: 0.5em 0em 0.35714286em 1.14285714em;
}
/*--------------
    Content
---------------*/
/* Content */
.ui.feed > .event > .content {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: left;
  word-wrap: break-word;
}
.ui.feed > .event:last-child > .content {
  padding-bottom: 0em;
}
/* Link */
.ui.feed > .event > .content a {
  cursor: pointer;
}
/*--------------
     Date
---------------*/
.ui.feed > .event > .content .date {
  margin: -0.5rem 0em 0em;
  padding: 0em;
  font-weight: normal;
  font-size: 1em;
  font-style: normal;
  color: rgba(0, 0, 0, 0.4);
}
/*--------------
    Summary
---------------*/
.ui.feed > .event > .content .summary {
  margin: 0em;
  font-size: 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}
/* Summary Image */
.ui.feed > .event > .content .summary img {
  display: inline-block;
  width: auto;
  height: 10em;
  margin: -0.25em 0.25em 0em 0em;
  border-radius: 0.25em;
  vertical-align: middle;
}
/*--------------
     User
---------------*/
.ui.feed > .event > .content .user {
  display: inline-block;
  font-weight: bold;
  margin-right: 0em;
  vertical-align: baseline;
}
.ui.feed > .event > .content .user img {
  margin: -0.25em 0.25em 0em 0em;
  width: auto;
  height: 10em;
  vertical-align: middle;
}
/*--------------
  Inline Date
---------------*/
/* Date inside Summary */
.ui.feed > .event > .content .summary > .date {
  display: inline-block;
  float: none;
  font-weight: normal;
  font-size: 0.85714286em;
  font-style: normal;
  margin: 0em 0em 0em 0.5em;
  padding: 0em;
  color: rgba(0, 0, 0, 0.4);
}
/*--------------
 Extra Summary
---------------*/
.ui.feed > .event > .content .extra {
  margin: 0.5em 0em 0em;
  background: none;
  padding: 0em;
  color: rgba(0, 0, 0, 0.87);
}
/* Images */
.ui.feed > .event > .content .extra.images img {
  display: inline-block;
  margin: 0em 0.25em 0em 0em;
  width: 6em;
}
/* Text */
.ui.feed > .event > .content .extra.text {
  padding: 0em;
  border-left: none;
  font-size: 1em;
  max-width: 500px;
  line-height: 1.4285em;
}
/*--------------
     Meta
---------------*/
.ui.feed > .event > .content .meta {
  display: inline-block;
  font-size: 0.85714286em;
  margin: 0.5em 0em 0em;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0em;
  color: rgba(0, 0, 0, 0.6);
}
.ui.feed > .event > .content .meta > * {
  position: relative;
  margin-left: 0.75em;
}
.ui.feed > .event > .content .meta > *:after {
  content: '';
  color: rgba(0, 0, 0, 0.2);
  top: 0em;
  left: -1em;
  opacity: 1;
  position: absolute;
  vertical-align: top;
}
.ui.feed > .event > .content .meta .like {
  color: '';
  -webkit-transition: 0.2s color ease;
  transition: 0.2s color ease;
}
.ui.feed > .event > .content .meta .like:hover .icon {
  color: #FF2733;
}
.ui.feed > .event > .content .meta .active.like .icon {
  color: #EF404A;
}
/* First element */
.ui.feed > .event > .content .meta > :first-child {
  margin-left: 0em;
}
.ui.feed > .event > .content .meta > :first-child::after {
  display: none;
}
/* Action */
.ui.feed > .event > .content .meta a,
.ui.feed > .event > .content .meta > .icon {
  cursor: pointer;
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.feed > .event > .content .meta a:hover,
.ui.feed > .event > .content .meta a:hover .icon,
.ui.feed > .event > .content .meta > .icon:hover {
  color: rgba(0, 0, 0, 0.95);
}
/*******************************
           Variations
*******************************/
.ui.small.feed {
  font-size: 0.92857143rem;
}
.ui.feed {
  font-size: 1rem;
}
.ui.large.feed {
  font-size: 1.14285714rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Item
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Standard
*******************************/
/*--------------
     Item
---------------*/
.ui.items > .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1em 0em;
  width: 100%;
  min-height: 0px;
  background: transparent;
  padding: 0em;
  border: none;
  border-radius: 0rem;
  box-shadow: none;
  -webkit-transition: box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease;
  z-index: '';
}
.ui.items > .item a {
  cursor: pointer;
}
/*--------------
     Items
---------------*/
.ui.items {
  margin: 1.5em 0em;
}
.ui.items:first-child {
  margin-top: 0em !important;
}
.ui.items:last-child {
  margin-bottom: 0em !important;
}
/*--------------
     Item
---------------*/
.ui.items > .item:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item:first-child {
  margin-top: 0em;
}
.ui.items > .item:last-child {
  margin-bottom: 0em;
}
/*--------------
    Images
---------------*/
.ui.items > .item > .image {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  float: none;
  margin: 0em;
  padding: 0em;
  max-height: '';
  -webkit-align-self: top;
  -ms-flex-item-align: top;
  align-self: top;
}
.ui.items > .item > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.125rem;
  border: none;
}
.ui.items > .item > .image:only-child > img {
  border-radius: 0rem;
}
/*--------------
    Content
---------------*/
.ui.items > .item > .content {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background: none;
  margin: 0em;
  padding: 0em;
  box-shadow: none;
  font-size: 1em;
  border: none;
  border-radius: 0em;
}
.ui.items > .item > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item > .image + .content {
  min-width: 0;
  width: auto;
  display: block;
  margin-left: 0em;
  -webkit-align-self: top;
  -ms-flex-item-align: top;
  align-self: top;
  padding-left: 1.5em;
}
.ui.items > .item > .content > .header {
  display: inline-block;
  margin: -0.21425em 0em 0em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
/* Default Header Size */
.ui.items > .item > .content > .header:not(.ui) {
  font-size: 1.28571429em;
}
/*--------------
    Floated
---------------*/
.ui.items > .item [class*="left floated"] {
  float: left;
}
.ui.items > .item [class*="right floated"] {
  float: right;
}
/*--------------
 Content Image
---------------*/
.ui.items > .item .content img {
  -webkit-align-self: middle;
  -ms-flex-item-align: middle;
  align-self: middle;
  width: '';
}
.ui.items > .item img.avatar,
.ui.items > .item .avatar img {
  width: '';
  height: '';
  border-radius: 500rem;
}
/*--------------
  Description
---------------*/
.ui.items > .item > .content > .description {
  margin-top: 0.6em;
  max-width: auto;
  font-size: 1em;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
}
/*--------------
   Paragraph
---------------*/
.ui.items > .item > .content p {
  margin: 0em 0em 0.5em;
}
.ui.items > .item > .content p:last-child {
  margin-bottom: 0em;
}
/*--------------
     Meta
---------------*/
.ui.items > .item .meta {
  margin: 0.5em 0em 0.5em;
  font-size: 1em;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.6);
}
.ui.items > .item .meta * {
  margin-right: 0.3em;
}
.ui.items > .item .meta :last-child {
  margin-right: 0em;
}
.ui.items > .item .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em;
}
/*--------------
     Links
---------------*/
/* Generic */
.ui.items > .item > .content a:not(.ui) {
  color: '';
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.items > .item > .content a:not(.ui):hover {
  color: '';
}
/* Header */
.ui.items > .item > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}
.ui.items > .item > .content > a.header:hover {
  color: #1e70bf;
}
/* Meta */
.ui.items > .item .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.items > .item .meta > a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.87);
}
/*--------------
    Labels
---------------*/
/*-----Star----- */
/* Icon */
.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.items > .item > .content .favorite.icon:hover {
  opacity: 1;
  color: #FFB70A;
}
.ui.items > .item > .content .active.favorite.icon {
  color: #FFE623;
}
/*-----Like----- */
/* Icon */
.ui.items > .item > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ui.items > .item > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}
.ui.items > .item > .content .active.like.icon {
  color: #FF2733;
}
/*----------------
 Extra Content
-----------------*/
.ui.items > .item .extra {
  display: block;
  position: relative;
  background: none;
  margin: 0.5rem 0em 0em;
  width: 100%;
  padding: 0em 0em 0em;
  top: 0em;
  left: 0em;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
  border-top: none;
}
.ui.items > .item .extra > * {
  margin: 0.25rem 0.5rem 0.25rem 0em;
}
.ui.items > .item .extra > [class*="right floated"] {
  margin: 0.25rem 0em 0.25rem 0.5rem;
}
.ui.items > .item .extra:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/*******************************
         Responsive
*******************************/
/* Default Image Width */
.ui.items > .item > .image:not(.ui) {
  width: 175px;
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.items > .item {
    margin: 1em 0em;
  }
  .ui.items > .item > .image:not(.ui) {
    width: 150px;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: 0em 0em 0em 1em;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.items > .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2em 0em;
  }
  .ui.items > .item > .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.items > .item > .image,
  .ui.items > .item > .image > img {
    max-width: 100% !important;
    width: auto !important;
    max-height: 250px !important;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: 1.5em 0em 0em;
  }
}
/*******************************
          Variations
*******************************/
/*-------------------
      Aligned
--------------------*/
.ui.items > .item > .image + [class*="top aligned"].content {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.ui.items > .item > .image + [class*="middle aligned"].content {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.ui.items > .item > .image + [class*="bottom aligned"].content {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
/*--------------
    Relaxed
---------------*/
.ui.relaxed.items > .item {
  margin: 1.5em 0em;
}
.ui[class*="very relaxed"].items > .item {
  margin: 2em 0em;
}
/*-------------------
     Divided
--------------------*/
.ui.divided.items > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0em;
  padding: 1em 0em;
}
.ui.divided.items > .item:first-child {
  border-top: none;
  margin-top: 0em !important;
  padding-top: 0em !important;
}
.ui.divided.items > .item:last-child {
  margin-bottom: 0em !important;
  padding-bottom: 0em !important;
}
/* Relaxed Divided */
.ui.relaxed.divided.items > .item {
  margin: 0em;
  padding: 1.5em 0em;
}
.ui[class*="very relaxed"].divided.items > .item {
  margin: 0em;
  padding: 2em 0em;
}
/*-------------------
       Link
--------------------*/
.ui.items a.item:hover,
.ui.link.items > .item:hover {
  cursor: pointer;
}
.ui.items a.item:hover .content .header,
.ui.link.items > .item:hover .content .header {
  color: #1e70bf;
}
/*--------------
     Size
---------------*/
.ui.items > .item {
  font-size: 1em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Statistic
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
          Statistic
*******************************/
/* Standalone */
.ui.statistic {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1em 0em;
  max-width: auto;
}
.ui.statistic + .ui.statistic {
  margin: 0em 0em 0em 1.5em;
}
.ui.statistic:first-child {
  margin-top: 0em;
}
.ui.statistic:last-child {
  margin-bottom: 0em;
}
/*******************************
           Group
*******************************/
/* Grouped */
.ui.statistics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ui.statistics > .statistic {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0em 1.5em 2em;
  max-width: auto;
}
.ui.statistics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1em -1.5em -2em;
}
/* Clearing */
.ui.statistics:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.statistics:first-child {
  margin-top: 0em;
}
.ui.statistics:last-child {
  margin-bottom: 0em;
}
/*******************************
           Content
*******************************/
/*--------------
     Value
---------------*/
.ui.statistics .statistic > .value,
.ui.statistic > .value {
  font-size: 4rem;
  font-weight: normal;
  line-height: 1em;
  color: #1B1C1D;
  text-transform: uppercase;
  text-align: center;
}
/*--------------
    Label
---------------*/
.ui.statistics .statistic > .label,
.ui.statistic > .label {
  font-size: 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
  text-align: center;
}
/* Top Label */
.ui.statistics .statistic > .label ~ .value,
.ui.statistic > .label ~ .value {
  margin-top: 0rem;
}
/* Bottom Label */
.ui.statistics .statistic > .value ~ .label,
.ui.statistic > .value ~ .label {
  margin-top: 0rem;
}
/*******************************
            Types
*******************************/
/*--------------
  Icon Value
---------------*/
.ui.statistics .statistic > .value .icon,
.ui.statistic > .value .icon {
  opacity: 1;
  width: auto;
  margin: 0em;
}
/*--------------
  Text Value
---------------*/
.ui.statistics .statistic > .text.value,
.ui.statistic > .text.value {
  line-height: 1em;
  min-height: 2em;
  font-weight: bold;
  text-align: center;
}
.ui.statistics .statistic > .text.value + .label,
.ui.statistic > .text.value + .label {
  text-align: center;
}
/*--------------
  Image Value
---------------*/
.ui.statistics .statistic > .value img,
.ui.statistic > .value img {
  max-height: 3rem;
  vertical-align: baseline;
}
/*******************************
           Variations
*******************************/
/*--------------
     Count
---------------*/
.ui.ten.statistics {
  margin: 0em 0em -2em;
}
.ui.ten.statistics .statistic {
  min-width: 10%;
  margin: 0em 0em 2em;
}
.ui.nine.statistics {
  margin: 0em 0em -2em;
}
.ui.nine.statistics .statistic {
  min-width: 11.11111111%;
  margin: 0em 0em 2em;
}
.ui.eight.statistics {
  margin: 0em 0em -2em;
}
.ui.eight.statistics .statistic {
  min-width: 12.5%;
  margin: 0em 0em 2em;
}
.ui.seven.statistics {
  margin: 0em 0em -2em;
}
.ui.seven.statistics .statistic {
  min-width: 14.28571429%;
  margin: 0em 0em 2em;
}
.ui.six.statistics {
  margin: 0em 0em -2em;
}
.ui.six.statistics .statistic {
  min-width: 16.66666667%;
  margin: 0em 0em 2em;
}
.ui.five.statistics {
  margin: 0em 0em -2em;
}
.ui.five.statistics .statistic {
  min-width: 20%;
  margin: 0em 0em 2em;
}
.ui.four.statistics {
  margin: 0em 0em -2em;
}
.ui.four.statistics .statistic {
  min-width: 25%;
  margin: 0em 0em 2em;
}
.ui.three.statistics {
  margin: 0em 0em -2em;
}
.ui.three.statistics .statistic {
  min-width: 33.33333333%;
  margin: 0em 0em 2em;
}
.ui.two.statistics {
  margin: 0em 0em -2em;
}
.ui.two.statistics .statistic {
  min-width: 50%;
  margin: 0em 0em 2em;
}
.ui.one.statistics {
  margin: 0em 0em -2em;
}
.ui.one.statistics .statistic {
  min-width: 100%;
  margin: 0em 0em 2em;
}
/*--------------
  Horizontal
---------------*/
.ui.horizontal.statistic {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui.horizontal.statistics {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0em;
  max-width: none;
}
.ui.horizontal.statistics .statistic {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: none;
  margin: 1em 0em;
}
.ui.horizontal.statistic > .text.value,
.ui.horizontal.statistics > .statistic > .text.value {
  min-height: 0em !important;
}
.ui.horizontal.statistics .statistic > .value .icon,
.ui.horizontal.statistic > .value .icon {
  width: 1.18em;
}
.ui.horizontal.statistics .statistic > .value,
.ui.horizontal.statistic > .value {
  display: inline-block;
  vertical-align: middle;
}
.ui.horizontal.statistics .statistic > .label,
.ui.horizontal.statistic > .label {
  display: inline-block;
  vertical-align: middle;
  margin: 0em 0em 0em 0.75em;
}
/*--------------
    Colors
---------------*/
.ui.red.statistics .statistic > .value,
.ui.statistics .red.statistic > .value,
.ui.red.statistic > .value {
  color: #DB2828;
}
.ui.orange.statistics .statistic > .value,
.ui.statistics .orange.statistic > .value,
.ui.orange.statistic > .value {
  color: #F2711C;
}
.ui.yellow.statistics .statistic > .value,
.ui.statistics .yellow.statistic > .value,
.ui.yellow.statistic > .value {
  color: #FBBD08;
}
.ui.olive.statistics .statistic > .value,
.ui.statistics .olive.statistic > .value,
.ui.olive.statistic > .value {
  color: #B5CC18;
}
.ui.green.statistics .statistic > .value,
.ui.statistics .green.statistic > .value,
.ui.green.statistic > .value {
  color: #21BA45;
}
.ui.teal.statistics .statistic > .value,
.ui.statistics .teal.statistic > .value,
.ui.teal.statistic > .value {
  color: #00B5AD;
}
.ui.blue.statistics .statistic > .value,
.ui.statistics .blue.statistic > .value,
.ui.blue.statistic > .value {
  color: #2185D0;
}
.ui.violet.statistics .statistic > .value,
.ui.statistics .violet.statistic > .value,
.ui.violet.statistic > .value {
  color: #6435C9;
}
.ui.purple.statistics .statistic > .value,
.ui.statistics .purple.statistic > .value,
.ui.purple.statistic > .value {
  color: #A333C8;
}
.ui.pink.statistics .statistic > .value,
.ui.statistics .pink.statistic > .value,
.ui.pink.statistic > .value {
  color: #E03997;
}
.ui.brown.statistics .statistic > .value,
.ui.statistics .brown.statistic > .value,
.ui.brown.statistic > .value {
  color: #A5673F;
}
.ui.grey.statistics .statistic > .value,
.ui.statistics .grey.statistic > .value,
.ui.grey.statistic > .value {
  color: #767676;
}
/*--------------
   Inverted
---------------*/
.ui.inverted.statistics .statistic > .value,
.ui.inverted.statistic .value {
  color: #FFFFFF;
}
.ui.inverted.statistics .statistic > .label,
.ui.inverted.statistic .label {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.red.statistics .statistic > .value,
.ui.statistics .inverted.red.statistic > .value,
.ui.inverted.red.statistic > .value {
  color: #FF695E;
}
.ui.inverted.orange.statistics .statistic > .value,
.ui.statistics .inverted.orange.statistic > .value,
.ui.inverted.orange.statistic > .value {
  color: #FF851B;
}
.ui.inverted.yellow.statistics .statistic > .value,
.ui.statistics .inverted.yellow.statistic > .value,
.ui.inverted.yellow.statistic > .value {
  color: #FFE21F;
}
.ui.inverted.olive.statistics .statistic > .value,
.ui.statistics .inverted.olive.statistic > .value,
.ui.inverted.olive.statistic > .value {
  color: #D9E778;
}
.ui.inverted.green.statistics .statistic > .value,
.ui.statistics .inverted.green.statistic > .value,
.ui.inverted.green.statistic > .value {
  color: #2ECC40;
}
.ui.inverted.teal.statistics .statistic > .value,
.ui.statistics .inverted.teal.statistic > .value,
.ui.inverted.teal.statistic > .value {
  color: #6DFFFF;
}
.ui.inverted.blue.statistics .statistic > .value,
.ui.statistics .inverted.blue.statistic > .value,
.ui.inverted.blue.statistic > .value {
  color: #54C8FF;
}
.ui.inverted.violet.statistics .statistic > .value,
.ui.statistics .inverted.violet.statistic > .value,
.ui.inverted.violet.statistic > .value {
  color: #A291FB;
}
.ui.inverted.purple.statistics .statistic > .value,
.ui.statistics .inverted.purple.statistic > .value,
.ui.inverted.purple.statistic > .value {
  color: #DC73FF;
}
.ui.inverted.pink.statistics .statistic > .value,
.ui.statistics .inverted.pink.statistic > .value,
.ui.inverted.pink.statistic > .value {
  color: #FF8EDF;
}
.ui.inverted.brown.statistics .statistic > .value,
.ui.statistics .inverted.brown.statistic > .value,
.ui.inverted.brown.statistic > .value {
  color: #D67C1C;
}
.ui.inverted.grey.statistics .statistic > .value,
.ui.statistics .inverted.grey.statistic > .value,
.ui.inverted.grey.statistic > .value {
  color: #DCDDDE;
}
/*--------------
   Floated
---------------*/
.ui[class*="left floated"].statistic {
  float: left;
  margin: 0em 2em 1em 0em;
}
.ui[class*="right floated"].statistic {
  float: right;
  margin: 0em 0em 1em 2em;
}
.ui.floated.statistic:last-child {
  margin-bottom: 0em;
}
/*--------------
    Sizes
---------------*/
/* Mini */
.ui.mini.statistics .statistic > .value,
.ui.mini.statistic > .value {
  font-size: 1.5rem !important;
}
.ui.mini.horizontal.statistics .statistic > .value,
.ui.mini.horizontal.statistic > .value {
  font-size: 1.5rem !important;
}
.ui.mini.statistics .statistic > .text.value,
.ui.mini.statistic > .text.value {
  font-size: 1rem !important;
}
/* Tiny */
.ui.tiny.statistics .statistic > .value,
.ui.tiny.statistic > .value {
  font-size: 2rem !important;
}
.ui.tiny.horizontal.statistics .statistic > .value,
.ui.tiny.horizontal.statistic > .value {
  font-size: 2rem !important;
}
.ui.tiny.statistics .statistic > .text.value,
.ui.tiny.statistic > .text.value {
  font-size: 1rem !important;
}
/* Small */
.ui.small.statistics .statistic > .value,
.ui.small.statistic > .value {
  font-size: 3rem !important;
}
.ui.small.horizontal.statistics .statistic > .value,
.ui.small.horizontal.statistic > .value {
  font-size: 2rem !important;
}
.ui.small.statistics .statistic > .text.value,
.ui.small.statistic > .text.value {
  font-size: 1rem !important;
}
/* Medium */
.ui.statistics .statistic > .value,
.ui.statistic > .value {
  font-size: 4rem !important;
}
.ui.horizontal.statistics .statistic > .value,
.ui.horizontal.statistic > .value {
  font-size: 3rem !important;
}
.ui.statistics .statistic > .text.value,
.ui.statistic > .text.value {
  font-size: 2rem !important;
}
/* Large */
.ui.large.statistics .statistic > .value,
.ui.large.statistic > .value {
  font-size: 5rem !important;
}
.ui.large.horizontal.statistics .statistic > .value,
.ui.large.horizontal.statistic > .value {
  font-size: 4rem !important;
}
.ui.large.statistics .statistic > .text.value,
.ui.large.statistic > .text.value {
  font-size: 2.5rem !important;
}
/* Huge */
.ui.huge.statistics .statistic > .value,
.ui.huge.statistic > .value {
  font-size: 6rem !important;
}
.ui.huge.horizontal.statistics .statistic > .value,
.ui.huge.horizontal.statistic > .value {
  font-size: 5rem !important;
}
.ui.huge.statistics .statistic > .text.value,
.ui.huge.statistic > .text.value {
  font-size: 2.5rem !important;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
   User Variable Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Accordion
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Accordion
*******************************/
.ui.accordion,
.ui.accordion .accordion {
  max-width: 100%;
}
.ui.accordion .accordion {
  margin: 1em 0em 0em;
  padding: 0em;
}
/* Title */
.ui.accordion .title,
.ui.accordion .accordion .title {
  cursor: pointer;
}
/* Default Styling */
.ui.accordion .title:not(.ui) {
  padding: 0.5em 0em;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}
/* Content */
.ui.accordion .title ~ .content,
.ui.accordion .accordion .title ~ .content {
  display: none;
}
/* Default Styling */
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
  margin: '';
  padding: 0.5em 0em 1em;
}
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
  padding-bottom: 0em;
}
/* Arrow */
.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
  display: inline-block;
  float: none;
  opacity: 1;
  width: 1.25em;
  height: 1em;
  margin: 0em 0.25rem 0em 0rem;
  padding: 0em;
  font-size: 1em;
  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
  vertical-align: baseline;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
/*--------------
   Coupling
---------------*/
/* Menu */
.ui.accordion.menu .item .title {
  display: block;
  padding: 0em;
}
.ui.accordion.menu .item .title > .dropdown.icon {
  float: right;
  margin: 0.21425em 0em 0em 1em;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* Header */
.ui.accordion .ui.header .dropdown.icon {
  font-size: 1em;
  margin: 0em 0.25rem 0em 0rem;
}
/*******************************
           States
*******************************/
.ui.accordion .active.title .dropdown.icon,
.ui.accordion .accordion .active.title .dropdown.icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ui.accordion.menu .item .active.title > .dropdown.icon {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*******************************
           Types
*******************************/
/*--------------
    Styled
---------------*/
.ui.styled.accordion {
  width: 600px;
}
.ui.styled.accordion,
.ui.styled.accordion .accordion {
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
}
.ui.styled.accordion .title,
.ui.styled.accordion .accordion .title {
  margin: 0em;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-transition: background 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, color 0.1s ease;
}
.ui.styled.accordion > .title:first-child,
.ui.styled.accordion .accordion .title:first-child {
  border-top: none;
}
/* Content */
.ui.styled.accordion .content,
.ui.styled.accordion .accordion .content {
  margin: 0em;
  padding: 0.5em 1em 1.5em;
}
.ui.styled.accordion .accordion .content {
  padding: 0em;
  padding: 0.5em 1em 1.5em;
}
/* Hover */
.ui.styled.accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
/* Active */
.ui.styled.accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}
/*******************************
           States
*******************************/
/*--------------
    Active
---------------*/
.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  display: block;
}
/*******************************
          Variations
*******************************/
/*--------------
    Fluid
---------------*/
.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
  width: 100%;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.accordion .title:not(.ui) {
  color: rgba(255, 255, 255, 0.9);
}
/*******************************
        Theme Overrides
*******************************/
@font-face {
  font-family: 'Accordion';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Dropdown Icon */
.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
  font-family: Accordion;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.accordion .title .dropdown.icon:before,
.ui.accordion .accordion .title .dropdown.icon:before {
  content: '\f0da';
}
/*******************************
       User Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Checkbox
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
          Checkbox
*******************************/
/*--------------
   Content
---------------*/
.ui.checkbox {
  position: relative;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1rem;
  line-height: 17px;
  min-width: 17px;
}
/* HTML Checkbox */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 17px;
  height: 17px;
}
/*--------------
     Box
---------------*/
.ui.checkbox .box,
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: none;
  font-size: 1em;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  content: '';
  background: #FFFFFF;
  border-radius: 0.21428571rem;
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  border: 1px solid #D4D4D5;
}
/*--------------
   Checkmark
---------------*/
.ui.checkbox .box:after,
.ui.checkbox label:after {
  position: absolute;
  font-size: 14px;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  text-align: center;
  opacity: 0;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
}
/*--------------
     Label
---------------*/
/* Inside */
.ui.checkbox label,
.ui.checkbox + label {
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
/* Outside */
.ui.checkbox + label {
  vertical-align: middle;
}
/*******************************
          States
*******************************/
/*--------------
     Hover
---------------*/
.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8);
}
/*--------------
     Down
---------------*/
.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:active ~ label {
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
    Focus
---------------*/
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
  background: #FFFFFF;
  border-color: #96C8DA;
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:focus ~ label {
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
    Active
---------------*/
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
 Indeterminate
---------------*/
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
  opacity: 1;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
 Active Focus
---------------*/
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before {
  background: #FFFFFF;
  border-color: #96C8DA;
}
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
   Read-Only
---------------*/
.ui.read-only.checkbox,
.ui.read-only.checkbox label {
  cursor: default;
}
/*--------------
    Disabled
---------------*/
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label {
  cursor: default !important;
  opacity: 0.5;
  color: #000000;
}
/*--------------
    Hidden
---------------*/
/* Initialized checkbox moves input below element
to prevent manually triggering */
.ui.checkbox input.hidden {
  z-index: -1;
}
/* Selectable Label */
.ui.checkbox input.hidden + label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*******************************
            Types
*******************************/
/*--------------
    Radio
---------------*/
.ui.radio.checkbox {
  min-height: 15px;
}
.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  padding-left: 1.85714em;
}
/* Box */
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  content: '';
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  top: 1px;
  left: 0px;
}
/* Bullet */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  border: none;
  content: '' !important;
  width: 15px;
  height: 15px;
  line-height: 15px;
}
/* Radio Checkbox */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  top: 1px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  -webkit-transform: scale(0.46666667);
  -ms-transform: scale(0.46666667);
  transform: scale(0.46666667);
  background-color: rgba(0, 0, 0, 0.87);
}
/* Focus */
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}
/* Indeterminate */
.ui.radio.checkbox input:indeterminate ~ .box:after,
.ui.radio.checkbox input:indeterminate ~ label:after {
  opacity: 0;
}
/* Active */
.ui.radio.checkbox input:checked ~ .box:before,
.ui.radio.checkbox input:checked ~ label:before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}
/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}
/*--------------
    Slider
---------------*/
.ui.slider.checkbox {
  min-height: 1.25rem;
}
/* Input */
.ui.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem;
}
/* Label */
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}
/* Line */
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  border: none !important;
  left: 0em;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
/* Handle */
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0em;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border-radius: 500rem;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
/* Focus */
.ui.slider.checkbox input:focus ~ .box:before,
.ui.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
/* Hover */
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15);
}
/* Active */
.ui.slider.checkbox input:checked ~ .box,
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:checked ~ .box:before,
.ui.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important;
}
.ui.slider.checkbox input:checked ~ .box:after,
.ui.slider.checkbox input:checked ~ label:after {
  left: 2rem;
}
/* Active Focus */
.ui.slider.checkbox input:focus:checked ~ .box,
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:focus:checked ~ .box:before,
.ui.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000000 !important;
}
/*--------------
    Toggle
---------------*/
.ui.toggle.checkbox {
  min-height: 1.5rem;
}
/* Input */
.ui.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem;
}
/* Label */
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: rgba(0, 0, 0, 0.87);
}
.ui.toggle.checkbox label {
  padding-top: 0.15em;
}
/* Switch */
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border: none;
  top: 0rem;
  background: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
}
/* Handle */
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0rem;
  left: 0em;
  border-radius: 500rem;
  -webkit-transition: background 0.3s ease, left 0.3s ease;
  transition: background 0.3s ease, left 0.3s ease;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
  left: -0.05rem;
}
/* Focus */
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
/* Hover */
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
/* Active */
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #2185D0 !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  left: 2.15rem;
}
/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #0d71bb !important;
}
/*******************************
           Variations
*******************************/
/*--------------
    Fitted
---------------*/
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
  padding-left: 0em !important;
}
.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
  width: 3.5rem;
}
.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
  width: 3.5rem;
}
/*******************************
        Theme Overrides
*******************************/
@font-face {
  font-family: 'Checkbox';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
}
/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after {
  font-family: 'Checkbox';
}
/* Checked */
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  content: '\e800';
}
/* Indeterminate */
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
  font-size: 12px;
  content: '\e801';
}
/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Dimmer
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Dimmer
*******************************/
.dimmable:not(.body) {
  position: relative;
}
.ui.dimmer {
  display: none;
  position: absolute;
  top: 0em !important;
  left: 0em !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  line-height: 1;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: opacity;
  z-index: 1000;
}
/* Dimmer Content */
.ui.dimmer > .content {
  width: 100%;
  height: 100%;
  display: table;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ui.dimmer > .content > * {
  display: table-cell;
  vertical-align: middle;
  color: #FFFFFF;
}
/* Loose Coupling */
.ui.segment > .ui.dimmer {
  border-radius: inherit !important;
}
/*******************************
           States
*******************************/
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden;
}
.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: block;
  opacity: 1;
}
.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important;
}
/*******************************
          Variations
*******************************/
/*--------------
     Page
---------------*/
.ui.page.dimmer {
  position: fixed;
  -webkit-transform-style: '';
  transform-style: '';
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden;
}
body.dimmable > .dimmer {
  position: fixed;
}
/*--------------
   Blurring
---------------*/
.blurring.dimmable > :not(.dimmer) {
  -webkit-filter: blur(0px) grayscale(0);
  filter: blur(0px) grayscale(0);
  -webkit-transition: 800ms filter ease;
  transition: 800ms filter ease;
}
.blurring.dimmed.dimmable > :not(.dimmer) {
  -webkit-filter: blur(5px) grayscale(0.7);
  filter: blur(5px) grayscale(0.7);
}
/* Dimmer Color */
.blurring.dimmable > .dimmer {
  background-color: rgba(0, 0, 0, 0.6);
}
.blurring.dimmable > .inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.6);
}
/*--------------
   Aligned
---------------*/
.ui.dimmer > .top.aligned.content > * {
  vertical-align: top;
}
.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom;
}
/*--------------
   Inverted
---------------*/
.ui.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85);
}
.ui.inverted.dimmer > .content > * {
  color: #FFFFFF;
}
/*--------------
    Simple
---------------*/
/* Displays without javascript */
.ui.simple.dimmer {
  display: block;
  overflow: hidden;
  opacity: 1;
  width: 0%;
  height: 0%;
  z-index: -100;
  background-color: rgba(0, 0, 0, 0);
}
.dimmed.dimmable > .ui.simple.dimmer {
  overflow: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1;
}
.ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0);
}
.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85);
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
       User Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Dropdown
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*******************************
           Content
*******************************/
/*--------------
     Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}
.ui.dropdown .menu > * {
  white-space: nowrap;
}
/*--------------
 Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}
/*--------------
Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}
/*--------------
     Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}
/*--------------
   Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px;
}
/*--------------
 Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}
.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}
.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}
/*--------------
 Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase;
}
.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em;
}
.ui.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*-----------------
 Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4);
}
/*-----------------
      Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
/*--------------
   Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  right: auto !important;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}
/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}
/*--------------
  Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem;
}
/*--------------
    Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 2em;
}
/*******************************
           Coupling
*******************************/
/*--------------
     Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}
/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}
/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}
/*--------------
     Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}
/*--------------
    Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}
.ui.button.dropdown .menu {
  min-width: 100%;
}
/*******************************
             Types
*******************************/
/*--------------
   Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotate(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.7142em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}
select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.2142em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.78571429em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px;
}
/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% + 2px);
  width: calc(100% + 2px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}
/*--------------
   Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}
@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}
/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}
/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none;
}
/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}
/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3;
}
/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important;
}
.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important;
}
/*--------------
  Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: '';
}
/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 0em;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}
/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}
.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}
/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.2142em;
  padding: 0.67861429em 2.1em 0.67861429em 1em;
}
/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.2142em;
  padding: 0.67861429em 2.1em 0.67861429em 1em;
  display: none;
  white-space: pre;
}
/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}
/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}
.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important;
}
/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/*--------------
   Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22620476em 2.1em 0.22620476em 0.35714286em;
}
.ui.multiple.dropdown .menu {
  cursor: auto;
}
/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}
/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}
/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: '';
}
/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}
.ui.multiple.dropdown > .label ~ .text {
  display: none;
}
/*-----------------
 Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}
/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}
/*--------------
    Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.21428571em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}
/*******************************
           States
*******************************/
/*--------------------
       Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12;
}
/*--------------------
       Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}
/*--------------------
      Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
  padding: 1.14285714em 1.07142857em !important;
}
.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}
/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none;
}
@-webkit-keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------------------
    Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87);
}
.ui.dropdown:not(.button) > input:focus + .default.text,
.ui.default.dropdown:not(.button) > input:focus + .text {
  color: rgba(115, 115, 115, 0.87);
}
/*--------------------
       Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}
/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
/*--------------------
   Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------------
   Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none !important;
}
/*--------------------
       Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38;
}
.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}
.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4;
}
.ui.dropdown.error > .menu > .item {
  color: #9F3A38;
}
.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4;
}
/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2;
}
/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}
/*--------------------
       Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
/*******************************
          Variations
*******************************/
/*--------------
   Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}
/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}
/* Left Flyout Menu */
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto !important;
  right: 100% !important;
  border-radius: 0.28571429rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
}
/*--------------
    Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}
/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.ui.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}
.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
/*--------------
    Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}
.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
  padding-right: calc(1.14285714rem + 17px) !important;
}
.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}
/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px);
  }
}
@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
/*--------------
    Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}
/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}
/*--------------
     Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}
/*--------------
   Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}
.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important;
}
/*--------------
    Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
}
.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}
/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Top Right  Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto;
  right: 1em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}
.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}
.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}
.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}
/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}
/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}
/* Upward pointing */
.ui.upward.pointing.dropdown > .menu,
.ui.upward.top.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.upward.pointing.dropdown > .menu:after,
.ui.upward.top.pointing.dropdown > .menu:after {
  top: 100%;
  bottom: auto;
  box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em;
}
/*******************************
        Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.dropdown > .dropdown.icon {
  width: auto;
}
.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7';
}
/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: '\f0da';
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "\f0d9";
}
/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "\f0da";
}
/* Icons for Reference
.dropdown.down.icon {
 content: "\f0d7";
}
.dropdown.up.icon {
 content: "\f0d8";
}
.dropdown.left.icon {
 content: "\f0d9";
}
.dropdown.icon.icon {
 content: "\f0da";
}
*/
/*******************************
       User Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Video
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Types
*******************************/
.ui.embed {
  position: relative;
  max-width: 100%;
  height: 0px;
  overflow: hidden;
  background: #DCDDDE;
  padding-bottom: 56.25%;
}
/*-----------------
 Embedded Content
------------------*/
.ui.embed iframe,
.ui.embed embed,
.ui.embed object {
  position: absolute;
  border: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0em;
  padding: 0em;
}
/*-----------------
     Embed
------------------*/
.ui.embed > .embed {
  display: none;
}
/*--------------
  Placeholder
---------------*/
.ui.embed > .placeholder {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
}
/*--------------
     Icon
---------------*/
.ui.embed > .icon {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.ui.embed > .icon:after {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.ui.embed > .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #FFFFFF;
  font-size: 6rem;
  text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
  -webkit-transition: opacity 0.5s ease, color 0.5s ease;
  transition: opacity 0.5s ease, color 0.5s ease;
  z-index: 10;
}
/*******************************
           States
*******************************/
/*--------------
    Hover
---------------*/
.ui.embed .icon:hover:after {
  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  opacity: 1;
}
.ui.embed .icon:hover:before {
  color: #FFFFFF;
}
/*--------------
    Active
---------------*/
.ui.active.embed > .icon,
.ui.active.embed > .placeholder {
  display: none;
}
.ui.active.embed > .embed {
  display: block;
}
/*******************************
       Video Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*******************************
         Variations
*******************************/
.ui.square.embed {
  padding-bottom: 100%;
}
.ui[class*="4:3"].embed {
  padding-bottom: 75%;
}
.ui[class*="16:9"].embed {
  padding-bottom: 56.25%;
}
.ui[class*="21:9"].embed {
  padding-bottom: 42.85714286%;
}
/*!
* # Semantic UI 2.2.2 - Modal
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Modal
*******************************/
.ui.modal {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  text-align: left;
  background: #FFFFFF;
  border: none;
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform-origin: 50% 25%;
  -ms-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
  border-radius: 0.28571429rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
}
.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.modal > :last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
/*******************************
           Content
*******************************/
/*--------------
    Close
---------------*/
.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: -2.5rem;
  right: -2.5rem;
  z-index: 1;
  opacity: 0.8;
  font-size: 1.25em;
  color: #FFFFFF;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0rem 0rem 0rem;
}
.ui.modal > .close:hover {
  opacity: 1;
}
/*--------------
    Header
---------------*/
.ui.modal > .header {
  display: block;
  background: #FFFFFF;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.modal > .header:not(.ui) {
  font-size: 1.42857143rem;
  line-height: 1.2857em;
  font-weight: bold;
}
/*--------------
    Content
---------------*/
.ui.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF;
}
.ui.modal > .image.content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
/* Image */
.ui.modal > .content > .image {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: '';
  -webkit-align-self: top;
  -ms-flex-item-align: top;
  align-self: top;
}
.ui.modal > [class*="top aligned"] {
  -webkit-align-self: top;
  -ms-flex-item-align: top;
  align-self: top;
}
.ui.modal > [class*="middle aligned"] {
  -webkit-align-self: middle;
  -ms-flex-item-align: middle;
  align-self: middle;
}
.ui.modal > [class*="stretched"] {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
/* Description */
.ui.modal > .content > .description {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-width: 0px;
  -webkit-align-self: top;
  -ms-flex-item-align: top;
  align-self: top;
}
.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: '';
  width: auto;
  padding-left: 2em;
}
/*rtl:ignore*/
.ui.modal > .content > .image > i.icon {
  margin: 0em;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem;
}
/*--------------
    Actions
---------------*/
.ui.modal > .actions {
  background: #F9FAFB;
  padding: 1rem 1rem;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  text-align: right;
}
.ui.modal .actions > .button {
  margin-left: 0.75em;
}
/*-------------------
      Responsive
--------------------*/
/* Modal Width */
@media only screen and (max-width: 767px) {
  .ui.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.modal {
    width: 88%;
    margin: 0em 0em 0em -44%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.modal {
    width: 850px;
    margin: 0em 0em 0em -425px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.modal {
    width: 900px;
    margin: 0em 0em 0em -450px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.modal {
    width: 950px;
    margin: 0em 0em 0em -475px;
  }
}
/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.modal > .header {
    padding-right: 2.25rem;
  }
  .ui.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, 0.87);
  }
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem !important;
    padding-right: 2.25rem !important;
  }
  .ui.modal > .content {
    display: block;
    padding: 1rem !important;
  }
  .ui.modal > .close {
    top: 0.5rem !important;
    right: 0.5rem !important;
  }
  /*rtl:ignore*/
  .ui.modal .image.content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ui.modal .content > .image {
    display: block;
    max-width: 100%;
    margin: 0em auto !important;
    text-align: center;
    padding: 0rem 0rem 1rem !important;
  }
  .ui.modal > .content > .image > i.icon {
    font-size: 5rem;
    text-align: center;
  }
  /*rtl:ignore*/
  .ui.modal .content > .description {
    display: block;
    width: 100% !important;
    margin: 0em !important;
    padding: 1rem 0rem !important;
    box-shadow: none;
  }
  /* Let Buttons Stack */
  .ui.modal > .actions {
    padding: 1rem 1rem 0rem !important;
  }
  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: 1rem;
  }
}
/*--------------
   Coupling
---------------*/
.ui.inverted.dimmer > .ui.modal {
  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
}
/*******************************
            Types
*******************************/
.ui.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}
.ui.basic.modal > .header {
  color: #FFFFFF;
}
.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem;
}
.ui.inverted.dimmer > .basic.modal {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85);
}
/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.basic.modal > .close {
    color: #FFFFFF;
  }
}
/*******************************
            States
*******************************/
.ui.active.modal {
  display: block;
}
/*******************************
          Variations
*******************************/
/*--------------
   Scrolling
---------------*/
/* A modal that cannot fit on the page */
.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrolling.dimmable > .dimmer {
  position: fixed;
}
.modals.dimmer .ui.scrolling.modal {
  position: static !important;
  margin: 3.5rem auto !important;
}
/* undetached scrolling */
.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden;
}
.scrolling.undetached.dimmable .ui.scrolling.modal {
  position: absolute;
  left: 50%;
  margin-top: 3.5rem !important;
}
/* Coupling with Sidebar */
.undetached.dimmable.dimmed > .pusher {
  z-index: auto;
}
@media only screen and (max-width: 991px) {
  .modals.dimmer .ui.scrolling.modal {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    height: fit-content !important;
  }
}
/*--------------
  Full Screen
---------------*/
.ui.fullscreen.modal {
  width: 95% !important;
  left: 2.5% !important;
  margin: 1em auto;
}
.ui.fullscreen.scrolling.modal {
  left: 0em !important;
}
.ui.fullscreen.modal > .header {
  padding-right: 2.25rem;
}
.ui.fullscreen.modal > .close {
  top: 1.0535rem;
  right: 1rem;
  color: rgba(0, 0, 0, 0.87);
}
/*--------------
     Size
---------------*/
.ui.modal {
  font-size: 1rem;
}
/* Small */
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em;
}
/* Small Modal Width */
@media only screen and (max-width: 767px) {
  .ui.small.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.small.modal {
    width: 70.4%;
    margin: 0em 0em 0em -35.2%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.small.modal {
    width: 680px;
    margin: 0em 0em 0em -340px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.small.modal {
    width: 720px;
    margin: 0em 0em 0em -360px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.small.modal {
    width: 760px;
    margin: 0em 0em 0em -380px;
  }
}
/* Large Modal Width */
.ui.large.modal > .header {
  font-size: 1.6em;
}
@media only screen and (max-width: 767px) {
  .ui.large.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.large.modal {
    width: 88%;
    margin: 0em 0em 0em -44%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.large.modal {
    width: 1020px;
    margin: 0em 0em 0em -510px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.large.modal {
    width: 1080px;
    margin: 0em 0em 0em -540px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.large.modal {
    width: 1140px;
    margin: 0em 0em 0em -570px;
  }
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Nag
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Nag
*******************************/
.ui.nag {
  display: none;
  opacity: 0.95;
  position: relative;
  top: 0em;
  left: 0px;
  z-index: 999;
  min-height: 0em;
  width: 100%;
  margin: 0em;
  padding: 0.75em 1em;
  background: #555555;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  -webkit-transition: 0.2s background ease;
  transition: 0.2s background ease;
}
a.ui.nag {
  cursor: pointer;
}
.ui.nag > .title {
  display: inline-block;
  margin: 0em 0.5em;
  color: #FFFFFF;
}
.ui.nag > .close.icon {
  cursor: pointer;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  right: 1em;
  font-size: 1em;
  margin: -0.5em 0em 0em;
  color: #FFFFFF;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
/*******************************
            States
*******************************/
/* Hover */
.ui.nag:hover {
  background: #555555;
  opacity: 1;
}
.ui.nag .close:hover {
  opacity: 1;
}
/*******************************
          Variations
*******************************/
/*--------------
    Static
---------------*/
.ui.overlay.nag {
  position: absolute;
  display: block;
}
/*--------------
    Fixed
---------------*/
.ui.fixed.nag {
  position: fixed;
}
/*--------------
    Bottom
---------------*/
.ui.bottom.nags,
.ui.bottom.nag {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  top: auto;
  bottom: 0em;
}
/*--------------
    White
---------------*/
.ui.inverted.nags .nag,
.ui.inverted.nag {
  background-color: #F3F4F5;
  color: rgba(0, 0, 0, 0.85);
}
.ui.inverted.nags .nag .close,
.ui.inverted.nags .nag .title,
.ui.inverted.nag .close,
.ui.inverted.nag .title {
  color: rgba(0, 0, 0, 0.4);
}
/*******************************
          Groups
*******************************/
.ui.nags .nag {
  border-radius: 0em !important;
}
.ui.nags .nag:last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.bottom.nags .nag:last-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
       User Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Popup
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Popup
*******************************/
.ui.popup {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /* Fixes content being squished when inline (moz only) */
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  z-index: 1900;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: 250px;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
.ui.popup > .header {
  padding: 0em;
  font-size: 1.14285714em;
  line-height: 1.2;
  font-weight: bold;
}
.ui.popup > .header + .content {
  padding-top: 0.5em;
}
.ui.popup:before {
  position: absolute;
  content: '';
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc;
}
/*******************************
           Types
*******************************/
/*--------------
   Tooltip
---------------*/
/* Content */
[data-tooltip] {
  position: relative;
}
/* Arrow */
[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: '';
  font-size: 1rem;
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc;
}
/* Popup */
[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 1rem;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: none;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  z-index: 1;
}
/* Default Position (Top Center) */
[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
[data-tooltip]:not([data-position]):after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5em;
}
/* Animation */
[data-tooltip]:before,
[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden;
}
[data-tooltip]:before {
  opacity: 0;
  -webkit-transform: rotate(45deg) scale(0) !important;
  -ms-transform: rotate(45deg) scale(0) !important;
  transform: rotate(45deg) scale(0) !important;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
[data-tooltip]:after {
  opacity: 1;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto;
}
[data-tooltip]:hover:before {
  -webkit-transform: rotate(45deg) scale(1) !important;
  -ms-transform: rotate(45deg) scale(1) !important;
  transform: rotate(45deg) scale(1) !important;
  opacity: 1;
}
/* Animation Position */
[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
  -webkit-transform: translateX(-50%) scale(0) !important;
  -ms-transform: translateX(-50%) scale(0) !important;
  transform: translateX(-50%) scale(0) !important;
}
[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
  -webkit-transform: translateX(-50%) scale(1) !important;
  -ms-transform: translateX(-50%) scale(1) !important;
  transform: translateX(-50%) scale(1) !important;
}
[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
  -webkit-transform: translateY(-50%) scale(0) !important;
  -ms-transform: translateY(-50%) scale(0) !important;
  transform: translateY(-50%) scale(0) !important;
}
[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
  -webkit-transform: translateY(-50%) scale(1) !important;
  -ms-transform: translateY(-50%) scale(1) !important;
  transform: translateY(-50%) scale(1) !important;
}
[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}
[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
/*--------------
   Inverted
---------------*/
/* Arrow */
[data-tooltip][data-inverted]:before {
  box-shadow: none !important;
}
/* Arrow Position */
[data-tooltip][data-inverted]:before {
  background: #1B1C1D;
}
/* Popup  */
[data-tooltip][data-inverted]:after {
  background: #1B1C1D;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}
[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #FFFFFF;
}
/*--------------
   Position
---------------*/
/* Top Center */
[data-position="top center"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: 0.5em;
}
[data-position="top center"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
/* Top Left */
[data-position="top left"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}
[data-position="top left"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
/* Top Right */
[data-position="top right"][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}
[data-position="top right"][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
/* Bottom Center */
[data-position="bottom center"][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 0.5em;
}
[data-position="bottom center"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem;
}
/* Bottom Left */
[data-position="bottom left"][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.5em;
}
[data-position="bottom left"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem;
}
/* Bottom Right */
[data-position="bottom right"][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.5em;
}
[data-position="bottom right"][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.14285714rem;
  margin-top: 0.07142857rem;
}
/* Left Center */
[data-position="left center"][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.5em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-position="left center"][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.14285714rem;
  margin-right: -0.07142857rem;
}
/* Right Center */
[data-position="right center"][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.5em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-position="right center"][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.07142857rem;
  margin-left: 0.14285714rem;
}
/* Arrow */
[data-position~="bottom"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px -1px 0px 0px #bababc;
}
[data-position="left center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: 1px -1px 0px 0px #bababc;
}
[data-position="right center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px 1px 0px 0px #bababc;
}
[data-position~="top"][data-tooltip]:before {
  background: #FFFFFF;
}
/* Inverted Arrow Color */
[data-inverted][data-position~="bottom"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="left center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: 1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="right center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px 1px 0px 0px #bababc;
}
[data-inverted][data-position~="top"][data-tooltip]:before {
  background: #1B1C1D;
}
[data-position~="bottom"][data-tooltip]:before {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
[data-position~="bottom"][data-tooltip]:after {
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
}
[data-position="left center"][data-tooltip]:before {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
[data-position="left center"][data-tooltip]:after {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}
[data-position="right center"][data-tooltip]:before {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}
[data-position="right center"][data-tooltip]:after {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
/*--------------
    Spacing
---------------*/
.ui.popup {
  margin: 0em;
}
/* Extending from Top */
.ui.top.popup {
  margin: 0em 0em 0.71428571em;
}
.ui.top.left.popup {
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}
.ui.top.center.popup {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
.ui.top.right.popup {
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Extending from Vertical Center */
.ui.left.center.popup {
  margin: 0em 0.71428571em 0em 0em;
  -webkit-transform-origin: right 50%;
  -ms-transform-origin: right 50%;
  transform-origin: right 50%;
}
.ui.right.center.popup {
  margin: 0em 0em 0em 0.71428571em;
  -webkit-transform-origin: left 50%;
  -ms-transform-origin: left 50%;
  transform-origin: left 50%;
}
/* Extending from Bottom */
.ui.bottom.popup {
  margin: 0.71428571em 0em 0em;
}
.ui.bottom.left.popup {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.ui.bottom.center.popup {
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
}
.ui.bottom.right.popup {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
/*--------------
    Pointer
---------------*/
/*--- Below ---*/
.ui.bottom.center.popup:before {
  margin-left: -0.30714286em;
  top: -0.30714286em;
  left: 50%;
  right: auto;
  bottom: auto;
  box-shadow: -1px -1px 0px 0px #bababc;
}
.ui.bottom.left.popup {
  margin-left: 0em;
}
/*rtl:rename*/
.ui.bottom.left.popup:before {
  top: -0.30714286em;
  left: 1em;
  right: auto;
  bottom: auto;
  margin-left: 0em;
  box-shadow: -1px -1px 0px 0px #bababc;
}
.ui.bottom.right.popup {
  margin-right: 0em;
}
/*rtl:rename*/
.ui.bottom.right.popup:before {
  top: -0.30714286em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0em;
  box-shadow: -1px -1px 0px 0px #bababc;
}
/*--- Above ---*/
.ui.top.center.popup:before {
  top: auto;
  right: auto;
  bottom: -0.30714286em;
  left: 50%;
  margin-left: -0.30714286em;
}
.ui.top.left.popup {
  margin-left: 0em;
}
/*rtl:rename*/
.ui.top.left.popup:before {
  bottom: -0.30714286em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0em;
}
.ui.top.right.popup {
  margin-right: 0em;
}
/*rtl:rename*/
.ui.top.right.popup:before {
  bottom: -0.30714286em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0em;
}
/*--- Left Center ---*/
/*rtl:rename*/
.ui.left.center.popup:before {
  top: 50%;
  right: -0.30714286em;
  bottom: auto;
  left: auto;
  margin-top: -0.30714286em;
  box-shadow: 1px -1px 0px 0px #bababc;
}
/*--- Right Center  ---*/
/*rtl:rename*/
.ui.right.center.popup:before {
  top: 50%;
  left: -0.30714286em;
  bottom: auto;
  right: auto;
  margin-top: -0.30714286em;
  box-shadow: -1px 1px 0px 0px #bababc;
}
/* Arrow Color By Location */
.ui.bottom.popup:before {
  background: #FFFFFF;
}
.ui.right.center.popup:before,
.ui.left.center.popup:before {
  background: #FFFFFF;
}
.ui.top.popup:before {
  background: #FFFFFF;
}
/* Inverted Arrow Color */
.ui.inverted.bottom.popup:before {
  background: #1B1C1D;
}
.ui.inverted.right.center.popup:before,
.ui.inverted.left.center.popup:before {
  background: #1B1C1D;
}
.ui.inverted.top.popup:before {
  background: #1B1C1D;
}
/*******************************
           Coupling
*******************************/
/* Immediate Nested Grid */
.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem;
}
/*******************************
           States
*******************************/
.ui.loading.popup {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.animating.popup,
.ui.visible.popup {
  display: block;
}
.ui.visible.popup {
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*******************************
           Variations
*******************************/
/*--------------
    Basic
---------------*/
.ui.basic.popup:before {
  display: none;
}
/*--------------
    Wide
---------------*/
.ui.wide.popup {
  max-width: 350px;
}
.ui[class*="very wide"].popup {
  max-width: 550px;
}
@media only screen and (max-width: 767px) {
  .ui.wide.popup,
  .ui[class*="very wide"].popup {
    max-width: 250px;
  }
}
/*--------------
    Fluid
---------------*/
.ui.fluid.popup {
  width: 100%;
  max-width: none;
}
/*--------------
    Colors
---------------*/
/* Inverted colors  */
.ui.inverted.popup {
  background: #1B1C1D;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}
.ui.inverted.popup .header {
  background-color: none;
  color: #FFFFFF;
}
.ui.inverted.popup:before {
  background-color: #1B1C1D;
  box-shadow: none !important;
}
/*--------------
    Flowing
---------------*/
.ui.flowing.popup {
  max-width: none;
}
/*--------------
    Sizes
---------------*/
.ui.mini.popup {
  font-size: 0.78571429rem;
}
.ui.tiny.popup {
  font-size: 0.85714286rem;
}
.ui.small.popup {
  font-size: 0.92857143rem;
}
.ui.popup {
  font-size: 1rem;
}
.ui.large.popup {
  font-size: 1.14285714rem;
}
.ui.huge.popup {
  font-size: 1.42857143rem;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
       User Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Progress Bar
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Progress
*******************************/
.ui.progress {
  position: relative;
  display: block;
  max-width: 100%;
  border: none;
  margin: 1em 0em 2.5em;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  padding: 0em;
  border-radius: 0.28571429rem;
}
.ui.progress:first-child {
  margin: 0em 0em 2.5em;
}
.ui.progress:last-child {
  margin: 0em 0em 1.5em;
}
/*******************************
           Content
*******************************/
/* Activity Bar */
.ui.progress .bar {
  display: block;
  line-height: 1;
  position: relative;
  width: 0%;
  min-width: 2em;
  background: #888888;
  border-radius: 0.28571429rem;
  -webkit-transition: width 0.1s ease, background-color 0.1s ease;
  transition: width 0.1s ease, background-color 0.1s ease;
}
/* Percent Complete */
.ui.progress .bar > .progress {
  white-space: nowrap;
  position: absolute;
  width: auto;
  font-size: 0.92857143em;
  top: 50%;
  right: 0.5em;
  left: auto;
  bottom: auto;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
  margin-top: -0.5em;
  font-weight: bold;
  text-align: left;
}
/* Label */
.ui.progress > .label {
  position: absolute;
  width: 100%;
  font-size: 1em;
  top: 100%;
  right: auto;
  left: 0%;
  bottom: auto;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  text-shadow: none;
  margin-top: 0.2em;
  text-align: center;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
/*******************************
           Types
*******************************/
/* Indicating */
.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar {
  background-color: #D95C5C;
}
.ui.indicating.progress[data-percent^="3"] .bar {
  background-color: #EFBC72;
}
.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar {
  background-color: #E6BB48;
}
.ui.indicating.progress[data-percent^="6"] .bar {
  background-color: #DDC928;
}
.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar {
  background-color: #B4D95C;
}
.ui.indicating.progress[data-percent^="9"] .bar,
.ui.indicating.progress[data-percent^="100"] .bar {
  background-color: #66DA81;
}
/* Indicating Label */
.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="2"] .label {
  color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="3"] .label {
  color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label {
  color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="6"] .label {
  color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label {
  color: rgba(0, 0, 0, 0.87);
}
.ui.indicating.progress[data-percent^="9"] .label,
.ui.indicating.progress[data-percent^="100"] .label {
  color: rgba(0, 0, 0, 0.87);
}
/* Single Digits */
.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent="9"] .bar {
  background-color: #D95C5C;
}
.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
  color: rgba(0, 0, 0, 0.87);
}
/* Indicating Success */
.ui.indicating.progress.success .label {
  color: #1A531B;
}
/*******************************
            States
*******************************/
/*--------------
    Success
---------------*/
.ui.progress.success .bar {
  background-color: #21BA45 !important;
}
.ui.progress.success .bar,
.ui.progress.success .bar::after {
  -webkit-animation: none !important;
  animation: none !important;
}
.ui.progress.success > .label {
  color: #1A531B;
}
/*--------------
    Warning
---------------*/
.ui.progress.warning .bar {
  background-color: #F2C037 !important;
}
.ui.progress.warning .bar,
.ui.progress.warning .bar::after {
  -webkit-animation: none !important;
  animation: none !important;
}
.ui.progress.warning > .label {
  color: #794B02;
}
/*--------------
    Error
---------------*/
.ui.progress.error .bar {
  background-color: #DB2828 !important;
}
.ui.progress.error .bar,
.ui.progress.error .bar::after {
  -webkit-animation: none !important;
  animation: none !important;
}
.ui.progress.error > .label {
  color: #912D2B;
}
/*--------------
    Active
---------------*/
.ui.active.progress .bar {
  position: relative;
  min-width: 2em;
}
.ui.active.progress .bar::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #FFFFFF;
  border-radius: 0.28571429rem;
  -webkit-animation: progress-active 2s ease infinite;
  animation: progress-active 2s ease infinite;
}
@-webkit-keyframes progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
@keyframes progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
/*--------------
   Disabled
---------------*/
.ui.disabled.progress {
  opacity: 0.35;
}
.ui.disabled.progress .bar,
.ui.disabled.progress .bar::after {
  -webkit-animation: none !important;
  animation: none !important;
}
/*******************************
          Variations
*******************************/
/*--------------
   Inverted
---------------*/
.ui.inverted.progress {
  background: rgba(255, 255, 255, 0.08);
  border: none;
}
.ui.inverted.progress .bar {
  background: #888888;
}
.ui.inverted.progress .bar > .progress {
  color: #F9FAFB;
}
.ui.inverted.progress > .label {
  color: #FFFFFF;
}
.ui.inverted.progress.success > .label {
  color: #21BA45;
}
.ui.inverted.progress.warning > .label {
  color: #F2C037;
}
.ui.inverted.progress.error > .label {
  color: #DB2828;
}
/*--------------
   Attached
---------------*/
/* bottom attached */
.ui.progress.attached {
  background: transparent;
  position: relative;
  border: none;
  margin: 0em;
}
.ui.progress.attached,
.ui.progress.attached .bar {
  display: block;
  height: 0.2rem;
  padding: 0px;
  overflow: hidden;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.progress.attached .bar {
  border-radius: 0em;
}
/* top attached */
.ui.progress.top.attached,
.ui.progress.top.attached .bar {
  top: 0px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.progress.top.attached .bar {
  border-radius: 0em;
}
/* Coupling */
.ui.segment > .ui.attached.progress,
.ui.card > .ui.attached.progress {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 100%;
  width: 100%;
}
.ui.segment > .ui.bottom.attached.progress,
.ui.card > .ui.bottom.attached.progress {
  top: 100%;
  bottom: auto;
}
/*--------------
    Colors
---------------*/
/* Red */
.ui.red.progress .bar {
  background-color: #DB2828;
}
.ui.red.inverted.progress .bar {
  background-color: #FF695E;
}
/* Orange */
.ui.orange.progress .bar {
  background-color: #F2711C;
}
.ui.orange.inverted.progress .bar {
  background-color: #FF851B;
}
/* Yellow */
.ui.yellow.progress .bar {
  background-color: #FBBD08;
}
.ui.yellow.inverted.progress .bar {
  background-color: #FFE21F;
}
/* Olive */
.ui.olive.progress .bar {
  background-color: #B5CC18;
}
.ui.olive.inverted.progress .bar {
  background-color: #D9E778;
}
/* Green */
.ui.green.progress .bar {
  background-color: #21BA45;
}
.ui.green.inverted.progress .bar {
  background-color: #2ECC40;
}
/* Teal */
.ui.teal.progress .bar {
  background-color: #00B5AD;
}
.ui.teal.inverted.progress .bar {
  background-color: #6DFFFF;
}
/* Blue */
.ui.blue.progress .bar {
  background-color: #2185D0;
}
.ui.blue.inverted.progress .bar {
  background-color: #54C8FF;
}
/* Violet */
.ui.violet.progress .bar {
  background-color: #6435C9;
}
.ui.violet.inverted.progress .bar {
  background-color: #A291FB;
}
/* Purple */
.ui.purple.progress .bar {
  background-color: #A333C8;
}
.ui.purple.inverted.progress .bar {
  background-color: #DC73FF;
}
/* Pink */
.ui.pink.progress .bar {
  background-color: #E03997;
}
.ui.pink.inverted.progress .bar {
  background-color: #FF8EDF;
}
/* Brown */
.ui.brown.progress .bar {
  background-color: #A5673F;
}
.ui.brown.inverted.progress .bar {
  background-color: #D67C1C;
}
/* Grey */
.ui.grey.progress .bar {
  background-color: #767676;
}
.ui.grey.inverted.progress .bar {
  background-color: #DCDDDE;
}
/* Black */
.ui.black.progress .bar {
  background-color: #1B1C1D;
}
.ui.black.inverted.progress .bar {
  background-color: #545454;
}
/*--------------
    Sizes
---------------*/
.ui.tiny.progress {
  font-size: 0.85714286rem;
}
.ui.tiny.progress .bar {
  height: 0.5em;
}
.ui.small.progress {
  font-size: 0.92857143rem;
}
.ui.small.progress .bar {
  height: 1em;
}
.ui.progress {
  font-size: 1rem;
}
.ui.progress .bar {
  height: 1.75em;
}
.ui.large.progress {
  font-size: 1.14285714rem;
}
.ui.large.progress .bar {
  height: 2.5em;
}
.ui.big.progress {
  font-size: 1.28571429rem;
}
.ui.big.progress .bar {
  height: 3.5em;
}
/*******************************
           Progress
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Rating
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
          Rating
*******************************/
.ui.rating {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  vertical-align: baseline;
}
.ui.rating:last-child {
  margin-right: 0em;
}
/* Icon */
.ui.rating .icon {
  padding: 0em;
  margin: 0em;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  cursor: pointer;
  width: 1.25em;
  height: auto;
  -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
  transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
}
/*******************************
            Types
*******************************/
/*-------------------
     Standard
--------------------*/
/* Inactive Icon */
.ui.rating .icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
}
/* Active Icon */
.ui.rating .active.icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.85);
}
/* Selected Icon */
.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
/*-------------------
       Star
--------------------*/
/* Inactive */
.ui.star.rating .icon {
  width: 1.25em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none;
}
/* Active Star */
.ui.star.rating .active.icon {
  background: transparent !important;
  color: #FFE623 !important;
  text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;
}
/* Selected Star */
.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
  background: transparent !important;
  color: #FFCC00 !important;
  text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;
}
/*-------------------
       Heart
--------------------*/
.ui.heart.rating .icon {
  width: 1.4em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none !important;
}
/* Active Heart */
.ui.heart.rating .active.icon {
  background: transparent !important;
  color: #FF6D75 !important;
  text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;
}
/* Selected Heart */
.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
  background: transparent !important;
  color: #FF3000 !important;
  text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;
}
/*******************************
            States
*******************************/
/*-------------------
      Disabled
--------------------*/
/* disabled rating */
.ui.disabled.rating .icon {
  cursor: default;
}
/*-------------------
  User Interactive
--------------------*/
/* Selected Rating */
.ui.rating.selected .active.icon {
  opacity: 1;
}
.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
  opacity: 1;
}
/*******************************
         Variations
*******************************/
.ui.mini.rating {
  font-size: 0.78571429rem;
}
.ui.tiny.rating {
  font-size: 0.85714286rem;
}
.ui.small.rating {
  font-size: 0.92857143rem;
}
.ui.rating {
  font-size: 1rem;
}
.ui.large.rating {
  font-size: 1.14285714rem;
}
.ui.huge.rating {
  font-size: 1.42857143rem;
}
.ui.massive.rating {
  font-size: 2rem;
}
/*******************************
        Theme Overrides
*******************************/
@font-face {
  font-family: 'Rating';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
  font-weight: normal;
  font-style: normal;
}
.ui.rating .icon {
  font-family: 'Rating';
  line-height: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
/* Empty Star */
.ui.rating .icon:before {
  content: '\f005';
}
/* Active Star */
.ui.rating .active.icon:before {
  content: '\f005';
}
/*-------------------
       Star
--------------------*/
/* Unfilled Star */
.ui.star.rating .icon:before {
  content: '\f005';
}
/* Active Star */
.ui.star.rating .active.icon:before {
  content: '\f005';
}
/* Partial */
.ui.star.rating .partial.icon:before {
  content: '\f006';
}
.ui.star.rating .partial.icon {
  content: '\f005';
}
/*-------------------
       Heart
--------------------*/
/* Empty Heart
.ui.heart.rating .icon:before {
 content: '\f08a';
}
*/
.ui.heart.rating .icon:before {
  content: '\f004';
}
/* Active */
.ui.heart.rating .active.icon:before {
  content: '\f004';
}
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Search
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Search
*******************************/
.ui.search {
  position: relative;
}
.ui.search > .prompt {
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-shadow: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2142em;
  padding: 0.67861429em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0em 0em 0em 0em transparent inset;
  -webkit-transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
}
.ui.search .prompt {
  border-radius: 500rem;
}
/*--------------
    Icon
---------------*/
.ui.search .prompt ~ .search.icon {
  cursor: pointer;
}
/*--------------
   Results
---------------*/
.ui.search > .results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0%;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  white-space: normal;
  background: #FFFFFF;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid #D4D4D5;
  z-index: 998;
}
.ui.search > .results > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.search > .results > :last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/*--------------
   Result
---------------*/
.ui.search > .results .result {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding: 0.85714286em 1.14285714em;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.33;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.search > .results .result:last-child {
  border-bottom: none !important;
}
/* Image */
.ui.search > .results .result .image {
  float: right;
  overflow: hidden;
  background: none;
  width: 5em;
  height: 3em;
  border-radius: 0.25em;
}
.ui.search > .results .result .image img {
  display: block;
  width: auto;
  height: 100%;
}
/*--------------
     Info
---------------*/
.ui.search > .results .result .image + .content {
  margin: 0em 6em 0em 0em;
}
.ui.search > .results .result .title {
  margin: -0.14285em 0em 0em;
  font-weight: bold;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result .description {
  margin-top: 0;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.search > .results .result .price {
  float: right;
  color: #21BA45;
}
/*--------------
   Message
---------------*/
.ui.search > .results > .message {
  padding: 1em 1em;
}
.ui.search > .results > .message .header {
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results > .message .description {
  margin-top: 0.25rem;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
}
/* View All Results */
.ui.search > .results > .action {
  display: block;
  border-top: none;
  background: #F3F4F5;
  padding: 0.92857143em 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  text-align: center;
}
/*******************************
           States
*******************************/
/*--------------------
      Focus
---------------------*/
.ui.search > .prompt:focus {
  border-color: rgba(34, 36, 38, 0.35);
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------------
      Loading
---------------------*/
.ui.loading.search .input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.search .input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*--------------
     Hover
---------------*/
.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
  background: #F9FAFB;
}
.ui.search .action:hover {
  background: #E0E0E0;
}
/*--------------
     Active
---------------*/
.ui.category.search > .results .category.active {
  background: #F3F4F5;
}
.ui.category.search > .results .category.active > .name {
  color: rgba(0, 0, 0, 0.87);
}
.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {
  position: relative;
  border-left-color: rgba(34, 36, 38, 0.1);
  background: #F3F4F5;
  box-shadow: none;
}
.ui.search > .results .result.active .title {
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result.active .description {
  color: rgba(0, 0, 0, 0.85);
}
/*******************************
          Types
*******************************/
/*--------------
   Selection
---------------*/
.ui.search.selection .prompt {
  border-radius: 0.28571429rem;
}
/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
  pointer-events: none;
  position: absolute;
  left: auto;
  opacity: 0;
  color: '';
  top: 0em;
  right: 0em;
  -webkit-transition: color 0.1s ease, opacity 0.1s ease;
  transition: color 0.1s ease, opacity 0.1s ease;
}
.ui.search.selection > .icon.input > .active.remove.icon {
  cursor: pointer;
  opacity: 0.8;
  pointer-events: auto;
}
.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
  right: 1.85714em;
}
.ui.search.selection > .icon.input > .remove.icon:hover {
  opacity: 1;
  color: #DB2828;
}
/*--------------
   Category
---------------*/
.ui.category.search .results {
  width: 28em;
}
/* Category */
.ui.category.search > .results .category {
  background: #F3F4F5;
  box-shadow: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
  transition: background 0.1s ease, border-color 0.1s ease;
}
/* Last Category */
.ui.category.search > .results .category:last-child {
  border-bottom: none;
}
/* First / Last */
.ui.category.search > .results .category:first-child .name + .result {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
/* Category Result */
.ui.category.search > .results .category .result {
  background: #FFFFFF;
  margin-left: 100px;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
  transition: background 0.1s ease, border-color 0.1s ease;
  padding: 0.85714286em 1.14285714em;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-bottom: none;
}
/* Category Result Name */
.ui.category.search > .results .category > .name {
  width: 100px;
  background: transparent;
  font-size: 1em;
  float: 1em;
  float: left;
  padding: 0.4em 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
}
/*******************************
          Variations
*******************************/
/*-------------------
    Left / Right
--------------------*/
.ui[class*="left aligned"].search > .results {
  right: auto;
  left: 0%;
}
.ui[class*="right aligned"].search > .results {
  right: 0%;
  left: auto;
}
/*--------------
   Fluid
---------------*/
.ui.fluid.search .results {
  width: 100%;
}
/*--------------
     Sizes
---------------*/
.ui.mini.search {
  font-size: 0.78571429em;
}
.ui.small.search {
  font-size: 0.92857143em;
}
.ui.search {
  font-size: 1em;
}
.ui.large.search {
  font-size: 1.14285714em;
}
.ui.big.search {
  font-size: 1.28571429em;
}
.ui.huge.search {
  font-size: 1.42857143em;
}
.ui.massive.search {
  font-size: 1.71428571em;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Shape
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
             Shape
*******************************/
.ui.shape {
  position: relative;
  vertical-align: top;
  display: inline-block;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.ui.shape .sides {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ui.shape .side {
  opacity: 1;
  width: 100%;
  margin: 0em !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ui.shape .side {
  display: none;
}
.ui.shape .side * {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
/*******************************
            Types
*******************************/
.ui.cube.shape .side {
  min-width: 15em;
  height: 15em;
  padding: 2em;
  background-color: #E6E6E6;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.ui.cube.shape .side > .content {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ui.cube.shape .side > .content > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 2em;
}
/*******************************
         Variations
*******************************/
.ui.text.shape.animating .sides {
  position: static;
}
.ui.text.shape .side {
  white-space: nowrap;
}
.ui.text.shape .side > * {
  white-space: normal;
}
/*******************************
            States
*******************************/
/*--------------
   Loading
---------------*/
.ui.loading.shape {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/*--------------
   Animating
---------------*/
.ui.shape .animating.side {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  z-index: 100;
}
.ui.shape .hidden.side {
  opacity: 0.6;
}
/*--------------
     CSS
---------------*/
.ui.shape.animating .sides {
  position: absolute;
}
.ui.shape.animating .sides {
  -webkit-transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.ui.shape.animating .side {
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
/*--------------
    Active
---------------*/
.ui.shape .active.side {
  display: block;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
       User Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Sidebar
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Sidebar
*******************************/
/* Sidebar Menu */
.ui.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: none;
  transition: none;
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100% !important;
  max-height: 100%;
  border-radius: 0em !important;
  margin: 0em !important;
  overflow-y: auto !important;
  z-index: 102;
}
/* GPU Layers for Child Elements */
.ui.sidebar > * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*--------------
  Direction
---------------*/
.ui.left.sidebar {
  right: auto;
  left: 0px;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ui.right.sidebar {
  right: 0px !important;
  left: auto !important;
  -webkit-transform: translate3d(100%, 0%, 0);
  transform: translate3d(100%, 0%, 0);
}
.ui.top.sidebar,
.ui.bottom.sidebar {
  width: 100% !important;
  height: auto !important;
}
.ui.top.sidebar {
  top: 0px !important;
  bottom: auto !important;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.ui.bottom.sidebar {
  top: auto !important;
  bottom: 0px !important;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
/*--------------
    Pushable
---------------*/
.pushable {
  height: 100%;
  overflow-x: hidden;
  padding: 0em !important;
}
/* Whole Page */
body.pushable {
  background: #545454 !important;
}
/* Page Context */
.pushable:not(body) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushable:not(body) > .ui.sidebar,
.pushable:not(body) > .fixed,
.pushable:not(body) > .pusher:after {
  position: absolute;
}
/*--------------
    Fixed
---------------*/
.pushable > .fixed {
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  will-change: transform;
  z-index: 101;
}
/*--------------
    Page
---------------*/
.pushable > .pusher {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 2;
}
body.pushable > .pusher {
  background: #FFFFFF;
}
/* Pusher should inherit background from context */
.pushable > .pusher {
  background: inherit;
}
/*--------------
    Dimmer
---------------*/
.pushable > .pusher:after {
  position: fixed;
  top: 0px;
  right: 0px;
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  will-change: opacity;
  z-index: 1000;
}
/*--------------
   Coupling
---------------*/
.ui.sidebar.menu .item {
  border-radius: 0em !important;
}
/*******************************
           States
*******************************/
/*--------------
    Dimmed
---------------*/
.pushable > .pusher.dimmed:after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}
/*--------------
   Animating
---------------*/
.ui.animating.sidebar {
  visibility: visible;
}
/*--------------
    Visible
---------------*/
.ui.visible.sidebar {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Shadow Direction */
.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
}
.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
  box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
}
/* Visible On Load */
.ui.visible.left.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .pusher {
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}
.ui.visible.right.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .pusher {
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
}
.ui.visible.top.sidebar ~ .fixed,
.ui.visible.top.sidebar ~ .pusher {
  -webkit-transform: translate3d(0, 36px, 0);
  transform: translate3d(0, 36px, 0);
}
.ui.visible.bottom.sidebar ~ .fixed,
.ui.visible.bottom.sidebar ~ .pusher {
  -webkit-transform: translate3d(0, -36px, 0);
  transform: translate3d(0, -36px, 0);
}
/* opposite sides visible forces content overlay */
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*--------------
      iOS
---------------*/
/*
 iOS incorrectly sizes document when content
 is presented outside of view with 2Dtranslate
*/
html.ios {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
html.ios,
html.ios body {
  height: initial !important;
}
/*******************************
         Variations
*******************************/
/*--------------
    Width
---------------*/
/* Left / Right */
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
  width: 150px;
}
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
  width: 60px;
}
.ui.left.sidebar,
.ui.right.sidebar {
  width: 260px;
}
.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
  width: 350px;
}
.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
  width: 475px;
}
/* Left Visible */
.ui.visible.thin.left.sidebar ~ .fixed,
.ui.visible.thin.left.sidebar ~ .pusher {
  -webkit-transform: translate3d(150px, 0, 0);
  transform: translate3d(150px, 0, 0);
}
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
  -webkit-transform: translate3d(60px, 0, 0);
  transform: translate3d(60px, 0, 0);
}
.ui.visible.wide.left.sidebar ~ .fixed,
.ui.visible.wide.left.sidebar ~ .pusher {
  -webkit-transform: translate3d(350px, 0, 0);
  transform: translate3d(350px, 0, 0);
}
.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
  -webkit-transform: translate3d(475px, 0, 0);
  transform: translate3d(475px, 0, 0);
}
/* Right Visible */
.ui.visible.thin.right.sidebar ~ .fixed,
.ui.visible.thin.right.sidebar ~ .pusher {
  -webkit-transform: translate3d(-150px, 0, 0);
  transform: translate3d(-150px, 0, 0);
}
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
  -webkit-transform: translate3d(-60px, 0, 0);
  transform: translate3d(-60px, 0, 0);
}
.ui.visible.wide.right.sidebar ~ .fixed,
.ui.visible.wide.right.sidebar ~ .pusher {
  -webkit-transform: translate3d(-350px, 0, 0);
  transform: translate3d(-350px, 0, 0);
}
.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
  -webkit-transform: translate3d(-475px, 0, 0);
  transform: translate3d(-475px, 0, 0);
}
/*******************************
         Animations
*******************************/
/*--------------
   Overlay
---------------*/
/* Set-up */
.ui.overlay.sidebar {
  z-index: 102;
}
/* Initial */
.ui.left.overlay.sidebar {
  -webkit-transform: translate3d(-100%, 0%, 0);
  transform: translate3d(-100%, 0%, 0);
}
.ui.right.overlay.sidebar {
  -webkit-transform: translate3d(100%, 0%, 0);
  transform: translate3d(100%, 0%, 0);
}
.ui.top.overlay.sidebar {
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.overlay.sidebar {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
/* Animation */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
/* End - Sidebar */
.ui.visible.left.overlay.sidebar {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.right.overlay.sidebar {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.top.overlay.sidebar {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.bottom.overlay.sidebar {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
/* End - Pusher */
.ui.visible.overlay.sidebar ~ .fixed,
.ui.visible.overlay.sidebar ~ .pusher {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
/*--------------
     Push
---------------*/
/* Initial */
.ui.push.sidebar {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 102;
}
/* Sidebar - Initial */
.ui.left.push.sidebar {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ui.right.push.sidebar {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ui.top.push.sidebar {
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.push.sidebar {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
/* End */
.ui.visible.push.sidebar {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
/*--------------
   Uncover
---------------*/
/* Initial */
.ui.uncover.sidebar {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* End */
.ui.visible.uncover.sidebar {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
/*--------------
  Slide Along
---------------*/
/* Initial */
.ui.slide.along.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.along.sidebar {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.ui.right.slide.along.sidebar {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.ui.top.slide.along.sidebar {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.ui.bottom.slide.along.sidebar {
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
}
/* Animation */
.ui.animating.slide.along.sidebar {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
/* End */
.ui.visible.slide.along.sidebar {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
/*--------------
  Slide Out
---------------*/
/* Initial */
.ui.slide.out.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.out.sidebar {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.ui.right.slide.out.sidebar {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.ui.top.slide.out.sidebar {
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
}
.ui.bottom.slide.out.sidebar {
  -webkit-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);
}
/* Animation */
.ui.animating.slide.out.sidebar {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
/* End */
.ui.visible.slide.out.sidebar {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
/*--------------
  Scale Down
---------------*/
/* Initial */
.ui.scale.down.sidebar {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 102;
}
/* Sidebar - Initial  */
.ui.left.scale.down.sidebar {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ui.right.scale.down.sidebar {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ui.top.scale.down.sidebar {
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.scale.down.sidebar {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}
/* Pusher - Initial */
.ui.scale.down.left.sidebar ~ .pusher {
  -webkit-transform-origin: 75% 50%;
  -ms-transform-origin: 75% 50%;
  transform-origin: 75% 50%;
}
.ui.scale.down.right.sidebar ~ .pusher {
  -webkit-transform-origin: 25% 50%;
  -ms-transform-origin: 25% 50%;
  transform-origin: 25% 50%;
}
.ui.scale.down.top.sidebar ~ .pusher {
  -webkit-transform-origin: 50% 75%;
  -ms-transform-origin: 50% 75%;
  transform-origin: 50% 75%;
}
.ui.scale.down.bottom.sidebar ~ .pusher {
  -webkit-transform-origin: 50% 25%;
  -ms-transform-origin: 50% 25%;
  transform-origin: 50% 25%;
}
/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.ui.visible.scale.down.sidebar ~ .pusher,
.ui.animating.scale.down.sidebar ~ .pusher {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}
/* End */
.ui.visible.scale.down.sidebar {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ui.visible.scale.down.sidebar ~ .pusher {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Sticky
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
           Sticky
*******************************/
.ui.sticky {
  position: static;
  -webkit-transition: none;
  transition: none;
  z-index: 800;
}
/*******************************
           States
*******************************/
/* Bound */
.ui.sticky.bound {
  position: absolute;
  left: auto;
  right: auto;
}
/* Fixed */
.ui.sticky.fixed {
  position: fixed;
  left: auto;
  right: auto;
}
/* Bound/Fixed Position */
.ui.sticky.bound.top,
.ui.sticky.fixed.top {
  top: 0px;
  bottom: auto;
}
.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
  top: auto;
  bottom: 0px;
}
/*******************************
           Types
*******************************/
.ui.native.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
/*******************************
        Theme Overrides
*******************************/
/*******************************
        Site Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Tab
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
          UI Tabs
*******************************/
.ui.tab {
  display: none;
}
/*******************************
            States
*******************************/
/*--------------------
      Active
---------------------*/
.ui.tab.active,
.ui.tab.open {
  display: block;
}
/*--------------------
      Loading
---------------------*/
.ui.tab.loading {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 250px;
}
.ui.tab.loading * {
  position: relative !important;
  left: -10000px !important;
}
.ui.tab.loading:before,
.ui.tab.loading.segment:before {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.tab.loading:after,
.ui.tab.loading.segment:after {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: button-spin 0.6s linear;
  animation: button-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*******************************
        Tab Overrides
*******************************/
/*******************************
       User Overrides
*******************************/
/*!
* # Semantic UI 2.2.2 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
         Transitions
*******************************/
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*******************************
           States
*******************************/
/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important;
}
/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}
/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
 transform: @use3DAcceleration;*/
}
/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
/*******************************
         Variations
*******************************/
.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/*******************************
         Transitions
*******************************/
/*
 Some transitions adapted from Animate CSS
 https://github.com/daneden/animate.css

 Additional transitions adapted from Glide
 by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
    Browse
---------------*/
.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft;
}
.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight;
}
/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
/*--------------
    Drop
---------------*/
.drop.transition {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn;
}
.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut;
}
/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
/*--------------
     Fade
---------------*/
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
/*--------------
    Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut;
}
/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
/*--------------
     Scale
---------------*/
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
/*--------------
     Fly
---------------*/
/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn;
}
.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut;
}
.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight;
}
/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/*--------------
    Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
}
/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
/*--------------
    Swing
---------------*/
.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}
.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
}
.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
}
/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}
@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}
@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}
/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
/*******************************
      Static Animations
*******************************/
/*--------------
   Emphasis
---------------*/
.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash;
}
.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake;
}
.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada;
}
.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle;
}
/* Flash */
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
/* Shake */
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
/* Bounce */
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
/* Rubberband */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*******************************
        Site Overrides
*******************************/
/*
	Icon font
*/
@font-face {
  font-family: 'RedactorFont';
  src: url('redactor-font.eot');
}
@font-face {
  font-family: 'RedactorFont';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
	Box
*/
.redactor-box {
  position: relative;
  overflow: visible;
  margin-bottom: 24px;
}
.redactor-box textarea {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
  outline: none;
  border: none;
  background-color: #111;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo, Monaco, monospace, sans-serif !important;
  resize: none;
}
.redactor-box textarea:focus {
  outline: none;
}
.redactor-editor,
.redactor-box {
  background: #fff;
}
/*
	Z-index setup
*/
.redactor-editor,
.redactor-box,
.redactor-box textarea {
  z-index: auto;
}
.redactor-box-fullscreen {
  z-index: 1051;
}
.redactor-toolbar {
  z-index: 100;
}
.redactor-dropdown {
  z-index: 1052;
}
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 1053;
}
/*
	Resize
*/
.redactor-resize {
  background: #f4f4f4;
  padding: 4px 0 3px 0;
  cursor: move;
  border: 1px solid #e3e3e3;
  border-top: none;
}
.redactor-resize div {
  width: 30px;
  margin: auto;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
/*
	Fullscreen
*/
body .redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
/*
	Utils
*/
.body-redactor-hidden {
  overflow: hidden;
}
/*
	Editor
*/
.redactor-editor {
  position: relative;
  overflow: auto;
  margin: 0 !important;
  padding: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor:focus {
  outline: none;
}
.toolbar-fixed-box + .redactor-editor {
  padding-top: 32px !important;
}
/*
	Placeholder
*/
.redactor-placeholder {
  position: relative;
}
.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  color: #999 !important;
  font-weight: normal !important;
}
/* Placeholder in linebreaks mode */
.redactor-linebreaks.redactor-placeholder:after {
  top: 20px;
  left: 20px;
}
/*
	Toolbar
*/
.redactor-toolbar {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  clear: both;
}
.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.redactor-toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  height: 29px;
  white-space: nowrap;
}
.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 9px 10px;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}
.redactor-toolbar li a:hover i:before {
  color: #fff;
}
.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
  outline: none;
  background-color: #ccc;
  color: #444;
}
.redactor-toolbar li a.redactor-btn-image {
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
.redactor-toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px 10px;
  line-height: 1;
}
.redactor-toolbar li a.redactor-button-disabled {
  filter: alpha(opacity=30);
  -moz-opacity: 30 / 100;
  opacity: 30 / 100;
}
.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}
/*
	Icons
*/
.re-icon {
  font-family: 'RedactorFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.re-icon i:before {
  position: relative;
  font-size: 14px;
}
.re-video:before {
  content: "\e600";
}
.re-unorderedlist:before {
  content: "\e601";
}
.re-undo:before {
  content: "\e602";
}
.re-underline:before {
  content: "\e603";
}
.re-textdirection:before {
  content: "\e604";
}
.re-fontcolor:before {
  content: "\e605";
}
.re-table:before {
  content: "\e606";
}
.re-redo:before {
  content: "\e607";
}
.re-quote:before {
  content: "\e608";
}
.re-outdent:before {
  content: "\e609";
}
.re-orderedlist:before {
  content: "\e60a";
}
.re-link:before {
  content: "\e60b";
}
.re-horizontalrule:before {
  content: "\e60c";
}
.re-italic:before {
  content: "\e60d";
}
.re-indent:before {
  content: "\e60e";
}
.re-image:before {
  content: "\e60f";
}
.re-fullscreen:before {
  content: "\e610";
}
.re-normalscreen:before {
  content: "\e611";
}
.re-formatting:before {
  content: "\e612";
}
.re-fontsize:before {
  content: "\e613";
}
.re-fontfamily:before {
  content: "\e614";
}
.re-deleted:before {
  content: "\e615";
}
.re-html:before {
  content: "\e616";
}
.re-clips:before {
  content: "\e617";
}
.re-bold:before {
  content: "\e618";
}
.re-backcolor:before {
  content: "\e619";
}
.re-file:before {
  content: "\e61a";
}
.re-alignright:before {
  content: "\e61b";
}
.re-alignment:before,
.re-alignleft:before {
  content: "\e61c";
}
.re-alignjustify:before {
  content: "\e61d";
}
.re-aligncenter:before {
  content: "\e61e";
}
.re-gallery:before {
  content: "\e61f";
}
/*
	Toolbar tooltip
*/
.redactor-toolbar-tooltip {
  position: absolute;
  z-index: 1054;
  text-align: center;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  font-size: 12px;
  border-radius: 2px;
}
/*
	Dropdown
*/
.redactor-dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  min-width: 220px;
  max-height: 254px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  line-height: 1.6em;
}
.redactor-dropdown a {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:last-child {
  border-bottom: none;
}
.redactor-dropdown a:hover {
  background-color: #1f78d8;
  color: #fff !important;
  text-decoration: none;
}
/*
	IMAGE BOX
*/
#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  padding: 7px 10px;
  cursor: pointer;
}
#redactor-image-resizer {
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -4px;
  right: -5px;
  border: 1px solid #fff;
  background-color: #000;
  width: 8px;
  height: 8px;
}
/*
	LINK TOOLTIP
*/
.redactor-link-tooltip {
  position: absolute;
  z-index: 49999;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
}
.redactor-link-tooltip a {
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}
.redactor-link-tooltip a:hover {
  color: #fff;
}
/*
	DROPAREA
*/
#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 140px 20px;
  border: 3px dashed rgba(0, 0, 0, 0.1);
}
#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75);
}
#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5);
}
#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}
/*
	PROGRESS
*/
#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}
#redactor-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/*
	MODAL
*/
#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 30 / 100;
  opacity: 30 / 100;
}
#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#redactor-modal {
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 14px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}
#redactor-modal header {
  padding: 30px 40px 5px 40px;
  font-size: 18px;
  font-weight: bold;
}
#redactor-modal section {
  padding: 30px 40px 50px 40px;
}
#redactor-modal label {
  display: block;
  float: none !important;
  margin: 15px 0 3px 0 !important;
  padding: 0;
}
#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
  position: relative;
  top: -1px;
}
#redactor-modal select {
  width: 100%;
}
#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 5px 4px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  -moz-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal textarea:focus {
  outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
  border-color: #e82f2f;
  box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}
/*
	Tabs in Modal
*/
#redactor-modal-tabber {
  margin-bottom: 15px;
  font-size: 12px;
}
#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}
#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}
#redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: rgba(0, 0, 0, 0.6);
}
/*
	List in Modal
*/
#redactor-modal #redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: auto;
}
#redactor-modal #redactor-modal-list li {
  border-bottom: 1px solid #ddd;
}
#redactor-modal #redactor-modal-list li:last-child {
  border-bottom: none;
}
#redactor-modal #redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}
#redactor-modal #redactor-modal-list a:hover {
  background-color: #eee;
}
#redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: right;
  color: #bbb;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
}
#redactor-modal-close:hover {
  color: #000;
}
#redactor-modal footer button {
  position: relative;
  width: 100%;
  padding: 14px 16px;
  margin: 0;
  outline: none;
  border: none;
  background-color: #ddd;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  line-height: 1;
  cursor: pointer;
}
#redactor-modal footer button:hover {
  color: #777;
  background: none;
  background: #bbb;
  text-decoration: none;
}
#redactor-modal footer button.redactor-modal-delete-btn {
  background: none;
  color: #fff;
  background-color: #b52525;
}
#redactor-modal footer button.redactor-modal-delete-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #881b1b;
}
#redactor-modal footer button.redactor-modal-action-btn {
  background: none;
  color: #fff;
  background-color: #2461b5;
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1a4580;
}
/*
	##############################################

	DROPDOWN FORMATTING

	##############################################
*/
.redactor-dropdown .redactor-formatting-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
.redactor-dropdown .redactor-formatting-pre {
  font-family: monospace, sans-serif;
}
.redactor-dropdown .redactor-formatting-h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h5 {
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
}
/*
	##############################################

	 CONTENT STYLES

	##############################################
*/
.redactor-editor code,
.redactor-editor pre {
  font-family: Menlo, Monaco, monospace, sans-serif !important;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor a {
  color: #15c;
  text-decoration: underline;
}
.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
  max-width: 100%;
  width: auto;
}
.redactor-editor video,
.redactor-editor img {
  height: auto;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
  margin-bottom: 15px;
}
.redactor-editor blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.redactor-editor ul,
.redactor-editor ol {
  padding-left: 2em;
}
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.redactor-editor dl dt {
  font-weight: bold;
}
.redactor-editor dd {
  margin-left: 1em;
}
.redactor-editor table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.redactor-editor table td,
.redactor-editor table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.redactor-editor table thead td,
.redactor-editor table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.redactor-editor code {
  background-color: #d8d7d7;
}
.redactor-editor pre {
  overflow: auto;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}
.redactor-editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
  font-weight: bold;
  color: #000;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 0.5em 0;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
  line-height: 1.3;
}
.redactor-editor h1 {
  font-size: 36px;
}
.redactor-editor h2 {
  font-size: 24px;
  margin-bottom: 0.7em;
}
.redactor-editor h3 {
  font-size: 21px;
}
.redactor-editor h4 {
  font-size: 18px;
}
.redactor-editor h5 {
  font-size: 16px;
}
.redactor-editor h6 {
  font-size: 12px;
  text-transform: uppercase;
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/* ************************************** */
/* Mandatory CSS required for ng-sortable */
/* ************************************** */

.as-sortable-item, .as-sortable-placeholder {
    display: block;
}

.as-sortable-item {
    -ms-touch-action: none;
    touch-action: none;
    /* to disable context menu on iOS devices */
    -webkit-touch-callout: none;
}

.as-sortable-item-handle {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.as-sortable-placeholder {
}

.as-sortable-drag {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

.as-sortable-hidden {
    display: none !important;
}

.as-sortable-un-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*!
 * Cropper.js v0.7.1
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-05-28T14:59:00.132Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;

  position: relative;

  -ms-user-select: none;
      user-select: none;

  direction: ltr !important;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.cropper-container img {
  display: block;

  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;

  image-orientation: 0deg !important;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
}

.cropper-view-box {
  display: block;
  overflow: hidden;

  width: 100%;
  height: 100%;

  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
}

.cropper-dashed {
  position: absolute;

  display: block;

  opacity: .5;
  border: 0 dashed #eee;
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;

  width: 100%;
  height: 33.33333%;

  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;

  width: 33.33333%;
  height: 100%;

  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 0;
  height: 0;

  opacity: .75;
}

.cropper-center:before,
.cropper-center:after {
  position: absolute;

  display: block;

  content: ' ';

  background-color: #eee;
}

.cropper-center:before {
  top: 0;
  left: -3px;

  width: 7px;
  height: 1px;
}

.cropper-center:after {
  top: -3px;
  left: 0;

  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;

  display: block;

  width: 100%;
  height: 100%;

  opacity: .1;
}

.cropper-face {
  top: 0;
  left: 0;

  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;

  width: 5px;

  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;

  height: 5px;

  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;

  width: 5px;

  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;

  height: 5px;

  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;

  opacity: .75;
  background-color: #39f;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;

  margin-top: -3px;

  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;

  margin-top: -3px;

  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;

  margin-left: -3px;

  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;

  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;

  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;

  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;

  width: 20px;
  height: 20px;

  cursor: se-resize;

  opacity: 1;
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;

  display: block;

  width: 200%;
  height: 200%;

  content: ' ';

  opacity: 0;
  background-color: #39f;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;

    opacity: .75;
  }
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  position: absolute;

  display: block;

  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* More Generic stuff */
/*
/* HELPERS
/* ==============================================

Only use a helper class if an element/component doesn’t
already have a class to which you could apply this
styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
that ruleset as opposed to adding the `.float--left` class to the markup. */
/* Add/Remove Floats */
.float--right {
  float: right!important;
}
.float--left {
  float: left !important;
}
.float--none {
  float: none !important;
}
/* Text Alignment */
.text--left {
  text-align: left  !important;
}
.text--center {
  text-align: center!important;
}
.text--right {
  text-align: right !important;
}
/* Font Weights */
.weight--light {
  font-weight: 300!important;
}
.weight--normal {
  font-weight: 400!important;
}
.weight--semibold {
  font-weight: 600!important;
}
/* Center */
.block--center {
  margin: 0 auto !important;
}
/* No Margins */
[class*="no margin"] {
  margin: 0 !important;
}
/* Widths Margins */
.push {
  margin: 10px !important;
}
.push--right {
  margin-right: 10px !important;
}
.push--left {
  margin-left: 10px !important;
}
.push--top {
  margin-top: 10px !important;
}
.push--bottom {
  margin-bottom: 10px !important;
}
.push--sides {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.push--ends {
  margin-top: 10px !important;
}
/* Widths padding */
.soft {
  padding: 10px !important;
}
.soft--right {
  padding-right: 10px !important;
}
.soft--left {
  padding-left: 10px !important;
}
.soft--top {
  padding-top: 10px !important;
}
.soft--bottom {
  padding-bottom: 10px !important;
}
.soft--sides {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.soft--ends {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/* Padding */
/* TODO: create mixin to generate padding and margin classes */
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
/* Border */
.border {
  border: 1px solid #A8A9AD;
}
.border--right {
  border-right: 1px solid #A8A9AD;
}
.border--left {
  border-left: 1px solid #A8A9AD;
}
.border--top {
  border-top: 1px solid #A8A9AD;
}
.border--bottom {
  border-bottom: 1px solid #A8A9AD;
}
.border--sides {
  border-left: 1px solid #A8A9AD;
  border-right: 1px solid #A8A9AD;
}
.border--ends {
  border-top: 1px solid #A8A9AD;
  border-bottom: 1px solid #A8A9AD;
}
/* Cursor */
.clickable {
  cursor: pointer !important;
}
.default-cursor {
  cursor: default !important;
}
/* Text */
.red-text {
  color: #F03535;
}
.vertical-center {
  display: flex !important;
  align-items: center;
}
.dynamic-width {
  flex: 1 1 auto !important;
}
.no-spinbox,
.no-spinbox input[type=number]::-webkit-inner-spin-button,
.no-spinbox input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.disabled-feature {
  pointer-events: none !important;
  opacity: 0.4 !important;
}
.two.fields.disable-dropdown > div > div {
  pointer-events: none !important;
  opacity: 0.4 !important;
}
.twelve.gauge_theme.disable-gauge-theme-dropdown > div {
  pointer-events: none !important;
  opacity: 0.4 !important;
}
.apply-coupon {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #54BA48;
}
.apply-coupon :hover {
  color: #54BA48;
}
.coupon-text {
  opacity: 0.5;
}
.pdb-5 {
  padding-bottom: 5px !important;
}
.invalid_email_show_error {
  background-color: #E15A51 !important;
  color: #FFFFFF !important;
}
.invalid_email_show_error i {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
.client_email_info {
  display: flex !important;
  justify-content: center;
  background-color: #FEEFB3;
  color: #AA6216;
  min-height: 1em;
  line-height: 2em;
  border-radius: 6px;
}
.m-3-top {
  margin-top: 3% !important;
}
.m-2-bottom {
  margin-bottom: 2% !important;
}
#snapshot-headline-value h3 {
  font-size: 55px !important;
  text-align: right !important;
}
.light-grey {
  color: #9EA0A5 !important;
}
.p-43-m-7 {
  margin: 7px !important;
  padding-right: 43px;
}
.p-15-m-7 {
  margin: 7px !important;
  padding-right: 15px;
}
#fiscal_year_popup {
  background-color: #424B56;
  color: #FFFFFF;
  font-size: 14px;
  font-family: 'proxima-nova', sans-serif;
  margin-top: 18px;
  height: 185px;
}
#fiscal_year_popup {
  background-color: #424B56;
}
#fiscal_info {
  padding: 10px;
}
#save_option {
  margin-top: 15px;
}
#save_option a {
  color: #1f78b4;
}
.custom-popup {
  position: absolute;
}
.pb-2 {
  padding-bottom: 2px;
}
.mt-2 {
  margin-top: 2px;
}
.attachment-dropdown {
  padding: 0.5em 1em;
  min-width: 150px;
  font-size: 1em;
  font-weight: bold;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-right: 2em;
}
/*
/* RESET
/* ==============================================

Global Reset */
/* Make the box-model awesome */
* {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
/* Normalize margins and paddings */
html,
body {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
html .ui.form .field > label,
body .ui.form .field > label {
  font-weight: normal;
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0;
}
/* Give a help cursor to elements that give extra info on `:hover`.*/
abbr[title],
dfn[title] {
  cursor: help;
}
/* Give form elements some cursor interactions.*/
label,
button,
select,
option {
  cursor: pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none;
}
/***************************************
******** Override Loader Styles ********
****************************************/
.ui.loader {
  border-width: 0.25em;
}
.ui.loader::before {
  border: 0.25em solid rgba(187, 229, 179, 0.5) !important;
}
.ui.loader::after {
  border-color: #50B83C transparent transparent;
}
/* Black Dimmer */
.ui.dimmer .ui.loader::before {
  border: 0.25em solid rgba(187, 229, 179, 0.5) !important;
}
.ui.dimmer .ui.loader::after {
  border-color: #50B83C transparent transparent;
}
/* White Dimmer (Inverted) */
.ui.inverted.dimmer .ui.loader::before {
  border: 0.25em solid rgba(187, 229, 179, 0.5);
}
.ui.inverted.dimmer .ui.loader::after {
  border-color: #50B83C transparent transparent;
}
.ui.inverted.loader::before {
  border: 0.25em solid rgba(187, 229, 179, 0.5);
}
.ui.inverted.loader::after {
  border-color: #50B83C transparent transparent;
}
/* Fade Left */
.ui.fade.left.transition.in {
  -webkit-animation-name: fadeLeft;
  -moz-animation-name: fadeLeft;
  animation-name: fadeLeft;
  -webkit-animation-duration: 1.2s !important;
  -moz-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
}
.ui.fade.left.transition.out {
  -webkit-animation-name: fadeLeftOut;
  -moz-animation-name: fadeLeftOut;
  animation-name: fadeLeftOut;
}
@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  33% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  33% {
    opacity: 0;
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  33% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeLeftOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@-moz-keyframes fadeLeftOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes fadeLeftOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    transform: translateX(30px);
  }
}
/* Fade Right */
.ui.fade.right.transition.in {
  -webkit-animation-name: fadeRight;
  -moz-animation-name: fadeRight;
  animation-name: fadeRight;
  -webkit-animation-duration: 1.2s !important;
  -moz-animation-duration: 1.2s !important;
  animation-duration: 1.2s !important;
}
.ui.fade.right.transition.out {
  -webkit-animation-name: fadeRightOut;
  -moz-animation-name: fadeRightOut;
  animation-name: fadeRightOut;
}
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  33% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  33% {
    opacity: 0;
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  33% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeRightOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}
@-moz-keyframes fadeRightOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}
@keyframes fadeRightOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
input:focus {
  outline: none;
}
input[type="text"] :-moz-placeholder,
input[type="email"] :-moz-placeholder,
textarea :-moz-placeholder {
  color: #CBCBCB;
}
input[type="text"] ::-webkit-input-placeholder,
input[type="email"] ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
  color: #CBCBCB;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #CBCBCB;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #CBCBCB;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #CBCBCB;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #CBCBCB;
}
label.disabled {
  color: #D5D5D5;
}
.addlayout.modal .ui.radio.checkbox {
  line-height: 1.5em;
  margin: 0.4em 1em 0 0;
}
.addlayout.modal .ui.radio.checkbox label {
  font-weight: 400;
}
.addlayout.modal .ui.radio.checkbox label:before {
  width: 1.5em;
  height: 1.5em;
  -webkit-box-shadow: 0em 0em 0em 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0em 0em 0em 2px rgba(0, 0, 0, 0.2);
}
.addlayout.modal .ui.radio.checkbox label:after {
  width: 1.11em;
  height: 1.11em;
}
.addlayout.modal .ui.radio.checkbox.green label:before {
  -webkit-box-shadow: 0em 0em 0em 2px #54BA48;
  box-shadow: 0em 0em 0em 2px #54BA48;
}
.addlayout.modal .ui.radio.checkbox.green label:after {
  background-color: #54BA48;
}
.addlayout.modal .ui.radio.checkbox.red label:before {
  -webkit-box-shadow: 0em 0em 0em 2px #BD5555;
  box-shadow: 0em 0em 0em 2px #BD5555;
}
.addlayout.modal .ui.radio.checkbox.red label:after {
  background-color: #BD5555;
}
.success.content.ui.form {
  width: 800px;
  display: block;
}
.success.content.ui.form .checkboxes {
  padding-top: 10px;
  padding-bottom: 25px;
}
.success.content.ui.form .field label {
  font-size: 16px;
  cursor: default;
}
.success.content.ui.form .ui.selection.dropdown {
  width: 200px;
}
.success.content.ui.form .ui.checkbox label {
  cursor: pointer;
}
.success.content.ui.form textarea {
  height: 250px;
}
/*
.checkbox.toggle {
  .selectable;

  label {
    position: relative;
    display: block;
    float: left;
    width: 130px;
    line-height: 39px;
    text-align: center;
    background-color: @red;
    cursor: pointer;
    .radius(5px);
    .sizing;

    &:after,
    &:before {
      content: "";
      display: block;
      position: absolute;
      width: 20px;
      height: 4px;
      top: 50%;
      left: 50%;
      background: #fff;
      .radius(2px);
      .transition(all .1s linear);
    }

    &:after {
      margin: -2px 0px 0px -10px;
      .transform(rotate(-45deg));
    }

    &:before {
      margin: -2px 0px 0px -10px;
      .transform(rotate(45deg));
    }

    span {
      display: inline-block;
      width: 50%;
      float: left;
      font-size: 1em;
      color: rgba(255,255,255, .9);
      text-shadow: 0px -1px 0px rgba(0,0,0, .1);
    }

    span:first-child {
      color: rgba(0,0,0, .2);
      cursor: pointer;
    }

    span:last-child {
      cursor: default;
    }
  }

  input[type=checkbox] {
    display: none;
  }

  .switch:checked ~ label {
    background-color: @green;

    &:after {
      margin: -2px 0px 0px -6px;
      width: 18px;
    }

    &:before {
      width: 11px;
      margin: 0px 0px 0px -10px;
    }

    span:first-child {
      color: rgba(255,255,255, .9);
      cursor: default;
    }

    span:last-child {
      color: rgba(0,0,0, .2);
      cursor: pointer;
    }
  }
}
*/
.filter-form {
  font-size: 0.85em;
}
.filter-form label {
  margin-right: 10px;
  vertical-align: middle;
}
.filter-form .main-filter {
  font-size: 1rem;
}
.filter-form .main-filter label {
  font-size: 1.8rem;
}
.filter-form .main-filter .ui.input.search {
  width: 100%;
}
.filter-form .ui.dropdown .menu {
  left: auto;
  right: 0px;
}
.filter-form .ui.dropdown .menu > .item {
  font-size: inherit;
}
/*
/* TYPOGRAPHY
/* ============================================== 

All font overrides and font styles found here */
h1,
.alpha {
  font-size: 36px;
}
h2,
.beta {
  font-size: 28px;
}
h3,
.gamma {
  font-size: 24px;
}
h4,
.delta {
  font-size: 20px;
}
h5,
.epsilon {
  font-size: 16px;
}
h6,
.zeta {
  font-size: 14px;
}
.giga {
  font-size: 96px;
}
.mega {
  font-size: 72px;
}
.kilo {
  font-size: 48px;
}
strong {
  font-weight: 700;
}
i.icon.info:before {
  content: "\f05a";
}
html,
body {
  font-family: 'proxima-nova', sans-serif;
  /*
  font-size: @base-font-size;
  overflow-y:scroll;
  min-height:100%;
  */
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'proxima-nova', sans-serif;
}
span.beta {
  display: inline-block;
  background: #FDEEB6;
  padding: 2px 9px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 50px;
  position: relative;
  top: -2px;
  left: 4px;
  text-transform: uppercase;
  color: #9D5F1E;
}
i.icon[ng-click] {
  cursor: pointer;
}
.green {
  color: #54BA48;
}
.blue {
  color: #1f78b4;
}
.markdown.html p {
  margin-bottom: 1em;
}
.markdown.html p:last-child {
  margin: 0 !important;
}
.alert-banner {
  width: 100%;
  padding: 10px;
  color: #353A42;
  text-align: center;
}
.alert-banner a {
  font-weight: 600;
}
.alert-banner.yellow {
  background-color: #fef9b7;
}
.alert-banner.red {
  background-color: #BD5555;
  color: #FFFFFF;
}
.alert-banner.red a {
  color: #FFFFFF;
}
.alert-banner.blue {
  background-color: #1f78b4;
  color: #FFFFFF;
}
.alert-banner.blue a {
  color: #FFFFFF;
}
.alert-banner#autotask-banner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert-banner#autotask-banner .close.icon {
  position: absolute;
  right: 35px;
  cursor: pointer;
}
.alert-banner#autotask-banner p {
  margin-bottom: 0;
  max-width: 75%;
}
.alert-banner#autotask-banner a {
  text-decoration: underline;
}
.tv-mode #autotask-banner {
  display: none;
}
.bgs.accordion.selector {
  max-height: 350px;
  min-height: 350px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
}
.bgs.accordion.selector.nested {
  max-height: 100%;
  min-height: 100%;
  border: none;
  margin: 0;
  box-shadow: none;
  background-color: inherit;
}
.bgs.accordion.selector.nested .tab.item {
  padding-right: 0;
  overflow-x: hidden;
}
.bgs.accordion.selector.nested .tab.item .ui.list {
  padding-top: 0;
}
.bgs.accordion.selector .tab.item {
  border-top: 1px solid #d3d4d6;
  border-radius: 0;
}
.bgs.accordion.selector .tab.item > .title {
  font-size: 20px;
}
.bgs.accordion.selector .tab.item > .title > .selectable.wrapper > .ui.checkbox {
  margin: 0.1875em 0em 0em 0em;
}
.bgs.accordion.selector .tab.item.selected {
  background-color: #E0E1E2;
}
.bgs.accordion.selector .tab.item.selected > .title {
  font-weight: bold;
  font-style: italic;
}
.bgs.accordion.selector .tab.item .content > .list > .item {
  font-size: 14px;
}
.bgs.accordion.selector .tab.item .content.active {
  background-color: inherit !important;
  padding-top: 1em !important;
}
.bgs.accordion.selector .tab.item .content.active .ui.list {
  padding: initial;
}
.bgs.accordion.selector .tab.item .selectable.wrapper {
  display: flex;
}
.bgs.accordion.selector .tab.item .selectable.wrapper > .label {
  width: 100%;
  padding-left: 13px;
}
.bgs.accordion.selector .tab.item.hide-options > .title > i.icon {
  display: none;
}
.ui.picker.buttons.centered .ui.button {
  text-align: center !important;
}
.ui.picker.buttons.toggles {
  border-radius: 4px;
}
.ui.picker.buttons .ui.button {
  text-transform: none;
  border: 1px solid #D5D5D5;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: transparent;
  font-size: 14px;
  padding: 11px 22px 11px 22px;
  color: #616E75;
  margin-left: -1px;
}
.ui.picker.buttons .ui.button.active {
  background-color: #616E75 !important;
  color: #FFFFFF;
  font-weight: 600;
}
.ui.picker.buttons .ui.button.active:hover {
  color: #FFFFFF;
}
.ui.picker.buttons .ui.button:hover {
  background-color: #ececec;
}
.ui.picker.buttons .ui.button:first {
  margin-left: 0;
}
.ui.button {
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  padding: 10px 25px 10px 25px;
  /*text-transform: uppercase;*/
  font-family: 'proxima-nova', sans-serif;
  font-weight: 300;
}
.ui.button.hierarchy-modal-button {
  cursor: auto;
}
.ui.button.green {
  background-color: #54BA48;
}
.ui.button.green:hover {
  background-color: #469e3b;
}
.ui.button.large {
  font-size: 18px;
}
.ui.button.negative {
  background-color: #F03535;
  color: #ffffff;
}
.ui.button.negative:active,
.ui.button.negative:hover {
  background-color: #ee1414;
}
.ui.button.negative.disabled {
  background-color: #FDEAEA;
  color: #2D3239;
}
.ui.button.pilot {
  border-radius: 17px;
  padding-left: 15px;
  padding-right: 15px;
}
.ui.primary.button,
.ui.primary.buttons .button {
  background-color: #1f78b4;
}
.ui.primary.button:active,
.ui.primary.buttons .button:active,
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: #2C9BCA;
}
.ui.primary.button.disabled,
.ui.primary.buttons .button.disabled {
  background-color: #1f78b4 !important;
  color: #FFFFFF !important;
  opacity: 0.4 !important;
}
/* TODO: REMOVE BTN STYLES ... this is bootstrap crap. */
/*******************************
            Modal Buttons
*******************************/
.ui.button {
  -webkit-box-shadow: 0 0 0, inset 0 0 0;
  -moz-box-shadow: 0 0 0, inset 0 0 0;
  box-shadow: 0 0 0, inset 0 0 0;
}
.button:disabled {
  opacity: 0.4;
}
/*--- Dark Grey ---*/
html body .ui.dark-grey.button {
  background-color: #D5D5D5;
  color: #FFFFFF;
}
html body .ui.dark-grey.button:hover {
  background-color: #bcbcbc;
}
/*--- Dark Blue ---*/
html body .ui.dark-blue.button {
  background-color: #1f78b4;
  color: #FFFFFF;
}
html body .ui.dark-blue.button:hover {
  background-color: #185b88;
}
html body .ui.light-red.button {
  background-color: #E26B6B;
  color: #FFFFFF;
}
html body .ui.light-red.button:hover {
  background-color: #da4040;
}
/* TODO: MOVE */
.ui.create-folder.button {
  color: #54BA48;
  background: #FFFFFF;
  font-weight: normal;
  text-transform: none;
  font-size: 1rem;
  display: block;
  -webkit-box-shadow: 0 0 0 1px #54BA48, inset 0 0 0;
  -moz-box-shadow: 0 0 0 1px #54BA48, inset 0 0 0;
  box-shadow: 0 0 0 1px #54BA48, inset 0 0 0;
}
.ui.create-folder.button i {
  opacity: 1;
  width: 0.65em;
  font-size: 1.25em;
  margin-right: 0.25em;
}
.ui.create-folder.button:hover {
  background: #54BA48;
  color: #fff;
}
.ui.create-folder.button:active {
  -webkit-box-shadow: 0 0 0 2px #439639, inset 0 0 0;
  -moz-box-shadow: 0 0 0 2px #439639, inset 0 0 0;
  box-shadow: 0 0 0 2px #439639, inset 0 0 0;
}
.bg-checkbox {
  width: 16px;
  height: 16px;
  background-color: #525A65;
  border-radius: 50px;
  cursor: pointer;
}
.bg-checkbox.checked {
  background-image: url('/static/img/reports/icn-client-select-active.png');
  background-size: 16px;
  background-color: transparent;
}
.bg-checkbox.light-grey {
  background-color: #D3D3D3;
}
.bg-checkbox.light-grey.checked {
  background-color: transparent;
}
.bg-checkbox.green {
  height: 30px;
  width: 32px;
  border: 1px solid #D3D3D3;
  color: #D3D3D3;
  background-color: transparent;
  display: inline-block;
  border-radius: 2px;
}
.bg-checkbox.green label {
  margin: 10px;
  line-height: 30px;
}
.bg-checkbox.green.checked {
  background-image: none;
  border-color: #54BA48;
  color: #54BA48;
}
.bg-checkbox.light {
  background-color: #D5D5D5;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.bg-checkbox.light.hollow {
  background-image: none;
  background-color: #FFFFFF;
  border: 1px solid #D5D5D5;
}
.bg-checkbox.light.hollow.disabled {
  border: none;
  background-color: #D5D5D5;
}
.bg-checkbox.light + label {
  margin-left: 4px;
  display: inline-block !important;
}
.bg-checkbox.light.checked {
  background-image: none;
  background-color: #1f78b4;
  border: none;
}
.bg-list-selector:not(.item-list) .list {
  border-top: none !important;
}
.bg-list-selector .left.input .dropdown.button {
  border-radius: 3px 0 0 0;
}
.bg-list-selector input {
  border-radius: 3px 3px 0 0 !important;
}
.bg-list-selector .list {
  border-radius: 0 0 3px 3px !important;
}
.plus-button {
  padding: 8px 8px 8px 7px !important;
  width: 35px;
  height: 35px;
}
.plus-button .icon {
  font-size: 20px;
}
.change-account {
  width: 450px!important;
  margin-left: -226px !important;
  border: #000000;
}
.change-account .content {
  padding-bottom: 0!important;
}
.change-account .ui.grid {
  margin: 0;
}
.change-account .price {
  margin-left: -2em !important;
  margin-right: -2em !important;
}
.change-account .price .row {
  border-top: solid 1px #CFCFCF;
  border-bottom: solid 1px #CFCFCF;
  font-weight: 500;
  font-size: 25px;
  color: #333633;
}
.change-account .plan-name {
  color: #333633;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  padding: 10px 0 5px;
}
.change-account .plan-options {
  margin-left: -2em !important;
  margin-right: -2em !important;
}
.change-account .plan-options .name {
  margin-left: -9.5em !important;
}
.change-account .plan-options .row {
  padding: 0;
}
.change-account .plan-options .plans {
  margin-left: 0;
  color: #1f78b4;
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
}
.change-account .plan-options .bordered-row {
  position: relative;
  border-bottom: 1px solid #ccc;
  /* Adjust the color as needed */
}
.change-account .plan-options .plan-shift {
  display: flex;
  justify-content: flex-start;
  margin-left: 45px;
}
.change-account .plan-options .total {
  text-align: right;
  margin-left: auto;
  margin-right: 32px;
}
.change-account .plan-options .plan-count {
  font-size: 11px;
  margin: auto;
  color: black;
}
.change-account .plan-options .dropdown-container {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}
.change-account .plan-options .dropdown.icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}
.change-account .configuration {
  padding: 5px 0;
  margin-left: -2em !important;
  margin-right: -2em !important;
}
.change-account .configuration .dataplan {
  float: left;
}
.change-account .configuration .wrapper {
  width: 355px;
  margin: 0 auto;
  font-weight: 600;
  line-height: initial;
}
.change-account .configuration .wrapper > p {
  float: left;
  font-size: 12px;
  margin-bottom: 10px;
  text-align: left !important;
}
.change-account .configuration .row {
  padding: 0;
}
.change-account .configuration .wrapper-diff {
  padding: 0 0 15px;
  flex: 0 0 30%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.change-account .configuration .count-diff {
  min-width: 35px;
  text-align: center;
}
.change-account .configuration .bordered-row {
  position: relative;
  margin-bottom: 10px;
  /* Adjust as needed */
  border-bottom: 1px solid #ccc;
  /* Adjust the color as needed */
}
.change-account .configuration .name {
  line-height: 30px;
  font-size: 18px;
  float: left;
}
.change-account .configuration .name .icon {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.change-account .configuration .count {
  font-size: 22px;
  float: right;
  text-align: center;
  min-width: 35px;
}
.change-account .configuration .count .icon {
  font-size: 20px;
  color: #53B847;
}
.change-account .configuration .total-count {
  min-width: 30px;
  text-align: center;
  margin-left: 10px;
}
.change-account .configuration .disabled {
  opacity: 0.5;
  pointer-events: none;
  /* Prevent interaction */
}
.change-account .plan-details {
  text-align: center;
  margin-top: 20px;
}
.change-account .plan-details .note {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 7px;
}
.change-account .plan-details .button {
  width: 100%;
  margin-top: 10px;
}
.change-account .plan-details .wrapper > div {
  clear: both;
}
.change-account .error.message {
  text-align: left;
  width: 100%;
  margin-top: auto;
  left: inherit;
}
.change-account .error.message .header {
  font-size: 16px;
}
.change-account .error.message p {
  font-size: 14px;
}
.change-account .confirmation .row {
  padding: 8px 0;
}
.change-account .confirmation .wrapper {
  margin: 0 auto;
  width: 275px;
}
.change-account .confirmation .wrapper .header {
  width: 230px;
  text-align: center;
  display: inline-block;
  font-size: 21px;
}
.change-account .confirmation .wrapper .downgrade-icon svg {
  height: 36px;
  width: 36px;
  position: relative;
  top: 10px;
}
.change-account .confirmation .wrapper .delete-account-downgrade-icon svg {
  height: 36px;
  width: 36px;
  position: initial;
  top: 10px;
}
.change-account .confirmation .wrapper table tr {
  vertical-align: baseline;
}
.change-account .confirmation .wrapper table tr td {
  padding-bottom: 5px;
}
.change-account .confirmation .wrapper table tr td:first-child {
  padding-right: 5px;
  vertical-align: top;
}
.change-account .confirmation .wrapper table tr td:not(:first-child) {
  padding-top: 2px;
}
.change-account .actions {
  border-top: none;
}
.change-account .actions .button {
  width: 163px;
}
.change-plan-sidebar.aside {
  padding: 0;
}
.change-plan-sidebar.aside > .plan {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 120px;
  padding: 0rem 1rem;
  text-align: center;
  -webkit-transition: 0.05s linear background;
  -moz-transition: 0.05s linear background;
  -o-transition: 0.05s linear background;
  transition: 0.05s linear background;
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
.change-plan-sidebar.aside > .plan .uppercase {
  text-transform: uppercase;
}
.change-plan-sidebar.aside > .plan h2 {
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #41474F;
}
.change-plan-sidebar.aside > .plan span {
  font-size: 12px;
}
.change-plan-sidebar.aside > .plan span:not(.text) {
  color: #53B847;
}
.change-plan-sidebar.aside > .plan span.red {
  color: red;
}
.change-plan-sidebar.aside > .plan-features {
  line-height: 20px;
  border-top: 1px solid #DCE4E8;
}
.change-plan-sidebar.aside > .plan-features > .grid {
  margin: 0;
}
.change-plan-sidebar.aside > .plan-features label {
  cursor: unset;
}
.change-plan-sidebar.aside > .plan-features .row {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #DCE4E8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.change-plan-sidebar.aside > .plan-features ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
.change-plan-sidebar.aside > .plan-features .column {
  padding: 15px;
  font-size: 18px;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2) {
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2) input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 26px;
  padding: 0;
  text-align: center;
  font-size: 18px;
  color: #A8A9AD;
  background-color: transparent;
  border: none;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2) i {
  cursor: pointer;
  color: #54BA48;
  font-size: 14px;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2) i.link.icon.minus {
  margin-right: 5px;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2) i.link.icon.plus {
  margin-left: 5px;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2) i:hover {
  opacity: 1;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox {
  cursor: pointer;
  padding-right: 16px;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox span {
  display: inline-block;
  font-size: 14px;
  color: #000000;
  padding: 4px;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox span:not(:first-child) {
  margin-left: 10px;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox input[type="checkbox"] ~ .on {
  opacity: 0.5;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox input[type="checkbox"] ~ .off {
  opacity: 1;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox input[type="checkbox"]:checked ~ .on {
  opacity: 1;
}
.change-plan-sidebar.aside > .plan-features .column:nth-child(2).checkbox input[type="checkbox"]:checked ~ .off {
  opacity: 0.5;
}
.change-plan-sidebar.aside > .plan-features .total {
  background: #eff8f0;
  border-bottom: 1px solid #DCE4E8;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
.change-plan-sidebar.aside > .plan-features .total h4 {
  padding: 0;
  margin: 0;
  font-size: 20px;
}
.change-plan-sidebar.aside > .plan-features .total .font.size.h7 {
  font-size: 12px;
}
.change-plan-sidebar.aside > .plan-features.disabled {
  opacity: 0.3 !important;
}
.change-plan-sidebar.aside li.coupon {
  font-size: 17px;
}
.change-plan-sidebar.aside li.coupon div {
  font-weight: 600;
  text-decoration: underline;
  padding: 5px 0;
}
.update-credit-card-modal {
  width: 610px !important;
}
.update-credit-card {
  padding: 0 !important;
  display: block;
  width: 100%;
  display: inline-block;
}
.update-credit-card .uppercase {
  text-transform: uppercase;
}
.update-credit-card i.icon {
  font-size: 1em !important;
}
.update-credit-card h3 {
  color: #8B919D;
  padding: 0;
  margin: 0;
  line-height: 1.3;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-size: 24px;
}
.update-credit-card .fields {
  margin: 0 !important;
}
.update-credit-card .fields .field {
  margin: 0;
  padding-left: 1.7%;
  padding-right: 1.7%;
  display: inline-flex;
}
.update-credit-card .fields .field:first-child {
  padding-left: 0;
}
.update-credit-card .fields .field:last-child {
  padding-right: 0;
}
.update-credit-card .fields iframe {
  width: 100% !important;
}
.update-credit-card .button {
  margin: 0;
  float: right;
}
.ui.checkbox.red input:checked ~ label:before {
  border-color: #BD5555 !important;
}
.ui.checkbox.red label:after {
  color: #BD5555 !important;
}
.ui.checkbox.green input:checked ~ label:before,
.ui.checkbox.green input:indeterminate ~ label:before {
  border-color: #54BA48 !important;
}
.ui.checkbox.green label:after {
  color: #54BA48 !important;
}
.ui.checkbox.toggle label:after {
  background: #C5BDC8;
}
.ui.checkbox.toggle label:before {
  background-color: #7B767D !important;
}
.ui.checkbox.toggle input:checked ~ label:before,
.ui.checkbox.toggle input:focus:checked ~ label:before {
  background-color: #7B767D !important;
}
.ui.checkbox.toggle input:checked ~ label:after,
.ui.checkbox.toggle input:focus:checked ~ label:after {
  background: #54BA48;
}
.ui.radio.checkbox.red label:after {
  background-color: #BD5555 !important;
}
.ui.radio.checkbox.green label:after {
  background-color: #54BA48 !important;
}
img.customer.logo {
  border: 1px solid #D3D3D3;
  padding: 10px;
  border-radius: 3px;
  max-width: 250px;
  max-height: 100px;
}
customer-email-list .loader {
  margin-right: 10px;
}
customer-email-list .emails {
  margin-bottom: 20px;
}
customer-email-list .emails .customer-email {
  padding: 15px 0;
  padding-left: 5px;
}
customer-email-list .emails .customer-email.new-email {
  padding: 0;
}
customer-email-list .emails .customer-email .view span .icon {
  color: #1f78b4;
}
customer-email-list .emails .customer-email .view span .icon.pencil {
  margin-left: 12px;
}
customer-email-list .emails .customer-email .view .loader {
  margin-left: 12px;
}
customer-email-list .emails .customer-email .edit .loader {
  margin-top: 8px;
  margin-right: 0;
}
customer-email-list .emails .default {
  font-style: italic;
  opacity: 0.4;
}
customer-email-list .connectivity-form .row {
  padding: 0 0;
}
customer-email-list .connectivity-form .column {
  padding-left: 5px !important;
}
customer-email-list .connectivity-form span .connect {
  display: inline-block;
  line-height: 42px;
  cursor: pointer;
  padding-right: 10px;
}
customer-email-list .connectivity-form span .connect.save {
  color: #3C86C7;
}
customer-email-list .connectivity-form span .connect.cancel {
  color: #BD5555;
}
customer-email-list .connectivity-form .primary.button {
  text-transform: uppercase;
}
.daterangepicker.opensright .calendar {
  margin: 7px !important;
}
.daterangepicker .ranges {
  width: 100%;
  text-align: center;
}
date-picker {
  display: block;
  margin: 10px 0;
}
date-picker .ui.input {
  position: relative;
  width: 100%;
}
date-picker input,
date-picker th,
date-picker td {
  font-family: 'proxima-nova', sans-serif !important;
}
date-picker .ui.left.icon.input input[type="text"].date {
  padding-left: 53px !important;
  padding-top: 10px !important;
}
date-picker input.date,
date-picker i.icon {
  cursor: pointer !important;
}
date-picker i.icon {
  transition: 300ms;
}
date-picker i.icon.calendar {
  width: 40px !important;
  border-right: 1px solid rgba(39, 41, 43, 0.15);
  pointer-events: none;
}
date-picker i.icon.remove.circle {
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  opacity: 0 !important;
}
date-picker i.icon.remove.circle:hover {
  opacity: 1 !important;
}
date-picker input.date:hover.calendar,
date-picker input.date:focus.calendar {
  border-color: rgba(39, 41, 43, 0.3);
}
date-picker input.date:hover + i.icon.remove.circle,
date-picker input.date:focus + i.icon.remove.circle {
  opacity: 0.5 !important;
}
date-picker input.date:hover + i.icon.remove.circle:hover,
date-picker input.date:focus + i.icon.remove.circle:hover {
  opacity: 1 !important;
}
.ui.full.dropdown {
  width: 100%;
}
.ui.full.dropdown i {
  float: right;
}
.ui.dropdown .pre-text {
  float: left;
  margin-right: 8px;
}
.ui.dropdown .default.text {
  color: inherit;
}
.ui.dropdown .default.text.strong {
  font-weight: 700;
}
.ui.dropdown.dark {
  background-color: #edefef;
}
.ui.dropdown .menu > .item {
  line-height: 1.2em !important;
}
.ui.dropdown .menu .item.invalid,
.ui.dropdown .menu .item.invalid:hover {
  color: #BD5555;
}
.ui.dropdown .menu .item.disabled {
  font-style: italic;
  color: #a7a9ab;
}
.ui.dropdown .menu .item.disabled.allow-events {
  background: inherit;
  pointer-events: auto !important;
}
.ui.dropdown .menu .item .ui.label.processing,
.ui.dropdown .menu .item .ui.label.horizontal.processing {
  cursor: default !important;
  text-transform: uppercase !important;
  background-color: #AFAFAF !important;
  color: white !important;
  font-weight: 100 !important;
  margin: 0 5px !important;
  border-radius: 4.5712px !important;
  line-height: 11px !important;
  font-style: normal;
  padding: 3px 8px !important;
  font-size: 11px !important;
}
.multiple.search.dropdown .label ~ .text {
  display: none;
}
.multiple.search.dropdown.plain {
  padding: 0;
  margin: 0 5px;
  border: none;
  box-shadow: none !important;
  min-height: 29px;
}
.multiple.search.dropdown.plain .default.text {
  margin-left: 12px;
  padding: 0;
  min-height: 29px;
  top: 2px;
  opacity: 0.4;
  cursor: pointer;
  line-height: 30px !important;
}
.multiple.search.dropdown.plain .ui.label {
  background-color: #f4f5f7;
  border-color: #f4f5f7;
  margin-top: 9px;
}
.multiple.search.dropdown.plain .ui.label .error {
  color: #ca4d51;
}
.multiple.search.dropdown.plain .label ~ .search {
  top: 0 !important;
}
.multiple.search.dropdown.plain .search {
  position: absolute;
  width: 20px;
  padding: 0 !important;
  margin: 0;
  margin-left: 8px;
  left: auto;
  top: 2px;
  min-height: 29px;
  vertical-align: middle;
  line-height: 30px !important;
}
.multiple.search.dropdown.plain .message {
  padding: 12px;
  color: lightgrey;
  margin-left: 7px;
}
.ui.menu .bg.ui.dropdown .menu,
.bg.ui.dropdown .menu {
  padding: 0.3em 0;
}
.ui.menu .bg.ui.dropdown .menu > .item,
.bg.ui.dropdown .menu > .item {
  margin: 0 0.38em;
  padding-left: 1.2em !important;
  border-radius: 3px;
  border-top: none !important;
  padding-top: 0.68em !important;
  padding-bottom: 0.66em !important;
}
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events):hover,
.bg.ui.dropdown .menu > .item:not(.allow-events):hover,
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events):focus,
.bg.ui.dropdown .menu > .item:not(.allow-events):focus,
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events).selected,
.bg.ui.dropdown .menu > .item:not(.allow-events).selected {
  background-color: #6796CB !important;
  color: #FFF !important;
}
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events):hover .svg-icon svg *,
.bg.ui.dropdown .menu > .item:not(.allow-events):hover .svg-icon svg *,
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events):focus .svg-icon svg *,
.bg.ui.dropdown .menu > .item:not(.allow-events):focus .svg-icon svg *,
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events).selected .svg-icon svg *,
.bg.ui.dropdown .menu > .item:not(.allow-events).selected .svg-icon svg * {
  opacity: 1;
  fill: #FFF;
}
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events).red,
.bg.ui.dropdown .menu > .item:not(.allow-events).red {
  color: #BD5555;
}
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events).red:hover,
.bg.ui.dropdown .menu > .item:not(.allow-events).red:hover,
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events).red:focus,
.bg.ui.dropdown .menu > .item:not(.allow-events).red:focus,
.ui.menu .bg.ui.dropdown .menu > .item:not(.allow-events).red.selected,
.bg.ui.dropdown .menu > .item:not(.allow-events).red.selected {
  background-color: #BD5555 !important;
  color: #FFF !important;
}
.ui.menu .bg.ui.dropdown .menu > .item .icon.svg-icon svg,
.bg.ui.dropdown .menu > .item .icon.svg-icon svg {
  top: 0;
  width: 14px;
  height: 14px;
}
.ui.menu .bg.ui.dropdown .divider,
.bg.ui.dropdown .divider {
  margin: 0.3em 0;
  border-color: #D4D4D5;
}
.floating.dropdown[bg-dropdown] .header {
  color: #C3C0C0;
  text-transform: capitalize;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
  font-size: 16px;
  font-weight: 300;
}
.floating.dropdown[bg-dropdown] .header .svg-icon {
  display: inline-block;
  position: relative;
  top: 7px;
  width: 21px;
}
.floating.dropdown[bg-dropdown] .header .svg-icon.bool {
  margin-right: 2px;
  margin-left: -2px;
}
.floating.dropdown[bg-dropdown]:not(.more-menu) > .menu {
  width: 380px;
  min-width: 280px!important;
  max-width: 380px;
  padding: 0;
}
.floating.dropdown[bg-dropdown]:not(.more-menu) > .menu:not(.ie) .item {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.floating.dropdown[bg-dropdown]:not(.more-menu) > .menu .scrolling {
  box-shadow: none !important;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
}
.floating.dropdown[bg-dropdown]:not(.more-menu) > .menu.ie {
  max-height: 300px;
  overflow-y: auto;
}
.floating.dropdown[bg-dropdown]:not(.more-menu) > .menu.ie .header {
  padding: 0em 1.14285714rem;
}
.floating.dropdown[bg-dropdown]:not(.more-menu) > .menu.ie .item {
  padding-left: 1.2em !important;
  line-height: 40px;
}
.floating.dropdown[bg-dropdown]:not(.more-menu) .menu .item {
  margin-left: 21px;
}
#dashboard-list-dropdown-menu .dropdown {
  padding-left: 5px;
}
#dashboard-list-dropdown-menu .dropdown > span {
  font-size: 20px;
  font-weight: 300;
}
#dashboard-list-dropdown-menu .dropdown > .menu {
  min-width: 280px !important;
  padding-bottom: 10px;
}
#dashboard-list-dropdown-menu .dropdown .scrolling.menu {
  padding-top: 10px;
  box-shadow: none !important;
  border-radius: 0 !important;
}
#dashboard-list-dropdown-menu .dropdown .scrolling.menu .list-header {
  color: #C3C0C0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 300;
}
#dashboard-list-dropdown-menu .dropdown .scrolling.menu .list-header svg {
  width: 14px;
  height: 15px;
}
#dashboard-list-dropdown-menu .dropdown .scrolling.menu .list-header svg rect,
#dashboard-list-dropdown-menu .dropdown .scrolling.menu .list-header svg path {
  fill: #C3C0C0 !important;
  stroke: #C3C0C0 !important;
}
#dashboard-list-dropdown-menu .dropdown .scrolling.menu a.item {
  width: 93%;
  padding-left: 5px;
  margin-left: 15px;
  border-radius: 5px;
}
#dashboard-list-dropdown-menu .dropdown .scrolling.menu a.item:hover,
#dashboard-list-dropdown-menu .dropdown .scrolling.menu a.item.selected {
  background-color: #6796CB !important;
  color: #FFF !important;
}
.ui.dropdown:not(.button) > .default.text,
.ui.dropdown:not(.button) > .text {
  color: inherit;
}
[flip-cycle],
flip-cycle {
  position: relative;
}
[flip-cycle] > *,
flip-cycle > * {
  transform-style: preserve-3d;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  z-index: 0;
  transform: rotateY(180deg);
  visibility: hidden;
}
[flip-cycle] > *.front,
flip-cycle > *.front {
  visibility: visible;
  z-index: 3;
  transform: rotateY(0deg);
}
[flip-cycle] > *.back,
flip-cycle > *.back {
  visibility: visible;
  z-index: 1;
  transform: rotateY(180deg);
}
[flip-cycle] > *.previous-front,
flip-cycle > *.previous-front {
  visibility: visible;
  z-index: 2;
  transform: rotateY(-180deg);
}
i.circular.icon.red.filled {
  background-color: #FDEAEA;
  border: none;
  box-shadow: none;
}
.icon-container {
  margin: 10px !important;
}
.bg-icon.cover:not(.report-item-icon) {
  text-align: center;
}
.bg-icon.cover:not(.report-item-icon) p {
  padding: 0 15px;
}
.content-area.server-error .bg-icon.cover p {
  font-size: 17px;
}
.content-area.server-error .bg-icon.cover svg {
  height: 40px;
}
.not-advanced {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.not-advanced svg {
  margin: 10px;
}
.not-advanced p {
  font-size: 24px;
}
.not-advanced span {
  font-size: 14px;
}
.timeout-error .bg-loader svg {
  width: 60px;
  height: 60px;
}
.timeout-error .bg-loader #bg-warning-sign {
  fill: #C9CACC;
}
.bg-icon {
  display: inline-block;
  height: auto;
  width: auto;
}
.bg-icon.svg.fluid {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bg-icon.svg.fluid svg {
  height: 1em;
  width: 1em;
}
.bg-icon.svg.top.two {
  position: relative;
  top: 1px;
}
.bg-icon:not(.no-fill) svg:not(.not-advanced) * {
  fill: #C9CACC;
}
.bg-icon p {
  color: #C9CACC;
}
.bg-icon.clickable {
  cursor: pointer;
}
.bg-icon.icon.circular {
  padding: 0 !important;
}
.bg-icon.icon.circular > .bg-icon {
  border-radius: 999px;
}
.bg-icon.small svg {
  display: inline;
  width: 14px;
  height: 20px;
  margin: 5px 1px;
}
.bg-icon.small p {
  position: relative;
  top: -12px;
  display: inline;
  margin-left: 3px;
  font-size: 12px;
  color: #C9CACC;
  font-weight: bold;
}
.bg-icon.wide {
  text-align: center;
  width: 100%;
}
.bg-icon.wide svg {
  width: 100%;
  height: 100px;
}
.bg-icon.cover {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #F1F1F1;
}
.bg-icon.cover svg {
  width: 100%;
  height: 33%;
  max-height: 100px;
  margin-bottom: 5px;
}
.bg-icon.cover .delete-img {
  width: 40%;
  height: 30%;
  max-height: 100px;
  margin-bottom: 20px;
}
.bg-icon.cover p {
  font-size: 22px;
}
.bg-icon.red svg * {
  fill: #D65555 !important;
}
.bg-icon.red p {
  color: #D65555;
}
.bg-icon.green svg * {
  fill: #54BA48;
}
.bg-icon.green p {
  color: #54BA48;
}
.bg-icon.grey svg * {
  fill: #8B919D;
}
.bg-icon.grey p {
  color: #8B919D;
}
.bg-icon.black svg * {
  fill: #2D3239;
}
.bg-icon.report-item-icon {
  background: none;
}
.bg-icon.report-item-icon p {
  color: #ADB0B6;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
}
.bg-icon.report-item-icon svg {
  height: auto;
  width: 15%;
}
.bg-icon.report-item-icon svg * {
  fill: #ADB0B6;
}
.bg-icon.report-item-icon.headline svg {
  width: auto;
}
body.dashboards.tv-mode .bg-icon.cover p {
  max-width: 600px;
}
body.dashboards.tv-mode.dark.theme .bg-icon.cover {
  background-color: #242830;
}
body.dashboards.tv-mode.dark.theme .bg-icon.cover svg * {
  fill: #515761;
}
body.dashboards.tv-mode.dark.theme .bg-icon.cover p {
  color: #515761;
}
icon-button-copy {
  display: inline-block;
  width: 23px;
  height: 22px;
  margin: 0 5px;
}
.icon-button-copy {
  display: inline-block;
  width: 23px;
  height: 22px;
  text-align: center;
  border-radius: 20px;
  font-size: 15px;
  cursor: pointer;
}
.icon-button-copy:hover {
  background-color: #8B919D;
  color: #FFFFFF;
}
.icon-button-copy:hover svg * {
  fill: #FFFFFF;
}
.icon-button-copy svg {
  width: 11px;
  height: 11px;
  margin: 5px 0 0 0;
}
.icon-button-copy svg * {
  opacity: 1;
  fill: #8B919D;
}
.icon-button-copy i {
  margin: 0;
}
i-flash-on-react svg {
  width: 0.7em !important;
  height: 0.5em !important;
}
i-schedule-react svg {
  width: 0.7em !important;
  height: 0.7em !important;
  top: 4px !important;
  position: relative !important;
}
.dashboard-label.ui.label {
  font-weight: 400;
  text-transform: uppercase;
}
.gauges.builder .public-dashboard.label {
  font-size: 10px;
}
.main-app-container .ui.inverted.dimmer .ui.loader {
  background: none;
  background-position: initial;
}
/*
/* MEDIA
/* ==============================================

 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code

 .media
  %img.media-img{alt: "", src: "http://placekitten.com/200/300"}/
  %p.media-body
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

*/
.media {
  display: block;
  /* @extend .cf; */
}
.media:after {
  content: "";
  display: table;
  clear: both;
}
.media-img {
  float: left;
  margin-right: 20px;
}
/**
 * Reversed image location (right instead of left).
 */
.media-img--rev {
  float: right;
  margin-left: 20px;
}
.media-img img,
.media-img--rev img {
  display: block;
}
.media-body {
  overflow: hidden;
}
.media-body,
.media-body > :last-child {
  margin-bottom: 0;
}
/**
 * `.img`s in `.islet`s need an appropriately sized margin.
 */
.islet .media-img {
  margin-right: 20px;
}
.islet .media-img--rev {
  margin-left: 20px;
}
/* Brand Blue */
.ui.brandblue.message {
  background-color: #c4e1f5;
  color: #1f78b4;
}
.ui.brandblue.message,
.ui.attached.brandblue.message {
  box-shadow: 0px 0px 0px 1px #2b94db inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.ui.brandblue.message .header {
  color: #1f78b4;
}
.ui.modal.legacy > .header {
  margin: 0em;
  color: #fff;
  font-weight: 500;
}
.ui.modal.legacy.filter-modal > .content .expand-collapse-all {
  float: right;
  margin-top: 1rem;
  color: #1f78b4;
  clear: both;
}
.ui.modal.legacy.filter-modal > .content .expand-collapse-all + .bgs.accordion.selector {
  margin-top: 0rem;
}
.ui.modal.legacy,
.ui.modal.styled {
  /*

 VARIABLES
==============================================

All base variables for the site and for the brand

Every color prefixed with bgs-kit- corresponds to the new ui kit.

*/
  /* BRAND COLORS
------------------------------------*/
  /*
  SCORECARD VARIABLES
  ----------------------------------
 */
  /* BASE TYPE
------------------------------------*/
  /* Base font-family. */
  /* Base width-size. */
  /* Base font-size. */
  /* RADIUS
------------------------------------*/
  /* BORDERS
------------------------------------*/
  /*
/* CLEARFIX
/* ==============================================

Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
Extend the clearfix class with Sass to avoid the `.cf` class appearing over
and over in your markup.
*/
}
.ui.modal.legacy .cf:after,
.ui.modal.styled .cf:after {
  content: "";
  display: table;
  clear: both;
}
.ui.modal.legacy > .close,
.ui.modal.styled > .close {
  font-size: 1.25em;
  top: 0em;
  right: 0.4em;
  margin: 0;
  color: #FFFFFF;
}
.ui.modal.legacy > .close:after,
.ui.modal.styled > .close:after {
  width: 60%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 20%;
  border-radius: 10px;
}
.ui.modal.legacy > .header,
.ui.modal.styled > .header,
.ui.modal.legacy.conditional-formatting .header,
.ui.modal.styled.conditional-formatting .header {
  background: #434B56;
  padding: 1.3rem 2rem;
  border-top-left-radius: 3px - 1px;
  border-top-right-radius: 3px - 1px;
}
.ui.modal.legacy > .header > h3,
.ui.modal.styled > .header > h3,
.ui.modal.legacy.conditional-formatting .header > h3,
.ui.modal.styled.conditional-formatting .header > h3 {
  margin: 0em;
  color: #fff;
  font-weight: 500;
  overflow-wrap: break-word;
}
.ui.modal.legacy > .header > p,
.ui.modal.styled > .header > p,
.ui.modal.legacy.conditional-formatting .header > p,
.ui.modal.styled.conditional-formatting .header > p {
  color: #54BA48;
  font-size: 14px;
  margin-top: 0;
  font-weight: 200;
}
.ui.modal.legacy > .content,
.ui.modal.styled > .content,
.ui.modal.legacy.conditional-formatting .content,
.ui.modal.styled.conditional-formatting .content {
  padding: 1.2em 2em;
}
.ui.modal.legacy > .content .icon.input.search i.remove.circle.icon,
.ui.modal.styled > .content .icon.input.search i.remove.circle.icon,
.ui.modal.legacy.conditional-formatting .content .icon.input.search i.remove.circle.icon,
.ui.modal.styled.conditional-formatting .content .icon.input.search i.remove.circle.icon,
.ui.modal.legacy > .content .icon.input.search i.search.icon,
.ui.modal.styled > .content .icon.input.search i.search.icon,
.ui.modal.legacy.conditional-formatting .content .icon.input.search i.search.icon,
.ui.modal.styled.conditional-formatting .content .icon.input.search i.search.icon {
  color: #C4C5C6;
}
.ui.modal.legacy > .content hr,
.ui.modal.styled > .content hr,
.ui.modal.legacy.conditional-formatting .content hr,
.ui.modal.styled.conditional-formatting .content hr {
  border: 0;
  border-top: #eee 1px solid;
  margin: 0.8em -2em;
}
.ui.modal.legacy > .content hr:last-child,
.ui.modal.styled > .content hr:last-child,
.ui.modal.legacy.conditional-formatting .content hr:last-child,
.ui.modal.styled.conditional-formatting .content hr:last-child {
  margin-bottom: -0.2rem;
}
.ui.modal.legacy > .content .field:first-child,
.ui.modal.styled > .content .field:first-child,
.ui.modal.legacy.conditional-formatting .content .field:first-child,
.ui.modal.styled.conditional-formatting .content .field:first-child {
  padding-left: 0;
}
.ui.modal.legacy > .content .field > label,
.ui.modal.styled > .content .field > label,
.ui.modal.legacy.conditional-formatting .content .field > label,
.ui.modal.styled.conditional-formatting .content .field > label {
  margin: 0em 0em 0.7em;
  color: #202327;
  font-weight: 600;
  display: inline-block;
}
.ui.modal.legacy > .content .field.no-label,
.ui.modal.styled > .content .field.no-label,
.ui.modal.legacy.conditional-formatting .content .field.no-label,
.ui.modal.styled.conditional-formatting .content .field.no-label {
  padding-top: 46px;
  padding-right: 0;
}
.ui.modal.legacy > .content .field .selection.dropdown,
.ui.modal.styled > .content .field .selection.dropdown,
.ui.modal.legacy.conditional-formatting .content .field .selection.dropdown,
.ui.modal.styled.conditional-formatting .content .field .selection.dropdown {
  width: 100%;
}
.ui.modal.legacy > .content .field .selection.dropdown .text,
.ui.modal.styled > .content .field .selection.dropdown .text,
.ui.modal.legacy.conditional-formatting .content .field .selection.dropdown .text,
.ui.modal.styled.conditional-formatting .content .field .selection.dropdown .text {
  color: #727B89;
  font-weight: 400;
  line-height: 1;
}
.ui.modal.legacy > .content .field .selection.dropdown .icon,
.ui.modal.styled > .content .field .selection.dropdown .icon,
.ui.modal.legacy.conditional-formatting .content .field .selection.dropdown .icon,
.ui.modal.styled.conditional-formatting .content .field .selection.dropdown .icon {
  color: #54BA48;
}
.ui.modal.legacy > .content .field .label,
.ui.modal.styled > .content .field .label,
.ui.modal.legacy.conditional-formatting .content .field .label,
.ui.modal.styled.conditional-formatting .content .field .label {
  border-radius: 20px;
  cursor: pointer;
  display: block;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 5px 13px !important;
  width: 100%;
  background-color: #F3F3F3;
  border: 1px solid #D5D5D5;
  color: #727B89;
  width: auto !important;
  margin-bottom: 0 !important;
  margin-right: 5px;
  display: inline-block;
  margin-top: 0.45em;
  text-transform: inherit;
}
.ui.modal.legacy > .content .field .label:hover,
.ui.modal.styled > .content .field .label:hover,
.ui.modal.legacy.conditional-formatting .content .field .label:hover,
.ui.modal.styled.conditional-formatting .content .field .label:hover {
  cursor: pointer;
}
.ui.modal.legacy > .content .field .label:last-child,
.ui.modal.styled > .content .field .label:last-child,
.ui.modal.legacy.conditional-formatting .content .field .label:last-child,
.ui.modal.styled.conditional-formatting .content .field .label:last-child {
  margin-right: 0;
}
.ui.modal.legacy > .content .field.error > label,
.ui.modal.styled > .content .field.error > label,
.ui.modal.legacy.conditional-formatting .content .field.error > label,
.ui.modal.styled.conditional-formatting .content .field.error > label {
  color: #BD5555;
}
.ui.modal.legacy > .content .field.unstyled .selection.dropdown .ui.label,
.ui.modal.styled > .content .field.unstyled .selection.dropdown .ui.label,
.ui.modal.legacy.conditional-formatting .content .field.unstyled .selection.dropdown .ui.label,
.ui.modal.styled.conditional-formatting .content .field.unstyled .selection.dropdown .ui.label {
  box-shadow: none;
  border: none;
  border-radius: 5px;
  background-color: #D8D8D8;
  color: #2D3239;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 2px !important;
}
.ui.modal.legacy > .content .field.unstyled .selection.dropdown .icon,
.ui.modal.styled > .content .field.unstyled .selection.dropdown .icon,
.ui.modal.legacy.conditional-formatting .content .field.unstyled .selection.dropdown .icon,
.ui.modal.styled.conditional-formatting .content .field.unstyled .selection.dropdown .icon {
  color: inherit;
}
.ui.modal.legacy > .content .list-results,
.ui.modal.styled > .content .list-results,
.ui.modal.legacy.conditional-formatting .content .list-results,
.ui.modal.styled.conditional-formatting .content .list-results {
  border: 1px solid rgba(39, 41, 43, 0.15);
  height: 350px;
  display: flex;
  overflow: auto;
  padding: 8px 0;
  margin: 1em 0;
  border-radius: 5px;
}
.ui.modal.legacy > .content .list-results .ui.basic.segment,
.ui.modal.styled > .content .list-results .ui.basic.segment,
.ui.modal.legacy.conditional-formatting .content .list-results .ui.basic.segment,
.ui.modal.styled.conditional-formatting .content .list-results .ui.basic.segment {
  width: 100%;
}
.ui.modal.legacy > .content .list-results .ui.basic.segment .ui.text.loader,
.ui.modal.styled > .content .list-results .ui.basic.segment .ui.text.loader,
.ui.modal.legacy.conditional-formatting .content .list-results .ui.basic.segment .ui.text.loader,
.ui.modal.styled.conditional-formatting .content .list-results .ui.basic.segment .ui.text.loader {
  padding-top: 0;
}
.ui.modal.legacy > .content .list-results .ui.basic.segment .ui.text.loader img.ui.image,
.ui.modal.styled > .content .list-results .ui.basic.segment .ui.text.loader img.ui.image,
.ui.modal.legacy.conditional-formatting .content .list-results .ui.basic.segment .ui.text.loader img.ui.image,
.ui.modal.styled.conditional-formatting .content .list-results .ui.basic.segment .ui.text.loader img.ui.image {
  display: inline-block;
  margin-bottom: 10px;
}
.ui.modal.legacy > .content .list-results .no-results,
.ui.modal.styled > .content .list-results .no-results,
.ui.modal.legacy.conditional-formatting .content .list-results .no-results,
.ui.modal.styled.conditional-formatting .content .list-results .no-results {
  text-align: center;
  align-self: center;
  margin: 0 auto;
}
.ui.modal.legacy > .content .list-results .no-results img.ui.image,
.ui.modal.styled > .content .list-results .no-results img.ui.image,
.ui.modal.legacy.conditional-formatting .content .list-results .no-results img.ui.image,
.ui.modal.styled.conditional-formatting .content .list-results .no-results img.ui.image {
  display: inline-block;
}
.ui.modal.legacy > .content .list-results .no-results h4,
.ui.modal.styled > .content .list-results .no-results h4,
.ui.modal.legacy.conditional-formatting .content .list-results .no-results h4,
.ui.modal.styled.conditional-formatting .content .list-results .no-results h4 {
  font-weight: 300;
  font-size: 28px;
  color: #2D3239;
  margin: 15px auto 10px;
}
.ui.modal.legacy > .content .list-results .ui.accordion.menu,
.ui.modal.styled > .content .list-results .ui.accordion.menu,
.ui.modal.legacy.conditional-formatting .content .list-results .ui.accordion.menu,
.ui.modal.styled.conditional-formatting .content .list-results .ui.accordion.menu {
  overflow: auto;
  border: none;
  box-shadow: none;
}
.ui.modal.legacy > .content .list-results .ui.accordion.menu .item:before,
.ui.modal.styled > .content .list-results .ui.accordion.menu .item:before,
.ui.modal.legacy.conditional-formatting .content .list-results .ui.accordion.menu .item:before,
.ui.modal.styled.conditional-formatting .content .list-results .ui.accordion.menu .item:before {
  display: none;
}
.ui.modal.legacy > .content .list-results .ui.accordion.menu .item .title,
.ui.modal.styled > .content .list-results .ui.accordion.menu .item .title,
.ui.modal.legacy.conditional-formatting .content .list-results .ui.accordion.menu .item .title,
.ui.modal.styled.conditional-formatting .content .list-results .ui.accordion.menu .item .title {
  font-size: 1.15rem;
  margin-bottom: 6px;
}
.ui.modal.legacy > .content .description p,
.ui.modal.styled > .content .description p,
.ui.modal.legacy.conditional-formatting .content .description p,
.ui.modal.styled.conditional-formatting .content .description p {
  color: #727B89;
  font-size: 0.9rem;
}
.ui.modal.legacy > .content .list-outline,
.ui.modal.styled > .content .list-outline,
.ui.modal.legacy.conditional-formatting .content .list-outline,
.ui.modal.styled.conditional-formatting .content .list-outline {
  border: 1px solid #D3D3D3;
  height: 295px;
  margin: 10px 0;
  padding: 20px;
  overflow: auto;
}
.ui.modal.legacy > .content .list-outline ul,
.ui.modal.styled > .content .list-outline ul,
.ui.modal.legacy.conditional-formatting .content .list-outline ul,
.ui.modal.styled.conditional-formatting .content .list-outline ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.ui.modal.legacy > .content .list-outline ul li.heading,
.ui.modal.styled > .content .list-outline ul li.heading,
.ui.modal.legacy.conditional-formatting .content .list-outline ul li.heading,
.ui.modal.styled.conditional-formatting .content .list-outline ul li.heading {
  line-height: 23px;
  color: #c3c0c0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 4px;
}
.ui.modal.legacy > .content .list-outline ul li.heading i.icon,
.ui.modal.styled > .content .list-outline ul li.heading i.icon,
.ui.modal.legacy.conditional-formatting .content .list-outline ul li.heading i.icon,
.ui.modal.styled.conditional-formatting .content .list-outline ul li.heading i.icon {
  color: #c3c0c0;
}
.ui.modal.legacy > .content .list-outline ul li.item,
.ui.modal.styled > .content .list-outline ul li.item,
.ui.modal.legacy.conditional-formatting .content .list-outline ul li.item,
.ui.modal.styled.conditional-formatting .content .list-outline ul li.item {
  padding: 0;
  margin: 11px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui.modal.legacy > .content .list-outline ul li.item a,
.ui.modal.styled > .content .list-outline ul li.item a,
.ui.modal.legacy.conditional-formatting .content .list-outline ul li.item a,
.ui.modal.styled.conditional-formatting .content .list-outline ul li.item a {
  color: #333633;
  padding: 8px 9px;
  margin-left: 11px;
  font-size: 16px;
}
.ui.modal.legacy > .content .list-outline ul li.item a:hover,
.ui.modal.styled > .content .list-outline ul li.item a:hover,
.ui.modal.legacy.conditional-formatting .content .list-outline ul li.item a:hover,
.ui.modal.styled.conditional-formatting .content .list-outline ul li.item a:hover,
.ui.modal.legacy > .content .list-outline ul li.item a:focus,
.ui.modal.styled > .content .list-outline ul li.item a:focus,
.ui.modal.legacy.conditional-formatting .content .list-outline ul li.item a:focus,
.ui.modal.styled.conditional-formatting .content .list-outline ul li.item a:focus {
  color: #fff !important;
  border-radius: 3px;
  background-color: #6796cb;
  outline: none;
}
.ui.modal.legacy > .content span.right.float.select-all,
.ui.modal.styled > .content span.right.float.select-all,
.ui.modal.legacy.conditional-formatting .content span.right.float.select-all,
.ui.modal.styled.conditional-formatting .content span.right.float.select-all {
  float: right;
  font-weight: 300;
  font-style: italic;
  text-transform: lowercase;
  top: -1px;
  position: relative;
}
.ui.modal.legacy > .content span.right.float.select-all.parent-child,
.ui.modal.styled > .content span.right.float.select-all.parent-child,
.ui.modal.legacy.conditional-formatting .content span.right.float.select-all.parent-child,
.ui.modal.styled.conditional-formatting .content span.right.float.select-all.parent-child {
  margin-right: 10px;
}
.ui.modal.legacy > .content span.right.float.select-all .ui.checkbox,
.ui.modal.styled > .content span.right.float.select-all .ui.checkbox,
.ui.modal.legacy.conditional-formatting .content span.right.float.select-all .ui.checkbox,
.ui.modal.styled.conditional-formatting .content span.right.float.select-all .ui.checkbox {
  position: relative;
  margin-left: 5px;
}
.ui.modal.legacy > .content span.right.float.select-all .ui.checkbox.in-react,
.ui.modal.styled > .content span.right.float.select-all .ui.checkbox.in-react,
.ui.modal.legacy.conditional-formatting .content span.right.float.select-all .ui.checkbox.in-react,
.ui.modal.styled.conditional-formatting .content span.right.float.select-all .ui.checkbox.in-react {
  top: -10px;
}
.ui.modal.legacy > .content span.right.float.select-all .ui.checkbox.in-angular,
.ui.modal.styled > .content span.right.float.select-all .ui.checkbox.in-angular,
.ui.modal.legacy.conditional-formatting .content span.right.float.select-all .ui.checkbox.in-angular,
.ui.modal.styled.conditional-formatting .content span.right.float.select-all .ui.checkbox.in-angular {
  top: 2px;
}
.ui.modal.legacy > .content .help.text,
.ui.modal.styled > .content .help.text,
.ui.modal.legacy.conditional-formatting .content .help.text,
.ui.modal.styled.conditional-formatting .content .help.text {
  font-size: 15px;
  padding-top: 8px;
}
.ui.modal.legacy > .actions,
.ui.modal.styled > .actions,
.ui.modal.legacy.conditional-formatting .actions,
.ui.modal.styled.conditional-formatting .actions {
  border-top: none;
  padding: 1.3rem 2rem;
  background-color: transparent;
}
.ui.modal.legacy > .actions a.delete,
.ui.modal.styled > .actions a.delete,
.ui.modal.legacy.conditional-formatting .actions a.delete,
.ui.modal.styled.conditional-formatting .actions a.delete {
  color: #BD5555;
}
.ui.modal.legacy .link,
.ui.modal.styled .link {
  font-size: 0.9em;
}
.ui.modal.legacy .link.red,
.ui.modal.styled .link.red {
  color: #BD5555;
}
.ui.modal.legacy .link.green,
.ui.modal.styled .link.green {
  color: #54BA48;
}
.ui.modal.legacy .link.green.light,
.ui.modal.styled .link.green.light {
  color: #A9D8AC;
}
.ui.modal.legacy .action:not(.normal-input-search),
.ui.modal.styled .action:not(.normal-input-search) {
  height: 58px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 58px;
  background-color: #53B847;
}
.ui.modal.legacy .action:not(.normal-input-search),
.ui.modal.styled .action:not(.normal-input-search),
.ui.modal.legacy .action:not(.normal-input-search) a,
.ui.modal.styled .action:not(.normal-input-search) a {
  color: #FFFFFF;
}
.ui.modal.styled {
  background-color: #FFFFFF;
  border-radius: 6px;
  border: 0;
}
.ui.modal.styled:not(.fullscreen, .default-width) {
  width: 686px;
  margin-left: -343px;
}
.ui.modal.styled a.disabled {
  cursor: default;
}
.ui.modal.styled#users-modal .actions {
  padding-top: 0;
}
.ui.modal.styled#users-modal .actions .button {
  padding: 12px 32px;
  width: 136px;
  height: 40px;
}
.ui.modal.styled#users-modal .ui.input.search {
  margin-bottom: 10px;
}
.ui.modal.styled#delete-gauge,
.ui.modal.styled#save-gauge,
.ui.modal.styled#layerform,
.ui.modal.styled#gauge-image,
.ui.modal.styled#dataset-column-config,
.ui.modal.styled#image-cropper,
.ui.modal.styled#delete-dashboard,
.ui.modal.styled#dashboard-playlists-modal,
.ui.modal.styled#user-image,
.ui.modal.styled#mssql-params-modal {
  height: fit-content !important;
}
.ui.modal.styled#users-modal .list-outline,
.ui.modal.styled#new-dashboard-modal {
  margin: 10px 0 0 0;
  height: fit-content !important;
}
.ui.modal.styled#users-modal .list-outline .empty,
.ui.modal.styled#new-dashboard-modal .empty {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  text-align: center;
}
.ui.modal.styled#users-modal .list-outline .empty .icon,
.ui.modal.styled#new-dashboard-modal .empty .icon {
  font-size: 120px;
  color: #7B7E7B;
  height: initial;
  opacity: 0.5;
}
.ui.modal.styled#users-modal .list-outline .empty p,
.ui.modal.styled#new-dashboard-modal .empty p {
  font-size: 24px;
  color: #333633;
  font-weight: 300;
}
.ui.modal.styled#users-modal .list-outline ul li,
.ui.modal.styled#new-dashboard-modal ul li {
  clear: both;
  list-style-type: none;
  margin: 20px 0;
}
.ui.modal.styled#users-modal .list-outline ul li:first-child,
.ui.modal.styled#new-dashboard-modal ul li:first-child {
  margin-top: 0;
}
.ui.modal.styled#users-modal .list-outline ul li:last-child,
.ui.modal.styled#new-dashboard-modal ul li:last-child {
  margin-bottom: 0;
}
.ui.modal.styled#users-modal .list-outline ul li:not(.disabled),
.ui.modal.styled#new-dashboard-modal ul li:not(.disabled) {
  cursor: pointer;
}
.ui.modal.styled#users-modal .list-outline ul li .text,
.ui.modal.styled#new-dashboard-modal ul li .text {
  margin-left: 10px;
}
.ui.modal.styled#users-modal .list-outline ul li .text .name,
.ui.modal.styled#new-dashboard-modal ul li .text .name,
.ui.modal.styled#users-modal .list-outline ul li .text .details,
.ui.modal.styled#new-dashboard-modal ul li .text .details {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui.modal.styled#users-modal .list-outline ul li .text .name,
.ui.modal.styled#new-dashboard-modal ul li .text .name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
}
.ui.modal.styled#users-modal .list-outline ul li .text .name .note,
.ui.modal.styled#new-dashboard-modal ul li .text .name .note {
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  color: #878E97;
}
.ui.modal.styled#users-modal .list-outline ul li .text .details,
.ui.modal.styled#new-dashboard-modal ul li .text .details {
  font-size: 13px;
  color: #7B7E7B;
}
.ui.modal.styled#users-modal .list-outline ul li .text .details .role,
.ui.modal.styled#new-dashboard-modal ul li .text .details .role {
  text-transform: capitalize;
  font-style: italic;
}
.ui.modal.styled#users-modal .list-outline ul li .gravatar,
.ui.modal.styled#new-dashboard-modal ul li .gravatar {
  position: relative;
  top: -2px;
  font-size: 14px;
}
.ui.modal.styled#users-modal .list-outline ul li .gravatar,
.ui.modal.styled#new-dashboard-modal ul li .gravatar,
.ui.modal.styled#users-modal .list-outline ul li .text,
.ui.modal.styled#new-dashboard-modal ul li .text {
  float: left;
  max-width: 80%;
}
.ui.modal.styled#users-modal .list-outline .segment,
.ui.modal.styled#new-dashboard-modal .segment {
  margin: 0;
  padding: 0;
}
.ui.modal.styled > .content .field input[type=text],
.ui.modal.styled.conditional-formatting .content .field input[type=text] {
  padding: 0.7em 1em;
  color: #727B89;
  font-weight: 400;
}
.ui.modal.styled > .content .field input[type=text] :-moz-placeholder,
.ui.modal.styled.conditional-formatting .content .field input[type=text] :-moz-placeholder {
  color: #727B89;
}
.ui.modal.styled > .content .field input[type=text] ::-webkit-input-placeholder,
.ui.modal.styled.conditional-formatting .content .field input[type=text] ::-webkit-input-placeholder {
  color: #727B89;
}
.ui.modal.styled > .content .field input[type=text]:-moz-placeholder,
.ui.modal.styled.conditional-formatting .content .field input[type=text]:-moz-placeholder {
  color: #727B89;
}
.ui.modal.styled > .content .field input[type=text]::-moz-placeholder,
.ui.modal.styled.conditional-formatting .content .field input[type=text]::-moz-placeholder {
  color: #727B89;
}
.ui.modal.styled > .content .field input[type=text]:-ms-input-placeholder,
.ui.modal.styled.conditional-formatting .content .field input[type=text]:-ms-input-placeholder {
  color: #727B89;
}
.ui.modal.styled > .content .field input[type=text]::-webkit-input-placeholder,
.ui.modal.styled.conditional-formatting .content .field input[type=text]::-webkit-input-placeholder {
  color: #727B89;
}
.ui.modal.styled > .actions.single,
.ui.modal.styled.conditional-formatting .actions.single {
  text-align: center;
  border-top: none;
}
.ui.modal.styled > .actions.single button,
.ui.modal.styled.conditional-formatting .actions.single button,
.ui.modal.styled > .actions.single .ui.button,
.ui.modal.styled.conditional-formatting .actions.single .ui.button {
  width: 9em;
  line-height: 1.75rem;
}
.ui.modal.styled > .actions.single button.disabled,
.ui.modal.styled.conditional-formatting .actions.single button.disabled,
.ui.modal.styled > .actions.single .ui.button.disabled,
.ui.modal.styled.conditional-formatting .actions.single .ui.button.disabled {
  color: #FFFFFF !important;
  background-color: #1f78b4 !important;
  opacity: 0.4 !important;
}
.ui.modal.styled > .actions .button,
.ui.modal.styled.conditional-formatting .actions .button {
  font-weight: 400;
  padding: 0.5rem;
  text-align: center;
  width: 8.5rem;
}
.ui.modal.styled > .actions .button:first-child,
.ui.modal.styled.conditional-formatting .actions .button:first-child {
  margin-left: 0;
}
/*
  TODO: When we refactor modal styles, we need to
  change this selector to
   .ui.modal
*/
.ui.modal.narrow,
.ui.modal.wide {
  /*

 VARIABLES
==============================================

All base variables for the site and for the brand

Every color prefixed with bgs-kit- corresponds to the new ui kit.

*/
  /* BRAND COLORS
------------------------------------*/
  /*
  SCORECARD VARIABLES
  ----------------------------------
 */
  /* BASE TYPE
------------------------------------*/
  /* Base font-family. */
  /* Base width-size. */
  /* Base font-size. */
  /* RADIUS
------------------------------------*/
  /* BORDERS
------------------------------------*/
  /* Keyframes for the initial animation */
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 870px) {
  .ui.modal.narrow html,
  .ui.modal.wide html,
  .ui.modal.narrow body,
  .ui.modal.wide body {
    min-width: initial;
  }
  .ui.modal.narrow .menu .item,
  .ui.modal.wide .menu .item {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .ui.modal.narrow header .global-nav,
  .ui.modal.wide header .global-nav,
  .ui.modal.narrow header .module-actions,
  .ui.modal.wide header .module-actions,
  .ui.modal.narrow header .global-create-button,
  .ui.modal.wide header .global-create-button,
  .ui.modal.narrow header .user-nav > .dropdown > a,
  .ui.modal.wide header .user-nav > .dropdown > a,
  .ui.modal.narrow header > .dropdown,
  .ui.modal.wide header > .dropdown,
  .ui.modal.narrow header .nav-wrapper.full,
  .ui.modal.wide header .nav-wrapper.full {
    display: none!important;
  }
  .ui.modal.narrow header#global-header > :not(.nav-wrapper) .icon.dropdown,
  .ui.modal.wide header#global-header > :not(.nav-wrapper) .icon.dropdown {
    top: 0;
  }
  .ui.modal.narrow .nav-wrapper.mobile,
  .ui.modal.wide .nav-wrapper.mobile {
    display: block!important;
  }
  .ui.modal.narrow .global-header .user-nav,
  .ui.modal.wide .global-header .user-nav {
    line-height: initial;
  }
  .ui.modal.narrow .global-header .user-nav .menu,
  .ui.modal.wide .global-header .user-nav .menu {
    max-height: 450px;
    overflow-y: auto;
  }
}
.ui.modal.narrow .bgs-theme #global-header .ui.dropdown,
.ui.modal.wide .bgs-theme #global-header .ui.dropdown {
  display: inline-flex;
}
.ui.modal.narrow .bgs-theme #global-header .ui.popup,
.ui.modal.wide .bgs-theme #global-header .ui.popup {
  background-color: #000;
}
.ui.modal.narrow .bgs-theme #global-header .ui.popup.create,
.ui.modal.wide .bgs-theme #global-header .ui.popup.create {
  padding: 0;
}
.ui.modal.narrow .bgs-theme #global-header .ui.popup.create .create-content,
.ui.modal.wide .bgs-theme #global-header .ui.popup.create .create-content {
  background-color: #000;
}
.ui.modal.narrow .bgs-theme #global-header .ui.popup:before,
.ui.modal.wide .bgs-theme #global-header .ui.popup:before {
  background-color: #000;
}
@media (max-width: 870px) {
  .ui.modal.narrow .dashboards [ng-app="dashboard_app"] .main-app-container,
  .ui.modal.wide .dashboards [ng-app="dashboard_app"] .main-app-container {
    overflow: visible !important;
  }
  .ui.modal.narrow .ui.text.loader,
  .ui.modal.wide .ui.text.loader {
    width: 100% !important;
  }
  .ui.modal.narrow .dashboards dashboarditem > div.header.reorder,
  .ui.modal.wide .dashboards dashboarditem > div.header.reorder {
    cursor: default;
  }
  .ui.modal.narrow .dashboards .header-menu,
  .ui.modal.wide .dashboards .header-menu {
    padding: 5px 30px !important;
  }
  .ui.modal.narrow .dashboards .container-fluid,
  .ui.modal.wide .dashboards .container-fluid {
    height: initial;
    min-height: 100px;
  }
}
.ui.modal.narrow .list-view-switch-container,
.ui.modal.wide .list-view-switch-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 10px 0 0;
}
.ui.modal.narrow .list-view-switch,
.ui.modal.wide .list-view-switch {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.ui.modal.narrow .list-view-switch:hover,
.ui.modal.wide .list-view-switch:hover {
  background-color: rgba(155, 154, 155, 0.2);
}
.ui.modal.narrow .action-item.disabled,
.ui.modal.wide .action-item.disabled,
.ui.modal.narrow .action-item.disabled:hover,
.ui.modal.wide .action-item.disabled:hover,
.ui.modal.narrow .action-item.disabled.active,
.ui.modal.wide .action-item.disabled.active {
  cursor: default;
}
.ui.modal.narrow .action-item:hover > *,
.ui.modal.wide .action-item:hover > *,
.ui.modal.narrow .action-item.active,
.ui.modal.wide .action-item.active,
.ui.modal.narrow .action-item.visible,
.ui.modal.wide .action-item.visible {
  opacity: 1 !important;
}
.ui.modal.narrow .action-item > *:not(.menu),
.ui.modal.wide .action-item > *:not(.menu) {
  opacity: 0.6 !important;
}
.ui.modal.narrow .action-item > *:not(.menu).disabled,
.ui.modal.wide .action-item > *:not(.menu).disabled,
.ui.modal.narrow .action-item > *:not(.menu).disabled:hover,
.ui.modal.wide .action-item > *:not(.menu).disabled:hover,
.ui.modal.narrow .action-item > *:not(.menu).disabled.active,
.ui.modal.wide .action-item > *:not(.menu).disabled.active {
  opacity: 0.3;
}
.ui.modal.narrow .action-item.error,
.ui.modal.wide .action-item.error {
  color: #BD5555 !important;
}
.ui.modal.narrow .spacing,
.ui.modal.wide .spacing {
  margin-right: 16px;
}
.ui.modal.narrow html.tv-mode.dark.theme,
.ui.modal.wide html.tv-mode.dark.theme {
  background-color: #434B56;
}
.ui.modal.narrow .gridster.playlist-running dashboarditem .reorder,
.ui.modal.wide .gridster.playlist-running dashboarditem .reorder {
  cursor: initial !important;
}
.ui.modal.narrow .dashboards,
.ui.modal.wide .dashboards {
  background-color: #f4f3f3;
  transition: background-color 0.5s;
}
.ui.modal.narrow .dashboards .global-header,
.ui.modal.wide .dashboards .global-header {
  transition: display 0.5s;
}
.ui.modal.narrow .dashboards .container-fluid,
.ui.modal.wide .dashboards .container-fluid {
  overflow-y: auto;
  overflow-x: hidden;
}
.ui.modal.narrow .dashboards .loader_container,
.ui.modal.wide .dashboards .loader_container {
  width: 100%;
  height: 100%;
  z-index: 99;
  position: fixed;
  top: 0px;
  left: 0px;
}
.ui.modal.narrow .dashboards .forbidden-403,
.ui.modal.wide .dashboards .forbidden-403 {
  height: 100%;
}
.ui.modal.narrow .dashboards .forbidden,
.ui.modal.wide .dashboards .forbidden,
.ui.modal.narrow .dashboards .timeout-error,
.ui.modal.wide .dashboards .timeout-error {
  height: 100%;
}
.ui.modal.narrow .dashboards .forbidden .segment,
.ui.modal.wide .dashboards .forbidden .segment,
.ui.modal.narrow .dashboards .timeout-error .segment,
.ui.modal.wide .dashboards .timeout-error .segment {
  min-height: 500px;
}
.ui.modal.narrow .dashboards .forbidden .ui.inverted.dimmer,
.ui.modal.wide .dashboards .forbidden .ui.inverted.dimmer,
.ui.modal.narrow .dashboards .timeout-error .ui.inverted.dimmer,
.ui.modal.wide .dashboards .timeout-error .ui.inverted.dimmer {
  background: transparent;
}
.ui.modal.narrow .dashboards [ng-app="dashboard_app"] .main-app-container,
.ui.modal.wide .dashboards [ng-app="dashboard_app"] .main-app-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.ui.modal.narrow .dashboards .update-only,
.ui.modal.wide .dashboards .update-only {
  margin-left: 40px;
}
.ui.modal.narrow .dashboards .update-only .distribution.text,
.ui.modal.wide .dashboards .update-only .distribution.text {
  font-size: 15px;
  padding-bottom: 10px;
}
.ui.modal.narrow .dashboards .update-only label,
.ui.modal.wide .dashboards .update-only label {
  font-size: 15px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup,
.ui.modal.wide .dashboards .global-filter-icon.popup {
  font-weight: 600;
  padding: 0;
  border-radius: 7px;
  font-size: 16px;
  max-width: 300px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filters,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filters,
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filter,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filter,
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filter-items,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filter-items {
  display: block;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup .popup-group,
.ui.modal.wide .dashboards .global-filter-icon.popup .popup-group {
  margin-bottom: 0;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul,
.ui.modal.wide .dashboards .global-filter-icon.popup ul {
  max-height: 400px;
  overflow-x: hidden;
  clear: both;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li {
  list-style-type: none;
  padding: 5px 16px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li:first-child,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li:first-child {
  padding-top: 15px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li:last-child,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li:last-child {
  padding-bottom: 15px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li .filter-name,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li .filter-name {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  width: 75%;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li .filter-name:hover,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li .filter-name:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li .filter-name:hover .edit.icon,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li .filter-name:hover .edit.icon {
  display: inline-block;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li .filter-name:hover p,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li .filter-name:hover p {
  color: #FFFFFF;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li .filter-name .edit.icon,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li .filter-name .edit.icon {
  display: none;
  float: right;
  padding: 11px 4px 0 0;
  font-size: 14px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li .filter-name p,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li .filter-name p {
  padding: 5px 10px;
  color: #CBCBCB;
  white-space: nowrap;
  width: 85%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 4px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li > span,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li > span,
.ui.modal.narrow .dashboards .global-filter-icon.popup ul li .checkbox,
.ui.modal.wide .dashboards .global-filter-icon.popup ul li .checkbox {
  cursor: pointer;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul .checkbox,
.ui.modal.wide .dashboards .global-filter-icon.popup ul .checkbox {
  margin: 6px 0;
  float: right;
  width: 50px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul .checkbox label:after,
.ui.modal.wide .dashboards .global-filter-icon.popup ul .checkbox label:after {
  background: #C5BDC8;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul .checkbox label:before,
.ui.modal.wide .dashboards .global-filter-icon.popup ul .checkbox label:before {
  background-color: #7B767D !important;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul .checkbox.checked input,
.ui.modal.wide .dashboards .global-filter-icon.popup ul .checkbox.checked input,
.ui.modal.narrow .dashboards .global-filter-icon.popup ul .checkbox.checked input:checked,
.ui.modal.wide .dashboards .global-filter-icon.popup ul .checkbox.checked input:checked {
  color: #7B767D;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul .checkbox.checked label::after,
.ui.modal.wide .dashboards .global-filter-icon.popup ul .checkbox.checked label::after {
  background: #53B847;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup ul .text,
.ui.modal.wide .dashboards .global-filter-icon.popup ul .text {
  float: left;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup .wrapper,
.ui.modal.wide .dashboards .global-filter-icon.popup .wrapper {
  padding: 15px 20px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filter,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filter {
  border-bottom: solid 1px grey;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filter:last-child,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filter:last-child {
  border-bottom: none;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filter input,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filter input {
  border-radius: 0.3125em;
  margin-top: 10px;
  padding: 0.65em 1em;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filter .toggle,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filter .toggle {
  color: #616769;
  background-color: #202428;
  border-radius: 5px;
  font-size: 12px;
  padding: 1px 10px;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup gauge-filter .toggle span,
.ui.modal.wide .dashboards .global-filter-icon.popup gauge-filter .toggle span {
  cursor: pointer;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup .message,
.ui.modal.wide .dashboards .global-filter-icon.popup .message {
  left: initial;
}
.ui.modal.narrow .dashboards .global-filter-icon.popup .message a,
.ui.modal.wide .dashboards .global-filter-icon.popup .message a {
  cursor: pointer;
}
.ui.modal.narrow .dashboards .clickable,
.ui.modal.wide .dashboards .clickable {
  cursor: pointer;
}
.ui.modal.narrow .dashboards .module-actions > div,
.ui.modal.wide .dashboards .module-actions > div,
.ui.modal.narrow .dashboards .module-actions > i,
.ui.modal.wide .dashboards .module-actions > i {
  color: #333633;
}
.ui.modal.narrow .dashboards .module-actions > div,
.ui.modal.wide .dashboards .module-actions > div {
  padding: 0 10px;
}
.ui.modal.narrow .dashboards .module-actions > div:hover,
.ui.modal.wide .dashboards .module-actions > div:hover,
.ui.modal.narrow .dashboards .module-actions > div.visible,
.ui.modal.wide .dashboards .module-actions > div.visible {
  background: rgba(155, 154, 155, 0.2);
  border-radius: 3px;
}
.ui.modal.narrow .dashboards .module-actions .more-menu .menu,
.ui.modal.wide .dashboards .module-actions .more-menu .menu {
  left: -137px;
  top: 40px;
}
.ui.modal.narrow .dashboards .bg-power,
.ui.modal.wide .dashboards .bg-power {
  position: fixed;
  padding: 5px;
  bottom: calc(20px/2);
  right: calc(20px/2);
  font-weight: 100;
  opacity: 0.35;
  border-radius: 3px;
  transition: opacity 200ms;
  z-index: 5;
}
.ui.modal.narrow .dashboards .bg-power span,
.ui.modal.wide .dashboards .bg-power span {
  font-size: 10px;
}
.ui.modal.narrow .dashboards .bg-power:hover,
.ui.modal.wide .dashboards .bg-power:hover {
  opacity: 1;
}
.ui.modal.narrow .dashboards .bg-power a,
.ui.modal.wide .dashboards .bg-power a {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 5px;
}
.ui.modal.narrow .dashboards .bg-power img,
.ui.modal.wide .dashboards .bg-power img {
  height: 15px;
  width: 90px;
}
.ui.modal.narrow .dashboards.light.theme .bg-power,
.ui.modal.wide .dashboards.light.theme .bg-power {
  font-weight: 600;
  background-color: #FFF;
  color: #2D3239;
}
.ui.modal.narrow .dashboards.dark.theme .bg-power,
.ui.modal.wide .dashboards.dark.theme .bg-power {
  background-color: #4D5258;
  color: #FFFFFF;
}
.ui.modal.narrow .dashboards .dashboard-theme.icon,
.ui.modal.wide .dashboards .dashboard-theme.icon {
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  margin: 0 10px 0 !important;
  border: 1px solid #ECEEEF;
  border-radius: 3px;
}
.ui.modal.narrow .dashboards .dashboard-theme.icon.dark,
.ui.modal.wide .dashboards .dashboard-theme.icon.dark {
  background-color: #434B56;
}
.ui.modal.narrow .dashboards .dashboard-theme.icon.light,
.ui.modal.wide .dashboards .dashboard-theme.icon.light {
  background-color: #ECEEEF;
}
.ui.modal.narrow .dashboards .header-menu,
.ui.modal.wide .dashboards .header-menu {
  background-color: #f4f3f3;
  padding: 10px;
  transition: background-color 0.5s;
  font-size: 14px;
}
.ui.modal.narrow .dashboards .header-menu header,
.ui.modal.wide .dashboards .header-menu header {
  color: #333633;
  transition: padding 0.5s;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu,
.ui.modal.wide .dashboards .header-menu header .more-menu {
  display: inline-block;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu.tv-mode,
.ui.modal.wide .dashboards .header-menu header .more-menu.tv-mode {
  padding: 0;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu .menu .item,
.ui.modal.wide .dashboards .header-menu header .more-menu .menu .item {
  padding-left: 6px !important;
  padding-right: 12px !important;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu .menu .item.active,
.ui.modal.wide .dashboards .header-menu header .more-menu .menu .item.active {
  font-weight: normal;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu .menu .item .icon,
.ui.modal.wide .dashboards .header-menu header .more-menu .menu .item .icon {
  opacity: 0.5;
  margin-right: 0.1em;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu .menu .item:hover .icon,
.ui.modal.wide .dashboards .header-menu header .more-menu .menu .item:hover .icon,
.ui.modal.narrow .dashboards .header-menu header .more-menu .menu .item.selected .icon,
.ui.modal.wide .dashboards .header-menu header .more-menu .menu .item.selected .icon {
  opacity: 1;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu svg,
.ui.modal.wide .dashboards .header-menu header .more-menu svg {
  height: 14px;
  width: 16px;
}
.ui.modal.narrow .dashboards .header-menu header .more-menu svg *,
.ui.modal.wide .dashboards .header-menu header .more-menu svg * {
  fill: #333633;
}
.ui.modal.narrow .dashboards .header-menu header .edit-icon,
.ui.modal.wide .dashboards .header-menu header .edit-icon {
  background-image: url('/static/img/dashboards/icn-dashboard-gear.png');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-left: 12px;
  width: 15px;
}
.ui.modal.narrow .dashboards .header-menu .menu .scrolling.menu .item.with-label,
.ui.modal.wide .dashboards .header-menu .menu .scrolling.menu .item.with-label {
  display: flex;
  justify-content: space-between;
  padding-right: 0px !important;
}
.ui.modal.narrow .dashboards .header-menu .menu .scrolling.menu .item.with-label span,
.ui.modal.wide .dashboards .header-menu .menu .scrolling.menu .item.with-label span {
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis !important;
}
.ui.modal.narrow .dashboards #main-container,
.ui.modal.wide .dashboards #main-container {
  transition: background-color 0.5s, background-image 0.5s;
  background-color: #f4f3f3;
}
.ui.modal.narrow .dashboards .cloak,
.ui.modal.wide .dashboards .cloak,
.ui.modal.narrow .dashboards .masked,
.ui.modal.wide .dashboards .masked {
  visibility: hidden !important;
}
.ui.modal.narrow .dashboards .cloak .highcharts-container rect,
.ui.modal.wide .dashboards .cloak .highcharts-container rect,
.ui.modal.narrow .dashboards .masked .highcharts-container rect,
.ui.modal.wide .dashboards .masked .highcharts-container rect,
.ui.modal.narrow .dashboards .cloak .highcharts-container path,
.ui.modal.wide .dashboards .cloak .highcharts-container path,
.ui.modal.narrow .dashboards .masked .highcharts-container path,
.ui.modal.wide .dashboards .masked .highcharts-container path,
.ui.modal.narrow .dashboards .cloak .highcharts-container tspan,
.ui.modal.wide .dashboards .cloak .highcharts-container tspan,
.ui.modal.narrow .dashboards .masked .highcharts-container tspan,
.ui.modal.wide .dashboards .masked .highcharts-container tspan,
.ui.modal.narrow .dashboards .cloak .highcharts-container text,
.ui.modal.wide .dashboards .cloak .highcharts-container text,
.ui.modal.narrow .dashboards .masked .highcharts-container text,
.ui.modal.wide .dashboards .masked .highcharts-container text {
  visibility: hidden;
}
.ui.modal.narrow .dashboards dashboarditem .gauge,
.ui.modal.wide .dashboards dashboarditem .gauge,
.ui.modal.narrow .dashboards dashboarditem .gauge > .wrapper,
.ui.modal.wide .dashboards dashboarditem .gauge > .wrapper,
.ui.modal.narrow .dashboards dashboarditem chart,
.ui.modal.wide .dashboards dashboarditem chart {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
.ui.modal.narrow .dashboards [data-reactroot] .message,
.ui.modal.wide .dashboards [data-reactroot] .message {
  left: 0;
}
.ui.modal.narrow .dashboards .message:not(.ui),
.ui.modal.wide .dashboards .message:not(.ui) {
  position: relative;
  top: 0px;
  height: 100%;
  width: 100%;
  margin-top: 75px;
  text-align: center;
  left: 15px;
}
.ui.modal.narrow .dashboards .message:not(.ui).loading,
.ui.modal.wide .dashboards .message:not(.ui).loading {
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.ui.modal.narrow .dashboards .message:not(.ui).loading .ui.basic.segment,
.ui.modal.wide .dashboards .message:not(.ui).loading .ui.basic.segment {
  width: 100%;
}
.ui.modal.narrow .dashboards .message:not(.ui) h3,
.ui.modal.wide .dashboards .message:not(.ui) h3 {
  color: #999;
  font-weight: bold;
}
.ui.modal.narrow .dashboards .message:not(.ui) .ui.segment,
.ui.modal.wide .dashboards .message:not(.ui) .ui.segment,
.ui.modal.narrow .dashboards .message:not(.ui) .inverted.dimmer,
.ui.modal.wide .dashboards .message:not(.ui) .inverted.dimmer {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  height: 200px;
}
.ui.modal.narrow .dashboards .empty-dash,
.ui.modal.wide .dashboards .empty-dash {
  transition: padding-left 0.5s;
  color: white;
  margin-top: 100px;
  left: 0;
}
.ui.modal.narrow .dashboards .empty-dash .text,
.ui.modal.wide .dashboards .empty-dash .text {
  border-radius: 5px;
  padding: 30px 0 0 0;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.ui.modal.narrow .dashboards .empty-dash .text .header,
.ui.modal.wide .dashboards .empty-dash .text .header {
  color: #515761;
  font-family: "proxima-nova";
  font-size: 36px;
  font-weight: 300;
  text-transform: capitalize;
  margin: 0;
}
.ui.modal.narrow .dashboards .empty-dash .text p,
.ui.modal.wide .dashboards .empty-dash .text p {
  color: #515761;
  font-weight: 500;
  font-size: 18px;
  margin: 10px 0 0 0;
}
.ui.modal.narrow .dashboards .empty-dash .chart-types,
.ui.modal.wide .dashboards .empty-dash .chart-types {
  position: relative;
  margin-bottom: 50px;
}
.ui.modal.narrow .dashboards .empty-dash .chart-types li,
.ui.modal.wide .dashboards .empty-dash .chart-types li {
  display: inline-block;
}
.ui.modal.narrow .dashboards .empty-dash .chart-types li img,
.ui.modal.wide .dashboards .empty-dash .chart-types li img {
  height: 48px;
  width: auto;
  margin: 1px;
}
.ui.modal.narrow .dashboards .empty-dash .chart-types.cycle,
.ui.modal.wide .dashboards .empty-dash .chart-types.cycle {
  margin: 20px auto;
  width: 172px;
  height: 160px;
}
.ui.modal.narrow .dashboards .empty-dash .chart-types.cycle li img,
.ui.modal.wide .dashboards .empty-dash .chart-types.cycle li img {
  height: 170px;
}
.ui.modal.narrow .dashboards .empty-dash .button,
.ui.modal.wide .dashboards .empty-dash .button {
  background-color: #53B847;
  color: #FFFFFF;
  font-weight: 600;
  padding: 18px 32px;
  margin: 30px 0 0 0;
}
.ui.modal.narrow .dashboards .empty-dash .button a,
.ui.modal.wide .dashboards .empty-dash .button a {
  font-size: 20px;
}
.ui.modal.narrow .dashboards .empty-dash img.dashboard,
.ui.modal.wide .dashboards .empty-dash img.dashboard {
  position: relative;
  max-width: 100%;
  top: -370px;
  z-index: -1;
  width: 100%;
}
.ui.modal.narrow .dashboards .empty-dash img.arrow,
.ui.modal.wide .dashboards .empty-dash img.arrow {
  position: absolute;
  top: 135px;
  left: 350px;
  display: none;
}
.ui.modal.narrow .dashboards .empty-dash.no-datasources .datasources-list,
.ui.modal.wide .dashboards .empty-dash.no-datasources .datasources-list {
  width: 840px;
  margin: 0 auto;
  text-align: center;
}
.ui.modal.narrow .dashboards .empty-dash.no-datasources .datasources-list .img,
.ui.modal.wide .dashboards .empty-dash.no-datasources .datasources-list .img {
  border: none;
  background-color: #FFFFFF;
}
.ui.modal.narrow .dashboards .empty-dash.no-datasources .button,
.ui.modal.wide .dashboards .empty-dash.no-datasources .button {
  margin-top: 2em;
  margin-bottom: 1em;
  display: inline-block;
}
.ui.modal.narrow .dashboards .empty-dash.no-datasources .button a,
.ui.modal.wide .dashboards .empty-dash.no-datasources .button a {
  color: #FFFFFF;
}
.ui.modal.narrow .dashboards .empty-dash.no-datasources .invite,
.ui.modal.wide .dashboards .empty-dash.no-datasources .invite {
  color: #1f78b4;
  font-size: 14px;
  font-weight: 600;
}
.ui.modal.narrow .dashboards .module-actions,
.ui.modal.wide .dashboards .module-actions {
  float: right;
  font-weight: 500;
  font-size: 16px;
}
.ui.modal.narrow .dashboards .module-actions > div,
.ui.modal.wide .dashboards .module-actions > div,
.ui.modal.narrow .dashboards .module-actions > i,
.ui.modal.wide .dashboards .module-actions > i,
.ui.modal.narrow .dashboards .module-actions > span,
.ui.modal.wide .dashboards .module-actions > span {
  float: left;
}
.ui.modal.narrow .dashboards .module-actions > div.interval-time,
.ui.modal.wide .dashboards .module-actions > div.interval-time,
.ui.modal.narrow .dashboards .module-actions > i.interval-time,
.ui.modal.wide .dashboards .module-actions > i.interval-time,
.ui.modal.narrow .dashboards .module-actions > span.interval-time,
.ui.modal.wide .dashboards .module-actions > span.interval-time,
.ui.modal.narrow .dashboards .module-actions > div.dashboard-theme,
.ui.modal.wide .dashboards .module-actions > div.dashboard-theme,
.ui.modal.narrow .dashboards .module-actions > i.dashboard-theme,
.ui.modal.wide .dashboards .module-actions > i.dashboard-theme,
.ui.modal.narrow .dashboards .module-actions > span.dashboard-theme,
.ui.modal.wide .dashboards .module-actions > span.dashboard-theme {
  color: #929AA8;
}
.ui.modal.narrow .dashboards .module-actions > div.interval-time,
.ui.modal.wide .dashboards .module-actions > div.interval-time,
.ui.modal.narrow .dashboards .module-actions > i.interval-time,
.ui.modal.wide .dashboards .module-actions > i.interval-time,
.ui.modal.narrow .dashboards .module-actions > span.interval-time,
.ui.modal.wide .dashboards .module-actions > span.interval-time {
  margin-right: 25px;
}
.ui.modal.narrow .dashboards .module-actions svg,
.ui.modal.wide .dashboards .module-actions svg {
  margin-right: 5px;
}
.ui.modal.narrow .dashboards .module-actions .fullscreen,
.ui.modal.wide .dashboards .module-actions .fullscreen {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.ui.modal.narrow .dashboards .module-actions .fullscreen svg *,
.ui.modal.wide .dashboards .module-actions .fullscreen svg * {
  fill: #333633;
}
.ui.modal.narrow .dashboards .module-actions .fullscreen.active svg *,
.ui.modal.wide .dashboards .module-actions .fullscreen.active svg * {
  fill: #54BA48;
}
.ui.modal.narrow .dashboards .module-actions .filter,
.ui.modal.wide .dashboards .module-actions .filter {
  text-transform: capitalize;
}
.ui.modal.narrow .dashboards .module-actions .filter.active,
.ui.modal.wide .dashboards .module-actions .filter.active {
  color: #53B847;
}
.ui.modal.narrow .dashboards .module-actions > div .icon.external,
.ui.modal.wide .dashboards .module-actions > div .icon.external {
  top: 1px;
}
.ui.modal.narrow .dashboards .module-actions > div > .img,
.ui.modal.wide .dashboards .module-actions > div > .img {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.ui.modal.narrow .dashboards .module-actions .share .img,
.ui.modal.wide .dashboards .module-actions .share .img {
  width: 16px;
  height: 17px;
  background-image: url('/static/img/dashboards/icn-dashboard-share.png');
}
.ui.modal.narrow .dashboards .module-actions .delete .img,
.ui.modal.wide .dashboards .module-actions .delete .img {
  width: 13px;
  height: 17px;
  background-image: url('/static/img/dashboards/icn-dashboard-delete.png');
}
.ui.modal.narrow .dashboards .module-actions .cancel i,
.ui.modal.wide .dashboards .module-actions .cancel i {
  margin-right: 2px;
}
.ui.modal.narrow .dashboards .module-actions .save,
.ui.modal.wide .dashboards .module-actions .save {
  padding: 0 20px;
  margin-right: 0 !important;
  background-color: #214E74;
}
.ui.modal.narrow .dashboards .module-actions .save .img,
.ui.modal.wide .dashboards .module-actions .save .img {
  width: 15px;
  height: 16px;
  background-image: url('/static/img/dashboards/icn-dashboard-save.png');
}
.ui.modal.narrow .dashboards #dashboard,
.ui.modal.wide .dashboards #dashboard {
  margin-top: -10px;
  float: right;
  width: 100%;
  transition: width 0.5s;
}
.ui.modal.narrow .dashboards #dashboard img.dashboard,
.ui.modal.wide .dashboards #dashboard img.dashboard {
  -webkit-filter: opacity(8px);
  filter: opacity(8px);
}
.ui.modal.narrow .dashboards #dashboard i.icon.remove.option.close,
.ui.modal.wide .dashboards #dashboard i.icon.remove.option.close {
  color: #A9D8AC;
  opacity: 1;
  transition: color 0.5s;
}
.ui.modal.narrow .dashboards #dashboard i.icon.remove.option.close:hover,
.ui.modal.wide .dashboards #dashboard i.icon.remove.option.close:hover {
  color: #54BA48;
}
.ui.modal.narrow .dashboards .filter-config dashboarditem .filter,
.ui.modal.wide .dashboards .filter-config dashboarditem .filter,
.ui.modal.narrow .dashboards .filter-config dashboarditem .filter-container,
.ui.modal.wide .dashboards .filter-config dashboarditem .filter-container {
  visibility: hidden;
}
.ui.modal.narrow .dashboards .filter-config dashboarditem.filtered,
.ui.modal.wide .dashboards .filter-config dashboarditem.filtered {
  border: solid 3px #62D254;
}
.ui.modal.narrow .dashboards .filter-config dashboarditem .overlay,
.ui.modal.wide .dashboards .filter-config dashboarditem .overlay {
  display: block;
}
.ui.modal.narrow .dashboards dashboarditem.filtered .overlay,
.ui.modal.wide .dashboards dashboarditem.filtered .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  background: #62D254;
  z-index: 1000;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.modal.narrow .dashboards dashboarditem.filtered .header .filter-container,
.ui.modal.wide .dashboards dashboarditem.filtered .header .filter-container {
  flex: 0 0 30px;
}
.ui.modal.narrow .dashboards dashboarditem.filtered .header .filter-container i.loading.icon,
.ui.modal.wide .dashboards dashboarditem.filtered .header .filter-container i.loading.icon {
  position: relative;
  top: 10px;
}
.ui.modal.narrow .dashboards dashboarditem.filtered.excluded-filters .overlay,
.ui.modal.wide .dashboards dashboarditem.filtered.excluded-filters .overlay {
  background: #D8D8D8;
}
.ui.modal.narrow .dashboards .redactor-dropdown-p-dashboard-regular,
.ui.modal.wide .dashboards .redactor-dropdown-p-dashboard-regular,
.ui.modal.narrow .dashboards .redactor-dropdown-p-dashboard-large,
.ui.modal.wide .dashboards .redactor-dropdown-p-dashboard-large,
.ui.modal.narrow .dashboards .redactor-dropdown-p-dashboard-x-large,
.ui.modal.wide .dashboards .redactor-dropdown-p-dashboard-x-large {
  font-weight: bold;
}
.ui.modal.narrow .dashboards .redactor-dropdown-p-dashboard-regular,
.ui.modal.wide .dashboards .redactor-dropdown-p-dashboard-regular {
  font-size: 1.3em;
}
.ui.modal.narrow .dashboards .redactor-dropdown-p-dashboard-large,
.ui.modal.wide .dashboards .redactor-dropdown-p-dashboard-large {
  font-size: 1.6em;
}
.ui.modal.narrow .dashboards .redactor-dropdown-p-dashboard-x-large,
.ui.modal.wide .dashboards .redactor-dropdown-p-dashboard-x-large {
  font-size: 2em;
}
.ui.modal.narrow .dashboards .redactor-editor .dashboard-regular,
.ui.modal.wide .dashboards .redactor-editor .dashboard-regular,
.ui.modal.narrow .dashboards .redactor-content .dashboard-regular,
.ui.modal.wide .dashboards .redactor-content .dashboard-regular {
  font-weight: bold !important;
  font-size: 45px !important;
  line-height: 54px !important;
}
.ui.modal.narrow .dashboards .redactor-editor .dashboard-large,
.ui.modal.wide .dashboards .redactor-editor .dashboard-large,
.ui.modal.narrow .dashboards .redactor-content .dashboard-large,
.ui.modal.wide .dashboards .redactor-content .dashboard-large {
  font-size: 70px !important;
  line-height: 85px !important;
  font-weight: bold !important;
}
.ui.modal.narrow .dashboards .redactor-editor .dashboard-x-large,
.ui.modal.wide .dashboards .redactor-editor .dashboard-x-large,
.ui.modal.narrow .dashboards .redactor-content .dashboard-x-large,
.ui.modal.wide .dashboards .redactor-content .dashboard-x-large {
  font-size: 100px !important;
  font-weight: bold !important;
  line-height: 122px !important;
}
.ui.modal.narrow .dashboards dashboarditem,
.ui.modal.wide .dashboards dashboarditem {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px 1px #CACEDA;
  box-shadow: 0px 1px 2px 1px #CACEDA;
  margin: 0;
  border: 1px solid #dedede;
  background-color: #fff;
  z-index: 2;
}
.ui.modal.narrow .dashboards dashboarditem:hover .icons,
.ui.modal.wide .dashboards dashboarditem:hover .icons {
  opacity: 0.5;
}
.ui.modal.narrow .dashboards dashboarditem .icons,
.ui.modal.wide .dashboards dashboarditem .icons {
  opacity: 0;
}
.ui.modal.narrow .dashboards dashboarditem .icons.left,
.ui.modal.wide .dashboards dashboarditem .icons.left {
  flex: 0 0 25px;
}
.ui.modal.narrow .dashboards dashboarditem .icons.left .icon.pencil,
.ui.modal.wide .dashboards dashboarditem .icons.left .icon.pencil {
  background-color: #D8D8D8 !important;
  color: #2D3239 !important;
  font-size: 12px;
  top: -2px;
  position: relative;
}
.ui.modal.narrow .dashboards dashboarditem chart,
.ui.modal.wide .dashboards dashboarditem chart {
  display: block;
}
.ui.modal.narrow .dashboards dashboarditem .overlay,
.ui.modal.wide .dashboards dashboarditem .overlay {
  display: none;
}
.ui.modal.narrow .dashboards dashboarditem .threshold-alert,
.ui.modal.wide .dashboards dashboarditem .threshold-alert {
  position: absolute;
  right: 20px;
  bottom: 40px;
  opacity: 0;
  transition: opacity 750ms;
}
.ui.modal.narrow .dashboards dashboarditem .threshold-alert.show,
.ui.modal.wide .dashboards dashboarditem .threshold-alert.show {
  z-index: 5;
  opacity: 1;
}
.ui.modal.narrow .dashboards dashboarditem:not(.hide-header) .content-area,
.ui.modal.wide .dashboards dashboarditem:not(.hide-header) .content-area {
  max-height: calc(100% - 68px);
}
.ui.modal.narrow .dashboards dashboarditem .content-area,
.ui.modal.wide .dashboards dashboarditem .content-area {
  flex: 1;
  height: 100%;
}
.ui.modal.narrow .dashboards dashboarditem .content-area > span,
.ui.modal.wide .dashboards dashboarditem .content-area > span,
.ui.modal.narrow .dashboards dashboarditem .content-area > span > span,
.ui.modal.wide .dashboards dashboarditem .content-area > span > span {
  max-height: 100%;
}
.ui.modal.narrow .dashboards dashboarditem gaugewrapper,
.ui.modal.wide .dashboards dashboarditem gaugewrapper {
  padding-top: 15px;
}
.ui.modal.narrow .dashboards dashboarditem gaugewrapper.list,
.ui.modal.wide .dashboards dashboarditem gaugewrapper.list,
.ui.modal.narrow .dashboards dashboarditem gaugewrapper.table,
.ui.modal.wide .dashboards dashboarditem gaugewrapper.table,
.ui.modal.narrow .dashboards dashboarditem gaugewrapper.leaderboard,
.ui.modal.wide .dashboards dashboarditem gaugewrapper.leaderboard {
  padding-top: 0;
  position: relative;
  z-index: 3;
  overflow: auto;
}
.ui.modal.narrow .dashboards dashboarditem gaugewrapper :not(.snapshot) > headline,
.ui.modal.wide .dashboards dashboarditem gaugewrapper :not(.snapshot) > headline {
  padding: 20px;
  height: 100%;
  position: relative;
  top: 2%;
}
.ui.modal.narrow .dashboards dashboarditem gaugewrapper :not(.snapshot) > headline .display-text,
.ui.modal.wide .dashboards dashboarditem gaugewrapper :not(.snapshot) > headline .display-text {
  font-weight: 300;
}
.ui.modal.narrow .dashboards dashboarditem gaugewrapper :not(.snapshot) > headline .subtitle-wrapper,
.ui.modal.wide .dashboards dashboarditem gaugewrapper :not(.snapshot) > headline .subtitle-wrapper {
  position: relative;
}
.ui.modal.narrow .dashboards dashboarditem gaugewrapper.headline,
.ui.modal.wide .dashboards dashboarditem gaugewrapper.headline {
  padding-top: 0;
}
.ui.modal.narrow .dashboards dashboarditem gaugewrapper headline .display-text,
.ui.modal.wide .dashboards dashboarditem gaugewrapper headline .display-text {
  color: #8b919d;
}
.ui.modal.narrow .dashboards dashboarditem .chart,
.ui.modal.wide .dashboards dashboarditem .chart {
  overflow: hidden;
}
.ui.modal.narrow .dashboards dashboarditem.hide-header.old-ui > .header.reorder,
.ui.modal.wide .dashboards dashboarditem.hide-header.old-ui > .header.reorder {
  transition: opacity 300ms;
  opacity: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
}
.ui.modal.narrow .dashboards dashboarditem:hover.hide-header.old-ui > .header,
.ui.modal.wide .dashboards dashboarditem:hover.hide-header.old-ui > .header {
  opacity: 1;
}
.ui.modal.narrow .dashboards dashboarditem.hide-header.new-ui > .header.reorder,
.ui.modal.wide .dashboards dashboarditem.hide-header.new-ui > .header.reorder {
  opacity: 1;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: transparent !important;
  justify-content: end;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-content,
.ui.modal.wide .dashboards dashboarditem .redactor-content {
  color: #515761;
}
.ui.modal.narrow .dashboards dashboarditem:not(.hide-header) > .header:after,
.ui.modal.wide .dashboards dashboarditem:not(.hide-header) > .header:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: " ";
  width: 1em;
  height: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  background-color: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 0;
  left: 50%;
  margin-left: -0.5em;
  top: 35px;
}
.ui.modal.narrow .dashboards dashboarditem > .old-header,
.ui.modal.wide .dashboards dashboarditem > .old-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #434B56;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  font-size: 18px;
  height: 38px;
  min-height: 38px;
  line-height: 18px;
  padding: 0 10px;
  text-transform: capitalize;
}
.ui.modal.narrow .dashboards dashboarditem > .old-header > .text,
.ui.modal.wide .dashboards dashboarditem > .old-header > .text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.ui.modal.narrow .dashboards dashboarditem > .new-header,
.ui.modal.wide .dashboards dashboarditem > .new-header {
  display: flex;
  align-items: center;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  height: 38px;
  min-height: 38px;
  line-height: 18px;
  padding: 0 10px;
  text-transform: capitalize;
}
.ui.modal.narrow .dashboards dashboarditem > .new-header .new-Ui-header,
.ui.modal.wide .dashboards dashboarditem > .new-header .new-Ui-header {
  justify-content: start;
  background-color: #FFFFFF;
}
.ui.modal.narrow .dashboards dashboarditem > .new-header > .text,
.ui.modal.wide .dashboards dashboarditem > .new-header > .text {
  font-family: 'Roboto';
  color: #8B919D;
  font-weight: 700;
  text-align: left;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.ui.modal.narrow .dashboards dashboarditem > .header,
.ui.modal.wide .dashboards dashboarditem > .header {
  flex: 0 0 38px;
}
.ui.modal.narrow .dashboards dashboarditem > .header > .text,
.ui.modal.wide .dashboards dashboarditem > .header > .text {
  flex: 1;
}
.ui.modal.narrow .dashboards dashboarditem > .header.reorder,
.ui.modal.wide .dashboards dashboarditem > .header.reorder {
  position: relative;
  cursor: move;
}
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu {
  left: -53px;
  top: 45px;
}
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu .item,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu .item {
  padding: 0.2em 1.25em !important;
  text-align: right;
  text-transform: uppercase;
}
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu .item:first-child,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu .item:first-child {
  padding-top: 1em !important;
}
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu .item:last-child,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu .item:last-child {
  padding-bottom: 1em !important;
}
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu::after,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu::after {
  height: 1.5em;
  left: 65%;
  width: 1.5em;
  z-index: -20;
}
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu .item a,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu .item a {
  color: #8BCA84;
  font-size: 12px;
}
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu,
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu .item a,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu .item a,
.ui.modal.narrow .dashboards dashboarditem > .header .dropdown.link .ui.menu::after,
.ui.modal.wide .dashboards dashboarditem > .header .dropdown.link .ui.menu::after {
  background: #383f48;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons,
.ui.modal.wide .dashboards dashboarditem > .header .icons {
  position: relative;
  color: #FFFFFF;
  transition: opacity 300ms;
  cursor: pointer;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left > .info,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left > .info {
  color: #8B919D;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu {
  left: -12px;
  top: 30px;
  border-radius: 5px;
  margin: 5px 10px;
  padding: 5px !important;
  z-index: 21;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item {
  border-radius: 5px;
  transition: all 200ms;
  font-size: 14px;
  padding-left: 10px !important;
  height: 45px;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.active,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.active {
  font-weight: normal;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.selected,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.selected {
  background-color: transparent;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item:hover:not(.disabled),
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item:hover:not(.disabled) {
  background-color: #5B8BC4;
  color: #FFFFFF;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item:hover:not(.disabled) .img path,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item:hover:not(.disabled) .img path {
  fill: #FFFFFF;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.disabled:hover,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.disabled:hover {
  cursor: default !important;
  background-color: transparent;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.sync.disable,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.sync.disable {
  color: #515761;
  opacity: 0.5;
  cursor: default;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item > .img,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item > .img {
  position: relative;
  display: inline-block;
  top: 2px;
  margin-right: 10px;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item > .img.download,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item > .img.download {
  margin-right: 13px;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item .img.download path,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item .img.download path {
  fill: #B4B7BF;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.remove:hover,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.remove:hover {
  background-color: #BD5555;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected {
  text-align: center;
  background-color: #53B847;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .img,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .img {
  display: none;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .msg,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .msg {
  opacity: 1;
  line-height: 23px;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .default,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .default {
  display: none;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.copy .msg,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.copy .msg {
  opacity: 0;
  transition: opacity 300ms;
  text-align: center;
  color: white;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons.left .menu .item.edit-in-builder a,
.ui.modal.wide .dashboards dashboarditem > .header .icons.left .menu .item.edit-in-builder a {
  color: inherit;
}
.ui.modal.narrow .dashboards dashboarditem > .header .icons:hover,
.ui.modal.wide .dashboards dashboarditem > .header .icons:hover,
.ui.modal.narrow .dashboards dashboarditem > .header .icons.menu-open,
.ui.modal.wide .dashboards dashboarditem > .header .icons.menu-open {
  opacity: 1;
}
.ui.modal.narrow .dashboards dashboarditem > .header .filter-container .filter-toggle,
.ui.modal.wide .dashboards dashboarditem > .header .filter-container .filter-toggle {
  height: 100%;
  text-align: center;
}
.ui.modal.narrow .dashboards dashboarditem > .header .filter-container .filter-toggle .icons,
.ui.modal.wide .dashboards dashboarditem > .header .filter-container .filter-toggle .icons {
  opacity: 1;
  font-size: 1.2em;
}
.ui.modal.narrow .dashboards dashboarditem > .header .filter-container .filter-toggle .icons[data-position="bottom center"][data-tooltip]:before,
.ui.modal.wide .dashboards dashboarditem > .header .filter-container .filter-toggle .icons[data-position="bottom center"][data-tooltip]:before {
  margin-top: 0.5rem;
}
.ui.modal.narrow .dashboards dashboarditem > .header .filter-container .filter-toggle .icons[data-position="bottom center"][data-tooltip]:after,
.ui.modal.wide .dashboards dashboarditem > .header .filter-container .filter-toggle .icons[data-position="bottom center"][data-tooltip]:after {
  margin-top: 0.9em;
}
.ui.modal.narrow .dashboards dashboarditem > .header .filter-container .filter-toggle .icons .icon-react.blue-filter,
.ui.modal.wide .dashboards dashboarditem > .header .filter-container .filter-toggle .icons .icon-react.blue-filter {
  color: #2E3F80;
}
.ui.modal.narrow .dashboards dashboarditem > .header .filter-container .filter-toggle .filter-count-badge,
.ui.modal.wide .dashboards dashboarditem > .header .filter-container .filter-toggle .filter-count-badge {
  font-size: 12px;
  top: 0;
  right: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #2E3F80;
  color: #ffffff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  font-style: normal;
}
.ui.modal.narrow .dashboards dashboarditem .subtitle,
.ui.modal.wide .dashboards dashboarditem .subtitle {
  display: block;
  min-height: 20px;
  color: #d0d0d0;
}
.ui.modal.narrow .dashboards dashboarditem .gauge.chart,
.ui.modal.wide .dashboards dashboarditem .gauge.chart {
  position: relative;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time,
.ui.modal.wide .dashboards dashboarditem .refresh-time {
  padding: 0 10px;
  bottom: 0;
  color: #8B919D;
  font-size: 11px;
  background-color: inherit;
  font-weight: 600;
  left: 0;
  height: 30px;
  min-height: 30px;
  border-top: solid 1px #dedede;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time .time,
.ui.modal.wide .dashboards dashboarditem .refresh-time .time {
  color: #8B919D;
  font-size: 18px;
  margin: 0;
  position: relative;
  top: 2px;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time.new-Ui-footer,
.ui.modal.wide .dashboards dashboarditem .refresh-time.new-Ui-footer {
  border-top: none;
}
.ui.modal.narrow .dashboards dashboarditem .quick-sync-icon,
.ui.modal.wide .dashboards dashboarditem .quick-sync-icon {
  padding-top: 7px;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time,
.ui.modal.wide .dashboards dashboarditem .refresh-time {
  flex: 0 0 30px;
  justify-content: space-between;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time .dataset-name,
.ui.modal.wide .dashboards dashboarditem .refresh-time .dataset-name {
  color: #8BCA84;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time .sync-error,
.ui.modal.wide .dashboards dashboarditem .refresh-time .sync-error {
  margin-right: 7px;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time .sync-error,
.ui.modal.wide .dashboards dashboarditem .refresh-time .sync-error,
.ui.modal.narrow .dashboards dashboarditem .refresh-time .sync-error a,
.ui.modal.wide .dashboards dashboarditem .refresh-time .sync-error a {
  color: #d95c5c;
  font-weight: bold;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time .layer-info,
.ui.modal.wide .dashboards dashboarditem .refresh-time .layer-info {
  margin-right: 7px;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time .icon.refreshing,
.ui.modal.wide .dashboards dashboarditem .refresh-time .icon.refreshing {
  -moz-animation: spin 1.2s 0s infinite linear;
  -webkit-animation: spin 1.2s 0s infinite linear;
  animation: spin 1.2s 0s infinite linear;
  background: url('/static/img/icons/icn-sync.svg') center center no-repeat;
  height: 18px;
  width: 18px;
  position: relative;
  top: 5px;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info,
.ui.modal.wide .dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info {
  display: none;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info svg,
.ui.modal.wide .dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info svg {
  margin: 0 0.25rem 0 0;
  width: 18px;
  height: 18px;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info svg g#snapshot,
.ui.modal.wide .dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info svg g#snapshot {
  fill: #8B919D !important;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time.snapshot-gauge:hover span:first-child,
.ui.modal.wide .dashboards dashboarditem .refresh-time.snapshot-gauge:hover span:first-child {
  display: none;
}
.ui.modal.narrow .dashboards dashboarditem .refresh-time.snapshot-gauge:hover .snapshot-info,
.ui.modal.wide .dashboards dashboarditem .refresh-time.snapshot-gauge:hover .snapshot-info {
  display: flex;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui:not(.hide-header) > .header:after,
.ui.modal.wide .dashboards dashboarditem.new-ui:not(.hide-header) > .header:after {
  display: none;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui > .header,
.ui.modal.wide .dashboards dashboarditem.new-ui > .header {
  background-color: #FFFFFF;
  padding: 15px 10px 10px;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui > .header > .text,
.ui.modal.wide .dashboards dashboarditem.new-ui > .header > .text {
  font-family: 'Roboto';
  color: #8B919D;
  font-weight: 700;
  text-align: left;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui .refresh-time,
.ui.modal.wide .dashboards dashboarditem.new-ui .refresh-time {
  padding: 0 10px;
  bottom: 0;
  color: #8B919D;
  font-size: 11px;
  background-color: inherit;
  font-weight: 600;
  left: 0;
  height: 30px;
  min-height: 30px;
  border-top: solid 1px #dedede;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui .refresh-time .time,
.ui.modal.wide .dashboards dashboarditem.new-ui .refresh-time .time {
  color: #8B919D;
  font-size: 18px;
  margin: 0;
  position: relative;
  top: 2px;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui .refresh-time.new-Ui-footer,
.ui.modal.wide .dashboards dashboarditem.new-ui .refresh-time.new-Ui-footer {
  border-top: none;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui .refresh-time,
.ui.modal.wide .dashboards dashboarditem.new-ui .refresh-time {
  padding: 7px 10px 8px;
  border-top: none;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui .icons,
.ui.modal.wide .dashboards dashboarditem.new-ui .icons {
  position: static;
  opacity: 1;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui .icons.left .menu,
.ui.modal.wide .dashboards dashboarditem.new-ui .icons.left .menu {
  left: unset;
  right: -12px;
  top: 15px;
}
.ui.modal.narrow .dashboards dashboarditem.new-ui .dropdown.link .ui.menu,
.ui.modal.wide .dashboards dashboarditem.new-ui .dropdown.link .ui.menu {
  position: static;
}
.ui.modal.narrow .dashboards dashboarditem.preview-holder,
.ui.modal.wide .dashboards dashboarditem.preview-holder {
  background-color: #ebf1f7;
  border: 1px solid #87b1da;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container,
.ui.modal.wide .dashboards dashboarditem .redactor-container {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 15px;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content code,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content code,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content pre,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content pre {
  font-family: Menlo, Monaco, monospace, sans-serif !important;
  cursor: text;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content div,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content div,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content p,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content p,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ul,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ul,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ol,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ol,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content table,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content table,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content dl,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content dl,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content blockquote,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content blockquote,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content pre,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content pre {
  font-size: 14px;
  line-height: 1.6em;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content a,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content a {
  text-decoration: underline;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content object,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content object,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content embed,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content embed,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content video,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content video,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content img,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content img {
  max-width: 100%;
  width: auto;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content video,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content video,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content img,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content img {
  height: auto;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content div,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content div,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content p,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content p,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ul,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ul,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ol,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ol,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content table,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content table,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content dl,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content dl,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content figure,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content figure,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content blockquote,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content blockquote,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content pre,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content iframe,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content iframe,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content object,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content object,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content hr,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content hr {
  margin-bottom: 15px;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content blockquote,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content blockquote {
  margin-left: 1.6em !important;
  padding: 0;
  text-align: left;
  color: #777;
  font-style: italic;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content blockquote:before,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content blockquote:before,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content blockquote:after,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content blockquote:after {
  content: '';
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ul,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ul,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ol,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ol {
  padding-left: 2em;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ul ul,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ul ul,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ol ol,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ol ol,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ul ol,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ul ol,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ol ul,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ol ol li,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ol ol li {
  list-style-type: lower-alpha;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content ol ol ol li,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content ol ol ol li {
  list-style-type: lower-roman;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content dl dt,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content dl dt {
  font-weight: bold;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content dd,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content dd {
  margin-left: 1em;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content table,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content table td,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content table td,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content table th,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content table thead td,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content table thead td,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content table th,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content code,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content code {
  background-color: #d8d7d7;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content pre,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content pre {
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  font-size: 90%;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content hr,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h1,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h1,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h2,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h2,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h3,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h3,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h4,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h4,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h5,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h5,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h6,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h6 {
  font-weight: bold;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 0.5em 0;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h1,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h1,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h2,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h2,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h3,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h3,
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h4,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h4 {
  line-height: 1.3;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h1,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h1 {
  font-size: 36px;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h2,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h2 {
  font-size: 24px;
  margin-bottom: 0.7em;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h3,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h3 {
  font-size: 21px;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h4,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h4 {
  font-size: 18px;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h5,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h5 {
  font-size: 16px;
}
.ui.modal.narrow .dashboards dashboarditem .redactor-container .redactor-content h6,
.ui.modal.wide .dashboards dashboarditem .redactor-container .redactor-content h6 {
  font-size: 12px;
  text-transform: uppercase;
}
.ui.modal.narrow .dashboards.tv-mode .module-actions > div:hover,
.ui.modal.wide .dashboards.tv-mode .module-actions > div:hover,
.ui.modal.narrow .dashboards.tv-mode .module-actions > div.visible,
.ui.modal.wide .dashboards.tv-mode .module-actions > div.visible {
  background: none;
}
.ui.modal.narrow .dashboards.tv-mode #dashboard,
.ui.modal.wide .dashboards.tv-mode #dashboard {
  margin-top: 0;
}
.ui.modal.narrow .dashboards.tv-mode #main-container,
.ui.modal.wide .dashboards.tv-mode #main-container {
  background-color: transparent;
  padding: 0;
}
.ui.modal.narrow .dashboards.tv-mode .global-header,
.ui.modal.wide .dashboards.tv-mode .global-header {
  display: none;
}
.ui.modal.narrow .dashboards.tv-mode .dashboard-menu,
.ui.modal.wide .dashboards.tv-mode .dashboard-menu {
  display: none;
}
.ui.modal.narrow .dashboards.tv-mode .header-menu,
.ui.modal.wide .dashboards.tv-mode .header-menu {
  border-style: solid;
  border-width: 1px;
}
.ui.modal.narrow .dashboards.tv-mode .header-menu i.icon,
.ui.modal.wide .dashboards.tv-mode .header-menu i.icon {
  font-size: 14px;
}
.ui.modal.narrow .dashboards.tv-mode .header-menu .rotate-timer i.icon,
.ui.modal.wide .dashboards.tv-mode .header-menu .rotate-timer i.icon {
  font-size: 6px;
}
.ui.modal.narrow .dashboards.tv-mode .header-menu header,
.ui.modal.wide .dashboards.tv-mode .header-menu header {
  height: 20px;
  line-height: 20px;
}
.ui.modal.narrow .dashboards.tv-mode .header-menu header .module-actions,
.ui.modal.wide .dashboards.tv-mode .header-menu header .module-actions {
  position: initial;
}
.ui.modal.narrow .dashboards.tv-mode dashboarditem,
.ui.modal.wide .dashboards.tv-mode dashboarditem {
  border-radius: 4px;
  overflow: hidden;
}
.ui.modal.narrow .dashboards.tv-mode dashboarditem > .header,
.ui.modal.wide .dashboards.tv-mode dashboarditem > .header {
  height: 38px;
}
.ui.modal.narrow .dashboards.tv-mode dashboarditem > .header::after,
.ui.modal.wide .dashboards.tv-mode dashboarditem > .header::after {
  top: 35px;
}
.ui.modal.narrow .dashboards.tv-mode dashboarditem table,
.ui.modal.wide .dashboards.tv-mode dashboarditem table {
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
}
.ui.modal.narrow .dashboards.tv-mode dashboarditem .filter-container,
.ui.modal.wide .dashboards.tv-mode dashboarditem .filter-container {
  pointer-events: none;
  cursor: default;
}
.ui.modal.narrow .dashboards.tv-mode dashboarditem .filter-container.asio-env,
.ui.modal.wide .dashboards.tv-mode dashboarditem .filter-container.asio-env {
  pointer-events: auto;
  cursor: pointer;
}
.ui.modal.narrow .dashboards.tv-mode dashboarditem .filter-container.asio-env i.icons .corner.icon,
.ui.modal.wide .dashboards.tv-mode dashboarditem .filter-container.asio-env i.icons .corner.icon {
  text-shadow: none;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui .header-menu,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui .header-menu,
.ui.modal.narrow .dashboards.tv-mode.light.theme.old-ui .header-menu,
.ui.modal.wide .dashboards.tv-mode.light.theme.old-ui .header-menu {
  color: #FFF;
  background-color: #242830;
  border-color: #242830;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui .header-menu header,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui .header-menu header,
.ui.modal.narrow .dashboards.tv-mode.light.theme.old-ui .header-menu header,
.ui.modal.wide .dashboards.tv-mode.light.theme.old-ui .header-menu header {
  color: #FFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui .header-menu header .module-actions,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui .header-menu header .module-actions,
.ui.modal.narrow .dashboards.tv-mode.light.theme.old-ui .header-menu header .module-actions,
.ui.modal.wide .dashboards.tv-mode.light.theme.old-ui .header-menu header .module-actions {
  color: #8BCA84;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui .header-menu .dashboard-nav-menu .dots svg *,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui .header-menu .dashboard-nav-menu .dots svg *,
.ui.modal.narrow .dashboards.tv-mode.light.theme.old-ui .header-menu .dashboard-nav-menu .dots svg *,
.ui.modal.wide .dashboards.tv-mode.light.theme.old-ui .header-menu .dashboard-nav-menu .dots svg * {
  fill: #FFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui .header-menu .filter .icon,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui .header-menu .filter .icon,
.ui.modal.narrow .dashboards.tv-mode.light.theme.old-ui .header-menu .filter .icon,
.ui.modal.wide .dashboards.tv-mode.light.theme.old-ui .header-menu .filter .icon {
  color: #FFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui .header-menu,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui .header-menu,
.ui.modal.narrow .dashboards.tv-mode.light.theme.new-ui .header-menu,
.ui.modal.wide .dashboards.tv-mode.light.theme.new-ui .header-menu {
  color: #FFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui .header-menu header .module-actions,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui .header-menu header .module-actions,
.ui.modal.narrow .dashboards.tv-mode.light.theme.new-ui .header-menu header .module-actions,
.ui.modal.wide .dashboards.tv-mode.light.theme.new-ui .header-menu header .module-actions {
  color: #8BCA84;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui .header-menu .dashboard-nav-menu .dots svg *,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui .header-menu .dashboard-nav-menu .dots svg *,
.ui.modal.narrow .dashboards.tv-mode.light.theme.new-ui .header-menu .dashboard-nav-menu .dots svg *,
.ui.modal.wide .dashboards.tv-mode.light.theme.new-ui .header-menu .dashboard-nav-menu .dots svg * {
  fill: #FFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui .header-menu .filter .icon,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui .header-menu .filter .icon,
.ui.modal.narrow .dashboards.tv-mode.light.theme.new-ui .header-menu .filter .icon,
.ui.modal.wide .dashboards.tv-mode.light.theme.new-ui .header-menu .filter .icon {
  color: #FFF;
}
.ui.modal.narrow .dashboards.tv-mode.light.theme.new-ui .header-menu,
.ui.modal.wide .dashboards.tv-mode.light.theme.new-ui .header-menu {
  background-color: #FFF !important;
  border-color: #FFF !important;
}
.ui.modal.narrow .dashboards.tv-mode.light.theme.new-ui .header-menu header,
.ui.modal.wide .dashboards.tv-mode.light.theme.new-ui .header-menu header {
  color: #242830 !important;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui {
  background-color: #434B56;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem {
  box-shadow: none;
  border: none;
  background-color: #242830;
  color: #ffffff;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header,
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header {
  background-color: #515761;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header .icons,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header .icons,
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header .icons,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header .icons {
  color: #484d57;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header::after,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header::after,
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header::after,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header::after {
  background-color: #242830;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem .preview-holder,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem .preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem.preview-holder,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem.preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem .refresh-time,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem .refresh-time {
  border-color: #3A3F48;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem table,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem table {
  background-color: #333;
  color: #fff;
  border-color: #333333;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem table thead tr th,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem table thead tr th {
  background-color: #222222;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr:nth-child(even) td,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr:nth-child(even) td {
  background-color: #323232;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr:nth-child(odd) td,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr:nth-child(odd) td {
  background-color: #3C3C3C;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr.highlight-row td,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr.highlight-row td {
  background-color: inherit;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem headline .data,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem headline .data {
  color: #FFFFFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.old-ui dashboarditem .redactor-content,
.ui.modal.wide .dashboards.tv-mode.dark.theme.old-ui dashboarditem .redactor-content {
  color: #FFFFFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui {
  background-color: #434B56;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui .header-menu,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui .header-menu {
  background-color: #242830;
  border-color: #242830;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui .header-menu header,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui .header-menu header {
  color: #FFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem {
  box-shadow: none;
  border: none;
  background-color: #242830;
  color: #ffffff;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header,
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header {
  background-color: #242830;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header .icons,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header .icons,
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header .icons,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header .icons {
  color: #484d57;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header::after,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header::after,
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header::after,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header::after {
  background-color: #242830;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header > .header > .text,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header > .header > .text,
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header > .header > .text,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header > .header > .text {
  color: #8B919D;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem .preview-holder,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem .preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem.preview-holder,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem.preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem .refresh-time,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem .refresh-time {
  border-color: #3A3F48;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem table,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem table {
  background-color: #333;
  color: #fff;
  border-color: #333333;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem table thead tr th,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem table thead tr th {
  background-color: #222222;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr:nth-child(even) td,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr:nth-child(even) td {
  background-color: #323232;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr:nth-child(odd) td,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr:nth-child(odd) td {
  background-color: #3C3C3C;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr.highlight-row td,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr.highlight-row td {
  background-color: inherit;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem headline .data,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem headline .data {
  color: #FFFFFF;
}
.ui.modal.narrow .dashboards.tv-mode.dark.theme.new-ui dashboarditem .redactor-content,
.ui.modal.wide .dashboards.tv-mode.dark.theme.new-ui dashboarditem .redactor-content {
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: auto;
  min-height: 100%;
  overflow: visible !important;
  width: 100%;
}
.ui.modal.narrow .dashboards .rotate-timer,
.ui.modal.wide .dashboards .rotate-timer {
  float: left;
  margin: -5px 8px;
  position: relative;
  display: inline-block;
  color: #B0BAC7;
  font-size: 7px;
  text-align: center;
  opacity: 0.8;
  top: 6px;
  right: 16px;
}
.ui.modal.narrow .dashboards .rotate-timer figcaption,
.ui.modal.wide .dashboards .rotate-timer figcaption {
  padding: 2px 5px;
  padding-left: 4px;
  width: 10px;
  height: 13px;
  border-radius: 100px;
  line-height: 12px;
}
.ui.modal.narrow .dashboards .rotate-timer svg,
.ui.modal.wide .dashboards .rotate-timer svg {
  position: absolute;
  top: 0;
  left: 0;
}
.ui.modal.narrow .dashboards .rotate-timer svg .circle,
.ui.modal.wide .dashboards .rotate-timer svg .circle {
  stroke: #B0BAC7;
  fill: transparent;
  stroke-width: 1;
  stroke-dasharray: 43.98;
}
.ui.modal.narrow .dashboards .rotate-timer svg .circle.animate,
.ui.modal.wide .dashboards .rotate-timer svg .circle.animate {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation: circleDashFill;
  animation: circleDashFill;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.ui.modal.narrow .dashboards .rotate-timer:hover,
.ui.modal.wide .dashboards .rotate-timer:hover {
  opacity: 1;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards .header-menu,
.ui.modal.wide .bg-asio-dashboard.dashboards .header-menu {
  background-color: transparent;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui {
  background-color: #0A1023 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui .header-menu,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui .header-menu {
  background-color: #0A1023 !important;
  border: none;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui section,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui section {
  background-color: #0A1023 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui #gauges,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui #gauges {
  background-color: #0A1023 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui .dataTables_wrapper,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui .dataTables_wrapper {
  background-color: #141C39 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui #dashboard,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui #dashboard {
  background-color: #0A1023 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem {
  background-color: #141C39 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header {
  background-color: #141C39 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header > .text,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header > .text {
  color: #FFFFFF !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header .icons,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header .icons {
  color: #FFFFFF !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table > tr:nth-child(2n),
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table > tr:nth-child(2n),
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:nth-child(2n),
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:nth-child(2n) {
  background-color: #141C39;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table > tr:nth-child(n),
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table > tr:nth-child(n),
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:nth-child(n),
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:nth-child(n) {
  background-color: #141C39;
  border-bottom: 1px solid #FFFFFF !important;
  box-shadow: none !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:hover,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:hover {
  background-color: #2B3458;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table thead tr,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table thead tr {
  background-color: #141C39;
  border-top: none;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table thead th,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table thead th {
  background-color: #141C39;
  font-size: 14px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #FFFFFF !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr td,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr td {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  color: #FFFFFF !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .dataTables_scroll .dataTables_scrollHeadInner,
.ui.modal.wide .bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .dataTables_scroll .dataTables_scrollHeadInner {
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  background-color: #141C39 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards dashboarditem,
.ui.modal.wide .bg-asio-dashboard.dashboards dashboarditem {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  border: none #ececee;
  padding: 3px;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards dashboarditem.new-ui > .header,
.ui.modal.wide .bg-asio-dashboard.dashboards dashboarditem.new-ui > .header {
  cursor: default;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards dashboarditem.new-ui > .header > .text,
.ui.modal.wide .bg-asio-dashboard.dashboards dashboarditem.new-ui > .header > .text {
  font-size: 1.25rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  color: #101120;
  font-weight: 400;
  text-align: left;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards dashboarditem > .new-header,
.ui.modal.wide .bg-asio-dashboard.dashboards dashboarditem > .new-header {
  border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards dashboarditem > .new-header > .text,
.ui.modal.wide .bg-asio-dashboard.dashboards dashboarditem > .new-header > .text {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ui.modal.narrow .bg-asio-dashboard.dashboards dashboarditem .refresh-time,
.ui.modal.wide .bg-asio-dashboard.dashboards dashboarditem .refresh-time {
  border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table > tr:nth-child(2n),
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table > tr:nth-child(2n),
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table tbody tr:nth-child(2n),
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table tbody tr:nth-child(2n) {
  background-color: #ffffff;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table > tr,
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table > tr,
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table tbody tr,
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table tbody tr {
  box-shadow: #e0e0e0 0px 1px 0px 0px inset;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table tbody tr:hover,
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table tbody tr:hover {
  background-color: #f8f8f9;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table thead tr,
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table thead tr {
  background-color: #ffffff;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table thead th,
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table thead th {
  background-color: #ffffff;
  font-size: 14px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #101120 !important;
}
.ui.modal.narrow .bg-asio-dashboard.dashboards .ui.striped.table tbody tr td,
.ui.modal.wide .bg-asio-dashboard.dashboards .ui.striped.table tbody tr td {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  color: #101120 !important;
}
.ui.modal.narrow .dashboard-menu,
.ui.modal.wide .dashboard-menu {
  overflow-y: hidden;
  position: absolute;
  padding: 0;
  top: 0;
  right: -300px;
  z-index: 100;
  width: 300px;
  height: 100%;
  background: #f4f3f3;
  border-left: solid 1px #D5D5D5;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ui.modal.narrow .dashboard-menu .menu-section,
.ui.modal.wide .dashboard-menu .menu-section {
  border-bottom: solid 1px #d5d5d5;
  box-shadow: 0 1px white;
  padding: calc(20px/2 + 2px) 20px;
}
.ui.modal.narrow .dashboard-menu .menu-section .clear,
.ui.modal.wide .dashboard-menu .menu-section .clear {
  clear: both;
}
.ui.modal.narrow .dashboard-menu .menu-section .option,
.ui.modal.wide .dashboard-menu .menu-section .option {
  width: 28%;
  text-align: center;
  cursor: pointer;
  opacity: 0.25;
  transition: opacity 200ms;
  display: inline-block;
}
.ui.modal.narrow .dashboard-menu .menu-section .option.active,
.ui.modal.wide .dashboard-menu .menu-section .option.active,
.ui.modal.narrow .dashboard-menu .menu-section .option:hover,
.ui.modal.wide .dashboard-menu .menu-section .option:hover {
  opacity: 1;
}
.ui.modal.narrow .dashboard-menu .menu-section .option .text,
.ui.modal.wide .dashboard-menu .menu-section .option .text {
  font-weight: 600;
  font-size: 14px;
  color: #2D3239;
}
.ui.modal.narrow .dashboard-menu .menu-section .option .img,
.ui.modal.wide .dashboard-menu .menu-section .option .img {
  background-size: contain;
  background-repeat: no-repeat;
  height: 30px;
  margin: 0 auto;
}
.ui.modal.narrow .dashboard-menu .menu-section .option.gauges .img,
.ui.modal.wide .dashboard-menu .menu-section .option.gauges .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-gauges.png');
  width: 30px;
}
.ui.modal.narrow .dashboard-menu .menu-section .option.filters .img,
.ui.modal.wide .dashboard-menu .menu-section .option.filters .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-filter.png');
  width: 32px;
}
.ui.modal.narrow .dashboard-menu .menu-section .option.users .img,
.ui.modal.wide .dashboard-menu .menu-section .option.users .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-users.png');
  width: 35px;
}
.ui.modal.narrow .dashboard-menu .menu-section .option.modules .img,
.ui.modal.wide .dashboard-menu .menu-section .option.modules .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-modules.png');
  width: 30px;
}
.ui.modal.narrow .dashboard-menu .menu-section .option.remove,
.ui.modal.wide .dashboard-menu .menu-section .option.remove {
  width: 15px;
  height: 15px;
  font-size: 20px;
  float: right;
}
.ui.modal.narrow .dashboard-menu > .section .gauge.item img,
.ui.modal.wide .dashboard-menu > .section .gauge.item img {
  float: right;
  height: 24px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ui.modal.narrow .dashboard-menu .filters.section .no-filters,
.ui.modal.wide .dashboard-menu .filters.section .no-filters {
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
  text-align: center;
}
.ui.modal.narrow .dashboard-menu .filters.section .no-filters .text,
.ui.modal.wide .dashboard-menu .filters.section .no-filters .text {
  font-size: 14px;
}
.ui.modal.narrow .dashboard-menu .filters.section .no-filters .img,
.ui.modal.wide .dashboard-menu .filters.section .no-filters .img {
  margin-bottom: 20px;
  transform: rotate(-10deg);
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .edit,
.ui.modal.wide .dashboard-menu .filters.section .filters .edit {
  opacity: 0;
  transition: opacity 150ms ease-in;
  float: right;
  width: 36px;
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .item,
.ui.modal.wide .dashboard-menu .filters.section .filters .item {
  padding-right: 0;
  background-repeat: no-repeat;
  background-position: 97% 50%;
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .item.column-type-text,
.ui.modal.wide .dashboard-menu .filters.section .filters .item.column-type-text {
  background-image: url("/static/img/builder/column/icn-small-filter-text.png");
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .item.column-type-date,
.ui.modal.wide .dashboard-menu .filters.section .filters .item.column-type-date {
  background-image: url("/static/img/builder/column/icn-small-filter-date.png");
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .item.column-type-number,
.ui.modal.wide .dashboard-menu .filters.section .filters .item.column-type-number {
  background-image: url("/static/img/builder/column/icn-small-filter-number.png");
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .item.column-type-bool,
.ui.modal.wide .dashboard-menu .filters.section .filters .item.column-type-bool {
  background-image: url("/static/img/builder/column/icn-small-filter-bool.png");
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .item:hover .name,
.ui.modal.wide .dashboard-menu .filters.section .filters .item:hover .name {
  max-width: 190px;
}
.ui.modal.narrow .dashboard-menu .filters.section .filters .item:hover .edit,
.ui.modal.wide .dashboard-menu .filters.section .filters .item:hover .edit {
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  background-color: #54BA48 !important;
  opacity: 1;
}
.ui.modal.narrow .dashboard-menu .filters.section .button,
.ui.modal.wide .dashboard-menu .filters.section .button {
  background-color: #8BCA84;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.ui.modal.narrow .edit-mode .dashboard-menu,
.ui.modal.wide .edit-mode .dashboard-menu {
  right: 0;
}
.ui.modal.narrow #switch-dashboard,
.ui.modal.wide #switch-dashboard {
  width: 480px !important;
}
.ui.modal.narrow #switch-dashboard.ui.dashboard.modal.styled,
.ui.modal.wide #switch-dashboard.ui.dashboard.modal.styled {
  margin-left: -245px;
}
.ui.modal.narrow #switch-dashboard .dashboard-search.ui.fluid.input,
.ui.modal.wide #switch-dashboard .dashboard-search.ui.fluid.input {
  margin-bottom: 16px;
}
.ui.modal.narrow #switch-dashboard .dashboard-search.ui.fluid.input input,
.ui.modal.wide #switch-dashboard .dashboard-search.ui.fluid.input input {
  padding: 9px 20px 9px 20px;
  width: 100%;
  border-radius: 25px;
}
.ui.modal.narrow #switch-dashboard .no-results,
.ui.modal.wide #switch-dashboard .no-results {
  padding: 48px 0px 3px 0;
  margin: 0;
  text-align: center;
}
.ui.modal.narrow #switch-dashboard .no-results .svg-icon,
.ui.modal.wide #switch-dashboard .no-results .svg-icon {
  width: 145px;
}
.ui.modal.narrow #switch-dashboard .no-results h4,
.ui.modal.wide #switch-dashboard .no-results h4 {
  font-weight: 300;
  font-style: italic;
  font-size: 24px;
  color: #727B89;
  margin: 30px 35px;
}
@-webkit-keyframes circleDashFill {
  from {
    stroke-dashoffset: 43.98;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes circleDashFill {
  from {
    stroke-dashoffset: 43.98;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.ui.modal.narrow .dashed-border,
.ui.modal.wide .dashed-border {
  border: dashed 1px #D5D5D5;
}
.ui.modal.narrow .dashboard-hierarchy .green-text,
.ui.modal.wide .dashboard-hierarchy .green-text {
  color: #4AB017;
}
.ui.modal.narrow .dashboard-hierarchy .parent-title-name,
.ui.modal.wide .dashboard-hierarchy .parent-title-name {
  font-family: Roboto;
  font-style: SemiBold;
  font-size: 18px;
  line-height: 21px;
  vertical-align: center;
}
.ui.modal.narrow .dashboard-hierarchy .linked-parent-title-name,
.ui.modal.wide .dashboard-hierarchy .linked-parent-title-name {
  cursor: pointer;
}
.ui.modal.narrow .dashboard-hierarchy .linked-parent-title-name:hover,
.ui.modal.wide .dashboard-hierarchy .linked-parent-title-name:hover {
  color: #2C9BCA;
}
.ui.modal.narrow .dashboard-hierarchy .parent-sub-title-name,
.ui.modal.wide .dashboard-hierarchy .parent-sub-title-name {
  font-size: 16px;
  line-height: 19px;
  vertical-align: center;
  color: #333333;
  font-weight: 400;
}
.ui.modal.narrow .dashboard-hierarchy .green-border,
.ui.modal.wide .dashboard-hierarchy .green-border {
  border: solid 2px #4AB017;
  border-radius: 8px;
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -12px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class {
  text-align: left;
  margin-bottom: 10px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul {
  list-style: none;
  padding-left: 32px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li {
  padding: 20px 0px 0px 10px;
  position: relative;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -31px;
  border-left: 2px solid #53ba48;
  width: 1px;
  height: 100%;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:after,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:after {
  content: "";
  position: absolute;
  border-top: 2px solid #53ba48;
  top: 29px;
  left: -30px;
  width: 32px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:last-child:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:last-child:before {
  top: -8px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:after,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:after,
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:last-child:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:last-child:before {
  content: unset;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:before {
  top: 90px;
  left: 36px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:not(:last-child) > ul > li:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:not(:last-child) > ul > li:before {
  content: unset;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li > .bg-treeview_level:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li > .bg-treeview_level:before {
  height: 12px;
  width: 12px;
  top: -9.5px;
  background-color: #53ba48;
  border: none;
  font-size: 22px;
  display: none;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li > ul,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li > ul {
  padding-left: 24px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level {
  padding-left: 0px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level:before {
  content: attr(data-level);
  position: absolute;
  left: -16px;
  top: 50%;
  display: flex;
  margin-top: -6px;
  align-items: center;
  justify-content: center;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: none;
  background-color: #53ba48;
  color: #fff;
  font-size: 20px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same,
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub {
  position: absolute;
  display: none;
  transition: opacity 250ms cubic-bezier(0.7, 0, 0.3, 1);
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same.in,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same.in,
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub.in,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub.in {
  display: block;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same {
  top: 0;
  left: 45px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub {
  top: 42px;
  left: 0px;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-remove,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-remove {
  display: none;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected {
  background-color: #f9f9fb;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-remove,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-remove {
  display: inline-block;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-add,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-add {
  display: none;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-same,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-same,
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-sub,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-sub {
  display: none;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview .level-title,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview .level-title {
  font-size: 18px;
  cursor: pointer;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview .level-title:hover,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview .level-title:hover {
  color: #2C9BCA;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul {
  justify-content: center;
  display: flex;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul li:before,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul li:before {
  content: unset;
}
.ui.modal.narrow .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul li:after,
.ui.modal.wide .dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul li:after {
  content: unset;
}
.ui.modal.narrow .ui.modal.wide.confirm .ui.grid .row:last-child,
.ui.modal.wide .ui.modal.wide.confirm .ui.grid .row:last-child {
  padding: 0px;
}
.ui.modal.narrow .warning-modal .ui.message,
.ui.modal.wide .warning-modal .ui.message {
  position: absolute;
  right: 20px;
  z-index: 101;
  width: 320px;
}
.ui.modal.narrow .dashboard-hierarchy a,
.ui.modal.wide .dashboard-hierarchy a {
  color: #202327;
}
.ui.modal.narrow .dashboard-label-icon,
.ui.modal.wide .dashboard-label-icon {
  margin-left: 5px;
  margin-top: 0px !important;
}
.ui.modal.narrow .attach-child-checkbox,
.ui.modal.wide .attach-child-checkbox {
  padding-top: 0px;
  margin-top: 2px;
}
.ui.modal.narrow .attach-dashboard-li-tag,
.ui.modal.wide .attach-dashboard-li-tag {
  padding: 5px;
}
.ui.modal.narrow .attach-dashboard-tooltip.ui.popup,
.ui.modal.wide .attach-dashboard-tooltip.ui.popup {
  height: auto;
  width: 300px;
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  padding: 7px;
}
.ui.modal.narrow .info-icon-tooltip,
.ui.modal.wide .info-icon-tooltip {
  vertical-align: text-top;
}
.ui.modal.narrow .modal-sub-header-text,
.ui.modal.wide .modal-sub-header-text {
  font-size: 12px;
}
.ui.modal.narrow .padding-b-2,
.ui.modal.wide .padding-b-2 {
  padding-bottom: 2rem;
}
.ui.modal.narrow .ui.modal.active.save-changes-modal .content.modal-content,
.ui.modal.wide .ui.modal.active.save-changes-modal .content.modal-content {
  padding: 1.2em 2em;
}
.ui.modal.narrow .ui.modal.active.save-changes-modal .content.modal-content .divider,
.ui.modal.wide .ui.modal.active.save-changes-modal .content.modal-content .divider {
  padding: 0;
  margin: 0;
}
.ui.modal.narrow .ui.modal.active.save-changes-modal .ui.message.modal-message,
.ui.modal.wide .ui.modal.active.save-changes-modal .ui.message.modal-message {
  padding: 1.25rem;
  margin: 1em auto 1.5em;
  color: #C8A757;
  background: #FFFDF4;
  box-shadow: none;
  text-align: center;
  border: 1px solid #C8A757;
}
.ui.modal.narrow > .close,
.ui.modal.wide > .close {
  font-size: 1.25em;
  top: 0em;
  right: 0.4em;
  margin: 0;
}
.ui.modal.narrow > .close:after,
.ui.modal.wide > .close:after {
  width: 60%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 20%;
  border-radius: 10px;
}
.ui.modal.narrow.confirmation .row:last-child,
.ui.modal.wide.confirmation .row:last-child {
  padding-bottom: 0;
}
.ui.modal.narrow.confirmation .header.main,
.ui.modal.wide.confirmation .header.main {
  color: #8B919D;
  margin-bottom: 30px;
  font-weight: 500;
  opacity: 0.7;
  font-size: 30px;
}
.ui.modal.narrow.confirmation p,
.ui.modal.wide.confirmation p {
  margin-bottom: 20px;
}
.ui.modal.narrow.confirmation p:last-child,
.ui.modal.wide.confirmation p:last-child {
  margin-bottom: 0;
}
.ui.modal.narrow.confirmation .ui.button,
.ui.modal.wide.confirmation .ui.button {
  padding: 16px 32px;
}
.ui.modal.narrow > .header,
.ui.modal.wide > .header {
  background: #434B56;
  padding: 16px 2rem;
  border-top-left-radius: 3px - 1px;
  border-top-right-radius: 3px - 1px;
}
.ui.modal.narrow > .header > h3,
.ui.modal.wide > .header > h3 {
  margin: 0em;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  padding-top: 5px;
}
.ui.modal.narrow > .header > p,
.ui.modal.wide > .header > p {
  color: #54BA48;
  font-size: 14px;
  margin-top: 0;
  font-weight: 200;
}
.ui.modal.narrow > .content,
.ui.modal.wide > .content {
  padding: 30px;
  display: block;
}
.ui.modal.narrow > .content .field > label,
.ui.modal.wide > .content .field > label {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: bold !important;
  cursor: default;
  display: block;
}
.ui.modal.narrow > .content .field > label .sublabel,
.ui.modal.wide > .content .field > label .sublabel {
  padding-left: 10px;
  font-weight: normal;
}
.ui.modal.narrow > .content i.ui.icon.huge,
.ui.modal.wide > .content i.ui.icon.huge {
  font-size: 6em;
}
.ui.modal.narrow .actions,
.ui.modal.wide .actions {
  padding: 0 30px 30px 30px;
  text-align: center;
  border-top: none;
  background: none;
}
.ui.modal.narrow .actions button,
.ui.modal.wide .actions button,
.ui.modal.narrow .actions .button,
.ui.modal.wide .actions .button {
  padding: 12px 32px;
  width: auto;
}
.ui.modal.narrow.confirm > .close,
.ui.modal.wide.confirm > .close {
  top: 0.2em;
}
.ui.modal.narrow.confirm .ui.checkbox label,
.ui.modal.wide.confirm .ui.checkbox label {
  color: #333633;
}
.ui.modal.narrow.confirm .ui.grid .row:nth-child(1),
.ui.modal.wide.confirm .ui.grid .row:nth-child(1) {
  padding-bottom: 0;
}
.ui.modal.narrow.confirm .ui.grid .row:last-child,
.ui.modal.wide.confirm .ui.grid .row:last-child {
  padding-top: 25px;
  padding-bottom: 0;
}
.ui.modal.narrow.confirm .ui.grid .row:last-child .ui.checkbox,
.ui.modal.wide.confirm .ui.grid .row:last-child .ui.checkbox {
  line-height: 20px;
}
.ui.modal.narrow.confirm h2,
.ui.modal.wide.confirm h2 {
  font-weight: normal;
  letter-spacing: 0.02em;
  color: #A8A9AD;
}
.ui.modal.narrow.confirm p,
.ui.modal.wide.confirm p {
  margin-bottom: 16px;
}
.ui.modal.narrow.confirm p:last-child,
.ui.modal.wide.confirm p:last-child {
  margin-bottom: 0;
}
.ui.modal.narrow.confirm .actions button,
.ui.modal.wide.confirm .actions button,
.ui.modal.narrow.confirm .actions .button,
.ui.modal.wide.confirm .actions .button {
  padding: 16px 32px;
  letter-spacing: 0.02em;
  font-weight: 500;
  width: auto;
}
.ui.modal.narrow.confirm .actions button.ui.red.disabled,
.ui.modal.wide.confirm .actions button.ui.red.disabled,
.ui.modal.narrow.confirm .actions .button.ui.red.disabled,
.ui.modal.wide.confirm .actions .button.ui.red.disabled {
  color: #FFFFFF !important;
  background-color: #BD5555 !important;
}
.ui.modal.wide {
  width: 686px !important;
}
.ui.modal.wide:not(.scrolling) {
  margin-left: -350px !important;
}
.ui.modal.narrow {
  width: 450px !important;
  height: fit-content !important;
}
.ui.modal.narrow:not(.scrolling) {
  margin-left: -221px !important;
}
.ui.modal.narrow .content .ui.form .field {
  margin: 0 0 0.5em;
}
.ui.modal.narrow .content .ui.form .field .ui.checkbox,
.ui.modal.narrow .content .ui.form .field .ui.checkbox label {
  cursor: pointer;
  height: auto;
}
.ui.modal.narrow .content .ui.form label {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}
.ui.modal.narrow .content .ui.form label::after {
  line-height: 17px;
  border: 1px solid transparent;
}
.ui.modal.narrow .content .ui.form small {
  display: block;
  padding: 15px 0 0 0;
  text-align: center;
  font-size: 14px;
}
.ui.modal.narrow .actions p.small {
  font-size: 14px;
}
.ui.modal.narrow .actions > .button {
  margin: 0;
}
.ui.modal.narrow#delete-datasource .form {
  margin-left: 19px;
}
.ui.modal.narrow#upgrade-datasource .form {
  margin-left: 1px;
}
.selection.list.modal .bold {
  font-weight: bold;
}
.selection.list.modal .segment {
  height: 305px;
  max-height: 305px;
  overflow-y: scroll;
}
.selection.list.modal .segment > div {
  margin-bottom: 10px;
}
.selection.list.modal .ui.grid > .column {
  padding-bottom: 1em;
  padding-top: 0;
}
.selection.list.modal .ui.grid > .column:last-child {
  padding-bottom: 0;
}
.selection.list.modal .column > .checkbox {
  padding-left: 1em;
}
.display-none {
  display: none !important;
}
.accordion-label {
  font-weight: 600;
  font-size: 16px;
  color: #000000de;
}
.accordion-label + icon {
  float: right;
}
.input-note {
  font-size: 14px;
  cursor: default;
}
.error-red {
  color: red;
}
.label-font-size {
  font-weight: 600 !important;
  cursor: default;
}
.accordion-title-open {
  border-bottom: 0.5px solid #dbd8d8;
}
.accordion-title-close {
  border-bottom: 2px solid grey;
}
.accordion-content-background {
  background-color: #f9f9f9 !important;
  padding-bottom: 50px !important;
  min-height: 276px;
}
.browse-button {
  border-radius: none;
  height: 43px;
  margin-top: 4px;
  left: 0;
  margin-left: -10px;
}
.ui.blue.button.browse-button {
  border-radius: none;
  height: 43px;
  margin-top: 4px;
  left: 0;
  margin-left: -10px;
}
.sound-name {
  width: 100% !important;
}
.browse-input {
  border-left-style: none;
  border-radius: 0px;
  cursor: default;
}
.spec-class {
  margin-top: 20px;
}
.ui.styled.accordion,
.ui.styled.accordion .accordion content {
  background-color: #f9f9f9 !important;
  box-shadow: none;
}
.modal .content:not(.layer-group) {
  background-color: 'red' !important;
}
.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  background-color: #f9f9f9 !important;
  border-bottom: 2px solid #dad8d8;
}
.browse-input {
  width: 100%;
  padding: 15px !important;
  margin: 4px !important;
  box-sizing: border-box !important;
  padding-left: 40px !important;
}
.Icon-inside {
  position: relative;
}
.Icon-inside img {
  position: absolute !important;
  top: -2px;
  padding: 10px 10px;
  color: #30A3F1;
}
.left {
  left: 0;
}
.right {
  right: 0;
}
.wider {
  width: 620px !important;
}
.ui.modal.styled.conditional-formatting .dropdown-header {
  background: transparent;
}
.search-input {
  margin: 10px 10px !important;
  width: 595px !important;
  border-radius: 69px !important;
  height: 35px !important;
}
.modal.conditional-formatting .dropdown.selection .menu.menuheader {
  border-radius: 5px !important;
  border: 2px solid #edf2f5 !important;
  margin-top: 11px !important;
  max-height: 700px !important;
  width: 620px !important;
  margin-left: -20px !important;
  min-height: 300px;
}
.modal.conditional-formatting .dropdown.selection .menu.menuheader .menu {
  min-height: 300px;
}
.ui.dropdown .scrolling.menu > .item.item.item.menu-headline {
  pointer-events: none;
  font-weight: 600;
}
.notification-label {
  font-size: 14px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 7px;
}
.red-text {
  color: #DB2828;
  font-size: medium;
}
.ui.dropdown .scrolling.menu > .item.item.item.menu-items img {
  visibility: hidden;
}
.ui.dropdown .scrolling.menu > .item.item.item.menu-items:hover img {
  visibility: visible;
}
.stop-color {
  color: #2185D0;
}
.Icon-inside-right {
  position: relative;
  width: 618px !important;
}
.Icon-inside-right img {
  position: absolute !important;
  top: 6px;
  color: #30A3F1;
  height: 30px;
}
.img-dimension-close-icn {
  right: 0;
}
.img-dimension-confirm-icn {
  right: 30px;
}
.img-clear-file {
  right: 102px;
}
.img-dimension-50 {
  width: 50px;
  height: 50px;
  margin-top: 3px;
}
.Icon-inside {
  position: relative;
}
.Icon-inside i {
  position: absolute !important;
  top: 17px;
  color: #d8dcdf;
  right: 20px;
}
.modal.conditional-formatting input,
.modal.conditional-formatting .dropdown.selection.width100 {
  width: 100px;
}
.modal.conditional-formatting input[type="text"].width400:not(.full),
.modal.conditional-formatting input[type="number"].width400:not(.full) {
  width: 400px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-24 {
  margin-bottom: 24px;
}
.h-20 {
  height: 20px;
}
.h-25 {
  height: 25px;
}
.h-35-t-4 {
  height: 35px;
  top: 4px;
}
.loader-height {
  height: 316px !important;
}
.loader-height p {
  color: black;
}
.image-right-align-new {
  right: -300px;
  display: initial !important;
  width: 30px;
}
.image-right-align-update {
  right: -346px;
  display: initial !important;
  width: 30px;
}
.mt-0 {
  margin-top: 0px !important;
}
.add-new-sound {
  height: 55px;
  margin: 0px;
  padding-top: 12px;
}
.cursor-pointer {
  cursor: pointer;
}
.ui.large.text.loader.loader-height {
  height: 400px !important;
}
.modal-font-h2 {
  font-weight: normal;
  letter-spacing: 0.02em;
  color: #A8A9AD;
}
.modal-content-color {
  color: #A8A9AD;
}
.mr-28 {
  margin-right: 28px !important;
}
.fl-right {
  float: right;
  font-size: 10px;
}
.close-button-hidden {
  display: none !important;
}
.close-button-show {
  display: inline !important;
}
.ui.fitted.checkbox label.pl-20 {
  padding-left: 20px !important;
}
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label.pl-20 {
  padding-left: 20px !important;
}
.mb-15 {
  margin-bottom: 15px;
}
.loading-ui {
  height: 250px;
}
.scroll-y {
  overflow-y: scroll;
}
.ui.dimmer {
  background-color: rgba(0, 0, 0, 0.65);
}
.modal .content:not(.layer-group) {
  background-color: white !important;
  box-shadow: none;
}
.modal .modal-loader {
  min-height: 450px;
}
.modal .modal-loader p {
  font-size: 25px;
  color: #999;
  margin-top: -12px;
  font-weight: 700;
}
.modal .modal-loader .loader::after {
  border-color: #54BA48 transparent transparent !important;
}
.modal#dataset-column-config .content {
  padding: 2em;
}
.modal#dataset-column-config .content label {
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
}
.modal#dataset-column-config .content .item {
  margin: 10px 0 0;
}
.modal#dataset-column-config .content label,
.modal#dataset-column-config .content .item {
  font-size: 14px;
}
.modal#dataset-column-config .actions {
  padding-top: 0px;
  text-align: right;
}
.ui.modal.styled#export-csv img {
  float: left;
  padding-right: 30px;
  padding-bottom: 40px;
}
.ui.modal.styled#export-csv p {
  padding-top: 15px;
}
#gauge-image.modal .content,
#user-image.modal .content {
  padding-bottom: 0;
}
#gauge-image.modal .content .text,
#user-image.modal .content .text {
  float: left;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 10px;
}
#gauge-image.modal .content .text.delete,
#user-image.modal .content .text.delete {
  float: right;
  font-weight: 300px;
  color: #CC2035;
  text-decoration: underline;
  cursor: pointer;
}
#gauge-image.modal .content .text.subtle,
#user-image.modal .content .text.subtle {
  color: #b5b7b9;
  font-weight: normal;
}
#gauge-image.modal .images,
#user-image.modal .images {
  overflow-y: scroll;
  height: 300px;
  max-height: 300px;
  border: 1px solid rgba(151, 151, 151, 0.5);
  border-radius: 5px;
  margin-bottom: 10px;
}
#gauge-image.modal .images.loading,
#user-image.modal .images.loading {
  border: none;
  overflow-y: auto;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
#gauge-image.modal .images > *,
#user-image.modal .images > * {
  width: 81px;
  height: 81px;
  display: inline-block;
  border-radius: 5px;
  margin: 10px;
  float: left;
  cursor: pointer;
  transition: border 200ms;
}
#gauge-image.modal .images > *.image,
#user-image.modal .images > *.image {
  border: solid 1px #979797;
}
#gauge-image.modal .images > *.selected,
#user-image.modal .images > *.selected {
  border: solid 4px #53B847;
}
#gauge-image.modal .images > *.uploading,
#user-image.modal .images > *.uploading {
  padding: 20px;
}
#gauge-image.modal .upload,
#user-image.modal .upload {
  background: url('/static/img/builder/upload.svg');
  text-align: center;
}
#gauge-image.modal .upload input,
#user-image.modal .upload input {
  display: none;
}
#gauge-image.modal .upload label,
#user-image.modal .upload label {
  height: 100%;
  width: 100%;
  display: block;
}
#gauge-image.modal .checkbox-container,
#user-image.modal .checkbox-container {
  width: 100%;
  padding: 0 2em;
}
#gauge-image.modal .checkbox-container .click-container,
#user-image.modal .checkbox-container .click-container {
  cursor: pointer;
}
#gauge-image.modal .checkbox-container .click-container .image-specific-checkbox,
#user-image.modal .checkbox-container .click-container .image-specific-checkbox {
  width: 11px;
  height: 11px;
  border: 1px solid #8B919D;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
}
#gauge-image.modal .checkbox-container .click-container .image-specific-checkbox.checked,
#user-image.modal .checkbox-container .click-container .image-specific-checkbox.checked {
  background-color: #1f78b4;
  border: 1px solid #1f78b4;
}
#gauge-image.modal .checkbox-container .click-container .text,
#user-image.modal .checkbox-container .click-container .text {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}
#gauge-image.modal .checkbox-container .click-container .bg-icon.info,
#user-image.modal .checkbox-container .click-container .bg-icon.info {
  height: 13px;
  position: relative;
  top: 2px;
}
#gauge-image.modal .checkbox-container .click-container .bg-icon.info svg,
#user-image.modal .checkbox-container .click-container .bg-icon.info svg {
  height: 13px;
  width: 13px;
}
#leaderboard-badges.ui.modal.styled {
  width: 450px;
  margin-left: -232px;
}
#leaderboard-badges.ui.modal.styled .field label .note {
  color: #5FC052;
  font-weight: 300;
  font-style: italic;
  display: block;
}
#leaderboard-badges.ui.modal.styled .field.badge {
  width: 42px!important;
  height: 42px;
  text-align: center;
  border: 1px solid rgba(39, 41, 43, 0.15);
  border-radius: 0.2857rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 5px;
}
#leaderboard-badges.ui.modal.styled .field.badge .icon {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
#leaderboard-badges.ui.modal.styled .field.badge .icon img {
  max-height: 100%;
  max-width: 100%;
}
#leaderboard-badges.ui.modal.styled .field.badge .icon img[src=" "] {
  display: none;
}
#leaderboard-badges.ui.modal.styled .add-rule .icon.plus {
  margin-right: 0;
  color: #5FC052;
}
#leaderboard-badges.ui.modal.styled .ui.selection.dropdown > .text {
  margin-right: 0.25em;
}
#leaderboard-badges.ui.modal.styled .badge,
#leaderboard-badges.ui.modal.styled .icon.trash,
#leaderboard-badges.ui.modal.styled .add-rule {
  cursor: pointer;
}
#leaderboard-badges.ui.modal.styled .icon.trash {
  color: #CC2035;
  font-size: 25px;
  position: relative;
  top: 7px;
  line-height: 25px;
}
#leaderboard-badges.ui.modal.styled .small.button.approve {
  width: 130px;
}
#leaderboard-badges.ui.modal.styled .conditions .field.operator div.dropdown {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  min-height: 0;
  height: 42px;
}
#leaderboard-badges.ui.modal.styled .conditions .field.operator div.dropdown .icon {
  color: black;
}
#leaderboard-badges.ui.modal.styled .conditions .field.value {
  padding-left: 0;
  height: 42px;
}
#leaderboard-badges.ui.modal.styled .conditions .field.value input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 42px;
}
.ui.modal.styled#text-module-modal {
  height: fit-content;
}
.ui.modal.styled#text-module-modal .content {
  padding: 0;
}
.ui.modal.styled#text-module-modal .content textarea {
  height: 325px;
}
.ui.modal.styled#text-module-modal .content .redactor-box {
  margin-bottom: 0;
}
.ui.modal.styled#text-module-modal .content .redactor-editor {
  color: #515761;
  font-family: 'proxima-nova', sans-serif !important;
}
.ui.modal.styled#text-module-modal .content .redactor-editor h1,
.ui.modal.styled#text-module-modal .content .redactor-editor h2,
.ui.modal.styled#text-module-modal .content .redactor-editor h3,
.ui.modal.styled#text-module-modal .content .redactor-editor h4,
.ui.modal.styled#text-module-modal .content .redactor-editor h5,
.ui.modal.styled#text-module-modal .content .redactor-editor h6 {
  color: #515761;
}
.ui.modal.styled#text-module-modal .actions .deny {
  float: left;
  background-color: #CD2035;
  width: 2em;
  margin-left: 0;
  height: 40px;
  width: 40px;
}
.ui.modal.styled#text-module-modal .actions .deny svg * {
  fill: #FFF;
}
.ui.modal.styled#text-module-modal .actions .approve {
  height: 40px;
}
.ui.modal.styled#delete-account .action {
  background-color: #BD5555;
  cursor: pointer;
}
#finalize-report.modal {
  width: 786px!important;
}
#report-success .actions {
  border-top: none;
}
.modal.delete.viewer .alert {
  margin: 0!important;
}
.modal.delete.viewer .content {
  padding: 2em;
}
#report-success {
  padding: 30px;
}
#report-success .text,
#report-success .actions,
#report-success .checkmark {
  text-align: center;
}
#report-success .checkmark {
  margin-bottom: 30px;
}
#report-success .text h3 {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
#report-success .text .sub-text {
  color: #515761;
  margin: 5px 0;
  font-size: 18px;
  font-weight: 400;
}
#report-success .actions .button {
  width: 237px;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
#report-success .actions .button,
#report-success .actions .button a {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
#report-success .actions .button.close {
  background-color: #61B53C;
}
#report-success .actions .button.back-to-reports {
  background-color: #1F88BC;
}
.gauge-info.modal table.ui.table,
.layer.modal table.ui.table {
  margin: 1.5em 0;
}
.gauge-info.modal table.ui.table thead,
.layer.modal table.ui.table thead {
  border-top: 2px solid #EBEBED;
  border-bottom: 2px solid #EBEBED;
  background-color: #F6F6F7;
}
.gauge-info.modal table.ui.table th,
.layer.modal table.ui.table th {
  font-size: 13px;
  color: #555555;
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent;
  line-height: 20px;
}
.gauge-info.modal table.ui.table td:first-child,
.layer.modal table.ui.table td:first-child,
.gauge-info.modal table.ui.table th:first-child,
.layer.modal table.ui.table th:first-child {
  padding-left: 2em;
}
.gauge-info.modal table.ui.table tbody tr:nth-child(even),
.layer.modal table.ui.table tbody tr:nth-child(even) {
  background-color: #F6F6F7;
}
.gauge-info.modal table.ui.table tbody tr:nth-child(odd),
.layer.modal table.ui.table tbody tr:nth-child(odd) {
  background-color: transparent;
}
.gauge-info.modal table.ui.table td,
.layer.modal table.ui.table td {
  font-weight: 400;
  font-size: 13px;
  color: #555555;
}
.gauge-info.modal table.ui.table td:last-child,
.layer.modal table.ui.table td:last-child {
  border-right: none;
}
.gauge-info.modal table.ui.table td:first-child,
.layer.modal table.ui.table td:first-child {
  border-left: none;
}
.gauge-info.modal table.ui.table thead,
.layer.modal table.ui.table thead,
.gauge-info.modal table.ui.table tr,
.layer.modal table.ui.table tr {
  height: 31px;
}
.gauge-info.modal .dataset-desc,
.layer.modal .dataset-desc {
  max-height: 90px;
  overflow-y: auto;
}
.gauge-info.modal .dataset-desc::-webkit-scrollbar,
.layer.modal .dataset-desc::-webkit-scrollbar {
  width: 7px;
  background-color: #d5d5d5;
}
.gauge-info.modal .dataset-desc::-webkit-scrollbar-thumb,
.layer.modal .dataset-desc::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #727B89;
}
.gauge-info.modal table.ui.table {
  margin: 0 0 1.5em 0;
}
.modal.conditional-formatting.chart input[type="text"] {
  width: 100%;
}
.modal.conditional-formatting.chart .conditionals {
  min-height: 195px;
  max-height: 195px;
  height: 195px;
  overflow-y: scroll;
}
.modal.conditional-formatting .row.fields > *:not(:last-child) {
  float: left;
  margin-right: 10px;
}
.modal.conditional-formatting .row.fields .column {
  width: 183px;
  float: left;
}
.modal.conditional-formatting .row.fields .column.number-field {
  width: 163px;
}
.modal.conditional-formatting .row.fields.help-text {
  color: #00000066;
  line-height: 1.3rem;
}
.modal.conditional-formatting .row.fields date-picker {
  margin: 5px 0px;
}
.modal.conditional-formatting .row {
  margin-bottom: 10px;
}
.modal.conditional-formatting .dropdown.selection {
  width: 70px;
  height: 44px;
  margin-right: 10px;
  max-width: initial;
}
.modal.conditional-formatting .dropdown.selection .menu {
  max-height: 100px;
  overflow-y: auto;
}
.modal.conditional-formatting .dropdown.selection .text {
  line-height: 24px;
}
.modal.conditional-formatting .dropdown.selection,
.modal.conditional-formatting .dropdown.selection input.search {
  padding: 8.5px 19px;
}
.modal.conditional-formatting .dropdown.selection.dateoperator {
  width: 283px;
}
.modal.conditional-formatting .ui.checkbox.radio label {
  margin-right: 0.75em;
}
.modal.conditional-formatting .ui.checkbox.options {
  font-style: italic;
}
.modal.conditional-formatting .ui.checkbox.options.exclude-options {
  margin: 12px 0px 0px 0px;
  width: 203px;
}
.modal.conditional-formatting input[type="text"],
.modal.conditional-formatting input[type="number"] {
  padding: 9.5px 9px;
  border-radius: 0.3125em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  height: 43.42px;
}
.modal.conditional-formatting input[type="text"]:not(.full),
.modal.conditional-formatting input[type="number"]:not(.full) {
  width: 203px;
}
.modal.conditional-formatting input[type="text"].full,
.modal.conditional-formatting input[type="number"].full {
  width: 283px;
}
.modal.conditional-formatting input[type="text"].short,
.modal.conditional-formatting input[type="number"].short {
  width: 183px;
}
.modal.conditional-formatting input[type="text"].number-field,
.modal.conditional-formatting input[type="number"].number-field {
  width: 163px;
}
.modal.conditional-formatting .actions .button {
  padding: 12px 32px!important;
  width: auto!important;
  height: 40px!important;
}
.modal.conditional-formatting input,
.modal.conditional-formatting .dropdown.selection {
  display: inline-block;
}
.modal.conditional-formatting .threshold {
  display: block;
  margin: 0 -20px;
  padding: 0 20px 10px;
}
.modal.conditional-formatting .threshold label {
  font-weight: initial!important;
}
.modal.conditional-formatting .threshold .trendline-label {
  font-size: 14px;
  padding: 10px;
}
.modal.conditional-formatting .threshold input[type="checkbox"] {
  height: calc(43.42px - 2px);
  width: 43.42px;
}
.modal.conditional-formatting .threshold span.listspancolor {
  display: flex;
  align-items: flex-start;
  width: 480px;
  background: #FFFFFF;
  border-radius: 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.modal.conditional-formatting .threshold hr.trendline-color {
  width: 68%;
  cursor: pointer;
  margin: 20px 10px 0 0px !important;
}
.modal.conditional-formatting .threshold hr.trendline-color.red {
  border: 3px solid #e36a78;
}
.modal.conditional-formatting .threshold hr.trendline-color.orange {
  border: 3px solid #f9c97b;
}
.modal.conditional-formatting .threshold hr.trendline-color.yellow {
  border: 3px solid #faf076;
}
.modal.conditional-formatting .threshold hr.trendline-color.green {
  border: 3px solid #b1e479;
}
.modal.conditional-formatting .threshold hr.trendline-color.purple {
  border: 3px solid #bc71fe;
}
.modal.conditional-formatting .threshold hr.trendline-color.blue {
  border: 3px solid #92bced;
}
.modal.conditional-formatting .threshold hr.trendline-color.teal {
  border: 3px solid #96eeda;
}
.modal.conditional-formatting .threshold hr.trendline-color.seablue {
  border: 3px solid #00ABD9;
}
.modal.conditional-formatting .threshold hr.trendline-color.navy {
  border: 3px solid #034799;
}
.modal.conditional-formatting .threshold hr.trendline-color.brick {
  border: 3px solid #bf1e1e;
}
.modal.conditional-formatting .threshold hr.trendline-color.tangerine {
  border: 3px solid #e9541a;
}
.modal.conditional-formatting .threshold hr.trendline-color.pumpkin {
  border: 3px solid #ff9a00;
}
.modal.conditional-formatting .threshold hr.trendline-color.olive {
  border: 3px solid #8d8218;
}
.modal.conditional-formatting .threshold hr.trendline-color.forrest {
  border: 3px solid #409944;
}
.modal.conditional-formatting .threshold hr.trendline-color.aqua {
  border: 3px solid #008e9a;
}
.modal.conditional-formatting .threshold hr.trendline-color.deepblue {
  border: 3px solid #260082;
}
.modal.conditional-formatting .threshold hr.trendline-color.wine {
  border: 3px solid #9631cc;
}
.modal.conditional-formatting .threshold hr.trendline-color.grape {
  border: 3px solid #930b59;
}
.modal.conditional-formatting .threshold hr.trendline-color.black {
  border: 3px solid #000000;
}
.modal.conditional-formatting .threshold hr.trendline-color.graphite {
  border: 3px solid #5a5a5a;
}
.modal.conditional-formatting .threshold hr.trendline-color.charcoal {
  border: 3px solid #737373;
}
.modal.conditional-formatting .threshold hr.trendline-color.silver {
  border: 3px solid #9b9b9b;
}
.modal.conditional-formatting .threshold hr.trendline-color.gray {
  border: 3px solid #bababa;
}
.modal.conditional-formatting .threshold hr.trendline-color.white {
  border: 3px solid #ffffff;
}
.modal.conditional-formatting .threshold hr.trendline-color.wool {
  border: 3px solid #727b89;
}
.modal.conditional-formatting .threshold hr.trendline-color.dark {
  border: 3px solid #424b56;
}
.modal.conditional-formatting .threshold hr.trendline-color.bgreen {
  border: 3px solid #50b83c;
}
.modal.conditional-formatting .threshold hr.layer-divider {
  border: 0.5px solid #9b9b9b;
}
.modal.conditional-formatting .threshold .btn-switch {
  position: relative;
  display: block;
  width: 50px;
  height: 26px;
  cursor: pointer;
  background-color: #FAFAFA;
  border: 2px solid #666666;
  border-radius: 60px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.modal.conditional-formatting .threshold .btn-switch .btn-switch-circle {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 22px;
  width: 22px;
  background: #666666;
  border-radius: 40px;
}
.modal.conditional-formatting .threshold .btn-switch--on {
  border: 2px solid #80CDBE;
}
.modal.conditional-formatting .threshold .btn-switch--on .btn-switch-circle--on {
  left: auto;
  right: 0;
  background: #4AB017;
}
.modal.conditional-formatting .threshold .start.label {
  float: left;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0.7em;
}
.modal.conditional-formatting .threshold .error {
  float: right;
  color: #BD5555;
}
.modal.conditional-formatting .threshold .trash {
  float: left;
  color: #BD5555;
  font-size: 25px;
  line-height: 43.42px;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper {
  float: left;
  width: 43.42px;
  height: 43.42px;
  padding: 8px;
  cursor: pointer;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 5px;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .fill {
  width: 100%;
  height: 100%;
  text-align: center;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .fill img {
  width: auto;
  height: 100%;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.red {
  background-color: #e36a78;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.orange {
  background-color: #f9c97b;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.yellow {
  background-color: #faf076;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.green {
  background-color: #b1e479;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.purple {
  background-color: #bc71fe;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.blue {
  background-color: #92bced;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.teal {
  background-color: #96eeda;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.seablue {
  background-color: #00ABD9;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.navy {
  background-color: #034799;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.brick {
  background-color: #bf1e1e;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.tangerine {
  background-color: #e9541a;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.pumpkin {
  background-color: #ff9a00;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.olive {
  background-color: #8d8218;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.forrest {
  background-color: #409944;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.aqua {
  background-color: #008e9a;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.deepblue {
  background-color: #260082;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.wine {
  background-color: #9631cc;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.grape {
  background-color: #930b59;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.black {
  background-color: #000000;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.graphite {
  background-color: #5a5a5a;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.charcoal {
  background-color: #737373;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.silver {
  background-color: #9b9b9b;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.gray {
  background-color: #bababa;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.white {
  background-color: #ffffff;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.wool {
  background-color: #727b89;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.dark {
  background-color: #424b56;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.bgreen {
  background-color: #50b83c;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.sand {
  background-color: #FDDC86 !important;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.magenta {
  background-color: #D23784 !important;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.violet {
  background-color: #872DB2 !important;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.indigo {
  background-color: #857AF5 !important;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.peach {
  background-color: #FFB48A !important;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.salmon {
  background-color: #EE5A56 !important;
}
.modal.conditional-formatting .threshold .threshold-color-wrapper .threshold-color.lavender {
  background-color: #9B10F2 !important;
}
.modal.conditional-formatting .threshold .audible-alert-check {
  margin-top: 12px;
}
.modal.conditional-formatting .threshold .audible-alert-selection {
  width: 150px;
}
.modal.conditional-formatting .threshold .audible-alert-check[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.modal.conditional-formatting .threshold .audible-alert-selection[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.modal.conditional-formatting .ui.checkbox i.icon,
.modal.conditional-formatting .ui.checkbox label {
  cursor: pointer;
}
.modal.conditional-formatting .add-threshold {
  display: inline-block;
  cursor: pointer;
}
.modal.conditional-formatting .add-threshold .icon {
  color: #54BA48;
}
.modal.conditional-formatting .trendline-popup-modal-content {
  overflow: hidden;
  height: 70vh;
  overflow-y: auto;
  padding-left: 20px !important;
}
.modal.gauge-info .heading {
  font-weight: 700;
  color: #202327;
  margin-bottom: 0.25em;
}
.modal.gauge-info .content {
  color: #7a7c88;
  padding-top: 1.5em;
}
.modal.gauge-info .content p {
  margin-bottom: 1em;
}
.modal.gauge-info .content,
.modal.gauge-info .header {
  font-size: 14px;
}
.modal.gauge-info .edit-link {
  color: #1f78b4;
  cursor: pointer;
}
.modal.gauge-info .check-link {
  color: #54BA48;
  cursor: pointer;
}
.modal.gauge-info .close-link {
  cursor: pointer;
}
.modal.gauge-info textarea.edit-description {
  width: 100%;
  background: #F8F8F8;
  border-color: #F0F0F0;
  border-width: 2px;
  resize: none;
}
.modal#dataset-preview {
  max-height: 95%;
  overflow: hidden;
}
.modal#dataset-preview .dataTables_scroll .dataTables_scrollHead th {
  text-transform: none;
}
.modal#dataset-preview td {
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal#dataset-preview .field {
  font-size: 14px;
}
.modal#dataset-preview .field .title {
  font-weight: bold;
}
.modal#dataset-preview .dataset-details {
  padding: 20px;
}
.modal#dataset-preview .dataset-data .field {
  padding-left: 20px;
}
.modal#dataset-preview .dataset-data .field,
.modal#dataset-preview .dataset-details .field {
  margin-bottom: 5px;
}
.modal#dataset-preview .dataset-details .field {
  max-height: 60px;
  overflow-y: auto;
}
.scrolling .modals.dimmer .ui.drilldown.modal.scrolling {
  margin: 1.5rem auto !important;
}
.drilldown.gauge.modal#drilldown,
#dataset-preview {
  height: 90%;
  max-height: 90%;
}
.drilldown.gauge.modal#drilldown .csv,
#dataset-preview .csv {
  cursor: pointer;
  float: right;
  margin: 13px 80px;
  color: #54BA48;
}
.drilldown.gauge.modal#drilldown .csv:hover h6,
#dataset-preview .csv:hover h6 {
  opacity: 1;
}
.drilldown.gauge.modal#drilldown .csv:hover .download.img *,
#dataset-preview .csv:hover .download.img * {
  fill: #54BA48;
}
.drilldown.gauge.modal#drilldown .csv .download.img,
#dataset-preview .csv .download.img {
  padding-right: 5px;
  display: inline-block;
}
.drilldown.gauge.modal#drilldown .csv h6,
#dataset-preview .csv h6 {
  float: right;
  font-size: 16px;
  opacity: 0.8;
}
.drilldown.gauge.modal#drilldown .header > p.columns_list,
#dataset-preview .header > p.columns_list {
  float: left;
  max-width: 75%;
}
.drilldown.gauge.modal#drilldown .header > .rows-limit-message,
#dataset-preview .header > .rows-limit-message {
  color: #fff;
  float: right;
  text-align: right;
  font-weight: 200;
  font-size: 14px;
}
.drilldown.gauge.modal#drilldown .content,
#dataset-preview .content {
  padding: 0;
  max-width: 100%;
}
.drilldown.gauge.modal#drilldown .content .ui.table th,
#dataset-preview .content .ui.table th,
.drilldown.gauge.modal#drilldown .content .ui.table td,
#dataset-preview .content .ui.table td {
  padding: 5px;
}
.drilldown.gauge.modal#drilldown .content .ui.table td,
#dataset-preview .content .ui.table td {
  font-size: 0.85rem;
  color: #333;
}
.drilldown.gauge.modal#drilldown .content .ui.table td:last-child,
#dataset-preview .content .ui.table td:last-child {
  border-right: 0;
}
.drilldown.gauge.modal#drilldown .content .ui.table thead,
#dataset-preview .content .ui.table thead {
  font-weight: 600;
  border-bottom: 2px solid #E3E3E9;
}
.drilldown.gauge.modal#drilldown .content .ui.table thead i,
#dataset-preview .content .ui.table thead i {
  margin: 1px 0 0;
  cursor: pointer;
  color: #B8B8B8;
  font-size: 1.2em;
}
.drilldown.gauge.modal#drilldown .content .ui.table tbody td,
#dataset-preview .content .ui.table tbody td {
  border-right: 1px solid #E3E3E9;
}
.drilldown.gauge.modal#drilldown .content .ui.segment,
#dataset-preview .content .ui.segment {
  box-shadow: none;
}
.drilldown.gauge.modal#drilldown .content .ui.segment .ui.text.loader,
#dataset-preview .content .ui.segment .ui.text.loader {
  padding-top: 0;
}
.drilldown.gauge.modal#drilldown .content h3,
#dataset-preview .content h3 {
  color: #999;
}
/* Drilldown modal error/empty states */
.drilldown-error .dataTables_scrollBody .ui.table {
  height: 100%;
  border: none;
}
.drilldown-error .dataTables_scrollBody .ui.table tr td.dataTables_empty {
  padding: 0 !important;
}
.no-results-container {
  background-color: #FFFFFF !important;
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
.no-results-container .no-results {
  width: 55%;
}
.no-results-container .no-results h3 {
  font-weight: normal;
  color: #2D3239 !important;
  margin: 10px;
}
/* End of Drilldown modal error/empty states */
.folder.gauge.modal > .content > .transition {
  height: 95px;
  display: block;
  position: relative;
}
.folder.gauge.modal > .content .grid {
  float: left;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: 0;
  margin-top: 0;
}
.folder.gauge.modal > .content .button {
  width: 100%;
  padding: 0.925em 0;
  margin-top: -1px;
  font-weight: 400;
}
.folder.gauge.modal > .content .button.create-folder {
  padding: 0.65em 0;
  width: 10rem;
}
.folder.gauge.modal .save-as {
  -webkit-transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}
.save.gauge.modal#save-gauge span.red,
.save.gauge.modal#save-gauge .limit-reached span {
  color: #BD5555;
}
.save.gauge.modal#save-gauge .snapshot-count-notice {
  display: inline-block;
  margin-top: 5px;
}
.save.gauge.modal#save-gauge .grid .option.selected {
  background-color: #F9F9F9;
  border: 1px solid #EAEAEA;
  border-radius: 5px;
}
.save.gauge.modal#save-gauge .grid .field {
  margin: 0;
}
.save.gauge.modal#save-gauge .grid .field.gauge-usage {
  padding-left: 0;
  padding-bottom: 10px;
  margin-top: -10px;
  font-size: 14px;
}
.save.gauge.modal#save-gauge .grid .field.gauge-usage .usage-tab {
  display: inline;
  color: #1f78b4;
  cursor: pointer;
}
.save.gauge.modal#save-gauge .grid .create-folder {
  font-weight: bold;
  color: #54BA48;
}
.save.gauge.modal#save-gauge .grid .create-folder .icon {
  font-size: 0.7em;
  margin: 0;
}
.save.gauge.modal#save-gauge .grid .errorpopup.popup {
  background-color: red !important;
  font-size: 14px;
  padding: 4px 10px;
  text-transform: none;
  top: 0;
  left: 8px !important;
}
.save.gauge.modal#save-gauge .grid .errorpopup.popup:before {
  background-color: red !important;
}
.save.gauge.modal#save-gauge .grid .ng-invalid-maxlength {
  border: 1px solid red;
}
.save.gauge.modal#save-gauge .grid .six.wide.column.save-as {
  padding-right: 4px;
  padding-left: 28px;
}
.save.gauge.modal#save-gauge .grid .sixteen.wide.column.option.description {
  padding-right: 0;
  padding-left: 0;
}
.save.gauge.modal#save-gauge .grid .sixteen.wide.column.option.description.save-as {
  padding-right: 4px;
}
.save.gauge.modal#save-gauge .grid .label.description {
  font-weight: bold;
  padding-bottom: 5px;
}
.save.gauge.modal#save-gauge .grid textarea.description {
  min-height: 120px;
  max-height: 120px;
}
.folder.gauge.modal#save-gauge > .content > .transition {
  height: auto;
  display: inline-block;
  width: 100%;
}
.folder.gauge.modal#save-gauge > .content > .transition .grid {
  position: relative;
}
.folder.gauge.modal > .content > .transition {
  height: 95px;
  display: block;
  position: relative;
}
.folder.gauge.modal > .content .grid {
  float: left;
  position: relative;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left: 0;
}
.folder.gauge.modal > .content .button {
  width: 100%;
  padding: 0.925em 0;
  margin-top: -1px;
  font-weight: 400;
}
.folder.gauge.modal > .content .button.create-folder {
  padding: 0.625em 0;
  width: 10rem;
}
.folder.gauge.modal .update-only .distribution.text {
  padding-bottom: 15px;
}
.folder.gauge.modal .update-only .field {
  padding-bottom: 5px;
}
.folder.gauge.modal .save-as {
  -webkit-transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
}
.ui.success-message.confirmation.modal {
  width: 300px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
#delete-dashboard .public-message i {
  font-size: 1.5em;
  font-weight: bold;
}
.delete.gauge.modal#delete-gauge .alert,
.modal#delete-dashboard .alert,
.delete.gauge.modal#invalid-selection .alert,
.modal#confirm-delete-modal .alert,
.modal#confirm-sync-modal .alert,
.delete.viewer.modal .alert,
.modal#invalid-selection-modal .alert,
.modal#delete-report .alert {
  padding: 1.25rem;
  margin: 1em auto 1.5em;
  border: 1px solid #C8A757;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.2rem;
}
.delete.gauge.modal#delete-gauge .alert.light-yellow,
.modal#delete-dashboard .alert.light-yellow,
.delete.gauge.modal#invalid-selection .alert.light-yellow,
.modal#confirm-delete-modal .alert.light-yellow,
.modal#confirm-sync-modal .alert.light-yellow,
.delete.viewer.modal .alert.light-yellow,
.modal#invalid-selection-modal .alert.light-yellow,
.modal#delete-report .alert.light-yellow {
  background-color: #FFFDF4;
  color: #C8A757;
}
.layer.modal .clickable {
  cursor: pointer;
}
.layer.modal .dropdown .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85%;
}
.layer.modal .dropdown .menu {
  max-width: 100%;
}
.layer.modal .dropdown .menu .item:first-child .icon {
  color: #DDDDDD;
  margin-right: 0.5em;
}
.layer.modal .dropdown .menu .item:first-child input {
  border: none;
  font-size: 0.875em;
  width: 90%;
}
.layer.modal .dropdown .menu .item {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.layer.modal .dropdown .menu .item.disabled {
  font-style: normal;
  pointer-events: all;
}
.layer.modal table.ui.table {
  margin-bottom: -1em;
}
.layer.modal .ds-columns {
  padding-top: 0 !important;
  background-color: #F6F6F7 !important;
}
.layer.modal .ui.text.loader {
  top: 35%;
  color: #555555;
  font-weight: 200;
}
.layer.modal .column-preview {
  position: relative;
  margin: 0.75rem -2rem -0.9rem;
  height: 202px;
  max-height: 202px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.layer.modal .column-preview .padding {
  padding: 1em 2em;
  height: 100%;
}
.layer.modal .column-preview .ui.segment {
  background-color: transparent;
  box-shadow: none;
  height: 100%;
}
.layer.modal .column-preview .ui.segment .active.dimmer {
  background-color: transparent;
}
.layer.modal .column-preview .no-dataset {
  color: #555555;
  font-size: 18px;
  font-weight: 200;
  margin-top: 10%;
  text-align: center;
  text-transform: uppercase;
}
.layer.modal .column-preview .no-workspace {
  color: #555555;
  font-size: 18px;
  font-weight: 200;
  margin-top: 10%;
  text-align: center;
  text-transform: uppercase;
}
.layer.modal .column-preview .columns {
  max-height: 170px;
  overflow-x: hidden;
  overflow-y: auto;
}
.layer.modal .column-preview .columns::-webkit-scrollbar {
  width: 7px;
}
.layer.modal .column-preview .columns::-webkit-scrollbar-track {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #D5D5D5;
  width: 8px;
}
.layer.modal .column-preview .columns::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #727B89;
  width: 6px;
}
.layer.modal .column-preview .columns::-webkit-scrollbar-thumb:hover {
  background: #5b626d;
}
.layer.modal .column-preview .columns::-webkit-scrollbar-thumb:window-inactive {
  background: #8d95a1;
}
.layer.modal .column-preview .columns > .col {
  background-color: #F3F3F3;
  border: 1px solid #D5D5D5;
  color: #727B89;
  border-radius: 20px;
  cursor: pointer;
  display: block;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 5px 13px !important;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  width: 47%;
  display: inline-block;
  margin: 4px;
}
.layer.modal .column-preview .columns > .col:hover {
  cursor: pointer;
}
.layer.modal .column-preview .columns > .col.column-type-text {
  background-image: url("/static/img/builder/column/icn-small-filter-text.png");
}
.layer.modal .column-preview .columns > .col.column-type-date {
  background-image: url("/static/img/builder/column/icn-small-filter-date.png");
}
.layer.modal .column-preview .columns > .col.column-type-number {
  background-image: url("/static/img/builder/column/icn-small-filter-number.png");
}
.layer.modal .column-preview .columns > .col.column-type-bool {
  background-image: url("/static/img/builder/column/icn-small-filter-bool.png");
}
.ui.modal.gauge-info.invalid .content {
  padding: 20px;
}
.ui.modal.gauge-info.invalid .content .ui.grid {
  margin: 0;
  padding: 14px 8px;
}
.ui.modal.gauge-info.invalid .content .ui.grid.negative {
  background-color: #FFEAEA;
  color: #D65555;
}
.ui.modal.gauge-info.invalid .content .ui.grid p {
  font-size: 18px;
  line-height: 29px;
}
.ui.modal.gauge-info.invalid .content .ui.grid ul {
  list-style-position: inside;
  list-style-type: none;
}
.ui.modal.gauge-info.invalid .content .ui.grid ul li {
  font-weight: 600;
  font-size: 20px;
  margin-left: 8px;
  line-height: 35px;
}
.ui.modal.gauge-info.invalid .content .ui.grid ul li:before {
  position: relative;
  top: 2px;
  content: '\00b7';
  font-size: 34px;
}
.ui.modal.gauge-info.invalid .content .bg-icon {
  margin-top: 8px;
}
.ui.modal.gauge-info.invalid .content .bg-icon svg {
  height: 80px;
}
.ui.modal.gauge-info.processing .content {
  padding: 20px;
}
.ui.modal.gauge-info.processing .content .ui.grid {
  margin: 0;
  padding: 14px 8px;
}
.ui.modal.gauge-info.processing .content .ui.grid p {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #202327 !important;
}
.ui.modal.gauge-info.processing .content .bg-icon {
  margin-top: 8px;
  color: #54BA48;
}
.ui.modal.gauge-info.processing .content .bg-icon svg {
  height: 80px;
}
.ui.modal.gauge-info.processing .actions {
  margin: 0;
  padding: 0;
}
.ui.modal.gauge-info.processing .actions .action {
  width: 100%;
  line-height: 42px;
}
.modal#dashboard-playlists-modal .tabs-container {
  padding: 16px 0;
  margin: 0;
  background-color: #f4f4f4;
}
.modal#dashboard-playlists-modal .tab-group {
  padding: 0;
}
.modal#dashboard-playlists-modal .tab-group button {
  font-size: 0.9rem;
  padding: 16px 0;
  background-color: #f4f4f4;
  font-weight: bold;
  border: 1px solid #D5D5D5;
  color: #2D3239;
  text-transform: capitalize;
}
.modal#dashboard-playlists-modal .tab-group button:hover,
.modal#dashboard-playlists-modal .tab-group button.active {
  color: #fff;
  background-color: #1f78b4;
}
.modal#dashboard-playlists-modal .tab-group button:focus {
  outline: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.modal#dashboard-playlists-modal .content.form {
  margin: 0;
  padding: 0;
}
.modal#dashboard-playlists-modal #playlist-container,
.modal#dashboard-playlists-modal .default-modal {
  margin: 10px 0;
}
.modal#dashboard-playlists-modal #playlist-container .list,
.modal#dashboard-playlists-modal .default-modal .list {
  border: 1px solid #DEDFDF;
  border-radius: 3px;
}
.modal#dashboard-playlists-modal #playlist-container .title,
.modal#dashboard-playlists-modal .default-modal .title {
  font-size: 18px;
  font-weight: bold;
  color: #2D3239;
  margin: 8px 12px;
}
.modal#dashboard-playlists-modal #playlist-container .title .limit-tracker,
.modal#dashboard-playlists-modal .default-modal .title .limit-tracker {
  float: right;
  font-weight: 600;
  font-size: 17px;
}
.modal#dashboard-playlists-modal #playlist-container .title .limit-tracker.full,
.modal#dashboard-playlists-modal .default-modal .title .limit-tracker.full {
  color: #BD5555;
}
.modal#dashboard-playlists-modal #playlist-container .reduce-gutter,
.modal#dashboard-playlists-modal .default-modal .reduce-gutter {
  margin-left: 6px;
  margin-right: -12px;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards,
.modal#dashboard-playlists-modal .default-modal .dashboards {
  height: 250px;
  overflow: auto;
  padding: 0;
  background-color: #F4F4F4;
  position: relative;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards.sortable,
.modal#dashboard-playlists-modal .default-modal .dashboards.sortable {
  overflow: hidden;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards.sortable.scrollable,
.modal#dashboard-playlists-modal .default-modal .dashboards.sortable.scrollable {
  overflow: auto;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards li,
.modal#dashboard-playlists-modal .default-modal .dashboards li {
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
  cursor: auto;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards li .mover,
.modal#dashboard-playlists-modal .default-modal .dashboards li .mover {
  color: #c9cfd3;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards li .remove,
.modal#dashboard-playlists-modal .default-modal .dashboards li .remove {
  font-size: 14px;
  color: #BD5555;
  visibility: hidden;
  cursor: pointer;
  float: right;
  margin-top: 2px;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards li.as-sortable-placeholder,
.modal#dashboard-playlists-modal .default-modal .dashboards li.as-sortable-placeholder {
  width: 100% !important;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards li:hover .remove,
.modal#dashboard-playlists-modal .default-modal .dashboards li:hover .remove {
  visibility: visible;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards li:nth-child(even),
.modal#dashboard-playlists-modal .default-modal .dashboards li:nth-child(even) {
  background-color: #FFF;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards.as-sortable-drag,
.modal#dashboard-playlists-modal .default-modal .dashboards.as-sortable-drag {
  position: absolute;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  border: 1px solid #F4F4F4;
  overflow: hidden !important;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards.as-sortable-drag li,
.modal#dashboard-playlists-modal .default-modal .dashboards.as-sortable-drag li {
  background: #FFFFFF;
}
.modal#dashboard-playlists-modal #playlist-container .dashboards .limit-message,
.modal#dashboard-playlists-modal .default-modal .dashboards .limit-message {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  padding: 86px 50px;
  text-align: center;
  background-color: rgba(250, 213, 213, 0.5);
}
.modal#dashboard-playlists-modal #playlist-container .dashboards .limit-message p,
.modal#dashboard-playlists-modal .default-modal .dashboards .limit-message p {
  background-color: #FFFFFF;
  padding: 15px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
}
.modal#dashboard-playlists-modal #playlist-container .default-state,
.modal#dashboard-playlists-modal .default-modal .default-state {
  pointer-events: none;
}
.modal#dashboard-playlists-modal #playlist-container .default-state .grid,
.modal#dashboard-playlists-modal .default-modal .default-state .grid {
  margin: 40px 26px;
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.modal#dashboard-playlists-modal #playlist-container .default-state .grid .column,
.modal#dashboard-playlists-modal .default-modal .default-state .grid .column {
  text-align: center;
}
.modal#dashboard-playlists-modal #playlist-container .default-state .grid .column .icon,
.modal#dashboard-playlists-modal .default-modal .default-state .grid .column .icon {
  font-size: 34px;
  color: #51AF47;
  padding-top: 11px;
}
.modal#dashboard-playlists-modal #playlist-container .default-state .grid .column p,
.modal#dashboard-playlists-modal .default-modal .default-state .grid .column p {
  font-size: 18px;
  padding: 12px;
}
.modal#dashboard-playlists-modal .actions {
  padding: 0 16px;
  margin: 0;
  min-height: 50px;
}
.modal#dashboard-playlists-modal .actions button {
  width: auto;
  min-width: 6rem;
  margin: 15px 5px;
}
#new-dashboard-modal {
  width: 480px !important;
}
#new-dashboard-modal:not(.scrolling) {
  margin-left: -221px !important;
}
#new-dashboard-modal .content {
  padding: 18px 30px;
}
#new-dashboard-modal .actions {
  padding: 0 30px 30px 30px;
  text-align: center;
  border-top: none;
}
#new-dashboard-modal .actions button {
  padding: 12px 32px;
  width: auto;
}
#image-cropper .content {
  min-height: 464px;
  padding: 1.3em;
}
#image-cropper .overlap-container {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#image-cropper .state-container {
  visibility: hidden;
}
#image-cropper .state-container.visible {
  visibility: visible;
}
#image-cropper .image-container {
  height: 356px;
  width: 644px;
}
#image-cropper .preview-images {
  width: 100%;
  min-height: 50px;
  margin-top: 10px;
}
#image-cropper .preview-images .image-preview {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
}
#image-cropper .preview-images .image-preview.lg {
  width: 60px;
  height: 60px;
}
#image-cropper .preview-images .image-preview.md {
  width: 50px;
  height: 50px;
}
#image-cropper .preview-images .image-preview.sm {
  width: 40px;
  height: 40px;
}
#image-cropper .actions {
  border-top: none;
  padding: 1.3em;
  padding-top: 0;
  overflow: hidden;
}
#image-cropper .actions button {
  line-height: 26px;
  width: 150px;
}
#benchmark-drilldown-modal .content {
  padding: 0 !important;
}
#benchmark-drilldown-modal .modal-loader {
  min-height: 450px;
}
#benchmark-drilldown-modal table {
  border: none;
}
#benchmark-drilldown-modal table thead th {
  background-color: #F7F7F7;
  font-weight: 600;
}
#benchmark-drilldown-modal table tbody {
  font-size: 0.875em;
}
#benchmark-drilldown-modal table tbody tr:nth-child(2n) {
  background-color: #f6f9fd;
}
#benchmark-drilldown-modal table th,
#benchmark-drilldown-modal table td {
  padding: 15px;
  border: none;
}
.gauge-usage-info {
  color: #8f9399;
  font-size: 0.8em;
  font-weight: normal !important;
}
#dataset-field-guide.modal .content {
  min-height: 560px;
}
#dataset-field-guide.modal .content .table-container {
  transform: translate3d(0, 0, 0);
  max-height: 425px;
  overflow-y: scroll;
  padding: 2px;
}
#dataset-field-guide.modal .content .table-container .pencil.icon {
  visibility: hidden;
}
#dataset-field-guide.modal .content .table-container td {
  word-break: break-all;
}
#dataset-field-guide.modal .content .table-container td:not(.column-name) {
  hyphens: auto;
}
#dataset-field-guide.modal .content .table-container td .disabled {
  color: #ABADB0;
}
#dataset-field-guide.modal .content .table-container tr:hover .pencil.icon {
  visibility: visible;
}
#two-factor-auth.modal .bg-icon.massive {
  font-size: 8em;
  height: 1em;
  width: 1em;
}
#two-factor-auth.modal .bg-icon.massive > span {
  height: 1em;
  width: 1em;
}
#dataset-desc-field-guide {
  max-height: 80px;
  overflow-y: auto;
}
#gauge-dataset-desc {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
}
.trino-sync-content {
  margin-top: 0rem !important;
  margin-left: -1rem !important;
  font-size: small;
}
.mssql-params.modal .actions {
  border-top: 1px solid #000000 !important;
}
.mssql-params.modal .mssql-params-heading {
  font-weight: 700 !important;
  margin-bottom: 1em;
}
.mssql-params.modal .mssql-params-scroll {
  max-height: 360px;
  overflow-y: auto;
}
.mssql-params.modal .mssql-params-row {
  display: flex;
  margin-bottom: 1em;
}
.mssql-params.modal .mssql-params-row:last-child {
  margin-bottom: 0;
}
.mssql-params.modal .mssql-param-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 1.5em;
}
.mssql-params.modal .mssql-param-item.mssql-param-item--right {
  padding-right: 0;
  padding-left: 1.5em;
}
/*
/* NAV
/* ==============================================

When added to a ul or ol, makes li horizontal*/
.nav {
  list-style: none;
  margin-left: 0;
}
.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.nav--stacked > li {
  display: list-item;
}
.nav--stacked > li > a {
  display: block;
}
.highlight {
  border-radius: 3px;
  position: absolute;
  top: 0;
  display: block;
  width: 1px;
  height: 34px;
  background: #54BA48;
  transform-origin: 0;
}
[data-tooltip][data-inverted]:before,
[data-tooltip][data-inverted]:after {
  background: #424B56 !important;
}
.ui.popup:not(.base) {
  background: #424B56;
  border: inherit;
  border-radius: 3px;
  color: white;
  box-shadow: none !important;
  padding: 20px;
  width: 320px;
  font-size: inherit;
  word-wrap: break-word;
}
.ui.popup:not(.base).inverted {
  background: #424B56 !important;
}
.ui.popup:not(.base).inverted:before,
.ui.popup:not(.base).inverted:after {
  background: #424B56 !important;
}
.ui.popup:not(.base).directive.right.center:after,
.ui.popup:not(.base).directive.right.center:before,
.ui.popup:not(.base).directive.left.center:after,
.ui.popup:not(.base).directive.left.center:before,
.ui.popup:not(.base).directive.top.center:after,
.ui.popup:not(.base).directive.top.center:before,
.ui.popup:not(.base).directive.bottom.center:after,
.ui.popup:not(.base).directive.bottom.center:before {
  background: #424B56;
}
.ui.popup:not(.base):before,
.ui.popup:not(.base):after {
  background: #424B56 !important;
}
.ui.popup:not(.base),
.ui.popup:not(.base) .header {
  font-family: 'proxima-nova', sans-serif;
}
.ui.popup:not(.base).centered > * {
  text-align: center;
}
.ui.popup:not(.base).fitted {
  width: auto;
  min-width: 160px;
  padding: 10px 20px;
  font-size: 14px;
}
.ui.popup:not(.base).rounded {
  border-radius: 10px;
}
.ui.popup:not(.base).shadow {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5) !important;
}
.ui.popup:not(.base).green {
  background-color: #54BA48;
  color: #FFFFFF;
}
.ui.popup:not(.base).green:before,
.ui.popup:not(.base).green:after {
  background-color: #54BA48;
}
.ui.popup:not(.base).sync.notice {
  width: 240px;
  text-align: center;
}
.ui.popup:not(.base).sync.notice .header,
.ui.popup:not(.base).sync.notice .content {
  font-size: 14px;
}
.ui.popup:not(.base).sync.notice .content {
  color: #BBBCBE;
}
.ui.popup:not(.base) .popup-wrapper {
  position: relative;
}
.ui.popup:not(.base):before {
  background: #424B56 !important;
  box-shadow: none !important;
}
.ui.popup:not(.base) .ui.radio.checkbox label:after {
  border-radius: 20px;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ui.popup:not(.base) .popup-group {
  margin-bottom: 20px;
}
.ui.popup:not(.base) .popup-group .checkbox label {
  font-size: 14px;
  color: white !important;
}
.ui.popup:not(.base) .ui.selection.dropdown {
  width: 100%;
}
.ui.popup:not(.base) .ui.selection.dropdown .dropdown.icon {
  float: right;
}
.ui.popup:not(.base) input {
  color: black;
}
.ui.popup:not(.base) .popup-submit-actions:after {
  content: "";
  display: table;
  clear: both;
}
.ui.popup:not(.base) .popup-submit-actions .popup-button {
  border: none;
  border-radius: 3px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-family: 'proxima-nova', sans-serif;
  padding: 6px 12px;
  text-align: center;
  text-transform: uppercase;
  background-color: #1f78b4;
  float: right;
  width: 40%;
}
.ui.popup:not(.base) .popup-submit-actions .popup-button i {
  margin: 0;
  opacity: 1 !important;
  padding: 0;
  text-transform: inherit;
}
.ui.popup:not(.base) .popup-submit-actions .full.button {
  width: 100%;
  margin: 10px 0;
  padding: 15px;
}
.ui.popup:not(.base) .popup-submit-actions .popup-button--remove {
  background-color: #BD5555;
  float: left;
}
.ui.popup:not(.base) .label {
  margin-bottom: 8px;
  text-transform: capitalize;
}
.ui.popup:not(.base) .popup > i.close.icon {
  cursor: pointer;
  float: right;
  font-size: 12px;
  margin-top: -10px;
  margin-right: -10px;
}
.ui.popup:not(.base) .filter.values {
  text-align: center;
}
.ui.popup:not(.base) .help-text {
  padding: 14px 0 0 0;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2em;
  color: #F8E71C;
}
.ui.popup:not(.base) .help-text.between-dates {
  margin-left: -8px;
  margin-right: -8px;
  padding-top: 0;
}
.ui.popup:not(.base) .help-text.left {
  text-align: left;
}
.ui.popup:not(.base).dimension {
  width: 320px!important;
  max-width: 320px!important;
  min-width: 320px!important;
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection {
  float: left;
  min-width: 0px;
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection.date-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 55px;
  padding: 12px 0 5px 17px;
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection.date-type .text {
  margin-right: 0;
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection.date-type i.dropdown.icon {
  padding-right: 2px;
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection.function-list {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 225px;
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection .text i.icon,
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection .menu .item i.icon {
  margin-right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection .text i.icon.date,
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection .menu .item i.icon.date {
  background-image: url('/static/img/builder/dimension-functions/date.png');
}
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection .text i.icon.number,
.ui.popup:not(.base).dimension dimension .popup-group.datetime .dropdown.selection .menu .item i.icon.number {
  background-image: url('/static/img/builder/dimension-functions/number.png');
}
#gauge-filters-popup {
  max-height: 60vh;
  overflow: auto;
}
#gauge-filters-popup .item {
  display: flex;
  align-items: center;
  justify-content: center;
}
#gauge-filters-popup .item.disabled {
  color: darkgrey !important;
}
#gauge-filters-popup .item.error .content {
  color: #BD5555 !important;
}
#gauge-filters-popup .item .content:first-child {
  max-width: 75%;
  width: 100%;
}
#gauge-filters-popup .item .content:last-child {
  margin-left: auto;
}
#gauge-filters-popup .item .clickable {
  padding: 8px;
}
#gauge-filters-popup .item .clickable .icon {
  display: none;
  float: right;
}
#gauge-filters-popup .item .clickable:hover,
#gauge-filters-popup .item .clickable:active,
#gauge-filters-popup .item .clickable:focus {
  background-color: #656565;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#gauge-filters-popup .item .clickable:hover .icon,
#gauge-filters-popup .item .clickable:active .icon,
#gauge-filters-popup .item .clickable:focus .icon {
  display: inline-block;
  color: #FFFFFF;
}
#gauge-filters-popup .item .non-clickable {
  padding: 8px;
}
.ui.popup.directive.threshold-modal-settings {
  min-width: 0!important;
  width: 285px!important;
}
.ui.popup.directive.threshold-modal-settings ul {
  margin-bottom: 10px;
}
.ui.popup.directive.threshold-modal-settings .threshold-icon {
  width: 32px;
  height: 32px;
  margin-right: 5px;
  display: inline-block;
  background-repeat: no-repeat;
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.alert {
  background-image: url('/static/img/builder/conditional-icons/alert-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.alert.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.alert:hover {
  background-image: url('/static/img/builder/conditional-icons/alert-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.alert-2 {
  background-image: url('/static/img/builder/conditional-icons/alert-2-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.alert-2.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.alert-2:hover {
  background-image: url('/static/img/builder/conditional-icons/alert-2-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.arrow-down {
  background-image: url('/static/img/builder/conditional-icons/arrow-down-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.arrow-down.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.arrow-down:hover {
  background-image: url('/static/img/builder/conditional-icons/arrow-down-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.arrow-up {
  background-image: url('/static/img/builder/conditional-icons/arrow-up-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.arrow-up.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.arrow-up:hover {
  background-image: url('/static/img/builder/conditional-icons/arrow-up-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.bomb {
  background-image: url('/static/img/builder/conditional-icons/bomb-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.bomb.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.bomb:hover {
  background-image: url('/static/img/builder/conditional-icons/bomb-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.checkmark {
  background-image: url('/static/img/builder/conditional-icons/checkmark-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.checkmark.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.checkmark:hover {
  background-image: url('/static/img/builder/conditional-icons/checkmark-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-positive {
  background-image: url('/static/img/builder/conditional-icons/sentiment-positive-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-positive.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-positive:hover {
  background-image: url('/static/img/builder/conditional-icons/sentiment-positive-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-neutral {
  background-image: url('/static/img/builder/conditional-icons/sentiment-neutral-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-neutral.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-neutral:hover {
  background-image: url('/static/img/builder/conditional-icons/sentiment-neutral-active.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-negative {
  background-image: url('/static/img/builder/conditional-icons/sentiment-negative-inactive.png');
}
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-negative.active,
.ui.popup.directive.threshold-modal-settings .threshold-icon.sentiment-negative:hover {
  background-image: url('/static/img/builder/conditional-icons/sentiment-negative-active.png');
}
report-widget-position {
  display: block;
}
.ui.popup.directive.report-widget-position {
  width: auto;
  padding: 10px;
}
.ui.popup.directive.report-widget-position .position {
  cursor: pointer;
  border-radius: 5px;
  height: 41px;
  line-height: 41px;
  width: 158px;
  padding: 0 10px;
}
.ui.popup.directive.report-widget-position .position:hover {
  background-color: #1f78b4;
}
.ui.popup.directive.report-widget-position .position .icon {
  display: inline-block;
  margin-right: 5px;
}
.ui.popup.directive.report-widget-position .position.disabled {
  color: #727B89;
  pointer-events: none;
}
.report-widget-position-react {
  padding: 8px !important;
  width: 200px !important;
}
.report-widget-position-react .position {
  cursor: pointer;
  border-radius: 5px;
  padding: 0 10px;
  line-height: 45px;
}
.report-widget-position-react .position:hover {
  background-color: #1f78b4;
}
.report-widget-position-react .position .icon {
  display: inline-block;
  margin-right: 5px;
}
.report-widget-position-react .position.disabled {
  color: #727B89;
  pointer-events: none;
}
.gauges.builder .ui.popup.directive.layer-options {
  max-width: 305px;
  min-width: 166px;
  padding: 0 20px;
}
.gauges.builder .ui.popup.directive.layer-options .label {
  text-align: center;
  text-transform: none;
  opacity: 0.8;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 17px;
  margin: 10px;
}
.gauges.builder .ui.popup.directive.layer-options hr {
  opacity: 0.3;
  border-bottom: 1px solid #FFFFFF;
  margin: 0 -20px;
}
.gauges.builder .ui.popup.directive.layer-options .popup-submit-actions {
  margin: 2.5px 0;
  padding: 2.5px 0;
}
.gauges.builder .ui.popup.directive.layer-options .popup-submit-actions .option {
  font-size: 16px;
  line-height: 41px;
  cursor: pointer;
}
.gauges.builder .ui.popup.directive.layer-options .popup-submit-actions .option i.icon {
  font-size: 20px;
  position: relative;
  top: 1px;
}
.gauges.builder .ui.popup.directive.layer-options .popup-submit-actions .option:hover.visible {
  color: #6796CB;
}
.gauges.builder .ui.popup.directive.layer-options .popup-submit-actions .option:hover.remove {
  color: #BD5555;
}
.gauges.builder .ui.popup.directive.new-layer {
  padding: 0 20px;
}
.gauges.builder .ui.popup.directive.new-layer-options {
  min-width: 238px;
  width: 238px;
}
.gauges.builder .ui.popup.directive.new-layer-options.standard .popup {
  margin-top: -10px;
}
.gauges.builder .ui.popup.directive.new-layer-options .new {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin: 0 18px;
}
.gauges.builder .ui.popup.directive.new-layer-options .new:hover {
  color: #6796CB;
}
.gauges.builder .ui.popup.directive.new-layer-options .new:hover svg #dotted-square {
  stroke: #6796CB;
}
.gauges.builder .ui.popup.directive.new-layer-options .new:hover svg #square,
.gauges.builder .ui.popup.directive.new-layer-options .new:hover svg #Calc-Metric {
  fill: #6796CB;
}
.gauges.builder .ui.popup.directive.new-layer-options .new span {
  display: block;
}
.gauges.builder .ui.popup.directive.new-layer-options .new.layer {
  width: 43px;
}
.gauges.builder .ui.popup.directive.new-layer-options .new.calculated-metric {
  width: 79px;
}
.gauges.builder .ui.popup.directive.new-layer,
.gauges.builder .ui.popup.directive.new-layer-options {
  min-width: 0px;
  width: auto;
}
.gauges.builder .ui.popup.directive.new-layer .header,
.gauges.builder .ui.popup.directive.new-layer-options .header {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  margin: 0 -20px;
  padding: 0 20px;
}
.gauges.builder .ui.popup.directive.new-layer .header .icon,
.gauges.builder .ui.popup.directive.new-layer-options .header .icon {
  color: #53B847;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  padding: 10px 0;
}
.gauges.builder .ui.popup.directive.new-layer .header .text,
.gauges.builder .ui.popup.directive.new-layer-options .header .text {
  color: #AFBCBE;
  padding: 10px 0;
  text-align: center;
}
.gauges.builder .ui.popup.directive.new-layer ul,
.gauges.builder .ui.popup.directive.new-layer-options ul {
  list-style-type: none;
  padding-top: 10px;
}
.gauges.builder .ui.popup.directive.new-layer ul li,
.gauges.builder .ui.popup.directive.new-layer-options ul li {
  cursor: pointer;
  height: 47px;
  padding: 10px 0;
}
.gauges.builder .ui.popup.directive.new-layer ul li .text,
.gauges.builder .ui.popup.directive.new-layer-options ul li .text {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: -5px;
}
.gauges.builder .ui.popup.directive.new-layer ul li:hover,
.gauges.builder .ui.popup.directive.new-layer-options ul li:hover {
  color: #6796CB;
}
.gauges.builder .ui.popup.directive.new-layer ul li:hover #Path,
.gauges.builder .ui.popup.directive.new-layer-options ul li:hover #Path {
  stroke: #6796CB;
}
.gauges.builder .ui.popup.directive.new-layer ul li:hover #blank #Oval-91,
.gauges.builder .ui.popup.directive.new-layer-options ul li:hover #blank #Oval-91 {
  fill: #6796CB;
}
.gauges.builder .ui.popup.directive.new-layer ul li:hover #blank #Path-Copy-3,
.gauges.builder .ui.popup.directive.new-layer-options ul li:hover #blank #Path-Copy-3 {
  stroke: #6796CB;
}
.gauges.builder .ui.popup.directive.new-layer ul li:hover #data,
.gauges.builder .ui.popup.directive.new-layer-options ul li:hover #data,
.gauges.builder .ui.popup.directive.new-layer ul li:hover #square,
.gauges.builder .ui.popup.directive.new-layer-options ul li:hover #square {
  fill: #6796CB;
}
.color-picker {
  width: 25.42px;
  height: 25.42px;
  cursor: pointer;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 5px;
  top: 0px;
  left: 15px;
  position: relative;
}
.ui.popup.directive .list li {
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
}
.ui.popup.directive .color-settings .color,
.ui.popup.directive .color-settings .color.patch {
  border: solid 1px transparent;
  margin-left: 5px;
  margin-right: 5px;
}
.ui.popup.directive .color-settings .color.active,
.ui.popup.directive .color-settings .color.patch.active,
.ui.popup.directive .color-settings .color:hover,
.ui.popup.directive .color-settings .color.patch:hover {
  border: solid 1px #FFFFFF;
}
.ui.popup.directive .color-settings .color .inner,
.ui.popup.directive .color-settings .color.patch {
  border: solid 2px #424B56;
  width: 17px;
  height: 18px;
}
.ui.popup.directive .color-settings .color .inner.red,
.ui.popup.directive .color-settings .color.patch.red {
  background-color: #e36a78;
}
.ui.popup.directive .color-settings .color .inner.orange,
.ui.popup.directive .color-settings .color.patch.orange {
  background-color: #f9c97b;
}
.ui.popup.directive .color-settings .color .inner.yellow,
.ui.popup.directive .color-settings .color.patch.yellow {
  background-color: #faf076;
}
.ui.popup.directive .color-settings .color .inner.green,
.ui.popup.directive .color-settings .color.patch.green {
  background-color: #b1e479;
}
.ui.popup.directive .color-settings .color .inner.purple,
.ui.popup.directive .color-settings .color.patch.purple {
  background-color: #bc71fe;
}
.ui.popup.directive .color-settings .color .inner.blue,
.ui.popup.directive .color-settings .color.patch.blue {
  background-color: #92bced;
}
.ui.popup.directive .color-settings .color .inner.teal,
.ui.popup.directive .color-settings .color.patch.teal {
  background-color: #96eeda;
}
.ui.popup.directive .color-settings .color .inner.seablue,
.ui.popup.directive .color-settings .color.patch.seablue {
  background-color: #00abd9;
}
.ui.popup.directive .color-settings .color .inner.navy,
.ui.popup.directive .color-settings .color.patch.navy {
  background-color: #034799;
}
.ui.popup.directive .color-settings .color .inner.brick,
.ui.popup.directive .color-settings .color.patch.brick {
  background-color: #bf1e1e;
}
.ui.popup.directive .color-settings .color .inner.tangerine,
.ui.popup.directive .color-settings .color.patch.tangerine {
  background-color: #e9541a;
}
.ui.popup.directive .color-settings .color .inner.pumpkin,
.ui.popup.directive .color-settings .color.patch.pumpkin {
  background-color: #ff9a00;
}
.ui.popup.directive .color-settings .color .inner.olive,
.ui.popup.directive .color-settings .color.patch.olive {
  background-color: #8d8218;
}
.ui.popup.directive .color-settings .color .inner.forrest,
.ui.popup.directive .color-settings .color.patch.forrest {
  background-color: #409944;
}
.ui.popup.directive .color-settings .color .inner.aqua,
.ui.popup.directive .color-settings .color.patch.aqua {
  background-color: #008e9a;
}
.ui.popup.directive .color-settings .color .inner.deepblue,
.ui.popup.directive .color-settings .color.patch.deepblue {
  background-color: #260082;
}
.ui.popup.directive .color-settings .color .inner.wine,
.ui.popup.directive .color-settings .color.patch.wine {
  background-color: #9631cc;
}
.ui.popup.directive .color-settings .color .inner.grape,
.ui.popup.directive .color-settings .color.patch.grape {
  background-color: #930b59;
}
.ui.popup.directive .color-settings .color .inner.black,
.ui.popup.directive .color-settings .color.patch.black {
  background-color: #000000;
}
.ui.popup.directive .color-settings .color .inner.graphite,
.ui.popup.directive .color-settings .color.patch.graphite {
  background-color: #5a5a5a;
}
.ui.popup.directive .color-settings .color .inner.charcoal,
.ui.popup.directive .color-settings .color.patch.charcoal {
  background-color: #737373;
}
.ui.popup.directive .color-settings .color .inner.silver,
.ui.popup.directive .color-settings .color.patch.silver {
  background-color: #9b9b9b;
}
.ui.popup.directive .color-settings .color .inner.gray,
.ui.popup.directive .color-settings .color.patch.gray {
  background-color: #bababa;
}
.ui.popup.directive .color-settings .color .inner.white,
.ui.popup.directive .color-settings .color.patch.white {
  background-color: #ffffff;
}
.ui.popup.directive .color-settings .color .inner.wool,
.ui.popup.directive .color-settings .color.patch.wool {
  background-color: #727b89;
}
.ui.popup.directive .color-settings .color .inner.dark,
.ui.popup.directive .color-settings .color.patch.dark {
  background-color: #424b56;
}
.ui.popup.directive .color-settings .color .inner.bgreen,
.ui.popup.directive .color-settings .color.patch.bgreen {
  background-color: #50b83c;
}
.ui.popup.directive .color-settings .color .inner.sand,
.ui.popup.directive .color-settings .color.patch.sand {
  background-color: #FDDC86;
}
.ui.popup.directive .color-settings .color .inner.magenta,
.ui.popup.directive .color-settings .color.patch.magenta {
  background-color: #D23784;
}
.ui.popup.directive .color-settings .color .inner.violet,
.ui.popup.directive .color-settings .color.patch.violet {
  background-color: #872DB2;
}
.ui.popup.directive .color-settings .color .inner.indigo,
.ui.popup.directive .color-settings .color.patch.indigo {
  background-color: #857AF5;
}
.ui.popup.directive .color-settings .color .inner.peach,
.ui.popup.directive .color-settings .color.patch.peach {
  background-color: #FFB48A;
}
.ui.popup.directive .color-settings .color .inner.salmon,
.ui.popup.directive .color-settings .color.patch.salmon {
  background-color: #EE5A56;
}
.ui.popup.directive .color-settings .color .inner.lavender,
.ui.popup.directive .color-settings .color.patch.lavender {
  background-color: #9B10F2;
}
.hidden-layer-dropdown {
  width: auto !important;
  min-width: 0 !important;
  padding: 20px 0 !important;
}
.hidden-layer-dropdown ul {
  list-style: none;
}
.hidden-layer-dropdown ul li {
  margin: 5px 0;
  font-weight: 400;
  padding: 0 30px 0 10px;
  cursor: pointer;
}
.hidden-layer-dropdown ul li:hover {
  background-color: #393E44;
}
.hidden-layer-dropdown ul li.hidden {
  font-style: italic;
  color: gray;
}
.hidden-layer-dropdown ul li i.icon {
  width: 18px;
}
.hidden-layer-dropdown ul li .icon.checkmark {
  font-size: 0.8em;
  margin-right: 4px;
}
.dark.ui.popup .title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 2px;
}
.dark.ui.popup .title.sub {
  transition: color 300ms;
  color: #B8B9BB;
  margin-right: 20px;
  font-weight: 700;
  cursor: pointer;
}
.dark.ui.popup .title.sub.selected {
  color: #53B847;
}
.dark.ui.popup .title.sub:not(.selected):hover {
  color: #fff;
}
.dark.ui.popup .checkboxes .container:not(.active):hover .bg-checkbox {
  background-color: #fff;
}
.dark.ui.popup .checkboxes .container:not(.active):hover label {
  color: #fff;
}
.dark.ui.popup .ui.divider {
  padding: 0;
  margin: -4px 0 -4px 0;
  border: none;
  border-top: 1px solid #525A65;
}
.dark.ui.popup .inline {
  display: inline;
}
.ui.popup.fullscreen-opts,
.ui.popup.dashboard-theme {
  padding: 16px;
  width: initial;
  max-width: initial;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
}
.ui.popup.fullscreen-opts .item,
.ui.popup.dashboard-theme .item {
  cursor: pointer;
  color: #BCC2C2;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: center;
  border-radius: 3px;
  height: 44px;
  padding-right: 10px;
}
.ui.popup.fullscreen-opts .item:hover,
.ui.popup.dashboard-theme .item:hover {
  background-color: #6796CB;
  color: white;
}
.ui.popup.fullscreen-opts .item:hover #Rotation-Pop-Over,
.ui.popup.dashboard-theme .item:hover #Rotation-Pop-Over {
  fill: white;
}
.ui.popup.fullscreen-opts .item:hover .beta,
.ui.popup.dashboard-theme .item:hover .beta {
  background: white;
  color: #5B8BC4;
}
.ui.popup.fullscreen-opts .item #Rotation-Pop-Over,
.ui.popup.dashboard-theme .item #Rotation-Pop-Over {
  fill: #BCC2C2;
}
.ui.popup.fullscreen-opts .item .beta,
.ui.popup.dashboard-theme .item .beta {
  background: #5B8BC4;
  color: white;
  top: 0;
  left: 0;
  margin: 0 10px;
  border-radius: 5px;
  padding: 3px 10px;
}
.ui.popup.fullscreen-opts .item .icon,
.ui.popup.dashboard-theme .item .icon {
  display: inline-block;
  width: 30px;
  margin: 5px 10px 0;
}
.ui.popup.sync-history-time {
  width: auto;
}
.ui.popup.directive .label + .column-name {
  color: #ABADB0;
}
.ui.popup.directive gauge-builder-default-filter .label + .column-name {
  font-size: 0.85em;
  margin-bottom: 8px;
  margin-top: -7px;
}
.ui.popup .filter-form {
  margin: -18px -20px -16px -20px;
  display: block;
}
.ui.popup .filter-form.default {
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.ui.popup .filter-form > .popup-group {
  margin: 15px 20px 15px 20px !important;
  box-sizing: border-box;
}
.ui.popup .filter-form i.close.icon {
  margin-top: -5px !important;
}
.ui.popup .filter-form .ui.input.search {
  width: 100%;
}
.ui.popup .filter-form .ui.input.search .icon {
  top: 3px;
  color: #999a9f;
  cursor: pointer;
}
.ui.popup .filter-form .ui.input.search .icon:hover {
  opacity: 1 !important;
}
.ui.popup .filter-form .ui.input.search .icon.search {
  font-size: 16px;
  left: -2px;
}
.ui.popup .filter-form .ui.input.search .icon.remove.circle {
  right: 0;
  left: auto;
  opacity: 0;
  transition: opacity 300ms;
}
.ui.popup .filter-form .ui.input.search input.search {
  font-size: 13px;
  border-radius: 25px !important;
  margin-top: 23px;
  margin-bottom: 15px;
  padding: 0;
  padding-left: 38px !important;
  line-height: 1.3em;
  color: #999a9f;
  height: 34px;
}
.ui.popup .filter-form .ui.input.search input.search::-ms-clear {
  display: none;
}
.ui.popup .filter-form .ui.input.search input.search:hover + .icon {
  opacity: 0.8;
}
.ui.popup .filter-form .ui.input.search input.search:focus {
  color: #4d4e52;
}
.ui.popup .filter-form .ui.input.search input.search:focus + .icon {
  opacity: 1;
}
.ui.popup .filter-form .search-container {
  background-color: rgba(82, 90, 101, 0.2);
  height: 200px;
  overflow: auto;
  color: #FFF;
  border: 1px solid rgba(216, 222, 226, 0.2);
  border-radius: 3px;
  padding: 6px 8px;
  position: relative;
}
.ui.popup .filter-form .search-container .loading {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: -7px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
}
.ui.popup .filter-form .search-container .loading > * {
  display: block;
}
.ui.popup .filter-form .search-container .label {
  margin-left: 5px;
  font-size: 12px;
}
.ui.popup .filter-form .search-container .checkbox {
  cursor: pointer;
  display: inline-block;
  height: 14px;
  width: 14px;
  border: 1px solid #8A939F;
  background-color: #FFF;
  border-radius: 2px;
  margin: -2px 0 -2px 0;
}
.ui.popup .filter-form .search-container .checkbox.checked {
  background-color: #3c87c7;
  border-color: #3c87c7;
}
.ui.popup .filter-form .checkboxes {
  margin-top: 8px;
  width: 100%;
}
.ui.popup .filter-form .checkboxes .container {
  display: inline;
  margin-right: 25px;
  margin-left: 4px;
  cursor: pointer;
}
.ui.popup .filter-form .checkboxes .container.active label {
  color: #FFF;
}
.ui.popup .filter-form .checkboxes .container .bg-checkbox {
  transition: background-color 300ms;
  margin: -4px;
  display: inline-block;
}
.ui.popup .filter-form .checkboxes .container label {
  transition: color 300ms;
  font-size: 12px;
  color: #B8B9BB;
  margin-left: 10px;
  font-weight: 700;
}
.ui.popup.badge-icon {
  min-width: 320px!important;
  max-width: 320px!important;
  width: 320px;
}
.ui.popup.badge-icon .popup-group .text {
  text-transform: capitalize;
  font-size: 16px;
  color: #CDD6CD;
  font-weight: bold;
}
.ui.popup.badge-icon .badge-icons {
  list-style-type: none;
}
.ui.popup.badge-icon .badge-icons li {
  margin: 5px 10px 5px 0;
  display: inline-block;
  cursor: pointer;
}
.ui.popup.badge-icon .badge-icons li img {
  width: 30px;
  height: 30px;
}
.ui.popup.directive.interval-popup {
  width: 155px;
  border: 1px solid #323432;
  box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.5);
  font-size: 16px;
  padding: 10px;
  text-align: center;
}
.ui.popup.directive.interval-popup,
.ui.popup.directive.interval-popup:before {
  background: #000000 !important;
}
.ui.popup.directive.interval-popup div {
  padding: 15px 10px;
  border-radius: 5px;
  color: #bcc2c2;
  cursor: pointer;
}
.ui.popup.directive.interval-popup div:hover {
  background-color: #6796cb;
  color: #FFFFFF;
}
.ui.popup.gauge.description {
  width: 400px;
  max-width: 400px;
  font-size: 14px;
}
.ui.popup.gauge.description .title {
  font-weight: 600;
}
.ui.popup.gauge.description .content {
  max-height: 500px;
  overflow: hidden;
}
.ui.popup.directive.processing-popup,
.ui.popup.directive.subtle {
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
.gauges.builder .ui.popup:not(.create) {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}
.gauges.builder .ui.popup:not(.create) .title {
  margin-left: 5px;
  margin-bottom: 5px;
}
.gauges.builder .ui.popup:not(.create) input {
  border-radius: 3px;
  cursor: text;
  font-family: 'proxima-nova', sans-serif;
}
.gauges.builder .ui.popup:not(.create) input[type="checkbox"],
.gauges.builder .ui.popup:not(.create) input[type="radio"] {
  cursor: pointer;
}
.gauges.builder .ui.popup:not(.create),
.gauges.builder .ui.popup:not(.create) .dropdown .item {
  font-size: 14px;
}
.gauges.builder .ui.popup:not(.create) .dropdown,
.gauges.builder .ui.popup:not(.create) .dropdown .search {
  padding: 0.7em 1em;
  padding: 12px 12px 7px 12px;
}
.gauges.builder .ui.popup:not(.create) .dropdown .search {
  margin-top: -2px;
}
.gauges.builder .ui.popup:not(.create) .error-message {
  color: #e36a78;
}
.gauges.builder .ui.popup .popup.design-settings .label.original {
  text-transform: none;
}
.gauges.builder .ui.popup .popup.design-settings .field {
  float: left;
  margin-right: 15px;
}
.gauges.builder .ui.popup .popup.design-settings .number_format.config .popup-group {
  margin-bottom: 15px;
}
.gauges.builder .ui.popup .popup.design-settings.public-gauge .ui.segment {
  height: 115px;
  max-height: 115px;
  padding: 12px;
  border: none;
  overflow-y: scroll;
}
.gauges.builder .ui.popup .popup.design-settings.public-gauge p {
  color: rgba(0, 0, 0, 0.87);
}
.gauges.builder .ui.popup .popup.design-settings.public-gauge .error {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  text-align: center;
}
.gauges.builder .ui.popup .popup.design-settings .total-column {
  padding-bottom: 15px;
}
.gauges.builder .ui.popup .popup.design-settings .total-column .ui.checkbox {
  box-sizing: unset !important;
}
.gauges.builder .ui.popup .popup.design-settings .total-column .ui.checkbox label {
  font-size: 14px;
}
.gauges.builder .ui.popup .popup.design-settings .fields .field {
  margin-right: 0;
}
.gauges.builder .ui.popup .popup.design-settings .abbrev-config {
  font-size: 12px;
  padding-top: 27px;
  padding-left: 21px;
}
.gauges.builder .ui.popup .popup.design-settings .abbrev-config .field {
  margin-bottom: 7px;
}
.gauges.builder .ui.popup .popup.design-settings .abbrev-config input {
  cursor: pointer;
}
.gauges.builder .ui.popup .popup.design-settings .abbrev-config .ui.radio.checkbox label {
  color: #555555;
  font-size: 12px;
  line-height: 12px !important;
  padding-left: 20px;
  display: inline;
  display: -moz-inline-box;
}
.gauges.builder .ui.popup .popup.design-settings .abbrev-config .ui.radio.checkbox label.active {
  color: white;
}
.gauges.builder .ui.popup .popup.design-settings .abbrev-config .ui.radio.checkbox label::before {
  height: 12px;
  width: 12px;
}
.gauges.builder .ui.popup .popup.design-settings .abbrev-config .ui.radio.checkbox label::after {
  font-size: 12px;
  line-height: 12px;
  width: 6px;
  height: 6px;
  margin-top: 3px;
  margin-left: 3px;
}
.gauges.builder .ui.popup .popup.design-settings .format-options {
  display: flex;
  justify-content: space-around;
  border-top: solid 1px #555555;
  margin: 10px -20px;
  padding: 10px 20px;
}
.gauges.builder .ui.popup .popup.design-settings .format-options .format-option {
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #B8B9BB;
}
.gauges.builder .ui.popup .popup.design-settings .format-options .format-option.active {
  color: #53B847;
}
.gauges.builder .ui.popup .popup.design-settings .format-options .format-option:not(.active):hover {
  color: white;
}
.gauges.builder .ui.popup .popup.design-settings .format-configs,
.gauges.builder .ui.popup .popup.design-settings .format-options {
  border-bottom: solid 1px #555555;
}
.gauges.builder .ui.popup .popup.design-settings .format-configs {
  display: flex;
  padding-bottom: 12px;
  margin: 0px -20px;
  padding: 0 20px 12px;
}
.gauges.builder .ui.popup .popup.design-settings .format-configs .format-config {
  width: 250px;
}
.gauges.builder .ui.popup .popup.design-settings .format-configs .format-config input {
  width: 110px;
}
.gauges.builder .ui.popup .popup.design-settings .popup-group:after {
  content: "";
  display: table;
  clear: both;
}
.gauges.builder .ui.popup .popup.design-settings.x .ui.checkbox label:after {
  left: 0px;
  width: 15px;
  height: 5px;
}
.gauges.builder .ui.popup .popup.design-settings .ui.input {
  width: 100%;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label {
  line-height: 24px;
  padding-left: 30px;
  padding-right: 5px;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label::before,
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label::after {
  position: absolute;
  top: 0;
  left: 0;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label::before {
  height: 22px;
  width: 22px;
  border: 2px solid #efefef;
  background: #424B56;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label::after {
  margin: 3.1px;
  background-color: #efefef;
  line-height: 18px;
  width: 16px;
  height: 16px;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label.green::before {
  border: 2px solid #53B847;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label.green::after {
  background-color: #53B847;
  content: "✓";
  font-size: 10px;
  line-height: 17px;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label.red::before {
  border: 2px solid #e17878;
}
.gauges.builder .ui.popup .popup.design-settings .radio.checkbox label.red::after {
  background-color: #e17878;
  content: "✕";
  font-size: 10px;
  line-height: 17.5px;
}
.gauges.builder .ui.popup .popup.design-settings label {
  color: white;
  padding-left: 1.75em;
}
.gauges.builder .ui.popup .popup.design-settings .help {
  font-size: 12px;
  margin-top: 5px;
  color: #53B847;
  float: right;
}
.gauges.builder .ui.popup .popup.design-settings.tooltip .info,
.gauges.builder .ui.popup .popup.design-settings.legend .info {
  background-color: #FFFDf4;
  color: #D7BC87;
  padding: 1em;
}
.gauges.builder .ui.popup .popup.design-settings.tooltip .info .toggle,
.gauges.builder .ui.popup .popup.design-settings.legend .info .toggle {
  cursor: pointer;
  float: right;
}
.gauges.builder .ui.popup .popup.design-settings.tooltip .info .title,
.gauges.builder .ui.popup .popup.design-settings.legend .info .title {
  float: left;
}
.gauges.builder .ui.popup .popup.design-settings.tooltip .info ul,
.gauges.builder .ui.popup .popup.design-settings.legend .info ul {
  margin-left: 1em;
}
.ui.popup.dataset-sync-info-popup {
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  font-size: 14px;
  text-align: center;
}
.dataset-sync-info-popup {
  position: relative;
  top: 3px;
}
.ui.popup.quick-sync-info-popup {
  max-width: 121px;
  font-size: 16px;
  text-align: center;
}
.ui.popup.trino-sync-info-popup {
  width: auto !important;
  max-width: auto !important;
  min-width: auto !important;
  font-size: 16px;
  text-align: center;
}
/* Direct / processed MSSQL sync icons (dataset list, dashboards, gauge builder) */
.ui.popup.mssql-direct-sync-info-popup,
.ui.popup.mssql-processed-sync-info-popup,
.ui.popup.mssql-not-applicable-popup {
  width: auto !important;
  max-width: auto !important;
  min-width: auto !important;
  font-size: 16px;
  text-align: center;
}
.trino-sync-icon {
  margin-bottom: 4px;
}
/*
   TODO: Refactor this later when the new table style is everywhere
*/
.ui.new.table {
  border: none;
}
.ui.new.table thead tr {
  background: none;
}
.ui.new.table thead tr th,
.ui.new.table thead tr td {
  background: none;
  color: #555;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  border-bottom: 1px solid #e9e9e9;
}
.ui.new.table thead tr th:first-child,
.ui.new.table thead tr td:first-child {
  border-left: 0;
  padding: 0.8em 0.8em 0.8em 1.6em;
}
.ui.new.table thead tr th:last-child,
.ui.new.table thead tr td:last-child {
  padding: 0.8em 1.6em 0.8em 0.8em;
}
.ui.new.table tfoot tr th:first-child,
.ui.new.table tfoot tr td:first-child {
  border-left: 0;
  padding: 0.8em 0.8em 0.8em 1.6em;
}
.ui.new.table tfoot tr th:last-child,
.ui.new.table tfoot tr td:last-child {
  padding: 0.8em 1.6em 0.8em 0.8em;
}
.ui.new.table tbody tr {
  border: 0;
}
.ui.new.table tbody tr td {
  padding: 0.8em 0.8em;
  border: 0;
  font-size: 14px;
  font-weight: 400;
}
.ui.new.table tbody tr td:first-child {
  border-left: 0;
  padding: 0.8em 0.8em 0.8em 1.6em;
}
.ui.new.table tbody tr td:last-child {
  padding: 0.8em 1.6em 0.8em 0.8em;
}
.ui.new.table tbody tr:nth-child(even) {
  background-color: #f5f9fc;
}
table tbody td .float-right {
  float: right;
}
table tbody td .float-left {
  float: left;
}
.data-table {
  border-top: 1px solid #A8A9AD;
  font-size: 14px;
  font-family: 'proxima-nova', sans-serif !important;
  text-align: left;
  overflow: scroll;
}
.data-table table {
  border-radius: 1px !important;
  border-color: none !important;
}
.data-table tbody {
  color: #727B89;
}
.data-table tr {
  border-bottom: 1px solid #A8A9AD;
}
.data-table tr td {
  padding-right: 40px;
}
.sortable {
  cursor: pointer;
}
.sortable .icons {
  float: right;
  color: #A8A9AD;
}
.sortable .icons .ascending,
.sortable .icons .descending {
  color: #54BA48;
}
.sortable .icons i {
  cursor: pointer;
}
.ui.table thead td .icons,
.ui.table thead th .icons {
  float: right;
}
.dataTables_scroll .dataTables_scrollHead .dataTable,
.dataTables_scroll .dataTables_scrollBody .dataTable {
  border-top: none;
  width: 100%;
}
.dataTables_scroll .dataTables_scrollHead th,
.dataTables_scroll .dataTables_scrollBody th,
.dataTables_scroll .dataTables_scrollHead th.sorting,
.dataTables_scroll .dataTables_scrollBody th.sorting,
.dataTables_scroll .dataTables_scrollHead th.sorting_desc,
.dataTables_scroll .dataTables_scrollBody th.sorting_desc,
.dataTables_scroll .dataTables_scrollHead th.sorting_asc,
.dataTables_scroll .dataTables_scrollBody th.sorting_asc {
  background-color: #FFF;
  color: #515761;
  font-weight: 700;
  text-transform: uppercase;
}
tablegauge .dataTables_wrapper.no-footer div.dataTables_scrollHead table {
  background-color: #F9FAFB;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
tablegauge .dataTables_wrapper.no-footer div.dataTables_scrollHead table tr th {
  border-bottom: none;
}
.dataTables_scrollBody {
  border-bottom: none!important;
}
.dataTables_scrollBody .dataTable {
  border-top: none;
}
.dataTables_scrollBody tr td {
  border-right: none !important;
  color: #555555 !important;
}
.dataTables_scrollBody tr.even {
  background-color: #F6F6F7;
}
.tv-mode .dataTables_scroll .dataTables_scrollHead .dataTable,
.tv-mode .dataTables_scroll .dataTables_scrollHeadInner .dataTable {
  border-top: none;
}
.tv-mode .dataTables_scroll .dataTables_scrollHead .ui.table,
.tv-mode .dataTables_scroll .dataTables_scrollHeadInner .ui.table {
  border: none !important;
}
.tv-mode .dataTables_scroll .dataTables_scrollHead th.sorting,
.tv-mode .dataTables_scroll .dataTables_scrollHeadInner th.sorting,
.tv-mode .dataTables_scroll .dataTables_scrollHead th.sorting_desc,
.tv-mode .dataTables_scroll .dataTables_scrollHeadInner th.sorting_desc,
.tv-mode .dataTables_scroll .dataTables_scrollHead th.sorting_disabled,
.tv-mode .dataTables_scroll .dataTables_scrollHeadInner th.sorting_disabled,
.tv-mode .dataTables_scroll .dataTables_scrollHead th.sorting_asc,
.tv-mode .dataTables_scroll .dataTables_scrollHeadInner th.sorting_asc {
  border-bottom: none !important;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  /*
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        */
}
.tv-mode.dark.theme .dataTables_wrapper {
  background-color: #242830;
}
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHead th.sorting,
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHeadInner th.sorting,
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHead th.sorting_desc,
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHeadInner th.sorting_desc,
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHead th.sorting_disabled,
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHeadInner th.sorting_disabled,
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHead th.sorting_asc,
.tv-mode.dark.theme .dataTables_scroll .dataTables_scrollHeadInner th.sorting_asc {
  background-color: #242830;
  color: #FFF;
}
.tv-mode.dark.theme .new-ui .dataTables_scroll .dataTables_scrollHead,
.tv-mode.dark.theme .new-ui .dataTables_scroll .dataTables_scrollHeadInner {
  border-top: 1px solid gray;
  border-bottom: 3px solid gray;
}
.tv-mode.dark.theme .new-ui .dataTables_scroll .dataTables_scrollBody {
  scrollbar-color: #798089 #37414c;
}
.tv-mode.dark.theme .new-ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar {
  width: 15px;
}
.tv-mode.dark.theme .new-ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #37414c;
  width: 8px;
}
.tv-mode.dark.theme .new-ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #798089;
  width: 6px;
}
.tv-mode.dark.theme .new-ui .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-corner {
  background: #37414c;
}
.tv-mode .dataTables_scrollBody .dataTable {
  border-top: none;
}
.tv-mode .dataTables_scrollBody .ui.table {
  border: none !important;
}
.tv-mode .dataTables_scrollBody tr td {
  border-left: none !important;
}
.tv-mode.dark.theme .dataTables_scrollBody tr td {
  color: #f1f1f1 !important;
  background-color: inherit !important;
}
.tv-mode.dark.theme .dataTables_scrollBody tr.odd {
  background-color: #323740;
}
.tv-mode.dark.theme .dataTables_scrollBody tr.even {
  background-color: #242830;
}
.reportsent gaugewrapper.gauge.table,
.reports gaugewrapper.gauge.table {
  margin-top: 15px;
}
.reportsent .dataTables_scroll .dataTables_scrollHead .dataTable,
.reports .dataTables_scroll .dataTables_scrollHead .dataTable,
.reportsent .dataTables_scroll .dataTables_scrollHeadInner .dataTable,
.reports .dataTables_scroll .dataTables_scrollHeadInner .dataTable {
  width: 100% !important;
  border-top: none;
}
.reportsent .dataTables_scroll .dataTables_scrollHead .ui.table,
.reports .dataTables_scroll .dataTables_scrollHead .ui.table,
.reportsent .dataTables_scroll .dataTables_scrollHeadInner .ui.table,
.reports .dataTables_scroll .dataTables_scrollHeadInner .ui.table {
  border: none !important;
}
.reportsent .dataTables_scroll .dataTables_scrollHead th,
.reports .dataTables_scroll .dataTables_scrollHead th,
.reportsent .dataTables_scroll .dataTables_scrollHeadInner th,
.reports .dataTables_scroll .dataTables_scrollHeadInner th,
.reportsent .dataTables_scroll .dataTables_scrollHead th.sorting,
.reports .dataTables_scroll .dataTables_scrollHead th.sorting,
.reportsent .dataTables_scroll .dataTables_scrollHeadInner th.sorting,
.reports .dataTables_scroll .dataTables_scrollHeadInner th.sorting,
.reportsent .dataTables_scroll .dataTables_scrollHead th.sorting_desc,
.reports .dataTables_scroll .dataTables_scrollHead th.sorting_desc,
.reportsent .dataTables_scroll .dataTables_scrollHeadInner th.sorting_desc,
.reports .dataTables_scroll .dataTables_scrollHeadInner th.sorting_desc,
.reportsent .dataTables_scroll .dataTables_scrollHead th.sorting_asc,
.reports .dataTables_scroll .dataTables_scrollHead th.sorting_asc,
.reportsent .dataTables_scroll .dataTables_scrollHeadInner th.sorting_asc,
.reports .dataTables_scroll .dataTables_scrollHeadInner th.sorting_asc {
  background-color: #FFF;
  color: #555555;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}
.reportsent .dataTables_scrollBody .dataTable,
.reports .dataTables_scrollBody .dataTable {
  width: 100% !important;
  border-top: none;
}
.reportsent .dataTables_scrollBody .ui.table,
.reports .dataTables_scrollBody .ui.table {
  border: none !important;
}
.reportsent .dataTables_scrollBody tr.total_row td,
.reports .dataTables_scrollBody tr.total_row td {
  font-weight: bold;
}
.reportsent .dataTables_scrollBody tr td,
.reports .dataTables_scrollBody tr td {
  border-right: none !important;
  color: #555555 !important;
  font-size: 13px;
  font-weight: 300;
  transition-duration: 0s !important;
}
.reportsent .dataTables_scrollBody tr.odd,
.reports .dataTables_scrollBody tr.odd {
  background-color: #F1F6FA !important;
}
.reportsent .dataTables_scrollBody tr.odd td,
.reports .dataTables_scrollBody tr.odd td {
  background-color: inherit !important;
}
.reportsent .dataTables_scrollBody tr.even,
.reports .dataTables_scrollBody tr.even {
  background-color: #FFF !important;
}
.reportsent .dataTables_scrollBody tr.even td,
.reports .dataTables_scrollBody tr.even td {
  background-color: inherit !important;
}
.field .ui.red.pointing.above.ui.label {
  text-transform: none;
}
.field input[type="text"],
.field .ui.dropdown {
  font-family: 'proxima-nova', sans-serif;
}
.field .ui.selection.textbox.dropdown {
  height: 100%;
}
.field .help-text {
  font-size: 0.8em;
  margin-top: -0.5em;
  opacity: 0.6;
}
.transparent.field input[type="text"] {
  background-color: transparent;
}
.transparent.field .ui.selection.dropdown {
  background-color: transparent;
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  width: 3rem;
}
.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:after,
.ui.toggle.checkbox input[type="checkbox"]:checked ~ label:after,
.ui.toggle.checkbox input[type="radio"]:checked ~ .box:after,
.ui.toggle.checkbox input[type="radio"]:checked ~ label:after {
  left: 1.5rem;
}
.ui.selection.disabled.dropdown {
  cursor: not-allowed;
}
.grouped.inline.checkboxes.fields p {
  margin-bottom: 10px;
}
.grouped.inline.checkboxes.fields ul,
.grouped.inline.checkboxes.fields li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.grouped.inline.checkboxes.fields li {
  margin: 2px 8px;
}
.grouped.inline.checkboxes.fields label {
  line-height: 12px;
  vertical-align: top;
}
.grouped.inline.checkboxes.fields input {
  vertical-align: text-top;
}
.app-container input[type="text"],
.action-bar input[type="text"],
.gauges-index input[type="text"],
.ui.popup input[type="text"],
.app-container input[type="email"],
.action-bar input[type="email"],
.gauges-index input[type="email"],
.ui.popup input[type="email"],
.app-container input[type="number"],
.action-bar input[type="number"],
.gauges-index input[type="number"],
.ui.popup input[type="number"],
.app-container input[type="date"],
.action-bar input[type="date"],
.gauges-index input[type="date"],
.ui.popup input[type="date"],
.app-container input[type="datetime-local"],
.action-bar input[type="datetime-local"],
.gauges-index input[type="datetime-local"],
.ui.popup input[type="datetime-local"],
.app-container textarea,
.action-bar textarea,
.gauges-index textarea,
.ui.popup textarea {
  border: 1px solid #cdd4d9;
  font-size: 14px;
  padding: 12px;
  width: 100%;
}
input.seamless {
  border: none;
  line-height: inherit;
}
input[type="checkbox"].bgs-input {
  border: 1px solid black;
}
.gravatar {
  width: 30px;
  height: 30px;
  outline: none;
}
.gravatar .image-container {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.mini {
  width: 17px;
  height: 17px;
  outline: none;
}
.gravatar.mini .image-container {
  position: relative;
  width: 17px;
  height: 17px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.mini .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.mini .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.mini .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.tiny {
  width: 20px;
  height: 20px;
  outline: none;
}
.gravatar.tiny .image-container {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.tiny .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.tiny .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.tiny .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.small {
  width: 25px;
  height: 25px;
  outline: none;
}
.gravatar.small .image-container {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.small .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.small .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.small .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.medium {
  width: 30px;
  height: 30px;
  outline: none;
}
.gravatar.medium .image-container {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.medium .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.medium .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.medium .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.mid {
  width: 33px;
  height: 33px;
  outline: none;
}
.gravatar.mid .image-container {
  position: relative;
  width: 33px;
  height: 33px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.mid .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.mid .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.mid .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.large {
  width: 35px;
  height: 35px;
  outline: none;
}
.gravatar.large .image-container {
  position: relative;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.large .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.large .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.large .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.big {
  width: 40px;
  height: 40px;
  outline: none;
}
.gravatar.big .image-container {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.big .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.big .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.big .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.huge {
  width: 50px;
  height: 50px;
  outline: none;
}
.gravatar.huge .image-container {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.huge .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.huge .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.huge .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.gravatar.massive {
  width: 80px;
  height: 80px;
  outline: none;
}
.gravatar.massive .image-container {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 999px;
}
.gravatar.massive .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  width: inherit !important;
  height: inherit;
  border-radius: 999px;
}
.gravatar.massive .image-container .default-image {
  position: absolute;
  font-weight: 400;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar.massive .image-container .gravatar-image {
  position: absolute;
  left: 0;
  border-radius: 999px;
  background-size: cover !important;
  z-index: 2;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
.ui.header.mid.grey {
  color: #D8D8D8 !important;
}
.max-height {
  height: 100%;
}
.dataTables_scrollBody.react {
  max-height: 100%;
  overflow-y: auto;
}
.dataTables_scrollBody.react table {
  table-layout: initial!important;
}
.dataTables_scrollBody.react table.total-row tr:last-child td {
  font-weight: 700;
}
.dataTables_scrollBody.react .leaderboard thead tr th:nth-child(3),
.dataTables_scrollBody.react .leaderboard tbody tr td:nth-child(3) {
  text-align: center;
}
.dataTables_scrollBody.react thead {
  position: sticky;
  top: 0;
}
.dataTables_scrollBody.react thead th {
  font-size: 13px;
  padding: 5px;
  background-color: #fff;
  font-weight: 600;
}
.dataTables_scrollBody.react thead th.rank {
  text-align: center;
  width: 5%;
  min-width: 25px;
}
.dataTables_scrollBody.react thead th.badge {
  width: 25px;
}
.dataTables_scrollBody.react tbody td {
  padding: 5px;
  border: 0;
  color: #555;
}
.dataTables_scrollBody.react tbody td.no-data {
  border-right: none!important;
  text-align: center;
  font-size: 13px;
  font-weight: 300!important;
  transition-duration: 0s!important;
}
.dataTables_scrollBody.react tbody td.drilldown {
  cursor: pointer;
}
.dataTables_scrollBody.react tbody td.highlight-cell.red,
.dataTables_scrollBody.react tbody td.highlight-row.red {
  background-color: #e36a78 !important;
  color: #FCE4E7 !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.orange,
.dataTables_scrollBody.react tbody td.highlight-row.orange {
  background-color: #f9c97b !important;
  color: #A3752A !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.yellow,
.dataTables_scrollBody.react tbody td.highlight-row.yellow {
  background-color: #F3E864 !important;
  color: #857E28 !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.green,
.dataTables_scrollBody.react tbody td.highlight-row.green {
  background-color: #b1e479 !important;
  color: #58802D !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.purple,
.dataTables_scrollBody.react tbody td.highlight-row.purple {
  background-color: #bc71fe !important;
  color: #FAF5FF !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.blue,
.dataTables_scrollBody.react tbody td.highlight-row.blue {
  background-color: #92bced !important;
  color: #416691 !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.teal,
.dataTables_scrollBody.react tbody td.highlight-row.teal {
  background-color: #96eeda !important;
  color: #397467 !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.seablue,
.dataTables_scrollBody.react tbody td.highlight-row.seablue {
  background-color: #00abd9 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.navy,
.dataTables_scrollBody.react tbody td.highlight-row.navy {
  background-color: #034799 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.brick,
.dataTables_scrollBody.react tbody td.highlight-row.brick {
  background-color: #bf1e1e !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.tangerine,
.dataTables_scrollBody.react tbody td.highlight-row.tangerine {
  background-color: #e9541a !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.pumpkin,
.dataTables_scrollBody.react tbody td.highlight-row.pumpkin {
  background-color: #ff9a00 !important;
  color: #000000 !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.olive,
.dataTables_scrollBody.react tbody td.highlight-row.olive {
  background-color: #8d8218 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.forrest,
.dataTables_scrollBody.react tbody td.highlight-row.forrest {
  background-color: #409944 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.aqua,
.dataTables_scrollBody.react tbody td.highlight-row.aqua {
  background-color: #008e9a !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.deepblue,
.dataTables_scrollBody.react tbody td.highlight-row.deepblue {
  background-color: #260082 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.wine,
.dataTables_scrollBody.react tbody td.highlight-row.wine {
  background-color: #9631cc !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.grape,
.dataTables_scrollBody.react tbody td.highlight-row.grape {
  background-color: #930b59 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.black,
.dataTables_scrollBody.react tbody td.highlight-row.black {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.graphite,
.dataTables_scrollBody.react tbody td.highlight-row.graphite {
  background-color: #5a5a5a !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.charcoal,
.dataTables_scrollBody.react tbody td.highlight-row.charcoal {
  background-color: #737373 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.silver,
.dataTables_scrollBody.react tbody td.highlight-row.silver {
  background-color: #9b9b9b !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.gray,
.dataTables_scrollBody.react tbody td.highlight-row.gray {
  background-color: #bababa !important;
  color: #000000 !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.white,
.dataTables_scrollBody.react tbody td.highlight-row.white {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.wool,
.dataTables_scrollBody.react tbody td.highlight-row.wool {
  background-color: #727b89 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.dark,
.dataTables_scrollBody.react tbody td.highlight-row.dark {
  background-color: #424b56 !important;
  color: #ffffff !important;
}
.dataTables_scrollBody.react tbody td.highlight-cell.bgreen,
.dataTables_scrollBody.react tbody td.highlight-row.bgreen {
  background-color: #50b83c !important;
  color: #ffffff !important;
}
.forbidden .ui.dimmer {
  z-index: 1;
}
.forbidden .ui.dimmer .ui.loader::before,
.forbidden .ui.dimmer .ui.loader::after {
  display: none;
}
/* warning!! this is used in v3, do not use variables */
div.ui.centered.one.column.grid.not-found {
  height: calc(100vh - 50px);
  min-height: 400px;
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center !important;
  background-color: #f4f3f3;
}
div.ui.centered.one.column.grid.not-found * {
  font-family: 'proxima-nova', sans-serif !important;
}
div.ui.centered.one.column.grid.not-found .pull-z {
  z-index: 100;
  position: relative;
  font-size: 32px;
}
div.ui.centered.one.column.grid.not-found .button-row {
  margin-top: 60px;
  min-height: 55px;
}
div.ui.centered.one.column.grid.not-found .button-row button {
  margin: 0em 0.25em 0em 0em;
  padding: 0.6875em 1.5em 0.6875em;
  font-weight: 600;
  font-size: 23px;
}
div.ui.centered.one.column.grid.not-found .oval-container {
  max-height: 10px;
}
div.ui.centered.one.column.grid.not-found .oval-container .oval-shadow {
  position: absolute;
  top: 46%;
  width: 700px;
  height: 130px;
  box-shadow: 0 -50px 65px -60px grey;
  border-radius: 50%;
  background-color: #f4f3f3;
  clip: rect(-200px, 700px, 125px, 0);
}
div.ui.centered.one.column.grid.not-found .footer {
  position: absolute;
  bottom: 0;
}
div.ui.centered.one.column.grid.not-found object {
  width: 67%;
  max-width: 385px;
}
.timeout-error .ui.dimmer .ui.loader::before,
.timeout-error .ui.dimmer .ui.loader::after {
  display: none;
}
.overflow-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bar--light {
  background: #EAEDEF;
  border-bottom: 1px solid #cdd4d9;
}
.clearfix {
  clear: both;
}
#redactor-modal-link-insert label:last-child,
#redactor-modal-link-insert #redactor-link-blank {
  display: none;
}
.ui.message .header {
  font-family: 'proxima-nova', sans-serif;
}
.ui.red.button {
  background-color: #BD5555;
}
.ellipsis:not(.icon) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bar--dark {
  background: #424B56;
}
body {
  background-color: #FDFDFD;
  line-height: 1.2em !important;
}
body,
html {
  font-size: inherit!important;
}
body {
  -webkit-overflow-scrolling: touch;
}
body:not(.embeddable) [ng-app="app"] .main-app-container,
body:not(.embeddable) [ng-app^="report_"] .main-app-container,
body:not(.embeddable) .container-fluid {
  height: calc(100vh - 66px);
  width: 100%;
}
body.embeddable,
body.embeddable > [ng-app],
body.embeddable .main-app-container,
body.embeddable:not(.dashboards) .container-fluid,
body.embeddable:not(.dashboards) .gauge-border {
  height: 100%;
  max-height: 100%;
}
body.embeddable.dashboards .container-fluid {
  height: calc(100% - 42px);
  max-height: calc(100% - 42px);
  overflow-y: scroll;
}
body.embeddable dashboarditem {
  display: inline-block;
  position: absolute;
}
body.embeddable dashboarditem .redactor-container {
  top: 0;
}
body.embeddable .gauge-border {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.embeddable:not(.tv-mode) .gauge-border {
  border: solid 1px #dedede;
}
body.embeddable.embeddable.dashboards .error p {
  font-size: 22px;
}
body.embeddable .gauge-border {
  height: 100%;
  border-radius: 4px;
}
body.embeddable .gauge-border > .content,
body.embeddable .gauge-border > .error {
  flex: 1;
}
body.embeddable .gauge-border:not(.hide-header) > .header:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: " ";
  width: 1em;
  height: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  background-color: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 0;
  left: 50%;
  margin-left: -0.5em;
  top: 35px;
}
body.embeddable .gauge-border > .old-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #424B56;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  font-size: 18px;
  height: 38px;
  min-height: 38px;
  line-height: 18px;
  padding: 0 10px;
  text-transform: capitalize;
}
body.embeddable .gauge-border > .old-header > .text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
body.embeddable .gauge-border > .new-header {
  display: flex;
  align-items: center;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  height: 38px;
  min-height: 38px;
  line-height: 18px;
  padding: 0 10px;
  text-transform: capitalize;
}
body.embeddable .gauge-border > .new-header .new-Ui-header {
  justify-content: start;
  background-color: #FFFFFF;
}
body.embeddable .gauge-border > .new-header > .text {
  font-family: 'Roboto';
  color: #8B919D;
  font-weight: 700;
  text-align: left;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
body.embeddable .gauge-border .refresh-time {
  padding: 0 10px;
  bottom: 0;
  color: #8B919D;
  font-size: 11px;
  background-color: inherit;
  font-weight: 600;
  left: 0;
  height: 30px;
  min-height: 30px;
  border-top: solid 1px #dedede;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  display: flex;
  align-items: center;
}
body.embeddable .gauge-border .refresh-time .time {
  color: #8B919D;
  font-size: 18px;
  margin: 0;
  position: relative;
  top: 2px;
}
body.embeddable .gauge-border .refresh-time.new-Ui-footer {
  border-top: none;
}
body.embeddable .gauge-border .refresh-time {
  justify-content: space-between;
  align-self: flex-end;
}
body.embeddable .gauge-border .error {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
body.embeddable .gauge-border .error .icon {
  font-size: 120px;
}
body.embeddable .gauge-border .error p {
  font-size: 36px;
  text-align: center;
}
body.embeddable .gauge-border .note a {
  display: inline-block;
  margin-left: 3px;
  position: relative;
  top: 3px;
}
body.embeddable .gauge-border .note img {
  height: 15px;
}
.container {
  min-width: 960px;
}
a,
:link,
:visited {
  color: #1f78b4;
  text-decoration: none;
}
.main.column header {
  margin-top: 30px;
}
.ui.form input {
  font-family: 'proxima-nova', sans-serif !important;
}
.ui.menu {
  font-family: 'proxima-nova', sans-serif !important;
}
.ui.content.grid {
  margin-left: 0;
  margin-right: 0;
}
.ui.content.grid .row {
  margin-left: 0;
  margin-right: 0;
}
.ui.content.grid .row .four.wide.sidebar.column {
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
}
.ui.content.grid .row .twelve.wide.main.column {
  margin-left: 0;
  margin-right: 0;
  padding-right: 15px;
}
.beta-tag {
  background-color: #1f78b4;
  border-radius: 4px;
  display: inline-block;
  color: #EFEFEF;
  line-height: initial;
  font-weight: 400;
  padding: 2px 6px;
  font-size: 12px;
  position: relative;
  top: -1px;
  left: 1px;
  text-transform: uppercase;
}
.fixed-header .table-wrap {
  height: 100%;
  overflow-y: auto;
}
.fixed-header table.ui.table {
  margin-top: 0;
}
.fixed-header table.ui.table thead {
  visibility: hidden;
}
.fixed-header .thead {
  border: 1px solid #d0d0d0;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 36px;
  cursor: auto;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
  vertical-align: middle;
  border-bottom: solid 1px #dcdcdc;
  background: #f0f0f0;
}
.fixed-header .thead div {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}
.delete-scorecard {
  text-align: left;
}
#download-container {
  padding-top: 160px;
}
/*TODO: Move*/
body header .actions.right {
  float: right;
}
.fixed-header {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 99;
}
.pad-top-50 {
  padding-top: 50px;
}
.new-header.global-header {
  height: 50px;
  background: #424B56;
  background: #FFFFFF;
  font-size: 14px;
}
.new-header.global-header .new-site-nav li a {
  color: #6B6C6F;
}
.new-header.global-header:after {
  content: "";
  display: table;
  clear: both;
}
.new-header.global-header .nav-wrapper {
  font-size: 14px;
  float: left;
  height: 100%;
  padding-left: 10px;
}
.new-header.global-header .nav-wrapper .brand {
  line-height: inherit;
  margin-right: 18px;
  position: relative;
  top: 11px;
}
.new-header.global-header .nav-wrapper .brand,
.new-header.global-header .nav-wrapper .global-nav {
  float: left;
}
.new-header.global-header .nav-wrapper .global-nav .new-site-nav .nav li {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  float: left;
}
.new-header.global-header .nav-wrapper .global-nav span.notification {
  position: relative;
  top: -8px;
  padding: 4px !important;
}
.new-header.global-header .nav-wrapper .global-nav,
.new-header.global-header .nav-wrapper .new-site-nav,
.new-header.global-header .nav-wrapper .nav,
.new-header.global-header .nav-wrapper .nav li {
  height: 100%;
}
.new-header.global-header .nav-wrapper.mobile {
  display: none;
}
.new-header.global-header .nav-wrapper.mobile div.dropdown {
  height: 100%;
}
.new-header.global-header .nav-wrapper.mobile div.dropdown i.icon {
  height: initial;
}
.new-header.global-header .nav-wrapper.mobile div.dropdown .text,
.new-header.global-header .nav-wrapper.mobile div.dropdown .icon {
  color: #FFF;
}
.new-header.global-header .nav-wrapper.mobile div.dropdown .text {
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  margin-left: 10px;
  margin-right: 5px;
}
.new-header.global-header .nav-wrapper.mobile .vertical-center-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  flex-direction: row;
  float: left;
  height: 100%;
}
.new-header.global-header .nav-wrapper.mobile .vertical-center-container img {
  height: 30px;
  position: relative;
  top: -2px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup) {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  border-left: none;
  float: right;
  height: 100%;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup):not(.global-create-button) {
  padding: 0 12px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .data.menu .item {
  margin: 0px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown > .wrapper .text,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown > .wrapper .text {
  color: #6B6C6F !important;
  font-size: 14px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown > .wrapper svg,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown > .wrapper svg {
  width: auto;
  height: 21px;
  position: relative;
  top: 2px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .header,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .header {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
  margin: 0.5rem 0 0.75rem;
  padding: 3px 1.3rem;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .icon.dropdown,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .icon.dropdown {
  font-size: 20px;
  margin-left: 5px;
  width: 0.5em;
  color: #B8B9BB;
  position: relative;
  top: 2px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu {
  z-index: 1001;
  left: auto;
  min-width: 0;
  margin-top: 0.2em !important;
  max-width: 250px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu .account,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu .account {
  text-align: center;
  font-size: 12px;
  display: inline-block;
  padding: 0 10px;
  width: 100%;
  line-height: 1.3;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item {
  font-size: 14px;
  padding-top: 0.88em !important;
  padding-bottom: 0.88em !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .dashboard,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .dashboard {
  display: flex;
  align-items: center;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .dashboard .img,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .dashboard .img {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .dashboard .img svg,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .dashboard .img svg {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .scorecard,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .scorecard {
  display: flex;
  align-items: center;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .scorecard .img,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .scorecard .img {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .scorecard .img svg,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .scorecard .img svg {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .report,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .report {
  display: flex;
  align-items: center;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .report .img,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .report .img {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .report .img svg,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .report .img svg {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .gauge,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .gauge {
  display: flex;
  align-items: center;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .gauge .img,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .gauge .img {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item .gauge .img img,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item .gauge .img img {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > a.item.options,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > a.item.options {
  display: block !important;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > a.item:hover,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > a.item:hover,
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu a.item:focus,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu a.item:focus {
  background: transparent !important;
  color: #333633 !important;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > a.item.selected,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > a.item.selected {
  background: #f1f1f1 !important;
  color: #34AA44 !important;
}
.new-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item.support-css:hover,
.new-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item.support-css:hover {
  background: #f1f1f1 !important;
  color: #34AA44 !important;
}
.new-header.global-header .user-nav div.dropdown > .wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  flex-direction: row;
}
.new-header.global-header .user-nav .header {
  margin-bottom: 0!important;
}
.new-header.global-header .user-nav .dropdown > .menu {
  min-width: 180px!important;
}
.pilot {
  text-transform: initial !important;
}
.global-btn {
  right: 0px !important;
}
.old-header.global-header {
  height: 50px;
  background: #424B56;
}
.old-header.global-header.not-production {
  background: #BD5555;
}
.old-header.global-header.not-production > *:not(.nav-wrapper):not(.popup) {
  border-left: none;
}
.old-header.global-header.not-production > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown > .wrapper .text,
.old-header.global-header.not-production > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown > .wrapper .text {
  color: #FFFFFF;
}
.old-header.global-header.not-production .old-site-nav li a {
  color: #FFFFFF;
}
.old-header.global-header:after {
  content: "";
  display: table;
  clear: both;
}
.old-header.global-header .nav-wrapper {
  font-size: 13px;
  text-transform: uppercase;
  float: left;
  height: 100%;
  padding-left: 10px;
}
.old-header.global-header .nav-wrapper .brand {
  line-height: inherit;
  margin-right: 18px;
  position: relative;
  top: 11px;
}
.old-header.global-header .nav-wrapper .brand,
.old-header.global-header .nav-wrapper .global-nav {
  float: left;
}
.old-header.global-header .nav-wrapper .global-nav .old-site-nav .nav li {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  float: left;
}
.old-header.global-header .nav-wrapper .global-nav span.notification {
  position: relative;
  top: -8px;
  padding: 4px !important;
}
.old-header.global-header .nav-wrapper .global-nav,
.old-header.global-header .nav-wrapper .old-site-nav,
.old-header.global-header .nav-wrapper .nav,
.old-header.global-header .nav-wrapper .nav li {
  height: 100%;
}
.old-header.global-header .nav-wrapper.mobile {
  display: none;
}
.old-header.global-header .nav-wrapper.mobile div.dropdown {
  height: 100%;
}
.old-header.global-header .nav-wrapper.mobile div.dropdown i.icon {
  height: initial;
}
.old-header.global-header .nav-wrapper.mobile div.dropdown .text,
.old-header.global-header .nav-wrapper.mobile div.dropdown .icon {
  color: #FFF;
}
.old-header.global-header .nav-wrapper.mobile div.dropdown .text {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 10px;
  margin-right: 5px;
}
.old-header.global-header .nav-wrapper.mobile .vertical-center-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  flex-direction: row;
  float: left;
  height: 100%;
}
.old-header.global-header .nav-wrapper.mobile .vertical-center-container img {
  height: 30px;
  position: relative;
  top: -2px;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup) {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  border-left: solid 1px #424B56;
  float: right;
  height: 100%;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup):not(.global-create-button) {
  padding: 0 12px;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .data.menu .item {
  margin: 3px;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown > .wrapper .text,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown > .wrapper .text {
  color: #B8B9BB;
  text-transform: uppercase;
  font-size: 13px;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown > .wrapper svg,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown > .wrapper svg {
  width: auto;
  height: 21px;
  position: relative;
  top: 2px;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .header,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .header {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
  margin: 0.5rem 0 0.75rem;
  padding: 3px 1.3rem;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .icon.dropdown,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .icon.dropdown {
  font-size: 20px;
  margin-left: 5px;
  width: 0.5em;
  color: #B8B9BB;
  position: relative;
  top: 2px;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu {
  z-index: 1001;
  right: 0px;
  left: auto;
  min-width: 0;
  margin-top: 0.2em !important;
  max-width: 250px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu .account,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu .account {
  text-align: center;
  font-size: 12px;
  display: inline-block;
  padding: 0 10px;
  width: 100%;
  line-height: 1.3;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > .item,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > .item {
  font-size: 14px;
  padding-top: 0.88em !important;
  padding-bottom: 0.88em !important;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > a.item:hover,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > a.item:hover,
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu a.item:focus,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu a.item:focus {
  background: transparent !important;
  color: #333633 !important;
}
.old-header.global-header > *:not(.nav-wrapper):not(.popup).bg.ui.dropdown .menu > a.item.selected,
.old-header.global-header > *:not(.nav-wrapper):not(.popup) .bg.ui.dropdown .menu > a.item.selected {
  background-color: #6796CB !important;
  color: #FFF !important;
}
.old-header.global-header .user-nav div.dropdown > .wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  flex-direction: row;
}
.old-header.global-header .user-nav .header {
  margin-bottom: 0!important;
}
.old-header.global-header .user-nav .dropdown > .menu {
  min-width: 180px!important;
}
.global-header .brand {
  position: relative;
  top: 12px;
}
.global-header .brand h1 {
  display: none;
}
.global-header .brand img {
  width: 149px;
  height: 32px;
}
.nav-wrapper,
.user-nav {
  font-family: 'proxima-nova', sans-serif;
}
.old-site-nav li {
  padding: 0 15px;
}
.old-site-nav li a,
.old-site-nav li :link,
.old-site-nav li :visited {
  color: #BBBCBE;
  padding-top: 2px;
}
.old-site-nav li.active {
  border-bottom: 3px solid #53B847;
}
.old-site-nav li.active a {
  color: #FFF;
  font-weight: 500;
}
.old-site-nav li:hover a {
  color: #FFF !important;
}
.new-site-nav li {
  padding: 0 15px;
  border-bottom: 1px solid #FFFFFF;
}
.new-site-nav li a,
.new-site-nav li :link,
.new-site-nav li :visited {
  color: #BBBCBE;
  padding-top: 2px;
}
.new-site-nav li.active {
  border-bottom: 1px solid #53B847;
}
.new-site-nav li.active a {
  color: #34AA44;
  font-weight: 500;
}
.new-site-nav li:hover {
  border-bottom: 1px solid #53B847;
}
.new-site-nav li:hover a {
  color: #34AA44 !important;
}
.user-nav > .dropdown {
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
.user-nav > .dropdown .gravatar {
  display: inline-block;
}
.user-nav .dropdown > a,
.user-nav .global-create-button > a {
  display: inline-block;
  padding: 0 17px;
  line-height: 50px;
  position: relative;
  top: 1px;
}
.user-nav .ui.dropdown > a {
  color: #FFFFFF !important;
}
.user-nav .ui.dropdown .item:first-child {
  border-top: none;
}
.user-nav .ui.dropdown .item {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.75);
}
.user-nav ul {
  display: none;
}
.global-create-button {
  font-size: 20px !important;
  color: #FFFFFF;
  background-color: #21BA45;
  border-radius: 30px;
  padding: 8px;
  height: 30px !important;
  margin-top: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.global-create-button.new-btn {
  padding-top: 5px;
  margin-bottom: 8px;
}
.global-create-button + .ui.popup {
  max-width: none !important;
  width: auto !important;
  padding: 0px;
}
#create-html {
  display: none;
}
.create-content {
  background-color: #424B56;
  margin: 10px 0;
  border-radius: 5px;
}
.create-content > a {
  margin: 0 10px;
  display: block;
  clear: both;
  padding: 10px;
  width: 135px;
  border-radius: 5px;
}
.create-content > a .dashboard .img svg #Page-1 {
  opacity: 0.7;
}
.create-content > a .scorecard svg g {
  fill: #BCC2C2;
}
.create-content > a .scorecard svg g #Overview_BD {
  stroke: none;
}
.create-content > a:hover {
  background: #6796CB;
}
.create-content > a:hover .label {
  color: #FFF;
}
.create-content > a:hover .img svg path {
  fill: #FFF !important;
}
.create-content > a:hover .img svg #Page-1 {
  opacity: 1;
}
.create-content > a:hover .no-hover {
  display: none;
}
.create-content > a:hover .hover {
  display: block;
}
.create-content .label {
  color: #B2B9C6;
  font-size: 16px;
  display: inline-block;
  height: 100%;
  margin-left: 10px;
  margin-bottom: 0!important;
}
.create-content .img {
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  float: left;
}
.create-content .img > * {
  width: 100%;
  height: 100%;
}
.create-content .img .hover {
  display: none;
}
.create-content .img .no-hover {
  opacity: 0.7;
}
.create-content .dashboard .img svg path {
  fill: #BCC2C2;
}
.create-content .goals-icon svg rect,
.create-content .goals-icon svg path {
  fill: #BCC2C2;
  stroke: #BCC2C2;
}
.create-content a:hover .goals-icon svg rect,
.create-content a:hover .goals-icon svg path {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.action-bar {
  background: #EAEDEF;
  border-bottom: 1px solid #cdd4d9;
  padding-right: 10px !important;
  padding-left: 10px !important;
  height: 52px;
  line-height: 50px;
}
.action-bar:after {
  content: "";
  display: table;
  clear: both;
}
.action-bar .gauge-name {
  float: left;
  height: 52px;
}
.action-bar .gauge-name a,
.action-bar .gauge-name h2 {
  display: inline-block;
}
.action-bar .gauge-name a.icon {
  margin-right: 10px !important;
  position: relative;
  top: -2px;
}
.action-bar .gauge-name a.icon.ion-checkmark-round {
  background-color: white;
  color: #54BA48;
  border-color: #54BA48;
  top: 2px;
}
.action-bar .gauge-name a.icon.ion-checkmark-round:hover {
  background-color: #54BA48;
  color: white;
}
.action-bar .gauge-name h2 {
  color: #727B89;
  font-weight: 100;
  position: relative;
}
.action-bar .gauge-name input {
  width: auto;
  padding: 9px;
  margin-top: 1px;
}
.action-bar .actions {
  float: right;
}
.action-bar .actions a {
  display: inline-block;
}
.action-bar .actions a.action-cancel {
  cursor: pointer;
}
.scroll.section .section-wrapper {
  overflow-y: scroll;
}
gauge-filtering .advanced-filter-toggle {
  margin-bottom: 10px;
  color: #1f78b4;
  font-size: 14px;
  cursor: pointer;
}
gauge-filtering .searching-section {
  margin: 20px 15px;
}
gauge-filtering .searching-section .gauge-search {
  margin-bottom: 13px;
  margin-top: 15px;
  font-size: 14px;
}
gauge-filtering .searching-section .gauge-search input {
  font-family: 'proxima-nova', sans-serif;
}
gauge-filtering .searching-section div.dropdown {
  width: auto;
  font-size: 14px;
  font-family: 'proxima-nova', sans-serif;
  margin-bottom: 10px;
}
gauge-filtering .searching-section div.dropdown .menu .item {
  font-size: 14px;
}
gauge-filtering .searching-section div.dropdown .text > img {
  max-height: 24px;
  margin-top: -4px;
}
gauge-filtering .searching-section div.dropdown i.icon {
  font-size: 14px;
}
gauge-list .section {
  overflow-y: scroll;
  margin-top: 15px;
  margin: 10px 15px;
}
gauge-list .section.modules {
  overflow: hidden;
}
gauge-list .section.modules .module-list span img {
  position: relative;
  top: 3px;
  margin-right: 4px;
}
gauge-list .section .item {
  margin: 4px 0;
  min-height: 36px;
  padding: 0 10px;
  position: relative;
  cursor: pointer;
  border: solid 1px #D5D5D5;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  background-color: #EDEFEF;
  color: #2D3239;
  overflow: hidden;
}
gauge-list .section .item.selected {
  background-color: #FAFAFA;
}
gauge-list .section .item.selected::before {
  background-color: #EFEFEF;
}
gauge-list .section .item.selected::after {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
gauge-list .section .item.disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
gauge-list .section .item:hover {
  background-color: #ECEEEF;
}
gauge-list .section .item .name {
  display: inline-block;
  max-width: 190px;
  text-overflow: ellipsis;
  padding-top: 7px;
  padding-left: 24px;
  padding-bottom: 7px;
}
gauge-list .section .item .name.benchmark {
  max-width: 165px;
}
gauge-list .section .item i.benchmark-flag {
  color: #D5D5D5;
  float: right;
  position: absolute;
  right: 28px;
  top: 6px;
}
gauge-list .section .item.no-check::before,
gauge-list .section .item.no-check::after {
  display: none;
}
gauge-list .section .item.no-check .name {
  padding-left: 0;
}
gauge-list .section .item::before {
  display: inline-block;
  position: absolute;
  top: 0;
  line-height: 1;
  width: 16px;
  height: 16px;
  left: 10px;
  top: 8px;
  content: '';
  border-radius: 2px;
  background: #D3D5D7;
  -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  margin-right: 7px;
}
gauge-list .section .item::after {
  opacity: 0;
  content: '';
  position: absolute;
  background: 0 0;
  border: 3px solid #53B847;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 13px;
  left: 12px;
  width: 12px;
  height: 6px;
}
gauge-list .section .empty-state {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 74%;
  justify-content: center;
}
gauge-list .section .empty-state .image-container {
  margin-top: -150px;
}
gauge-list .section .empty-state p {
  font-size: 20px;
  margin-top: 23px;
  color: #353A42;
  font-weight: 300;
}
gauge-list .section-wrapper .ui.basic.segment.empty-state {
  min-height: 74%;
}
.gauge-sidebar-container .filters-modules-container {
  overflow-y: auto;
  height: calc(100vh - (50px + 80px + 48px + 34px));
}
.gauge-sidebar-container .filters-modules-container .ui.accordion {
  margin: 0px 10px 20px;
}
.gauge-sidebar-container .filters-modules-container .ui.accordion .title:not(.ui) {
  margin-bottom: 10px;
  color: #1f78b4;
  font-size: 14px;
  cursor: pointer;
  background: #f4f3f3;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .gauge-sidebar-container .filters-modules-container .ui.accordion .ui.search.dropdown .menu {
    max-height: 15.1rem;
  }
}
.gauge-sidebar-container .filters-modules-container .ui.accordion div.dropdown {
  width: auto;
  font-size: 14px;
  font-family: 'proxima-nova', sans-serif;
  margin-bottom: 10px;
}
.gauge-sidebar-container .filters-modules-container .ui.accordion div.dropdown .menu .item {
  font-size: 14px;
}
.gauge-sidebar-container .filters-modules-container .ui.accordion div.dropdown .text > img {
  max-height: 24px;
  margin-top: -4px;
}
.gauge-sidebar-container .filters-modules-container .ui.accordion div.dropdown i.icon {
  font-size: 14px;
}
.gauge-sidebar-container .filters-modules-container .gauges-section-wrapper {
  position: relative;
  margin-top: 18px;
}
.gauge-sidebar-container .filters-modules-container .gauges-section-wrapper .transparent-bg-none-boxshadow {
  box-shadow: none;
  background-color: transparent;
}
.gauge-sidebar-container .filters-modules-container .gauges-section-wrapper .flex {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 74%;
  justify-content: center;
}
.gauge-sidebar-container .filters-modules-container .gauges-section-wrapper .empty-state p {
  font-size: 20px;
  margin-top: 23px;
  color: #353a42;
  font-weight: 300;
}
.gauge-sidebar-container .filters-modules-container .gauges-section-wrapper > .name {
  background: #f4f3f3;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0px 15px 10px;
}
.gauge-sidebar-container .searching-section {
  margin: 20px 15px;
}
.gauge-sidebar-container .searching-section .gauge-search {
  margin-bottom: 13px;
  font-size: 14px;
}
.gauge-sidebar-container .searching-section .gauge-search input {
  font-family: 'proxima-nova', sans-serif;
}
.gauge-sidebar-container .searching-section .gauge-search button.ui.small.basic.circular.icon.button {
  position: absolute;
  right: 0;
  box-shadow: none;
  border: none;
  top: 1px;
}
.gauge-sidebar-container .section {
  margin: 0px 15px 10px;
}
.gauge-sidebar-container .section.modules {
  position: relative;
  overflow: visible;
}
.gauge-sidebar-container .section.modules > .name {
  background: #f4f3f3;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0px 15px 10px 0px;
}
.gauge-sidebar-container .section.modules .module-list span img {
  position: relative;
  top: 3px;
  margin-right: 4px;
}
.gauge-sidebar-container .section .item {
  margin: 4px 0;
  min-height: 36px;
  padding: 0 10px;
  position: relative;
  cursor: pointer;
  border: solid 1px #d5d5d5;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  background-color: #edefef;
  color: #2d3239;
  overflow: hidden;
}
.gauge-sidebar-container .section .item.selected {
  background-color: #fafafa;
}
.gauge-sidebar-container .section .item.selected::before {
  background-color: #efefef;
}
.gauge-sidebar-container .section .item.selected::after {
  -ms-filter: 'alpha(Opacity=100)';
  filter: alpha(opacity=100);
  opacity: 1;
}
.gauge-sidebar-container .section .item.disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.gauge-sidebar-container .section .item:hover {
  background-color: #eceeef;
}
.gauge-sidebar-container .section .item .name {
  display: inline-block;
  max-width: 190px;
  text-overflow: ellipsis;
  padding-top: 7px;
  padding-left: 24px;
  padding-bottom: 7px;
}
.gauge-sidebar-container .section .item .name.benchmark {
  max-width: 165px;
}
.gauge-sidebar-container .section .item i.benchmark-flag {
  color: #D5D5D5;
  float: right;
  position: absolute;
  right: 28px;
  top: 6px;
}
.gauge-sidebar-container .section .item.no-check::before,
.gauge-sidebar-container .section .item.no-check::after {
  display: none;
}
.gauge-sidebar-container .section .item.no-check .name {
  padding-left: 0;
}
.gauge-sidebar-container .section .item::before {
  display: inline-block;
  position: absolute;
  top: 0;
  line-height: 1;
  width: 16px;
  height: 16px;
  left: 10px;
  top: 8px;
  content: '';
  border-radius: 2px;
  background: #d3d5d7;
  -webkit-transition: background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  margin-right: 7px;
}
.gauge-sidebar-container .section .item::after {
  opacity: 0;
  content: '';
  position: absolute;
  background: 0 0;
  border: 3px solid #53B847;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 13px;
  left: 12px;
  width: 12px;
  height: 6px;
}
/* UI - App Body Drawer */
.gravatar-container {
  outline: none;
  overflow: hidden;
}
.gravatar-container .image-container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.gravatar-container .image-container .overlap-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
.gravatar-container .image-container .default-image {
  position: absolute;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #7B7E7B;
  font-size: 14px;
  background-color: #D8D8D8;
  z-index: 1;
}
.gravatar-container .image-container .gravatar-image {
  position: absolute;
  border-radius: 8px;
  background-size: cover !important;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
body.accounts .quota {
  color: rgba(51, 54, 51, 0.5);
  font-size: 14px;
}
body.accounts .quota.pad {
  padding-left: 5px;
}
html,
body {
  height: 100%;
  min-width: 770px;
}
.app-container {
  background: #F1F1F1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
}
.app-container .drawer-wrapper {
  background: #F1F1F1;
  border-right: 1px solid #d9d9d9;
  position: relative;
  padding: 0 20px;
  width: 300px;
}
.app-container .drawer-wrapper header {
  color: #727B89;
  font-weight: 400;
  padding-top: 13px;
  padding-bottom: 15px;
}
.app-container .drawer-wrapper header h3 {
  margin-bottom: 8px;
}
.app-container .drawer-wrapper .ui.form {
  padding-bottom: 15px;
}
.app-container .drawer-wrapper .ui.form .fields.centered {
  text-align: center;
}
.app-container .drawer-wrapper .ui.form .fields .ui.picker.buttons {
  margin-bottom: 15px;
}
.app-container .drawer-wrapper .ui.form .field input[type="text"],
.app-container .drawer-wrapper .ui.form .field .ui.selection.dropdown {
  font-size: 14px;
}
.app-container .drawer-wrapper .ui.form .field .ui.input .icon {
  padding-top: 11px;
}
.app-container .drawer-wrapper .ui.form .field .ui.selection.dropdown {
  padding: 13px 10px 12px 14px;
}
.app-container .drawer-wrapper .ui.form .field .ui.selection.dropdown i.dropdown.icon {
  padding-right: 10px;
  font-size: 1em;
}
.app-container .drawer-wrapper .folders .ui.picker.buttons.toggles .button {
  transition: all 250ms ease;
  margin-bottom: 0.5em !important;
}
.app-container .drawer-wrapper .folders .ui.picker.buttons.toggles .button:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer-wrapper .folders .ui.picker.buttons.toggles .button .count {
  float: right;
}
.app-container section.primary {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  background: #F1F1F1;
  flex: 1;
  padding: 0 20px;
  position: relative;
  width: 20%;
}
.app-container section.primary .table-actions {
  margin-top: 15px;
  margin-bottom: 15px;
  /* Redefine height of dropdowns */
}
.app-container section.primary .table-actions .ui.buttons .ui.icon.button:first-child {
  border-right: 1px solid #d3d5d7;
}
.app-container section.primary .table-actions .pagination-pages {
  font-size: 13px;
}
.app-container section.primary .table-actions .ui.selection.dropdown {
  -webkit-box-shadow: 0 0 0 #fff !important;
  -moz-box-shadow: 0 0 0 #fff !important;
  box-shadow: 0 0 0 #fff !important;
  font-size: 14px;
  margin-top: 14px;
  vertical-align: top;
  padding: 9px 12px;
}
.app-container h3 {
  color: #333;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
}
#juno-launchpad .app-container {
  display: block;
}
.styled.table-wrapper table.ui.table {
  background-color: #fafafa;
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}
.styled.table-wrapper table.ui.table tbody td,
.styled.table-wrapper table.ui.table thead th {
  border-right: 1px solid #e9e9e9;
}
.styled.table-wrapper table.ui.table td.schedule-type {
  text-transform: capitalize;
}
.styled.table-wrapper table.ui.table thead {
  border-color: #e9e9e9;
}
.styled.table-wrapper table.ui.table thead tr th {
  background-color: #fafafa;
  color: #555;
  font-size: 13px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
}
.styled.table-wrapper table.ui.table thead tr th:last {
  border-right: 0;
}
.styled.table-wrapper table.ui.table thead tr th.checkbox {
  width: 24px;
  border-right: 0;
}
.styled.table-wrapper table.ui.table tbody {
  border-color: #e9e9e9;
}
.styled.table-wrapper table.ui.table tbody tr:nth-child(2n) {
  background-color: #f5f9fc;
}
.styled.table-wrapper table.ui.table tbody tr td {
  color: #555;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: none;
}
.styled.table-wrapper table.ui.table tbody tr td:last {
  border-right: 0;
}
.styled.table-wrapper table.ui.table tbody tr td.checkbox {
  border-right: 0;
}
.styled.table-wrapper table.ui.celled tr.error {
  background-color: #F7E8E8 !important;
}
.styled.table-wrapper table.ui.celled tr.error td a.error,
.styled.table-wrapper table.ui.celled tr.error a.invalid {
  color: #DC4242;
}
.styled.table-wrapper table.ui.celled tr.processing {
  background-color: #F3F3F3 !important;
}
.styled.table-wrapper table.ui.celled tr.processing a.disabled {
  color: #AFAFAF;
  cursor: default;
}
.styled.table-wrapper table.ui.celled tr.processing .ui.label {
  cursor: default;
  text-transform: uppercase;
  background-color: #AFAFAF;
  font-size: 11px;
  color: white;
  font-weight: 100;
  padding: 3px 8px;
  margin-left: 5px;
}
.styled.table-wrapper table.ui.celled i.icon.warning.sign {
  margin: 0 0;
  color: #DC4242;
}
.app-container .drawer-wrapper .sidebar-group.columns {
  overflow: auto;
}
.app-container .drawer-wrapper .sidebar-group.search {
  margin-bottom: 0;
}
.app-container .drawer-wrapper .sidebar-group.search:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer-wrapper .sidebar-group.gauge-column-filters {
  background: #FFF;
  margin-bottom: 0;
  position: absolute;
  width: 100%;
}
.app-container .drawer-wrapper .design-options.wrapper {
  overflow: auto;
}
.app-container .drawer-wrapper .design-options.wrapper .design-settings {
  margin-top: 25px;
  padding-bottom: 25px;
}
.app-container .drawer-wrapper .design-options.wrapper .design-settings h2 {
  text-transform: none;
  border-bottom: 1px solid #cdd4d9;
  padding: 0 0 9px 10px;
  line-height: normal;
  color: #727b89;
}
.app-container .drawer-wrapper .design-options.wrapper .design-settings ul.settings {
  list-style: none;
}
.app-container .drawer-wrapper .design-options.wrapper .design-settings ul.settings li {
  cursor: pointer;
  padding: 14px 0 14px 10px;
  font-size: 14px;
  color: #51b546;
  font-weight: 600;
  border-bottom: 1px solid #cdd4d9;
}
.app-container .drawer header {
  border-bottom: 1px solid #A8A9AD;
  height: 49px;
}
.app-container .drawer header:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer header .drawer-menu-button {
  float: left;
  height: 49px;
}
.app-container .drawer header .drawer-menu-button:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer header .drawer-menu-button i {
  color: #54BA48;
  cursor: pointer;
  font-size: 24px;
  height: 49px;
  line-height: 49px;
}
.app-container .drawer header .drawer-menu-button i:hover {
  color: #439639;
}
.app-container .drawer h2 {
  cursor: default;
  font-weight: 600;
  line-height: 49px;
  text-transform: uppercase;
  font-size: 16px;
}
.columns-detail {
  padding: 10px;
}
.columns-detail .column {
  background-color: #E8F5FC;
  border: 1px solid #BCD3DF;
  color: #1f78b4;
  border-radius: 20px;
  cursor: pointer;
  display: block;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 5px 13px !important;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.columns-detail .column.column-type-text {
  background-image: url("/static/img/builder/column/icn-small-filter-text.png");
}
.columns-detail .column.column-type-date {
  background-image: url("/static/img/builder/column/icn-small-filter-date.png");
}
.columns-detail .column.column-type-number {
  background-image: url("/static/img/builder/column/icn-small-filter-number.png");
}
.columns-detail .column.column-type-bool {
  background-image: url("/static/img/builder/column/icn-small-filter-bool.png");
}
.columns-detail .column:hover {
  background-color: #bde4f9;
}
.columns-detail li.header {
  margin-top: 20px;
}
.columns-detail li.header h2 {
  text-transform: none;
  padding: 0 0 9px 0;
  line-height: normal;
  color: #727b89;
}
.columns-detail li > span.operator {
  background-color: #f9f9f9;
  color: #aeaeb0;
  border: 1px solid #dfdfe0;
  margin: 0;
  margin-right: 6px;
  height: 30px;
  width: 30px;
  text-align: center;
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  border-radius: 0;
  padding: 0 !important;
}
/*
.gauges.builder{
  .ui.popup{
    max-width: 270px;
    width: 270px;
    input {
      cursor: text;
    }
  }
  gauges-description{
    textarea{
      max-width: 100%;
      min-width: 100%;
      height: 100px;
      min-height: 100px;
      max-height: 100px;
      resize:@btn-green    }
  }
  .ui.popup .popup.design-settings{
    .field{
      float: left;
      margin-right: 15px;
    }

    .fields {
      .field {
        margin-right: 0; 
      } 
    }

    .popup-group{
      .cf();
    }

    // Specific to x-axis checkboxes
    &.x .ui.checkbox label:after{
      left: 0px;
      width: 15px;
      height: 5px;
    }

    .ui.input{
      width: 100%;
    }

    .radio.checkbox label{
      line-height: 24px;
      padding-left: 30px;
      padding-right: 5px;

      &::before, &::after {
        position: absolute;
        top: 0;
        left: 0;
      }
      &::before {
        height: 22px;
        width: 22px;
        border: 2px solid #efefef;
        background: #2d3239;
      }
      &::after{
        height: 14px;
        width: 14px;
        margin: 4px;
        background-color: #efefef;
      }

      &.green::before {
        border: 2px solid @btn-green;
      }

      &.green::after {
        background-color: @btn-green;
        content: "✓";
        font-size: 10px;
        line-height: 17px;
        padding-left: 3.5px;
      }

      &.red::before {
        border: 2px solid #e17878;
      }

      &.red::after {
        background-color: #e17878;
        content: "✕";
        font-size: 10px;
        line-height: 17.5px;
        padding-left: 3.5px;
      }

    }

    label{
      color: white;
      padding-left: 1.75em;

    }

    &.tooltip,
    &.legend {
      .info{
        background-color: #FFFDf4;
        color: #D7BC87;
        padding: 1em;

        .toggle{
          cursor: pointer;
          float: right;
        }
        .title{
          float: left;
        }
        ul{
          margin-left: 1em;
        }

      }
    }
  }
}
*/
/* UI - App Body Gauge Detail */
.gauge-dataset-editor .gauge-datasets {
  border-bottom: 1px solid #A8A9AD;
  height: 49px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  align-items: stretch;
  min-width: 350px;
}
.gauge-dataset-editor .gauge-datasets .save-controls {
  z-index: 5;
  -webkit-box-flex: 0 0 auto;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0 0 auto;
  /* OLD - Firefox 19- */
  -webkit-flex: 0 0 auto;
  /* Chrome */
  -ms-flex: 0 0 auto;
  /* IE 10 */
  flex: 0 0 auto;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding: 2px 0 5px 0;
  margin-right: 10px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
.gauge-dataset-editor .gauge-datasets .save-controls .save-as-default {
  margin-right: 4px;
}
.gauge-dataset-editor .gauge-datasets .save-controls .ui.button:not(.dropdown) {
  padding: 12px 24px !important;
}
.gauge-dataset-editor .gauge-datasets .save-controls #save-and-close.button {
  border-left: 1px solid white !important;
}
.gauge-dataset-editor .gauge-datasets .save-controls #save-and-close.button .item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.gauge-dataset-editor .gauge-datasets .gauge-default-status {
  font-size: 14px;
  color: #336333;
  opacity: 0.5;
  line-height: 50px;
  font-weight: 500;
  display: inline-block;
  margin-right: 16px;
}
.gauge-dataset-editor .gauge-datasets ul {
  list-style: none;
  margin-left: 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-box-flex: 1 1 0;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 0;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1 0;
  /* Chrome */
  -ms-flex: 1 1 0;
  /* IE 10 */
  flex: 1 1 0;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1;
  /* Chrome */
  -ms-flex: 1 1;
  /* IE 10 */
  flex: 1 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  overflow: visible;
  min-width: 230px;
}
.gauge-dataset-editor .gauge-datasets ul > li,
.gauge-dataset-editor .gauge-datasets ul > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.gauge-dataset-editor .gauge-datasets ul.invisible {
  visibility: hidden;
  border-bottom: none;
}
.gauge-dataset-editor .gauge-datasets ul li {
  border-right: 1px solid #A8A9AD;
  color: #1f78b4;
  font-weight: 400;
  line-height: 49px;
  padding: 0 20px;
  min-width: 55px;
}
.gauge-dataset-editor .gauge-datasets ul li.layer {
  max-width: 110px;
  min-width: 110px;
  -webkit-box-flex: 1 1 110px;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 110px;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1 110px;
  /* Chrome */
  -ms-flex: 1 1 110px;
  /* IE 10 */
  flex: 1 1 110px;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.gauge-dataset-editor .gauge-datasets ul li.layer i.icon.warning {
  margin-left: -12px;
}
.gauge-dataset-editor .gauge-datasets ul li.layer > div {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}
.gauge-dataset-editor .gauge-datasets ul li.layer > div > * {
  -webkit-box-flex: 0 0 8px;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0 0 8px;
  /* OLD - Firefox 19- */
  -webkit-flex: 0 0 8px;
  /* Chrome */
  -ms-flex: 0 0 8px;
  /* IE 10 */
  flex: 0 0 8px;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.gauge-dataset-editor .gauge-datasets ul li.layer > div p {
  margin: 14px 0 0 0;
  -webkit-box-flex: 1 1 0;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1 0;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1 0;
  /* Chrome */
  -ms-flex: 1 1 0;
  /* IE 10 */
  flex: 1 1 0;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1 1;
  /* Chrome */
  -ms-flex: 1 1;
  /* IE 10 */
  flex: 1 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.gauge-dataset-editor .gauge-datasets ul li.disabled {
  cursor: not-allowed !important;
}
.gauge-dataset-editor .gauge-datasets ul li.hidden {
  color: #D5D5D5;
}
.gauge-dataset-editor .gauge-datasets ul li:hover {
  cursor: pointer;
}
.gauge-dataset-editor .gauge-datasets ul li:hover.active.expression {
  cursor: initial;
}
.gauge-dataset-editor .gauge-datasets ul li:hover i.close.show {
  visibility: visible;
}
.gauge-dataset-editor .gauge-datasets ul li:last-child {
  border-right: none;
}
.gauge-dataset-editor .gauge-datasets ul li:last-child i {
  color: #54BA48;
  margin-left: 0;
}
.gauge-dataset-editor .gauge-datasets ul li i {
  color: #D5D5D5;
  cursor: pointer;
  margin-left: 0;
  margin-right: -5px;
  margin-bottom: -1px;
}
.gauge-dataset-editor .gauge-datasets ul li i.add.icon {
  line-height: 1em;
  position: relative;
  top: 2px;
}
.gauge-dataset-editor .gauge-datasets ul li i.add.icon.disabled {
  cursor: not-allowed;
}
.gauge-dataset-editor .gauge-datasets ul li i.ellipsis {
  line-height: 1.2em;
  font-size: 1em;
  float: right;
  margin-top: 16px;
}
.gauge-dataset-editor .gauge-datasets ul li i.ellipsis.vertical:hover {
  color: #9B9B9B;
}
.gauge-dataset-editor .gauge-datasets ul li i.active {
  color: #54BA48;
}
.gauge-dataset-editor .gauge-datasets ul li i.close,
.gauge-dataset-editor .gauge-datasets ul li i.warning {
  color: #BD5555;
  margin-left: 0;
}
.gauge-dataset-editor .gauge-datasets ul li i.unhide {
  color: #555;
}
.gauge-dataset-editor .gauge-datasets ul li i.unhide.muted {
  color: #ccc;
}
.gauge-dataset-editor .gauge-datasets ul li.active {
  background: #FFF;
  border-bottom: 1px solid #FFF;
  height: 49px;
}
.gauge-dataset-editor .gauge-datasets ul.overflow li.layer {
  max-width: 250px;
}
.gauge-dataset-editor .gauge-datasets ul .layer-overflow-popup {
  padding: 0 12px;
}
.gauge-dataset-editor .gauge-datasets ul .layer-overflow-popup .icon {
  position: relative;
  margin: 0;
  font-size: 1.5em;
  color: darkgray;
}
.gauge-dataset-editor .gauge-dropzone,
.gauge-drilldown-editor .gauge-dropzone {
  background: #FFF;
}
.gauge-dataset-editor .gauge-dropzone:after,
.gauge-drilldown-editor .gauge-dropzone:after {
  content: "";
  display: table;
  clear: both;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section {
  float: left;
  padding: 0 20px;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .dropzone-title,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .dropzone-title {
  margin-right: 7px;
  float: left;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section h2,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section h2 {
  font-size: 16px;
  color: #54BA48;
  font-weight: 400;
  line-height: 41px;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns {
  display: table;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column {
  border-radius: 20px;
  cursor: pointer;
  display: block;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 5px 13px !important;
  width: 100%;
  background-color: #BBE5B3;
  color: rgba(0, 0, 0, 0.6);
  width: auto !important;
  margin-bottom: 0 !important;
  margin-right: 5px;
  display: inline-block;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column:hover,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column:hover {
  background-color: #aadfa0;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column.error-column,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column.error-column {
  background-color: #FDEAEA;
  color: #F03535;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column.error-column:hover,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column.error-column:hover {
  background-color: #fbd3d3;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column:last-child,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column:last-child {
  margin-right: 0;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter {
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 5px;
  top: 4px;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button {
  background-color: #BBE5B3;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 1em;
  border: none!important;
  box-shadow: none!important;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button.left,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button.left {
  padding-left: 9px;
  padding-right: 5px;
  margin-right: 2px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button.right,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button.right {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button i.icon,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter .button i.icon {
  width: 17px !important;
  height: 17px !important;
  line-height: 1;
  font-size: 17px;
  color: #979797;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter:hover .button,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter:hover .button {
  background-color: #99d88d;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.linked .button,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.linked .button {
  background-color: #B4E0FA;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.linked .button i.icon,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.linked .button i.icon {
  box-shadow: none;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.linked:hover .button,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.linked:hover .button {
  background-color: #84ccf7;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.error-column .button,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.error-column .button {
  background-color: #FDEAEA;
  color: #F03535;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.error-column .button .icon,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.error-column .button .icon {
  color: #F03535;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.error-column:hover button,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter.error-column:hover button {
  background-color: #fbd3d3;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column,
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .ui.buttons.filter {
  float: left;
  position: relative;
  top: 5px;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column--add,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column--add {
  background: #FCFFFB;
  border: 2px dotted #D5D5D5;
  color: #D0D2D3;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column--add:hover,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns .dropzone-column--add:hover {
  background-color: #FCFFFB;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns [bg-dropdown] i.icon.plus,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section .gauge-dropzone-columns [bg-dropdown] i.icon.plus {
  color: #54BA48;
  line-height: 45px;
  font-size: 1em;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section :-moz-any(.gauge-dropzone-columns),
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section :-moz-any(.gauge-dropzone-columns) {
  display: inline;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section.hovering .dropzone-column:last-child,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section.hovering .dropzone-column:last-child {
  background-color: #f2f2f2;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section.apply-preview,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section.apply-preview {
  float: right;
  line-height: 41px;
  color: #1f78b4;
  display: inline-flex;
  cursor: pointer;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section.apply-preview .apply-preview,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section.apply-preview .apply-preview {
  color: #1f78b4;
  font-size: 16px;
  font-weight: 400;
  margin-right: 5px;
  font-family: "proxima-nova", sans-serif;
}
.gauge-dataset-editor .gauge-dropzone .gauge-dropzone-section.apply-preview i,
.gauge-drilldown-editor .gauge-dropzone .gauge-dropzone-section.apply-preview i {
  float: inherit;
  line-height: inherit;
}
.gauge-dataset-editor .gauge-dropzone.drilldown .gauge-dropzone-section,
.gauge-drilldown-editor .gauge-dropzone.drilldown .gauge-dropzone-section {
  border-right: none;
}
.gauge-visual .gauge-type-wrapper li {
  display: inline-block;
  height: 28px;
  margin-right: 5px;
}
.gauge-visual .gauge-type-wrapper li img {
  width: 28px;
  height: auto;
  opacity: 0.4;
  transition: opacity 250ms;
}
.gauge-visual .gauge-type-wrapper li.active img,
.gauge-visual .gauge-type-wrapper li:hover img {
  opacity: 1;
}
.gauge-visual .gauges.builder .highcharts-container {
  margin: 0 auto !important;
  background: #FFF;
  margin-top: 7% !important;
}
gauge-message .ui.message {
  margin-top: 0;
}
gauge-message .ui.message .header {
  font-size: 13px;
  font-weight: 600;
}
gauge-message .ui.message .content {
  font-size: 12px;
}
gauge-message .ui.message .close-message {
  font-size: 12px;
  cursor: pointer;
}
section.gauge-dataset-editor .gauge-datasets,
.gauge-drilldown-editor .gauge-datasets {
  height: 49px;
}
section.gauge-dataset-editor .gauge-datasets:after,
.gauge-drilldown-editor .gauge-datasets:after {
  content: "";
  display: table;
  clear: both;
}
section.gauge-dataset-editor .gauge-dropzone,
.gauge-drilldown-editor .gauge-dropzone {
  border-bottom: 1px solid #A8A9AD;
}
section.gauge-dataset-editor .gauge-dropzone:after,
.gauge-drilldown-editor .gauge-dropzone:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer-wrapper .sidebar-group.columns {
  overflow: auto;
}
.app-container .drawer-wrapper .sidebar-group.search {
  height: 42px;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: 1px solid #a8a9ad;
}
.app-container .drawer-wrapper .sidebar-group.search:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer-wrapper .sidebar-group.search input {
  margin: 0;
  border: none;
  width: 85%;
}
.app-container .drawer-wrapper .sidebar-group.search i {
  color: #CBCBCB;
}
.app-container .drawer-wrapper .sidebar-group.search i.remove.circle:hover {
  color: #BD5555;
}
.app-container .drawer-wrapper .wrapper.usage ul {
  font-size: 14px;
  margin-top: 15px;
  padding: 0 10px;
}
.app-container .drawer-wrapper .wrapper.usage ul a {
  color: #51b546;
  font-weight: 600;
}
.app-container .drawer-wrapper .wrapper.usage ul li.none {
  color: #727b89;
  font-weight: 600;
}
.app-container .drawer-wrapper .wrapper {
  overflow: auto;
}
.app-container .drawer-wrapper .wrapper .design-settings {
  margin-top: 25px;
  padding-bottom: 25px;
}
.app-container .drawer-wrapper .wrapper .design-settings h2 {
  text-transform: none;
  border-bottom: 1px solid #cdd4d9;
  padding: 0 0 9px 10px;
  line-height: normal;
  color: #727b89;
}
.app-container .drawer-wrapper .wrapper .design-settings ul.settings {
  list-style: none;
}
.app-container .drawer-wrapper .wrapper .design-settings ul.settings li {
  cursor: pointer;
  padding: 14px 0 14px 10px;
  font-size: 14px;
  color: #51b546;
  font-weight: 600;
  border-bottom: 1px solid #cdd4d9;
}
.app-container .drawer header {
  border-bottom: 1px solid #A8A9AD;
  height: 49px;
}
.app-container .drawer header:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer header .drawer-menu-button {
  float: left;
  height: 49px;
}
.app-container .drawer header .drawer-menu-button:after {
  content: "";
  display: table;
  clear: both;
}
.app-container .drawer header .drawer-menu-button i {
  color: #54BA48;
  cursor: pointer;
  font-size: 24px;
  height: 49px;
  line-height: 49px;
}
.app-container .drawer header .drawer-menu-button i:hover {
  color: #439639;
}
.app-container .drawer h2 {
  cursor: default;
  font-weight: 600;
  line-height: 49px;
  text-transform: uppercase;
  font-size: 16px;
}
.columns-detail {
  padding: 10px;
  list-style-type: none;
}
.columns-detail .column {
  background-color: #E8F5FC;
  border: 1px solid #BCD3DF;
  color: #1f78b4;
  border-radius: 20px;
  cursor: pointer;
  display: block;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 5px;
  padding: 5px 13px !important;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 97% 50%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.columns-detail .column.column-type-text {
  background-image: url("/static/img/builder/column/icn-small-filter-text.png");
}
.columns-detail .column.column-type-date {
  background-image: url("/static/img/builder/column/icn-small-filter-date.png");
}
.columns-detail .column.column-type-number {
  background-image: url("/static/img/builder/column/icn-small-filter-number.png");
}
.columns-detail .column.column-type-bool {
  background-image: url("/static/img/builder/column/icn-small-filter-bool.png");
}
.columns-detail .column:hover {
  background-color: #bde4f9;
}
.gauge-column-filters {
  bottom: 0px;
  border-top: 1px solid #A8A9AD;
}
.gauge-column-filters:after {
  content: "";
  display: table;
  clear: both;
}
.gauge-column-filters ul.gauge-filter-column-types {
  list-style-type: none;
}
.gauge-column-filters li.gauge-column-type {
  color: #54BA48;
  cursor: pointer;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 20%;
  transition: background-color, border, color;
  transition-duration: 200ms;
}
.gauge-column-filters li.gauge-column-type span {
  -webkit-filter: brightness(0.7) grayscale(100%);
  -moz-filter: brightness(0.7) grayscale(100%);
  -ms-filter: brightness(0.7) grayscale(100%);
  -o-filter: brightness(0.7) grayscale(100%);
  filter: brightness(0.7) grayscale(100%);
}
.gauge-column-filters li.gauge-column-type.gauge-column-type-all {
  text-transform: capitalize;
  font-weight: 700;
}
.gauge-column-filters li.gauge-column-type.gauge-column-type-number img {
  position: relative;
  top: 4px;
}
.gauge-column-filters li.gauge-column-type.gauge-column-type-text img,
.gauge-column-filters li.gauge-column-type.gauge-column-type-date img {
  position: relative;
  top: 3px;
}
.gauge-column-filters li.gauge-column-type.gauge-column-type-boolean img {
  position: relative;
  left: 2px;
  top: 3px;
}
.gauge-column-filters li.gauge-column-type.active {
  border-bottom: solid 4px #54BA48;
}
.gauge-column-filters li.gauge-column-type.active span {
  -webkit-filter: brightness(0.35) grayscale(100%);
  -moz-filter: brightness(0.35) grayscale(100%);
  -ms-filter: brightness(0.35) grayscale(100%);
  -o-filter: brightness(0.35) grayscale(100%);
  filter: brightness(0.35) grayscale(100%);
}
.gauge-column-filters li.gauge-column-type:hover {
  background-color: #E6E6E6;
}
.gauge-column-filters li.gauge-column-type:last-child {
  border-right: none;
}
.gauges.builder gauges-description textarea {
  max-width: 100%;
  min-width: 100%;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  resize: none;
}
.gauge-states {
  margin: 20px;
  height: 100%;
  font-family: 'proxima-nova', sans-serif;
}
.gauge-states .layers-hidden,
.gauge-states .error-state {
  text-align: center;
  padding-top: 100px;
}
.gauge-states .layers-hidden .sync-history-hidden,
.gauge-states .error-state .sync-history-hidden {
  padding-bottom: 100px;
}
.gauge-states .layers-hidden .text.center,
.gauge-states .error-state .text.center {
  margin: 0 20%;
}
.gauge-states .layers-hidden .text h1,
.gauge-states .error-state .text h1 {
  font-weight: 300;
  color: #333633;
}
.gauge-states .layers-hidden .text p,
.gauge-states .error-state .text p {
  color: #9B9B9B;
}
.gauge-states .layers-hidden .text p span.drilldown,
.gauge-states .error-state .text p span.drilldown {
  font-weight: bold;
  cursor: pointer;
  color: #BD5555;
}
.gauge-states .layers-hidden .text p span.filter_name,
.gauge-states .error-state .text p span.filter_name {
  color: #BD5555;
}
.gauge-states .layers-hidden .text p .show-all-layers,
.gauge-states .error-state .text p .show-all-layers,
.gauge-states .layers-hidden .text p .dataset-page,
.gauge-states .error-state .text p .dataset-page,
.gauge-states .layers-hidden .text p .support,
.gauge-states .error-state .text p .support {
  color: #1f78b4;
  font-weight: 600;
  cursor: pointer;
}
.gauge-states .layers-hidden .warning-icon svg,
.gauge-states .error-state .warning-icon svg {
  width: 60px;
  height: 60px;
}
.gauge-states .layers-hidden .warning-icon #bg-warning-sign,
.gauge-states .error-state .warning-icon #bg-warning-sign {
  fill: #C9CACC;
}
.gauge-states .incomplete {
  height: 100%;
  margin-top: -20px;
  overflow: hidden;
}
.gauge-states .incomplete img {
  width: 100%;
  height: auto;
  padding: 20px;
}
body.gauges.builder .app-container .drawer-wrapper,
body.gauges.builder .app-container section.primary {
  padding-left: 0;
  padding-right: 0;
  min-width: 300px;
}
body.gauges.builder .app-container .drawer-wrapper .gauge-dataset-editor,
body.gauges.builder .app-container section.primary .gauge-dataset-editor {
  min-height: 91px;
}
body.gauges.builder .app-container .drawer-wrapper.outer {
  border-right: 1px solid #979797;
}
body.gauges.builder .app-container .drawer-wrapper .inner {
  height: 100%;
}
body.gauges.builder .app-container .drawer-wrapper .inner .drawer {
  height: 100%;
}
body.gauges.builder .app-container .drawer-wrapper .inner .drawer > .wrapper {
  height: 92%;
}
body.gauges.builder .app-container .drawer-wrapper header {
  height: 49px;
  display: flex;
  justify-content: space-evenly;
  padding: 0;
}
body.gauges.builder .app-container .drawer-wrapper header .menu-option {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.37px;
  transition: border, color, background-color;
  transition-duration: 200ms;
}
body.gauges.builder .app-container .drawer-wrapper header .menu-option:hover {
  color: #555555;
  background-color: #E6E6E6;
}
body.gauges.builder .app-container .drawer-wrapper header .menu-option.active {
  color: #555555;
  font-weight: 600;
  border-bottom: solid 3px #54BA48;
}
body.gauges.builder .app-container .drawer-wrapper header .menu-option.red {
  color: #BD5555;
}
body.gauges.builder .app-container .drawer-wrapper .sidebar-group.snapshot-drilldown {
  padding: 10px;
  border-bottom: 1px solid #A8A9AD;
  color: rgba(0, 0, 0, 0.87);
}
body.gauges.builder .app-container .drawer-wrapper .sidebar-group.snapshot-drilldown h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
body.gauges.builder .app-container .drawer-wrapper .sidebar-group.snapshot-drilldown span {
  font-size: 14px;
  font-weight: 300;
  line-height: 13px;
}
body.gauges.builder .app-container .drawer-wrapper .sidebar-group.search {
  background-color: #fff;
  margin: 10px;
  border-radius: 50px;
  border: 1px solid #A8A9AD;
  height: 37px;
  margin-top: 20px;
}
body.gauges.builder .app-container .drawer-wrapper .sidebar-group.search input {
  padding: 9px;
  padding-left: 15px;
}
body.gauges.builder .app-container gaugewrapper.list tr.total_row,
body.gauges.builder .app-container gaugewrapper.table tr.total_row,
body.gauges.builder .app-container gaugewrapper.leaderboard tr.total_row {
  font-weight: bold;
}
body.gauges.builder .app-container gaugewrapper.list .table-wrap .thead,
body.gauges.builder .app-container gaugewrapper.table .table-wrap .thead,
body.gauges.builder .app-container gaugewrapper.leaderboard .table-wrap .thead {
  z-index: initial;
}
body.gauges.builder .app-container gaugewrapper.list .table-wrap table,
body.gauges.builder .app-container gaugewrapper.table .table-wrap table,
body.gauges.builder .app-container gaugewrapper.leaderboard .table-wrap table {
  position: initial;
  z-index: initial;
}
body.gauges.builder .app-container gaugewrapper.list table thead th.data,
body.gauges.builder .app-container gaugewrapper.table table thead th.data,
body.gauges.builder .app-container gaugewrapper.leaderboard table thead th.data {
  cursor: pointer;
}
body.gauges.builder .app-container gaugewrapper .leaderboard td.gauge-image {
  cursor: pointer;
}
body.gauges.builder .app-container gaugewrapper .leaderboard td.gauge-image.total_row {
  cursor: default;
}
body.gauges.builder .app-container listgauge .ui.table,
body.gauges.builder .app-container tablegauge .ui.table {
  border-left: none;
  border-right: none;
}
body.gauges.builder .app-container listgauge .thead,
body.gauges.builder .app-container tablegauge .thead {
  border-left: none;
  border-right: none;
}
body.gauges.builder .app-container .gauge-message .ui.message {
  width: 70%;
  margin: 13px 0 5px 4%;
  padding: 12px 18px;
}
body.gauges.builder .app-container .gauge-message .ui.message .content {
  font-size: 14px;
  font-weight: 600;
}
body.gauges.builder .app-container .gauge-message .ui.message .icon {
  font-size: 1.5em;
  margin-top: -1px;
}
body.gauges.builder .popup.directive .dropdown .text {
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
body.gauges.builder .popup.directive .ui.input.search i {
  top: 14px;
  height: 80%;
}
body.gauges.builder .popup.directive .ui.input.search input {
  margin-bottom: 8px;
}
body.gauges.builder .popup.directive .filter.text.options {
  margin-bottom: 6px;
  margin-left: 9px;
}
body.gauges.builder .popup.directive .filter.text.options div input {
  height: 14px;
  width: 14px;
}
body.gauges.builder .popup.directive .empty-filter-error {
  font-size: 12px;
  padding-bottom: 5px;
  text-align: center;
}
body.gauges.builder .ui.dropdown .header .svg-icon.linked-filter-icon svg path:first-child {
  fill: #C3C0C0;
}
body.gauges.builder .ui.dropdown .header .svg-icon.linked-filter-icon svg #LinkedFilterIcon path {
  stroke: #C3C0C0;
}
body.gauges .snapshots-upgrade-modal.ui.modal.wide .ui.header {
  font-family: 'proxima-nova';
  font-weight: 600;
}
body.gauges .snapshots-upgrade-modal.ui.modal.wide .ui.button {
  color: white;
  font-weight: 600;
}
body.gauges .snapshots-upgrade-modal.ui.modal.wide .ui.checked.checkbox label::before,
body.gauges .snapshots-upgrade-modal.ui.modal.wide .ui.checked.checkbox label::after {
  border-color: #21BA45 !important;
  color: #21BA45 !important;
}
.sidebar-icon {
  float: right;
}
.toggle-icon {
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: #ccc;
  position: relative;
  border-radius: 20px;
  cursor: pointer;
}
.toggle-icon:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  border-radius: 50%;
  transition: all 0.3s;
}
.toggle-icon.active {
  background-color: #4CAF50;
}
.toggle-icon.active:before {
  transform: translateX(20px);
}
.header-style {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header-style h3 {
  font-size: 20px;
  font-family: 'Roboto';
  font-weight: 500;
}
.modal-content-style {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.modal-content-style .image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FAFAFA;
  border-radius: 50%;
  padding: 10px;
  width: 206px;
  height: 206px;
  margin-top: 32px;
  margin-bottom: 16px;
  padding-top: 72px;
}
.modal-content-style .centered-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.modal-content-style .modal-sub-header-text {
  text-align: center;
  font-size: 18px;
  font-family: 'Roboto';
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 16px;
}
.modal-content-style p {
  text-align: center;
  font-size: 16px;
  font-family: 'Roboto';
  line-height: 2;
  margin-bottom: 76px;
  font-weight: normal;
}
.modal-content-style .checkbox-style {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  left: 40px;
  margin-top: 16px;
  margin-left: 80px;
  padding: 10px;
}
.modal-content-style .cancel-button {
  background-color: #CCCCCC;
  padding-left: 35px;
  padding-right: 35px;
}
.modal-content-style .save-button {
  padding-left: 41px;
  padding-right: 41px;
}
.workflow-modal-action-style .wide-button {
  width: 132px;
  height: 40px;
}
.workflow-modal-action-style .wider-button {
  height: 40px;
}
.workflow-modal-action-style .blue-border-button {
  background-color: white;
  border: 1px solid #2882D6;
  color: #2882D6;
}
.modal-action-style .cancel-button {
  background-color: #CCCCCC;
  padding-left: 35px;
  padding-right: 35px;
}
.modal-action-style .save-button {
  padding-left: 41px;
  padding-right: 41px;
}
.modal-action-style .delete-button {
  padding-left: 35px;
  padding-right: 35px;
}
.custom-required::after {
  content: " *";
  font-size: 20px;
  color: #E84337;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.custom-required-hooks::after {
  content: " *";
  font-size: 20px !important;
  color: #E84337;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
}
.modal-sub-header-text {
  font-size: 12px;
}
.padding-b-2 {
  padding-bottom: 2rem;
}
.ui.modal.active.delete-workflow-modal .content.modal-content {
  padding: 1.2em 2.5em;
}
.ui.modal.active.delete-workflow-modal .content.modal-content .divider {
  padding: 0;
  margin: 0;
}
.ui.modal.active.delete-workflow-modal .ui.message.modal-message {
  padding: 1.25rem;
  margin: 1em auto 1.5em;
  color: #C8A757;
  background: #FFFDF4;
  box-shadow: none;
  text-align: center;
  border: 1px solid #C8A757;
}
.gauge-index:after {
  content: "";
  display: table;
  clear: both;
}
.gauge-index .field .datasource.dropdown .item,
.gauge-index .field .chart-type.dropdown .item {
  font-size: 14px;
}
.gauge-index .ui.picker.buttons .ui.button {
  padding: 11px 24.8px !important;
}
.gauge-index .sortable {
  margin-left: 6px;
}
.gauge-index gauges {
  display: block;
  height: 100%;
}
.gauge-index .drawer-wrapper {
  background-color: #F1F1F1;
  overflow: scroll;
  border-right: solid 1px #C4C4C4;
}
.gauge-index .drawer-wrapper header {
  border-bottom: solid 1px #D6D6D6;
  box-shadow: 0 1px #FFF;
  padding-bottom: 34px !important;
}
.gauge-index .drawer-wrapper .loading {
  min-height: 300px;
}
.gauge-index .drawer-wrapper .ui.picker.buttons {
  margin: 0;
}
.gauge-index .drawer-wrapper .ui.picker.buttons.toggles {
  width: 100%;
  margin-bottom: 0 !important;
}
.gauge-index .drawer-wrapper .ui.picker.buttons.toggles .ui.button {
  width: 100%;
  text-align: left;
  padding-left: 14px !important;
  margin-bottom: 1em;
}
.gauge-index .table-container {
  padding-bottom: 29px;
}
gaugewrapper.list .table-wrap .thead,
gaugewrapper.table .table-wrap .thead {
  z-index: 1;
}
gaugewrapper.list .table-wrap table,
gaugewrapper.table .table-wrap table {
  position: relative;
  z-index: 0;
}
gaugewrapper + .loader {
  text-align: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
gaugewrapper .snapshot.current-value {
  display: block;
  padding-right: 11px;
}
gaugewrapper .snapshot.current-value headline {
  text-align: right!important;
}
gaugewrapper .snapshot.current-value headline > .wrapper {
  height: auto;
}
gaugewrapper .snapshot.current-value headline .subtitle-wrapper {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: initial;
}
gaugewrapper .snapshot.current-value headline h3 {
  display: block !important;
}
gaugewrapper,
tablegauge,
headline,
listgauge,
gaugewrapper chart,
tablegauge chart,
headline chart,
listgauge chart,
gaugewrapper pie-chart-react,
tablegauge pie-chart-react,
headline pie-chart-react,
listgauge pie-chart-react {
  display: block;
}
gaugewrapper,
tablegauge,
headline,
listgauge,
gaugewrapper > .wrapper,
tablegauge > .wrapper,
headline > .wrapper,
listgauge > .wrapper,
gaugewrapper chart,
tablegauge chart,
headline chart,
listgauge chart,
gaugewrapper pie-chart-react,
tablegauge pie-chart-react,
headline pie-chart-react,
listgauge pie-chart-react {
  height: 100%;
}
gaugewrapper headline.snapshot,
tablegauge headline.snapshot,
headline headline.snapshot,
listgauge headline.snapshot {
  height: auto;
}
gaugewrapper {
  max-height: 100%;
}
.gauge-visual-wrapper headline .data-wrapper .data.red,
headline .data-wrapper .data.red,
.tv-mode.dark.theme .data-wrapper .data.red {
  color: #e36a78 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.orange,
headline .data-wrapper .data.orange,
.tv-mode.dark.theme .data-wrapper .data.orange {
  color: #f9c97b !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.yellow,
headline .data-wrapper .data.yellow,
.tv-mode.dark.theme .data-wrapper .data.yellow {
  color: #faf076 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.green,
headline .data-wrapper .data.green,
.tv-mode.dark.theme .data-wrapper .data.green {
  color: #b1e479 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.purple,
headline .data-wrapper .data.purple,
.tv-mode.dark.theme .data-wrapper .data.purple {
  color: #bc71fe !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.blue,
headline .data-wrapper .data.blue,
.tv-mode.dark.theme .data-wrapper .data.blue {
  color: #92bced !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.teal,
headline .data-wrapper .data.teal,
.tv-mode.dark.theme .data-wrapper .data.teal {
  color: #96eeda !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.seablue,
headline .data-wrapper .data.seablue,
.tv-mode.dark.theme .data-wrapper .data.seablue {
  color: #00abd9 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.navy,
headline .data-wrapper .data.navy,
.tv-mode.dark.theme .data-wrapper .data.navy {
  color: #034799 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.brick,
headline .data-wrapper .data.brick,
.tv-mode.dark.theme .data-wrapper .data.brick {
  color: #bf1e1e !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.tangerine,
headline .data-wrapper .data.tangerine,
.tv-mode.dark.theme .data-wrapper .data.tangerine {
  color: #e9541a !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.pumpkin,
headline .data-wrapper .data.pumpkin,
.tv-mode.dark.theme .data-wrapper .data.pumpkin {
  color: #ff9a00 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.olive,
headline .data-wrapper .data.olive,
.tv-mode.dark.theme .data-wrapper .data.olive {
  color: #8d8218 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.forrest,
headline .data-wrapper .data.forrest,
.tv-mode.dark.theme .data-wrapper .data.forrest {
  color: #409944 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.aqua,
headline .data-wrapper .data.aqua,
.tv-mode.dark.theme .data-wrapper .data.aqua {
  color: #008e9a !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.deepblue,
headline .data-wrapper .data.deepblue,
.tv-mode.dark.theme .data-wrapper .data.deepblue {
  color: #260082 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.wine,
headline .data-wrapper .data.wine,
.tv-mode.dark.theme .data-wrapper .data.wine {
  color: #9631cc !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.grape,
headline .data-wrapper .data.grape,
.tv-mode.dark.theme .data-wrapper .data.grape {
  color: #930b59 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.black,
headline .data-wrapper .data.black,
.tv-mode.dark.theme .data-wrapper .data.black {
  color: #000000 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.graphite,
headline .data-wrapper .data.graphite,
.tv-mode.dark.theme .data-wrapper .data.graphite {
  color: #5a5a5a !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.charcoal,
headline .data-wrapper .data.charcoal,
.tv-mode.dark.theme .data-wrapper .data.charcoal {
  color: #737373 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.silver,
headline .data-wrapper .data.silver,
.tv-mode.dark.theme .data-wrapper .data.silver {
  color: #9b9b9b !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.gray,
headline .data-wrapper .data.gray,
.tv-mode.dark.theme .data-wrapper .data.gray {
  color: #bababa !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.white,
headline .data-wrapper .data.white,
.tv-mode.dark.theme .data-wrapper .data.white {
  color: #ffffff !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.wool,
headline .data-wrapper .data.wool,
.tv-mode.dark.theme .data-wrapper .data.wool {
  color: #727b89 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.dark,
headline .data-wrapper .data.dark,
.tv-mode.dark.theme .data-wrapper .data.dark {
  color: #424b56 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.bgreen,
headline .data-wrapper .data.bgreen,
.tv-mode.dark.theme .data-wrapper .data.bgreen {
  color: #50b83c !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.sand,
headline .data-wrapper .data.sand,
.tv-mode.dark.theme .data-wrapper .data.sand {
  color: #FDDC86 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.magenta,
headline .data-wrapper .data.magenta,
.tv-mode.dark.theme .data-wrapper .data.magenta {
  color: #D23784 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.violet,
headline .data-wrapper .data.violet,
.tv-mode.dark.theme .data-wrapper .data.violet {
  color: #872DB2 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.indigo,
headline .data-wrapper .data.indigo,
.tv-mode.dark.theme .data-wrapper .data.indigo {
  color: #857AF5 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.peach,
headline .data-wrapper .data.peach,
.tv-mode.dark.theme .data-wrapper .data.peach {
  color: #FFB48A !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.salmon,
headline .data-wrapper .data.salmon,
.tv-mode.dark.theme .data-wrapper .data.salmon {
  color: #EE5A56 !important;
}
.gauge-visual-wrapper headline .data-wrapper .data.lavender,
headline .data-wrapper .data.lavender,
.tv-mode.dark.theme .data-wrapper .data.lavender {
  color: #9B10F2 !important;
}
body:not(.reports):not(.reportsent):not(.gauges):not(.builder) :not(.snapshot) > headline {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
body:not(.reports):not(.reportsent) headline {
  text-align: center;
}
body:not(.reports):not(.reportsent) headline .data-wrapper {
  text-align: center;
  width: 100%;
}
headline .data {
  font-weight: 700;
  font-size: inherit;
  text-transform: uppercase;
}
headline .data,
headline .display-text {
  line-height: 1em;
  font-size: inherit;
  cursor: default;
}
headline .subtitle-wrapper input {
  text-align: center;
}
headline .subtitle-wrapper {
  color: #8b919d;
}
headline .data {
  color: #515761;
}
headline .data.drilldown {
  cursor: pointer;
}
headline .benchmark.rank .error {
  font-weight: 600;
  color: #BD5555;
}
body[class^="report"] td:not(.gauge-image) img.bgs {
  width: 25px;
  vertical-align: middle;
}
body:not([class^="report"]) gaugewrapper tablegauge table.ui.table tbody td,
body:not([class^="report"]) gaugewrapper.small tablegauge table.ui.table tbody td,
body:not([class^="report"]) gaugewrapper listgauge table.ui.table tbody td,
body:not([class^="report"]) gaugewrapper.small listgauge table.ui.table tbody td,
body:not([class^="report"]) gaugewrapper tablegauge table.ui.table th,
body:not([class^="report"]) gaugewrapper.small tablegauge table.ui.table th,
body:not([class^="report"]) gaugewrapper listgauge table.ui.table th,
body:not([class^="report"]) gaugewrapper.small listgauge table.ui.table th {
  padding: 10px;
}
body:not([class^="report"]) gaugewrapper tablegauge table.ui.table tr.total_row,
body:not([class^="report"]) gaugewrapper.small tablegauge table.ui.table tr.total_row,
body:not([class^="report"]) gaugewrapper listgauge table.ui.table tr.total_row,
body:not([class^="report"]) gaugewrapper.small listgauge table.ui.table tr.total_row {
  font-weight: bold;
}
body:not([class^="report"]) gaugewrapper tablegauge table.ui.table tr td:not(.gauge-image) img.bgs,
body:not([class^="report"]) gaugewrapper.small tablegauge table.ui.table tr td:not(.gauge-image) img.bgs,
body:not([class^="report"]) gaugewrapper listgauge table.ui.table tr td:not(.gauge-image) img.bgs,
body:not([class^="report"]) gaugewrapper.small listgauge table.ui.table tr td:not(.gauge-image) img.bgs {
  width: 16px;
  vertical-align: middle;
}
body:not([class^="report"]) gaugewrapper tablegauge.leaderboard tbody tr,
body:not([class^="report"]) gaugewrapper.small tablegauge.leaderboard tbody tr {
  line-height: 35px;
}
body:not([class^="report"]) gaugewrapper tablegauge.leaderboard tr td.badge img.bgs,
body:not([class^="report"]) gaugewrapper.small tablegauge.leaderboard tr td.badge img.bgs {
  min-height: 16px;
}
body:not([class^="report"]) gaugewrapper tablegauge.leaderboard tr td.gauge-image,
body:not([class^="report"]) gaugewrapper.small tablegauge.leaderboard tr td.gauge-image {
  width: 40px !important;
  height: 40px !important;
}
body:not([class^="report"]) gaugewrapper tablegauge.leaderboard tr td.gauge-image > *,
body:not([class^="report"]) gaugewrapper.small tablegauge.leaderboard tr td.gauge-image > * {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
body:not([class^="report"]) gaugewrapper.medium tablegauge:not(.leaderboard) table.ui.table tbody td,
body:not([class^="report"]) gaugewrapper.medium listgauge table.ui.table tbody td {
  padding: 15px;
}
body:not([class^="report"]) gaugewrapper.medium tablegauge:not(.leaderboard) tbody tr,
body:not([class^="report"]) gaugewrapper.medium listgauge tbody tr {
  font-size: 24px;
  line-height: 30px;
}
body:not([class^="report"]) gaugewrapper.medium tablegauge:not(.leaderboard) tr td.data img.bgs,
body:not([class^="report"]) gaugewrapper.medium listgauge tr td.data img.bgs,
body:not([class^="report"]) gaugewrapper.medium tablegauge:not(.leaderboard) tr td img.bgs,
body:not([class^="report"]) gaugewrapper.medium listgauge tr td img.bgs {
  width: 30px !important;
}
body:not([class^="report"]) gaugewrapper.medium tablegauge.leaderboard table.ui.table tbody tr {
  line-height: 50px;
  font-size: 24px;
}
body:not([class^="report"]) gaugewrapper.medium tablegauge.leaderboard table.ui.table tbody td {
  padding: 15px;
}
body:not([class^="report"]) gaugewrapper.medium tablegauge.leaderboard table.ui.table tr td.badge img.bgs,
body:not([class^="report"]) gaugewrapper.medium tablegauge.leaderboard table.ui.table td.data img.bgs {
  width: 30px;
  min-height: 30px;
}
body:not([class^="report"]) gaugewrapper.medium tablegauge.leaderboard table.ui.table tr td.gauge-image {
  width: 50px !important;
  height: 50px !important;
}
body:not([class^="report"]) gaugewrapper.large tablegauge:not(.leaderboard) table.ui.table tbody td,
body:not([class^="report"]) gaugewrapper.large listgauge table.ui.table tbody td {
  padding: 15px;
}
body:not([class^="report"]) gaugewrapper.large tablegauge:not(.leaderboard) table.ui.table tbody tr,
body:not([class^="report"]) gaugewrapper.large listgauge table.ui.table tbody tr {
  font-size: 36px;
  line-height: 40px;
}
body:not([class^="report"]) gaugewrapper.large tablegauge:not(.leaderboard) table.ui.table tbody tr td.data img.bgs,
body:not([class^="report"]) gaugewrapper.large listgauge table.ui.table tbody tr td.data img.bgs,
body:not([class^="report"]) gaugewrapper.large tablegauge:not(.leaderboard) table.ui.table tbody tr td img.bgs,
body:not([class^="report"]) gaugewrapper.large listgauge table.ui.table tbody tr td img.bgs {
  width: 36px !important;
}
body:not([class^="report"]) gaugewrapper.large tablegauge.leaderboard table.ui.table tbody tr {
  line-height: 54px;
}
body:not([class^="report"]) gaugewrapper.large tablegauge.leaderboard table.ui.table tbody td {
  padding: 15px;
}
body:not([class^="report"]) gaugewrapper.large tablegauge.leaderboard table.ui.table tbody tr {
  font-size: 36px;
  line-height: 60px;
}
body:not([class^="report"]) gaugewrapper.large tablegauge.leaderboard table.ui.table tr td.badge img.bgs,
body:not([class^="report"]) gaugewrapper.large tablegauge.leaderboard table.ui.table td.data img.bgs {
  width: 36px;
  min-height: 36px;
}
body:not([class^="report"]) gaugewrapper.large tablegauge.leaderboard table.ui.table tr td.gauge-image {
  width: 60px !important;
  height: 60px !important;
}
tablegauge,
listgauge {
  position: relative;
  height: 100%;
  color: #555555;
}
tablegauge table,
listgauge table {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  tablegauge table.ui.table,
  listgauge table.ui.table {
    display: table;
  }
  tablegauge table.ui.table thead,
  listgauge table.ui.table thead {
    display: table-header-group;
  }
  tablegauge table.ui.table tbody,
  listgauge table.ui.table tbody {
    display: table-row-group;
  }
  tablegauge table.ui.table tr,
  listgauge table.ui.table tr {
    display: table-row;
  }
  tablegauge table.ui.table tr td:first-child,
  listgauge table.ui.table tr td:first-child {
    font-weight: initial;
    padding-top: initial;
  }
  tablegauge table.ui.table tr td,
  listgauge table.ui.table tr td {
    border-right: solid 2px #dcdcdc !important;
  }
  tablegauge table.ui.table tr > td,
  listgauge table.ui.table tr > td,
  tablegauge table.ui.table tr td:last-child,
  listgauge table.ui.table tr td:last-child {
    font-weight: normal;
    padding-top: initial;
    padding-bottom: initial;
    width: initial !important;
    display: table-cell;
    box-shadow: initial !important;
    -webkit-box-shadow: initial !important;
  }
}
tablegauge table.ui.table,
listgauge table.ui.table {
  border-right: none;
  border-left: none;
  border-collapse: collapse;
  overflow-y: auto;
  border-radius: 0;
}
tablegauge table.ui.table th,
listgauge table.ui.table th {
  padding: 5px;
  font-weight: 600;
}
tablegauge table.ui.table tbody tr,
listgauge table.ui.table tbody tr {
  height: 20px;
  line-height: 20px;
}
tablegauge table.ui.table tbody tr.highlight-row,
listgauge table.ui.table tbody tr.highlight-row {
  border-bottom: 0.5px solid #FFFFFF;
}
tablegauge table.ui.table tbody tr.highlight-row td.highlight-cell,
listgauge table.ui.table tbody tr.highlight-row td.highlight-cell {
  border-bottom: 0.5px solid #FFFFFF;
  background-color: inherit !important;
}
tablegauge table.ui.table tbody tr.highlight-row.red,
listgauge table.ui.table tbody tr.highlight-row.red {
  background-color: #e36a78 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.red td,
listgauge table.ui.table tbody tr.highlight-row.red td {
  color: #FCE4E7 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.orange,
listgauge table.ui.table tbody tr.highlight-row.orange {
  background-color: #f9c97b !important;
}
tablegauge table.ui.table tbody tr.highlight-row.orange td,
listgauge table.ui.table tbody tr.highlight-row.orange td {
  color: #A3752A !important;
}
tablegauge table.ui.table tbody tr.highlight-row.yellow,
listgauge table.ui.table tbody tr.highlight-row.yellow {
  background-color: #F3E864 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.yellow td,
listgauge table.ui.table tbody tr.highlight-row.yellow td {
  color: #857E28 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.green,
listgauge table.ui.table tbody tr.highlight-row.green {
  background-color: #b1e479 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.green td,
listgauge table.ui.table tbody tr.highlight-row.green td {
  color: #58802D !important;
}
tablegauge table.ui.table tbody tr.highlight-row.purple,
listgauge table.ui.table tbody tr.highlight-row.purple {
  background-color: #bc71fe !important;
}
tablegauge table.ui.table tbody tr.highlight-row.purple td,
listgauge table.ui.table tbody tr.highlight-row.purple td {
  color: #FAF5FF !important;
}
tablegauge table.ui.table tbody tr.highlight-row.blue,
listgauge table.ui.table tbody tr.highlight-row.blue {
  background-color: #92bced !important;
}
tablegauge table.ui.table tbody tr.highlight-row.blue td,
listgauge table.ui.table tbody tr.highlight-row.blue td {
  color: #416691 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.teal,
listgauge table.ui.table tbody tr.highlight-row.teal {
  background-color: #96eeda !important;
}
tablegauge table.ui.table tbody tr.highlight-row.teal td,
listgauge table.ui.table tbody tr.highlight-row.teal td {
  color: #397467 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.seablue,
listgauge table.ui.table tbody tr.highlight-row.seablue {
  background-color: #00abd9 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.seablue td,
listgauge table.ui.table tbody tr.highlight-row.seablue td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.navy,
listgauge table.ui.table tbody tr.highlight-row.navy {
  background-color: #034799 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.navy td,
listgauge table.ui.table tbody tr.highlight-row.navy td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.brick,
listgauge table.ui.table tbody tr.highlight-row.brick {
  background-color: #bf1e1e !important;
}
tablegauge table.ui.table tbody tr.highlight-row.brick td,
listgauge table.ui.table tbody tr.highlight-row.brick td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.tangerine,
listgauge table.ui.table tbody tr.highlight-row.tangerine {
  background-color: #e9541a !important;
}
tablegauge table.ui.table tbody tr.highlight-row.tangerine td,
listgauge table.ui.table tbody tr.highlight-row.tangerine td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.pumpkin,
listgauge table.ui.table tbody tr.highlight-row.pumpkin {
  background-color: #ff9a00 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.pumpkin td,
listgauge table.ui.table tbody tr.highlight-row.pumpkin td {
  color: #000000 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.olive,
listgauge table.ui.table tbody tr.highlight-row.olive {
  background-color: #8d8218 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.olive td,
listgauge table.ui.table tbody tr.highlight-row.olive td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.forrest,
listgauge table.ui.table tbody tr.highlight-row.forrest {
  background-color: #409944 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.forrest td,
listgauge table.ui.table tbody tr.highlight-row.forrest td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.aqua,
listgauge table.ui.table tbody tr.highlight-row.aqua {
  background-color: #008e9a !important;
}
tablegauge table.ui.table tbody tr.highlight-row.aqua td,
listgauge table.ui.table tbody tr.highlight-row.aqua td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.deepblue,
listgauge table.ui.table tbody tr.highlight-row.deepblue {
  background-color: #260082 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.deepblue td,
listgauge table.ui.table tbody tr.highlight-row.deepblue td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.wine,
listgauge table.ui.table tbody tr.highlight-row.wine {
  background-color: #9631cc !important;
}
tablegauge table.ui.table tbody tr.highlight-row.wine td,
listgauge table.ui.table tbody tr.highlight-row.wine td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.grape,
listgauge table.ui.table tbody tr.highlight-row.grape {
  background-color: #930b59 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.grape td,
listgauge table.ui.table tbody tr.highlight-row.grape td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.black,
listgauge table.ui.table tbody tr.highlight-row.black {
  background-color: #000000 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.black td,
listgauge table.ui.table tbody tr.highlight-row.black td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.graphite,
listgauge table.ui.table tbody tr.highlight-row.graphite {
  background-color: #5a5a5a !important;
}
tablegauge table.ui.table tbody tr.highlight-row.graphite td,
listgauge table.ui.table tbody tr.highlight-row.graphite td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.charcoal,
listgauge table.ui.table tbody tr.highlight-row.charcoal {
  background-color: #737373 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.charcoal td,
listgauge table.ui.table tbody tr.highlight-row.charcoal td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.silver,
listgauge table.ui.table tbody tr.highlight-row.silver {
  background-color: #9b9b9b !important;
}
tablegauge table.ui.table tbody tr.highlight-row.silver td,
listgauge table.ui.table tbody tr.highlight-row.silver td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.gray,
listgauge table.ui.table tbody tr.highlight-row.gray {
  background-color: #bababa !important;
}
tablegauge table.ui.table tbody tr.highlight-row.gray td,
listgauge table.ui.table tbody tr.highlight-row.gray td {
  color: #000000 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.white,
listgauge table.ui.table tbody tr.highlight-row.white {
  background-color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.white td,
listgauge table.ui.table tbody tr.highlight-row.white td {
  color: #000000 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.wool,
listgauge table.ui.table tbody tr.highlight-row.wool {
  background-color: #727b89 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.wool td,
listgauge table.ui.table tbody tr.highlight-row.wool td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.dark,
listgauge table.ui.table tbody tr.highlight-row.dark {
  background-color: #424b56 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.dark td,
listgauge table.ui.table tbody tr.highlight-row.dark td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.bgreen,
listgauge table.ui.table tbody tr.highlight-row.bgreen {
  background-color: #50b83c !important;
}
tablegauge table.ui.table tbody tr.highlight-row.bgreen td,
listgauge table.ui.table tbody tr.highlight-row.bgreen td {
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.sand,
listgauge table.ui.table tbody tr.highlight-row.sand {
  background-color: #C2b280 !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.magenta,
listgauge table.ui.table tbody tr.highlight-row.magenta {
  background-color: #EB509D !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.violet,
listgauge table.ui.table tbody tr.highlight-row.violet {
  background-color: #A046CB !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.indigo,
listgauge table.ui.table tbody tr.highlight-row.indigo {
  background-color: #4b0082 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.peach,
listgauge table.ui.table tbody tr.highlight-row.peach {
  background-color: #Ffe5b4 !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody tr.highlight-row.salmon,
listgauge table.ui.table tbody tr.highlight-row.salmon {
  background-color: #FA8072 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody tr.highlight-row.lavender,
listgauge table.ui.table tbody tr.highlight-row.lavender {
  background-color: #E6e6fa !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody td,
listgauge table.ui.table tbody td {
  border-right: solid 2px #dcdcdc;
  border-top: none;
  border-bottom: none;
  padding: 5px;
}
tablegauge table.ui.table tbody td.highlight-cell,
listgauge table.ui.table tbody td.highlight-cell {
  border-bottom: 0.5px solid #FFFFFF;
}
tablegauge table.ui.table tbody td.highlight-cell.red,
listgauge table.ui.table tbody td.highlight-cell.red {
  background-color: #e36a78 !important;
  color: #FCE4E7 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.orange,
listgauge table.ui.table tbody td.highlight-cell.orange {
  background-color: #f9c97b !important;
  color: #A3752A !important;
}
tablegauge table.ui.table tbody td.highlight-cell.yellow,
listgauge table.ui.table tbody td.highlight-cell.yellow {
  background-color: #F3E864 !important;
  color: #857E28 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.green,
listgauge table.ui.table tbody td.highlight-cell.green {
  background-color: #b1e479 !important;
  color: #58802D !important;
}
tablegauge table.ui.table tbody td.highlight-cell.purple,
listgauge table.ui.table tbody td.highlight-cell.purple {
  background-color: #bc71fe !important;
  color: #FAF5FF !important;
}
tablegauge table.ui.table tbody td.highlight-cell.blue,
listgauge table.ui.table tbody td.highlight-cell.blue {
  background-color: #92bced !important;
  color: #416691 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.teal,
listgauge table.ui.table tbody td.highlight-cell.teal {
  background-color: #96eeda !important;
  color: #397467 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.seablue,
listgauge table.ui.table tbody td.highlight-cell.seablue {
  background-color: #00abd9 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.navy,
listgauge table.ui.table tbody td.highlight-cell.navy {
  background-color: #034799 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.brick,
listgauge table.ui.table tbody td.highlight-cell.brick {
  background-color: #bf1e1e !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.tangerine,
listgauge table.ui.table tbody td.highlight-cell.tangerine {
  background-color: #e9541a !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.pumpkin,
listgauge table.ui.table tbody td.highlight-cell.pumpkin {
  background-color: #ff9a00 !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.olive,
listgauge table.ui.table tbody td.highlight-cell.olive {
  background-color: #8d8218 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.forrest,
listgauge table.ui.table tbody td.highlight-cell.forrest {
  background-color: #409944 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.aqua,
listgauge table.ui.table tbody td.highlight-cell.aqua {
  background-color: #008e9a !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.deepblue,
listgauge table.ui.table tbody td.highlight-cell.deepblue {
  background-color: #260082 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.wine,
listgauge table.ui.table tbody td.highlight-cell.wine {
  background-color: #9631cc !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.grape,
listgauge table.ui.table tbody td.highlight-cell.grape {
  background-color: #930b59 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.black,
listgauge table.ui.table tbody td.highlight-cell.black {
  background-color: #000000 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.graphite,
listgauge table.ui.table tbody td.highlight-cell.graphite {
  background-color: #5a5a5a !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.charcoal,
listgauge table.ui.table tbody td.highlight-cell.charcoal {
  background-color: #737373 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.silver,
listgauge table.ui.table tbody td.highlight-cell.silver {
  background-color: #9b9b9b !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.gray,
listgauge table.ui.table tbody td.highlight-cell.gray {
  background-color: #bababa !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.white,
listgauge table.ui.table tbody td.highlight-cell.white {
  background-color: #ffffff !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.wool,
listgauge table.ui.table tbody td.highlight-cell.wool {
  background-color: #727b89 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.dark,
listgauge table.ui.table tbody td.highlight-cell.dark {
  background-color: #424b56 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.bgreen,
listgauge table.ui.table tbody td.highlight-cell.bgreen {
  background-color: #50b83c !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.sand,
listgauge table.ui.table tbody td.highlight-cell.sand {
  background-color: #C2b280 !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.magenta,
listgauge table.ui.table tbody td.highlight-cell.magenta {
  background-color: #Ff00ff !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.violet,
listgauge table.ui.table tbody td.highlight-cell.violet {
  background-color: #7f00ff !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.indigo,
listgauge table.ui.table tbody td.highlight-cell.indigo {
  background-color: #4b0082 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.peach,
listgauge table.ui.table tbody td.highlight-cell.peach {
  background-color: #Ffe5b4 !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody td.highlight-cell.salmon,
listgauge table.ui.table tbody td.highlight-cell.salmon {
  background-color: #FA8072 !important;
  color: #ffffff !important;
}
tablegauge table.ui.table tbody td.highlight-cell.lavender,
listgauge table.ui.table tbody td.highlight-cell.lavender {
  background-color: #E6e6fa !important;
  color: #000000 !important;
}
tablegauge table.ui.table tbody td:last-child,
listgauge table.ui.table tbody td:last-child {
  border-right: none;
}
tablegauge table.ui.table tr,
listgauge table.ui.table tr,
tablegauge table.ui.table tr th,
listgauge table.ui.table tr th {
  font-size: 16px;
}
tablegauge td.drilldown {
  cursor: pointer;
}
tablegauge.leaderboard table.ui.table tbody tr td,
tablegauge.leaderboard table.ui.table thead tr th,
tablegauge.leaderboard table.ui.table tbody tr td.data,
tablegauge.leaderboard table.ui.table thead tr th.data {
  text-align: center;
}
tablegauge.leaderboard table.ui.table tbody tr td.data.left,
tablegauge.leaderboard table.ui.table thead tr th.data.left {
  text-align: left;
}
tablegauge.leaderboard tr td.gauge-image {
  padding: 5px!important;
}
tablegauge.leaderboard tr td.gauge-image img {
  display: table-cell;
}
tablegauge.leaderboard tr td.gauge-image > * {
  border-radius: 5px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}
tablegauge.leaderboard tr td.gauge-image .add-image {
  background: url('/static/img/builder/add-image.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
tablegauge.leaderboard tr td.gauge-image > * {
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.message.toast {
  visibility: hidden;
  min-width: 400px;
  width: auto !important;
  border-color: green;
  background-color: white;
  border: 1px solid #03BF87;
  position: absolute;
  right: 25px;
  top: 40px;
  z-index: 1001;
}
.message.toast .icon {
  font-size: 22px !important;
}
.message.toast .heading {
  line-height: 24px;
  font-weight: 300;
  text-align: center;
}
.message.toast.error {
  border-color: #BD5555;
}
.gauge-builder-header {
  background-color: #424B56;
  min-height: 66px;
  padding: 10px 10px 10px 0;
  margin: 0 !important;
}
.gauge-builder-header .heading {
  color: white;
  font-weight: 300;
}
.gauge-builder-header .heading.title {
  padding-left: 5px;
}
.gauge-builder-header .right.column {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.gauge-builder-header .right.column .remove.icon {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.gauge-builder-header .right.column .remove.icon:hover {
  cursor: pointer;
}
.gauge-builder-header .right.column .header {
  margin-right: 0.4em;
}
.textarea-teams .redactor-box {
  pointer-events: none;
  opacity: 0.5;
}
.textarea-slack .redactor-box {
  pointer-events: none;
  opacity: 0.5;
  width: 100%;
}
.textarea-email {
  pointer-events: none;
  opacity: 0.5;
  width: 100%;
}
.workflow-email {
  width: 100%;
}
.workflow-email-to {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: -8px;
  gap: 25px;
}
.workflow-email-subject {
  margin-top: 35px;
  margin-bottom: 35px;
  width: 100%;
}
.workflow-alerts {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  width: 100%;
}
.workflow-teams {
  width: inherit;
}
.slack-webhook {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 50px;
}
.dropdown-width {
  width: 40%;
}
.custom-tab.workflow-left-tab .ui.vertical.tabular.menu {
  border-right: none !important;
}
.workflow-tab .ui.vertical.tabular.menu .active.item {
  border: none;
  color: #51b546;
  border-bottom: 1px solid #51b546;
  cursor: pointer;
}
.workflow-tab .ui.vertical.tabular.menu {
  border-right: none;
  cursor: pointer;
}
.workflow-tab .add-button-span {
  display: flex;
  margin-top: 10px;
}
.workflow-tab .add-button-span .add-plus-icon {
  cursor: pointer;
}
.workflow-tab .gauge-column-text .text {
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  display: flex;
  margin-left: 5px;
}
.workflow-tab .gauge-operator-text .active .text {
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  display: flex;
  margin-left: 5px;
}
.workflow-tab .error-message-text {
  color: red;
  font-size: 12px;
}
.workflow-tab .workflow-radio {
  display: flex;
  margin-left: 8px !important;
}
.workflow-tab .modal-sub-header-text {
  font-size: 16px;
  font-family: 'Roboto';
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 16px;
}
.workflow-tab .left-margin {
  margin-left: 8px !important;
}
.workflow-tab .description-counter {
  font-size: 10px;
  line-height: 24px;
  font-family: 'Roboto';
  font-weight: 500;
  margin-right: 8px;
  text-align: right;
}
.workflow-tab .schedule-checkbox-workflow {
  margin-left: 30px;
}
.workflow-tab .schedule-checkbox-workflow-value {
  vertical-align: baseline !important;
}
.workflow-tab .recipient label {
  margin-top: 6px;
  margin-bottom: 4px;
  font-weight: 500;
  display: block;
  margin-left: 12px;
}
.workflow-tab .recipient .dropdown-container {
  width: calc(100% - 60px);
  display: inline-block;
  margin: 0 10px;
}
.workflow-tab .popup-trigger {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 33px;
  background-color: #FFFFF8;
  border: 1px solid #DBDBD4;
  border-radius: 8px;
  padding: 4px 6px;
  cursor: pointer;
}
.workflow-tab .tags-input-container {
  position: relative;
  cursor: text;
}
.workflow-tab .tags-input-container .tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  width: 100%;
  border: 1px solid #c6c1c1;
}
.workflow-tab .tags-input-container .placeholder-text {
  position: absolute;
  margin: 3px 0 0 7px;
  opacity: 0.4;
  line-height: 29px;
}
.workflow-tab .tags-input-container .tags-input {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 29px;
  width: 100%;
}
.workflow-tab .tags-input-container .tags-input input {
  border: none;
  min-height: 29px;
  line-height: 29px;
  font-size: 14px;
  margin: 0;
  min-width: 2.2em;
  max-width: 100%;
  width: 100% !important;
  background-color: #FFFFFF;
}
.workflow-tab .tags-input-container .tags-input input:focus {
  outline: none;
}
.workflow-tab .tags-input-container .tags-input .tag {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  padding: 5px 8px 5px 11px;
  font-size: 14px;
  line-height: 14px;
  list-style: none;
  border-radius: 4.5px;
  margin: 3px 5px 3px 0;
  background-color: #f4f5f7;
  border-color: #f4f5f7;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}
.workflow-tab .tags-input-container .tags-input .tag .tag-close-icon {
  margin-left: 8px;
  opacity: 0.5;
  font-size: 13px;
  line-height: 13px;
}
.workflow-tab .tags-input-container .tags-input .tag .tag-close-icon .icon {
  margin: 0;
}
.workflow-tab .tags-input-container .tags-input .tag .tag-close-icon:hover {
  opacity: 1;
}
.workflow-tab .tags-input-container .tags-input .tag:hover {
  color: rgba(0, 0, 0, 0.8);
}
.workflow-tab .tags-input-container .tags-input .tag.error {
  background-color: #E15A51;
  color: #ffffff;
}
.workflow-tab .tags-input-container .tags-input .tag.error .tag-close-icon {
  opacity: 1;
}
.workflow-tab .tags-input-container .menu {
  position: absolute;
  z-index: 11;
  margin: 12px 0 0;
  border: 1px solid #96c8da;
  border-top: none;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  max-height: 250px;
  overflow: auto;
  background-color: #ffffff;
}
.workflow-tab .tags-input-container .menu.hidden {
  display: none;
}
.workflow-tab .tags-input-container .menu.visible {
  display: block;
}
.workflow-tab .tags-input-container .menu .menu-item {
  padding: 12px 18px;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}
.workflow-tab .tags-input-container .menu .menu-item span {
  color: grey;
  font-size: 13px;
  margin-left: 5px;
}
.workflow-tab .tags-input-container .menu .menu-item .user,
.workflow-tab .tags-input-container .menu .menu-item .users {
  padding: 0;
  margin: 0 5px;
  display: inline-block;
  font-size: 16px;
  background-color: #F5F7F8;
  border-radius: 3px;
}
.workflow-tab .tags-input-container .menu .menu-item:hover,
.workflow-tab .tags-input-container .menu .menu-item.hovered {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  outline: none;
}
.workflow-tab .tags-input-container.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.workflow-tab .tags-input-container.disabled .placeholder-text {
  opacity: 0.2;
}
div.ui.delete-gauge-input {
  border: 0px solid #D5D5D5 !important;
  width: 4em !important;
  padding: 0em !important;
  margin: 0em !important;
  font-size: 0.64285714em !important;
}
.redactor-box .redactor-toolbar {
  background-color: #FFF;
  padding: 0 5px !important;
  margin: 0 !important;
  z-index: 2;
  border-top: 1px solid #eee;
  margin-top: 8px;
}
.redactor-box .redactor-toolbar li a {
  padding: 13px !important;
}
.redactor-box .redactor-toolbar li.tags a {
  color: #54BA48;
  font-weight: 600;
}
.redactor-box .redactor-toolbar li.tags a:hover {
  background-color: transparent;
  color: #54BA48;
}
.highcharts-label {
  cursor: default !important;
}
.headline-container,
.headline-container chart,
.headline-container pie-chart-react {
  display: block;
}
.headline-container,
.headline-container > .wrapper,
.headline-container chart,
.headline-container pie-chart-react {
  height: 100%;
}
.headline-container headline.snapshot {
  height: auto;
}
.headline-container .data-wrapper .data.red {
  color: #e36a78 !important;
}
.headline-container .data-wrapper .data.orange {
  color: #f9c97b !important;
}
.headline-container .data-wrapper .data.yellow {
  color: #faf076 !important;
}
.headline-container .data-wrapper .data.green {
  color: #b1e479 !important;
}
.headline-container .data-wrapper .data.purple {
  color: #bc71fe !important;
}
.headline-container .data-wrapper .data.blue {
  color: #92bced !important;
}
.headline-container .data-wrapper .data.teal {
  color: #96eeda !important;
}
.headline-container .data-wrapper .data.seablue {
  color: #00abd9 !important;
}
.headline-container .data-wrapper .data.navy {
  color: #034799 !important;
}
.headline-container .data-wrapper .data.brick {
  color: #bf1e1e !important;
}
.headline-container .data-wrapper .data.tangerine {
  color: #e9541a !important;
}
.headline-container .data-wrapper .data.pumpkin {
  color: #ff9a00 !important;
}
.headline-container .data-wrapper .data.olive {
  color: #8d8218 !important;
}
.headline-container .data-wrapper .data.forrest {
  color: #409944 !important;
}
.headline-container .data-wrapper .data.aqua {
  color: #008e9a !important;
}
.headline-container .data-wrapper .data.deepblue {
  color: #260082 !important;
}
.headline-container .data-wrapper .data.wine {
  color: #9631cc !important;
}
.headline-container .data-wrapper .data.grape {
  color: #930b59 !important;
}
.headline-container .data-wrapper .data.black {
  color: #000000 !important;
}
.headline-container .data-wrapper .data.graphite {
  color: #5a5a5a !important;
}
.headline-container .data-wrapper .data.charcoal {
  color: #737373 !important;
}
.headline-container .data-wrapper .data.silver {
  color: #9b9b9b !important;
}
.headline-container .data-wrapper .data.gray {
  color: #bababa !important;
}
.headline-container .data-wrapper .data.white {
  color: #ffffff !important;
}
.headline-container .data-wrapper .data.wool {
  color: #727b89 !important;
}
.headline-container .data-wrapper .data.dark {
  color: #424b56 !important;
}
.headline-container .data-wrapper .data.bgreen {
  color: #50b83c !important;
}
.headline-container .data-wrapper h3.full-size.value {
  position: absolute;
  top: -40000px;
}
body:not(.reports):not(.reportsent):not(.gauges):not(.builder) :not(.snapshot) > .headline-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
}
body:not(.reports):not(.reportsent) .headline-container {
  text-align: center;
}
body:not(.reports):not(.reportsent) .headline-container .data-wrapper {
  text-align: center;
  width: 100%;
}
.headline-container .data {
  font-weight: 700;
  font-size: inherit;
  text-transform: uppercase;
}
.headline-container .data,
.headline-container .display-text {
  line-height: 1em;
  font-size: inherit;
  cursor: default;
}
.headline-container .subtitle-wrapper input {
  text-align: center;
}
.headline-container .subtitle-wrapper {
  color: #8b919d;
}
.headline-container .data {
  color: #515761;
}
.headline-container .data.drilldown {
  cursor: pointer;
}
.headline-container .benchmark.rank .error {
  font-weight: 600;
  color: #BD5555;
}
.gauges-index,
.gauges-index.ui.segment {
  padding: 0;
}
.gauges-index,
.gauges-index.ui.segment,
.gauges-index inverted.dimmer,
.gauges-index.ui.segment inverted.dimmer {
  background-color: none;
}
.gauges-index .table-action-options,
.gauges-index.ui.segment .table-action-options,
.gauges-index .pagination,
.gauges-index.ui.segment .pagination {
  height: 100%;
}
.gauges-index .pagination,
.gauges-index.ui.segment .pagination {
  color: #96A1A6;
  font-size: 13px;
}
.gauge-index {
  height: 100%;
}
.gauge-index #footer {
  background: white;
  border: solid 1px #DADEE1;
  bottom: 0px;
  font-size: 10px;
  height: 29px;
  line-height: 29px;
  position: fixed;
  width: 100%;
}
.gauge-index #footer a,
.gauge-index #footer a:visited,
.gauge-index #footer a:hover {
  color: #555555;
}
.gauge-index #footer ul li {
  list-style-type: none;
  padding: 0 10px;
}
.gauge-index #footer ul .left {
  float: left;
}
.gauge-index #footer ul .right {
  float: right;
}
.gauge-index .drawer-wrapper .ui.dropdown .menu > .item > img,
.gauge-index .drawer-wrapper .ui.dropdown > .text > img {
  max-height: 24px;
}
.gauge-index .drawer-wrapper .text img {
  margin-top: -4px;
}
.gauge-index .drawer-wrapper .icon.dropdown {
  margin-top: -9px;
}
.gauges-index .drawer-wrapper header h3 {
  font-size: 16px;
  font-weight: 700;
}
.gauges-index .drawer-wrapper header .search {
  margin: 0em 0.25em 0em 0em;
}
.gauges-index .drawer-wrapper .subsection,
.gauges-index .drawer-wrapper h3 {
  color: #555555;
}
.gauges-index .drawer-wrapper .subsection {
  font-weight: 600;
  margin-bottom: 7px;
}
.gauges-index .drawer-wrapper .sidebar-group {
  border-top: solid 1px #DADEE1;
  padding: 0 20px;
}
.gauges-index .drawer-wrapper .sidebar-group.filters {
  border-top: none;
}
.gauges-index .drawer-wrapper .sidebar-group.folders {
  padding: 0;
}
.gauges-index .drawer-wrapper .sidebar-group.folders h2 {
  display: block;
  padding: 0 20px;
  text-transform: uppercase;
}
.gauges-index .drawer-wrapper .sidebar-group.folders:after {
  content: "";
  display: table;
  clear: both;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by {
  font-size: 0 !important;
  position: relative;
  padding: 0;
  text-align: center;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by li {
  display: inline-block;
  list-style: none;
  border: 1px solid #A8A9AD;
  cursor: pointer;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by li button {
  background-color: #FFFFFF;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by li:nth-of-type(1) {
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by li:nth-of-type(3) {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by li.active button {
  background-color: #A8A9AD;
  color: white;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by button {
  position: relative;
  z-index: 1;
  margin: 0;
  font-family: 'proxima-nova', sans-serif;
  letter-spacing: 1px;
  border: none;
  background: transparent;
  color: #727B89;
  cursor: pointer;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by button:focus {
  outline: none;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--created-by button {
  font-size: 14px !important;
  height: 37px;
  padding: 0 19px;
  color: #A8A9AD;
}
.gauges-index .drawer-wrapper .sidebar-group.folders header {
  border-bottom: solid 1px #DADEE1;
}
.gauges-index .drawer-wrapper .sidebar-group .filter--type {
  height: 39px;
}
.gauges-index .drawer-wrapper .sidebar-group .filter--type .subsection {
  float: left;
  line-height: 39px;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li {
  color: #555555;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 37px;
  transition: all 250ms ease;
  padding: 0 20px;
  width: 100%;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li:after {
  content: "";
  display: table;
  clear: both;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li.active,
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li:hover {
  background-color: #FEFFFF;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li.active:hover + li {
  border-top: none;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li.active:hover ~ li {
  border-bottom: none;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li.active,
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li.active:hover {
  border-bottom: solid 1px #CDD0D4;
  border-top: solid 1px #CDD0D4;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li:first-child.active {
  border-top: none;
}
.gauges-index .drawer-wrapper .sidebar-group ul.filter--folders li .count {
  float: right;
  color: #1f78b4;
}
.gauges-index .drawer-wrapper .sidebar-group h3 {
  color: #555555;
  margin-bottom: 10px;
}
.gauges-index .drawer-wrapper .sidebar-group .dropdown.selection {
  margin-bottom: 0;
  font-size: 14px !important;
  height: 37px;
  box-shadow: none !important;
  border: solid 1px #A8A9AD;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 80%;
  color: #A8A9AD;
  float: right;
}
.gauges-index .drawer-wrapper .sidebar-group .dropdown.selection i.dropdown {
  float: right;
}
.gauges-index .drawer-wrapper .sidebar-group .dropdown.selection .text {
  position: relative;
  top: 2px;
}
.gauges-index .drawer-wrapper .sidebar-group .dropdown.selection .text,
.gauges-index .drawer-wrapper .sidebar-group .dropdown.selection .item {
  color: #A8A9AD;
}
.gauges-index .drawer-wrapper .sidebar-group .dropdown.selection .menu {
  font-size: 14px !important;
}
.gauges-index .drawer-wrapper .sidebar-group .section {
  margin-bottom: 10px;
}
.gauges-index .drawer-wrapper .sidebar-group .section:last-child {
  margin-bottom: 0;
}
.gauges-index .drawer-wrapper .sidebar-group > .search {
  background-color: #FFFFFF;
  border-radius: 3px;
  border: solid 1px #DADEE1;
  padding: 0;
  margin-bottom: 10px;
}
.gauges-index .drawer-wrapper .sidebar-group > .search:after {
  content: "";
  display: table;
  clear: both;
}
.gauges-index .drawer-wrapper .sidebar-group > .search input[type=text] {
  border: none;
  color: #A8A9AD;
  display: inline-block;
  font-weight: 300;
  font-family: 'proxima-nova', sans-serif;
  width: 85%;
  padding: 10px 0 10px 10px;
  margin: 0;
}
.gauges-index .drawer-wrapper .sidebar-group > .search i {
  color: #DADEE1;
  cursor: pointer;
  font-size: 1em;
  position: relative;
  top: 1px;
}
.gauges-index .drawer-wrapper .sidebar-group > .search i.remove:hover {
  color: #BD5555;
}
.gauges-index .drawer-wrapper .sidebar-group.filters {
  background-color: #F5F7F8;
  padding-top: 20px;
  padding-bottom: 20px;
}
.gauges-index .ui.table {
  border-radius: 2px !important;
  box-shadow: inherit !important;
  font-size: 14px !important;
  margin: 0;
  border: 1px solid #C6C6C6;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.07);
}
.gauges-index .ui.table thead {
  background-color: #EAEDEF;
}
.gauges-index .ui.table thead th {
  background-color: initial;
  border-radius: 0;
  color: #555555;
  cursor: pointer;
  font-weight: 600;
  height: 41px;
}
.gauges-index .ui.table thead th.gauge_type {
  text-align: center;
  width: 30px;
}
.gauges-index .ui.table thead th.gauge_owner {
  width: 160px;
}
.gauges-index .ui.table thead th.gauge_date_modified {
  width: 170px;
}
.gauges-index .ui.table tr td,
.gauges-index .ui.table tr th {
  font-size: 13px;
}
.gauges-index .ui.table tr td {
  height: 40px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.gauges-index .ui.table tr td.gauge_type {
  text-align: center;
  line-height: 40px;
}
.gauges-index .ui.table tr td.gauge_type img {
  height: 26px;
  width: 26px;
}
.gauges-index .ui.table tr td.gauge_owner {
  text-align: center;
}
.gauges-index .ui.table tr td img {
  position: relative;
  top: 8px;
}
.gauges-index .ui.table tr td:first-child {
  font-weight: 500;
  text-transform: capitalize;
}
.gauges-index .ui.table tr:hover {
  cursor: pointer;
}
.gauges-index .ui.table tr:hover span.gauge-name i {
  visibility: visible;
}
.gauges-index .ui.table tr i.benchmark-flag {
  color: #D5D5D5;
}
.gauges-index .ui.table tr .gauge-flag {
  cursor: default;
  text-transform: uppercase;
  background-color: #AFAFAF;
  font-size: 11px;
  color: white;
  font-weight: 100;
  padding: 3px 8px;
  margin-left: 5px;
  margin-right: 0;
}
.gauges-index .ui.table tr tr.processing {
  background-color: #F3F3F3;
  color: #AFAFAF;
}
.gauges-index .ui.table tr tr.processing a {
  color: #AFAFAF;
}
.gauges-index .ui.table tr tr.processing a.disabled {
  cursor: default;
}
.gauges-index .ui.table span.gauge-name {
  position: relative;
  margin-left: 6px;
}
.gauges-index .ui.table span.gauge-name i.info {
  visibility: hidden;
  position: relative;
  top: 1px;
}
.gauge-visual-wrapper {
  display: block;
  padding: 2% 0;
  margin: 0 auto;
  width: 70%;
  overflow-y: auto;
  transition: left 300ms;
  position: relative;
  left: 0;
}
.gauge-visual-wrapper.dataset-drawer-open {
  left: -11%;
}
.gauge-visual-wrapper .gauge-visual {
  margin: 0 auto;
  height: 100%;
}
.gauge-visual-wrapper .gauge-visual header:after {
  content: "";
  display: table;
  clear: both;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name {
  background: #e6e6e6;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #727B89;
  float: left;
  font-weight: 400;
  max-width: 610px;
  padding: 10px 20px 8px 15px;
  text-transform: uppercase;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name:after {
  content: "";
  display: table;
  clear: both;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name i {
  color: #54BA48;
  position: relative;
  top: -2px;
  left: 2px;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name.edit {
  padding: 4px 8px 0px 8px;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name.edit .gauge-edit-detail {
  display: block;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name.edit .gauge-edit-detail input {
  cursor: text;
  float: left;
  margin-right: 6px;
  max-width: 560px;
  min-width: 200px;
  padding: 6px;
  width: 70%;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name.edit .gauge-edit-detail .edit-gauge-name-icons {
  float: right;
  position: relative;
  top: 8px;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name.edit .gauge-edit-detail .edit-gauge-name-icons i.close {
  color: #BD5555;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name.edit .gauge-name-detail {
  display: none;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name .gauge-edit-detail {
  display: none;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name-detail,
.gauge-visual-wrapper .gauge-visual header .edit-gauge-name-icons {
  cursor: pointer;
}
.gauge-visual-wrapper .gauge-visual header .errorpopup.popup {
  background-color: red !important;
  font-size: 10px;
  padding: 3px 8px;
  text-transform: none;
  top: 0;
  left: 8px !important;
}
.gauge-visual-wrapper .gauge-visual header .errorpopup.popup:before {
  background-color: red !important;
}
.gauge-visual-wrapper .gauge-visual header .edit-gauge-name.ng-invalid-maxlength {
  border: 1px solid red;
}
.gauge-visual-wrapper .gauge-visual header .gauge-name-detail {
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.gauge-visual-wrapper .gauge-visual header .gauge-type-wrapper {
  float: right;
}
.gauge-visual-wrapper .gauge-visual .contain {
  background: #fff;
  border: 10px solid #E6E6E6;
  height: 550px;
}
.gauge-visual-wrapper .gauge-visual chart,
.gauge-visual-wrapper .gauge-visual pie-chart-react {
  display: block;
  height: 100%;
}
.gauge-visual-wrapper .gauge-visual .gauge.chart,
.gauge-visual-wrapper .gauge-visual .gauge.chart .wrapper {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
.gauge-visual-wrapper .gauge-visual .updated-gauge-data-type li {
  cursor: pointer;
}
.gauge-visual-wrapper headline .data-wrapper h3 {
  color: #515761;
  font-size: 100px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* max-width: 100%; */
  /* display: block; */
  overflow: hidden;
}
.gauge-visual-wrapper headline .subtitle-wrapper input,
.gauge-visual-wrapper headline .subtitle-wrapper gauge-benchmark-rank {
  font-size: 30px;
  color: #8b919d;
}
.gauge-visual-wrapper .headline-container .data-wrapper h3 {
  color: #515761;
  font-size: 100px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gauge-visual-wrapper .headline-container .subtitle-wrapper input,
.gauge-visual-wrapper .headline-container .subtitle-wrapper .benchmark {
  font-size: 30px;
  color: #8b919d;
}
.dataset-info {
  display: inline-block;
  width: 20%;
  max-width: 300px;
  vertical-align: top;
  position: absolute;
}
.dataset-info.toggle {
  padding-top: 35px;
  text-align: right;
  max-width: 14%;
  color: #1f78b4;
  cursor: pointer;
  right: 1%;
  z-index: 0;
}
.dataset-info.toggle .dataset-info-toggle-label {
  cursor: pointer;
}
.dataset-info.toggle .dataset-info-view-params {
  margin-top: 0.75em;
  cursor: default;
}
.dataset-info.toggle .dataset-info-view-params > div + div {
  margin-top: 0.35em;
}
.dataset-info .view-parameters-button {
  left: 8px;
  position: relative;
}
.dataset-info.drawer {
  padding: 10px;
  font-size: 14px;
  transition: right 300ms;
  right: 0;
  top: 90px;
  z-index: 10;
  border-left: 1px solid #979797;
  background-color: inherit;
  overflow-y: scroll;
}
.dataset-info.drawer.closed {
  right: -20%;
}
.dataset-info.drawer .icon.close {
  float: right;
  color: #54BA48;
}
.dataset-info.drawer .dataset {
  margin-bottom: 35px;
}
.dataset-info.drawer .dataset .layers {
  font-weight: 600;
  font-size: 16px;
}
.dataset-info.drawer .dataset > .name {
  cursor: pointer;
  display: block;
}
.dataset-info.drawer .dataset .name,
.dataset-info.drawer .dataset p {
  margin: 8px 0;
}
.dataset-info.drawer .dataset .info {
  font-weight: 500;
  color: #9B9B9B;
}
#dataset-options tr {
  cursor: pointer;
}
#dataset-info-drawer {
  overflow-y: auto;
}
.gauge-visual-wrapper .headline-container .data-wrapper h3 {
  color: #515761;
  font-size: 100px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gauge-visual-wrapper .headline-container .subtitle-wrapper input,
.gauge-visual-wrapper .headline-container .subtitle-wrapper .benchmark {
  font-size: 30px;
  color: #8b919d;
}
/* Dashboards */
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 870px) {
  html,
  body {
    min-width: initial;
  }
  .menu .item {
    -webkit-transform: translate3d(0, 0, 0);
  }
  header .global-nav,
  header .module-actions,
  header .global-create-button,
  header .user-nav > .dropdown > a,
  header > .dropdown,
  header .nav-wrapper.full {
    display: none!important;
  }
  header#global-header > :not(.nav-wrapper) .icon.dropdown {
    top: 0;
  }
  .nav-wrapper.mobile {
    display: block!important;
  }
  .global-header .user-nav {
    line-height: initial;
  }
  .global-header .user-nav .menu {
    max-height: 450px;
    overflow-y: auto;
  }
}
.bgs-theme #global-header .ui.dropdown {
  display: inline-flex;
}
.bgs-theme #global-header .ui.popup {
  background-color: #000;
}
.bgs-theme #global-header .ui.popup.create {
  padding: 0;
}
.bgs-theme #global-header .ui.popup.create .create-content {
  background-color: #000;
}
.bgs-theme #global-header .ui.popup:before {
  background-color: #000;
}
@media (max-width: 870px) {
  .dashboards [ng-app="dashboard_app"] .main-app-container {
    overflow: visible !important;
  }
  .ui.text.loader {
    width: 100% !important;
  }
  .dashboards dashboarditem > div.header.reorder {
    cursor: default;
  }
  .dashboards .header-menu {
    padding: 5px 30px !important;
  }
  .dashboards .container-fluid {
    height: initial;
    min-height: 100px;
  }
}
.list-view-switch-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 10px 0 0;
}
.list-view-switch {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.list-view-switch:hover {
  background-color: rgba(155, 154, 155, 0.2);
}
.action-item.disabled,
.action-item.disabled:hover,
.action-item.disabled.active {
  cursor: default;
}
.action-item:hover > *,
.action-item.active,
.action-item.visible {
  opacity: 1 !important;
}
.action-item > *:not(.menu) {
  opacity: 0.6 !important;
}
.action-item > *:not(.menu).disabled,
.action-item > *:not(.menu).disabled:hover,
.action-item > *:not(.menu).disabled.active {
  opacity: 0.3;
}
.action-item.error {
  color: #BD5555 !important;
}
.spacing {
  margin-right: 16px;
}
html.tv-mode.dark.theme {
  background-color: #424B56;
}
.gridster.playlist-running dashboarditem .reorder {
  cursor: initial !important;
}
.dashboards {
  background-color: #f4f3f3;
  transition: background-color 0.5s;
}
.dashboards .global-header {
  transition: display 0.5s;
}
.dashboards .container-fluid {
  overflow-y: auto;
  overflow-x: hidden;
}
.dashboards .loader_container {
  width: 100%;
  height: 100%;
  z-index: 99;
  position: fixed;
  top: 0px;
  left: 0px;
}
.dashboards .forbidden-403 {
  height: 100%;
}
.dashboards .forbidden,
.dashboards .timeout-error {
  height: 100%;
}
.dashboards .forbidden .segment,
.dashboards .timeout-error .segment {
  min-height: 500px;
}
.dashboards .forbidden .ui.inverted.dimmer,
.dashboards .timeout-error .ui.inverted.dimmer {
  background: transparent;
}
.dashboards [ng-app="dashboard_app"] .main-app-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.dashboards .update-only {
  margin-left: 40px;
}
.dashboards .update-only .distribution.text {
  font-size: 15px;
  padding-bottom: 10px;
}
.dashboards .update-only label {
  font-size: 15px;
}
.dashboards .global-filter-icon.popup {
  font-weight: 600;
  padding: 0;
  border-radius: 7px;
  font-size: 16px;
  max-width: 300px;
}
.dashboards .global-filter-icon.popup gauge-filters,
.dashboards .global-filter-icon.popup gauge-filter,
.dashboards .global-filter-icon.popup gauge-filter-items {
  display: block;
}
.dashboards .global-filter-icon.popup .popup-group {
  margin-bottom: 0;
}
.dashboards .global-filter-icon.popup ul {
  max-height: 400px;
  overflow-x: hidden;
  clear: both;
}
.dashboards .global-filter-icon.popup ul li {
  list-style-type: none;
  padding: 5px 16px;
}
.dashboards .global-filter-icon.popup ul li:first-child {
  padding-top: 15px;
}
.dashboards .global-filter-icon.popup ul li:last-child {
  padding-bottom: 15px;
}
.dashboards .global-filter-icon.popup ul li .filter-name {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  width: 75%;
}
.dashboards .global-filter-icon.popup ul li .filter-name:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.dashboards .global-filter-icon.popup ul li .filter-name:hover .edit.icon {
  display: inline-block;
}
.dashboards .global-filter-icon.popup ul li .filter-name:hover p {
  color: #FFFFFF;
}
.dashboards .global-filter-icon.popup ul li .filter-name .edit.icon {
  display: none;
  float: right;
  padding: 11px 4px 0 0;
  font-size: 14px;
}
.dashboards .global-filter-icon.popup ul li .filter-name p {
  padding: 5px 10px;
  color: #CBCBCB;
  white-space: nowrap;
  width: 85%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 4px;
}
.dashboards .global-filter-icon.popup ul li > span,
.dashboards .global-filter-icon.popup ul li .checkbox {
  cursor: pointer;
}
.dashboards .global-filter-icon.popup ul .checkbox {
  margin: 6px 0;
  float: right;
  width: 50px;
}
.dashboards .global-filter-icon.popup ul .checkbox label:after {
  background: #C5BDC8;
}
.dashboards .global-filter-icon.popup ul .checkbox label:before {
  background-color: #7B767D !important;
}
.dashboards .global-filter-icon.popup ul .checkbox.checked input,
.dashboards .global-filter-icon.popup ul .checkbox.checked input:checked {
  color: #7B767D;
}
.dashboards .global-filter-icon.popup ul .checkbox.checked label::after {
  background: #53B847;
}
.dashboards .global-filter-icon.popup ul .text {
  float: left;
}
.dashboards .global-filter-icon.popup .wrapper {
  padding: 15px 20px;
}
.dashboards .global-filter-icon.popup gauge-filter {
  border-bottom: solid 1px grey;
}
.dashboards .global-filter-icon.popup gauge-filter:last-child {
  border-bottom: none;
}
.dashboards .global-filter-icon.popup gauge-filter input {
  border-radius: 0.3125em;
  margin-top: 10px;
  padding: 0.65em 1em;
}
.dashboards .global-filter-icon.popup gauge-filter .toggle {
  color: #616769;
  background-color: #202428;
  border-radius: 5px;
  font-size: 12px;
  padding: 1px 10px;
}
.dashboards .global-filter-icon.popup gauge-filter .toggle span {
  cursor: pointer;
}
.dashboards .global-filter-icon.popup .message {
  left: initial;
}
.dashboards .global-filter-icon.popup .message a {
  cursor: pointer;
}
.dashboards .clickable {
  cursor: pointer;
}
.dashboards .module-actions > div,
.dashboards .module-actions > i {
  color: #333633;
}
.dashboards .module-actions > div {
  padding: 0 10px;
}
.dashboards .module-actions > div:hover,
.dashboards .module-actions > div.visible {
  background: rgba(155, 154, 155, 0.2);
  border-radius: 3px;
}
.dashboards .module-actions .more-menu .menu {
  left: -137px;
  top: 40px;
}
.dashboards .bg-power {
  position: fixed;
  padding: 5px;
  bottom: calc(20px/2);
  right: calc(20px/2);
  font-weight: 100;
  opacity: 0.35;
  border-radius: 3px;
  transition: opacity 200ms;
  z-index: 5;
}
.dashboards .bg-power span {
  font-size: 10px;
}
.dashboards .bg-power:hover {
  opacity: 1;
}
.dashboards .bg-power a {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 5px;
}
.dashboards .bg-power img {
  height: 15px;
  width: 90px;
}
.dashboards.light.theme .bg-power {
  font-weight: 600;
  background-color: #FFF;
  color: #2D3239;
}
.dashboards.dark.theme .bg-power {
  background-color: #4D5258;
  color: #FFFFFF;
}
.dashboards .dashboard-theme.icon {
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  margin: 0 10px 0 !important;
  border: 1px solid #ECEEEF;
  border-radius: 3px;
}
.dashboards .dashboard-theme.icon.dark {
  background-color: #424B56;
}
.dashboards .dashboard-theme.icon.light {
  background-color: #ECEEEF;
}
.dashboards .header-menu {
  background-color: #f4f3f3;
  padding: 10px;
  transition: background-color 0.5s;
  font-size: 14px;
}
.dashboards .header-menu header {
  color: #333633;
  transition: padding 0.5s;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
}
.dashboards .header-menu header .more-menu {
  display: inline-block;
}
.dashboards .header-menu header .more-menu.tv-mode {
  padding: 0;
}
.dashboards .header-menu header .more-menu .menu .item {
  padding-left: 6px !important;
  padding-right: 12px !important;
}
.dashboards .header-menu header .more-menu .menu .item.active {
  font-weight: normal;
}
.dashboards .header-menu header .more-menu .menu .item .icon {
  opacity: 0.5;
  margin-right: 0.1em;
}
.dashboards .header-menu header .more-menu .menu .item:hover .icon,
.dashboards .header-menu header .more-menu .menu .item.selected .icon {
  opacity: 1;
}
.dashboards .header-menu header .more-menu svg {
  height: 14px;
  width: 16px;
}
.dashboards .header-menu header .more-menu svg * {
  fill: #333633;
}
.dashboards .header-menu header .edit-icon {
  background-image: url('/static/img/dashboards/icn-dashboard-gear.png');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-left: 12px;
  width: 15px;
}
.dashboards .header-menu .menu .scrolling.menu .item.with-label {
  display: flex;
  justify-content: space-between;
  padding-right: 0px !important;
}
.dashboards .header-menu .menu .scrolling.menu .item.with-label span {
  width: 75%;
  overflow: hidden;
  text-overflow: ellipsis !important;
}
.dashboards #main-container {
  transition: background-color 0.5s, background-image 0.5s;
  background-color: #f4f3f3;
}
.dashboards .cloak,
.dashboards .masked {
  visibility: hidden !important;
}
.dashboards .cloak .highcharts-container rect,
.dashboards .masked .highcharts-container rect,
.dashboards .cloak .highcharts-container path,
.dashboards .masked .highcharts-container path,
.dashboards .cloak .highcharts-container tspan,
.dashboards .masked .highcharts-container tspan,
.dashboards .cloak .highcharts-container text,
.dashboards .masked .highcharts-container text {
  visibility: hidden;
}
.dashboards dashboarditem .gauge,
.dashboards dashboarditem .gauge > .wrapper,
.dashboards dashboarditem chart {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
}
.dashboards [data-reactroot] .message {
  left: 0;
}
.dashboards .message:not(.ui) {
  position: relative;
  top: 0px;
  height: 100%;
  width: 100%;
  margin-top: 75px;
  text-align: center;
  left: 15px;
}
.dashboards .message:not(.ui).loading {
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.dashboards .message:not(.ui).loading .ui.basic.segment {
  width: 100%;
}
.dashboards .message:not(.ui) h3 {
  color: #999;
  font-weight: bold;
}
.dashboards .message:not(.ui) .ui.segment,
.dashboards .message:not(.ui) .inverted.dimmer {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  height: 200px;
}
.dashboards .empty-dash {
  transition: padding-left 0.5s;
  color: white;
  margin-top: 100px;
  left: 0;
}
.dashboards .empty-dash .text {
  border-radius: 5px;
  padding: 30px 0 0 0;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.dashboards .empty-dash .text .header {
  color: #515761;
  font-family: "proxima-nova";
  font-size: 36px;
  font-weight: 300;
  text-transform: capitalize;
  margin: 0;
}
.dashboards .empty-dash .text p {
  color: #515761;
  font-weight: 500;
  font-size: 18px;
  margin: 10px 0 0 0;
}
.dashboards .empty-dash .chart-types {
  position: relative;
  margin-bottom: 50px;
}
.dashboards .empty-dash .chart-types li {
  display: inline-block;
}
.dashboards .empty-dash .chart-types li img {
  height: 48px;
  width: auto;
  margin: 1px;
}
.dashboards .empty-dash .chart-types.cycle {
  margin: 20px auto;
  width: 172px;
  height: 160px;
}
.dashboards .empty-dash .chart-types.cycle li img {
  height: 170px;
}
.dashboards .empty-dash .button {
  background-color: #53B847;
  color: #FFFFFF;
  font-weight: 600;
  padding: 18px 32px;
  margin: 30px 0 0 0;
}
.dashboards .empty-dash .button a {
  font-size: 20px;
}
.dashboards .empty-dash img.dashboard {
  position: relative;
  max-width: 100%;
  top: -370px;
  z-index: -1;
  width: 100%;
}
.dashboards .empty-dash img.arrow {
  position: absolute;
  top: 135px;
  left: 350px;
  display: none;
}
.dashboards .empty-dash.no-datasources .datasources-list {
  width: 840px;
  margin: 0 auto;
  text-align: center;
}
.dashboards .empty-dash.no-datasources .datasources-list .img {
  border: none;
  background-color: #FFFFFF;
}
.dashboards .empty-dash.no-datasources .button {
  margin-top: 2em;
  margin-bottom: 1em;
  display: inline-block;
}
.dashboards .empty-dash.no-datasources .button a {
  color: #FFFFFF;
}
.dashboards .empty-dash.no-datasources .invite {
  color: #1f78b4;
  font-size: 14px;
  font-weight: 600;
}
.dashboards .module-actions {
  float: right;
  font-weight: 500;
  font-size: 16px;
}
.dashboards .module-actions > div,
.dashboards .module-actions > i,
.dashboards .module-actions > span {
  float: left;
}
.dashboards .module-actions > div.interval-time,
.dashboards .module-actions > i.interval-time,
.dashboards .module-actions > span.interval-time,
.dashboards .module-actions > div.dashboard-theme,
.dashboards .module-actions > i.dashboard-theme,
.dashboards .module-actions > span.dashboard-theme {
  color: #929AA8;
}
.dashboards .module-actions > div.interval-time,
.dashboards .module-actions > i.interval-time,
.dashboards .module-actions > span.interval-time {
  margin-right: 25px;
}
.dashboards .module-actions svg {
  margin-right: 5px;
}
.dashboards .module-actions .fullscreen {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.dashboards .module-actions .fullscreen svg * {
  fill: #333633;
}
.dashboards .module-actions .fullscreen.active svg * {
  fill: #54BA48;
}
.dashboards .module-actions .filter {
  text-transform: capitalize;
}
.dashboards .module-actions .filter.active {
  color: #53B847;
}
.dashboards .module-actions > div .icon.external {
  top: 1px;
}
.dashboards .module-actions > div > .img {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.dashboards .module-actions .share .img {
  width: 16px;
  height: 17px;
  background-image: url('/static/img/dashboards/icn-dashboard-share.png');
}
.dashboards .module-actions .delete .img {
  width: 13px;
  height: 17px;
  background-image: url('/static/img/dashboards/icn-dashboard-delete.png');
}
.dashboards .module-actions .cancel i {
  margin-right: 2px;
}
.dashboards .module-actions .save {
  padding: 0 20px;
  margin-right: 0 !important;
  background-color: #214E74;
}
.dashboards .module-actions .save .img {
  width: 15px;
  height: 16px;
  background-image: url('/static/img/dashboards/icn-dashboard-save.png');
}
.dashboards #dashboard {
  margin-top: -10px;
  float: right;
  width: 100%;
  transition: width 0.5s;
}
.dashboards #dashboard img.dashboard {
  -webkit-filter: opacity(8px);
  filter: opacity(8px);
}
.dashboards #dashboard i.icon.remove.option.close {
  color: #A9D8AC;
  opacity: 1;
  transition: color 0.5s;
}
.dashboards #dashboard i.icon.remove.option.close:hover {
  color: #54BA48;
}
.dashboards .filter-config dashboarditem .filter,
.dashboards .filter-config dashboarditem .filter-container {
  visibility: hidden;
}
.dashboards .filter-config dashboarditem.filtered {
  border: solid 3px #62D254;
}
.dashboards .filter-config dashboarditem .overlay {
  display: block;
}
.dashboards dashboarditem.filtered .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  background: #62D254;
  z-index: 1000;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dashboards dashboarditem.filtered .header .filter-container {
  flex: 0 0 30px;
}
.dashboards dashboarditem.filtered .header .filter-container i.loading.icon {
  position: relative;
  top: 10px;
}
.dashboards dashboarditem.filtered.excluded-filters .overlay {
  background: #D8D8D8;
}
.dashboards .redactor-dropdown-p-dashboard-regular,
.dashboards .redactor-dropdown-p-dashboard-large,
.dashboards .redactor-dropdown-p-dashboard-x-large {
  font-weight: bold;
}
.dashboards .redactor-dropdown-p-dashboard-regular {
  font-size: 1.3em;
}
.dashboards .redactor-dropdown-p-dashboard-large {
  font-size: 1.6em;
}
.dashboards .redactor-dropdown-p-dashboard-x-large {
  font-size: 2em;
}
.dashboards .redactor-editor .dashboard-regular,
.dashboards .redactor-content .dashboard-regular {
  font-weight: bold !important;
  font-size: 45px !important;
  line-height: 54px !important;
}
.dashboards .redactor-editor .dashboard-large,
.dashboards .redactor-content .dashboard-large {
  font-size: 70px !important;
  line-height: 85px !important;
  font-weight: bold !important;
}
.dashboards .redactor-editor .dashboard-x-large,
.dashboards .redactor-content .dashboard-x-large {
  font-size: 100px !important;
  font-weight: bold !important;
  line-height: 122px !important;
}
.dashboards dashboarditem {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px 1px #CACEDA;
  box-shadow: 0px 1px 2px 1px #CACEDA;
  margin: 0;
  border: 1px solid #dedede;
  background-color: #fff;
  z-index: 2;
}
.dashboards dashboarditem:hover .icons {
  opacity: 0.5;
}
.dashboards dashboarditem .icons {
  opacity: 0;
}
.dashboards dashboarditem .icons.left {
  flex: 0 0 25px;
}
.dashboards dashboarditem .icons.left .icon.pencil {
  background-color: #D8D8D8 !important;
  color: #2D3239 !important;
  font-size: 12px;
  top: -2px;
  position: relative;
}
.dashboards dashboarditem chart {
  display: block;
}
.dashboards dashboarditem .overlay {
  display: none;
}
.dashboards dashboarditem .threshold-alert {
  position: absolute;
  right: 20px;
  bottom: 40px;
  opacity: 0;
  transition: opacity 750ms;
}
.dashboards dashboarditem .threshold-alert.show {
  z-index: 5;
  opacity: 1;
}
.dashboards dashboarditem:not(.hide-header) .content-area {
  max-height: calc(100% - 68px);
}
.dashboards dashboarditem .content-area {
  flex: 1;
  height: 100%;
}
.dashboards dashboarditem .content-area > span,
.dashboards dashboarditem .content-area > span > span {
  max-height: 100%;
}
.dashboards dashboarditem gaugewrapper {
  padding-top: 15px;
}
.dashboards dashboarditem gaugewrapper.list,
.dashboards dashboarditem gaugewrapper.table,
.dashboards dashboarditem gaugewrapper.leaderboard {
  padding-top: 0;
  position: relative;
  z-index: 3;
  overflow: auto;
}
.dashboards dashboarditem gaugewrapper :not(.snapshot) > headline {
  padding: 20px;
  height: 100%;
  position: relative;
  top: 2%;
}
.dashboards dashboarditem gaugewrapper :not(.snapshot) > headline .display-text {
  font-weight: 300;
}
.dashboards dashboarditem gaugewrapper :not(.snapshot) > headline .subtitle-wrapper {
  position: relative;
}
.dashboards dashboarditem gaugewrapper.headline {
  padding-top: 0;
}
.dashboards dashboarditem gaugewrapper headline .display-text {
  color: #8b919d;
}
.dashboards dashboarditem .chart {
  overflow: hidden;
}
.dashboards dashboarditem.hide-header.old-ui > .header.reorder {
  transition: opacity 300ms;
  opacity: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
}
.dashboards dashboarditem:hover.hide-header.old-ui > .header {
  opacity: 1;
}
.dashboards dashboarditem.hide-header.new-ui > .header.reorder {
  opacity: 1;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: transparent !important;
  justify-content: end;
}
.dashboards dashboarditem .redactor-content {
  color: #515761;
}
.dashboards dashboarditem:not(.hide-header) > .header:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: " ";
  width: 1em;
  height: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: none;
  background-color: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 0;
  left: 50%;
  margin-left: -0.5em;
  top: 35px;
}
.dashboards dashboarditem > .old-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #424B56;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  font-size: 18px;
  height: 38px;
  min-height: 38px;
  line-height: 18px;
  padding: 0 10px;
  text-transform: capitalize;
}
.dashboards dashboarditem > .old-header > .text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.dashboards dashboarditem > .new-header {
  display: flex;
  align-items: center;
  border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  height: 38px;
  min-height: 38px;
  line-height: 18px;
  padding: 0 10px;
  text-transform: capitalize;
}
.dashboards dashboarditem > .new-header .new-Ui-header {
  justify-content: start;
  background-color: #FFFFFF;
}
.dashboards dashboarditem > .new-header > .text {
  font-family: 'Roboto';
  color: #8B919D;
  font-weight: 700;
  text-align: left;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.dashboards dashboarditem > .header {
  flex: 0 0 38px;
}
.dashboards dashboarditem > .header > .text {
  flex: 1;
}
.dashboards dashboarditem > .header.reorder {
  position: relative;
  cursor: move;
}
.dashboards dashboarditem > .header .dropdown.link .ui.menu {
  left: -53px;
  top: 45px;
}
.dashboards dashboarditem > .header .dropdown.link .ui.menu .item {
  padding: 0.2em 1.25em !important;
  text-align: right;
  text-transform: uppercase;
}
.dashboards dashboarditem > .header .dropdown.link .ui.menu .item:first-child {
  padding-top: 1em !important;
}
.dashboards dashboarditem > .header .dropdown.link .ui.menu .item:last-child {
  padding-bottom: 1em !important;
}
.dashboards dashboarditem > .header .dropdown.link .ui.menu::after {
  height: 1.5em;
  left: 65%;
  width: 1.5em;
  z-index: -20;
}
.dashboards dashboarditem > .header .dropdown.link .ui.menu .item a {
  color: #8BCA84;
  font-size: 12px;
}
.dashboards dashboarditem > .header .dropdown.link .ui.menu,
.dashboards dashboarditem > .header .dropdown.link .ui.menu .item a,
.dashboards dashboarditem > .header .dropdown.link .ui.menu::after {
  background: #373e48;
}
.dashboards dashboarditem > .header .icons {
  position: relative;
  color: #FFFFFF;
  transition: opacity 300ms;
  cursor: pointer;
}
.dashboards dashboarditem > .header .icons.left > .info {
  color: #8B919D;
}
.dashboards dashboarditem > .header .icons.left .menu {
  left: -12px;
  top: 30px;
  border-radius: 5px;
  margin: 5px 10px;
  padding: 5px !important;
  z-index: 21;
}
.dashboards dashboarditem > .header .icons.left .menu .item {
  border-radius: 5px;
  transition: all 200ms;
  font-size: 14px;
  padding-left: 10px !important;
  height: 45px;
}
.dashboards dashboarditem > .header .icons.left .menu .item.active {
  font-weight: normal;
}
.dashboards dashboarditem > .header .icons.left .menu .item.selected {
  background-color: transparent;
}
.dashboards dashboarditem > .header .icons.left .menu .item:hover:not(.disabled) {
  background-color: #5B8BC4;
  color: #FFFFFF;
}
.dashboards dashboarditem > .header .icons.left .menu .item:hover:not(.disabled) .img path {
  fill: #FFFFFF;
}
.dashboards dashboarditem > .header .icons.left .menu .item.disabled:hover {
  cursor: default !important;
  background-color: transparent;
}
.dashboards dashboarditem > .header .icons.left .menu .item.sync.disable {
  color: #515761;
  opacity: 0.5;
  cursor: default;
}
.dashboards dashboarditem > .header .icons.left .menu .item > .img {
  position: relative;
  display: inline-block;
  top: 2px;
  margin-right: 10px;
}
.dashboards dashboarditem > .header .icons.left .menu .item > .img.download {
  margin-right: 13px;
}
.dashboards dashboarditem > .header .icons.left .menu .item .img.download path {
  fill: #B4B7BF;
}
.dashboards dashboarditem > .header .icons.left .menu .item.remove:hover {
  background-color: #BD5555;
}
.dashboards dashboarditem > .header .icons.left .menu .item.copy.selected {
  text-align: center;
  background-color: #53B847;
}
.dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .img {
  display: none;
}
.dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .msg {
  opacity: 1;
  line-height: 23px;
}
.dashboards dashboarditem > .header .icons.left .menu .item.copy.selected .default {
  display: none;
}
.dashboards dashboarditem > .header .icons.left .menu .item.copy .msg {
  opacity: 0;
  transition: opacity 300ms;
  text-align: center;
  color: white;
}
.dashboards dashboarditem > .header .icons.left .menu .item.edit-in-builder a {
  color: inherit;
}
.dashboards dashboarditem > .header .icons:hover,
.dashboards dashboarditem > .header .icons.menu-open {
  opacity: 1;
}
.dashboards dashboarditem > .header .filter-container .filter-toggle {
  height: 100%;
  text-align: center;
}
.dashboards dashboarditem > .header .filter-container .filter-toggle .icons {
  opacity: 1;
  font-size: 1.2em;
}
.dashboards dashboarditem > .header .filter-container .filter-toggle .icons[data-position="bottom center"][data-tooltip]:before {
  margin-top: 0.5rem;
}
.dashboards dashboarditem > .header .filter-container .filter-toggle .icons[data-position="bottom center"][data-tooltip]:after {
  margin-top: 0.9em;
}
.dashboards dashboarditem > .header .filter-container .filter-toggle .icons .icon-react.blue-filter {
  color: #2E3F80;
}
.dashboards dashboarditem > .header .filter-container .filter-toggle .filter-count-badge {
  font-size: 12px;
  top: 0;
  right: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #2E3F80;
  color: #ffffff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  font-style: normal;
}
.dashboards dashboarditem .subtitle {
  display: block;
  min-height: 20px;
  color: #d0d0d0;
}
.dashboards dashboarditem .gauge.chart {
  position: relative;
}
.dashboards dashboarditem .refresh-time {
  padding: 0 10px;
  bottom: 0;
  color: #8B919D;
  font-size: 11px;
  background-color: inherit;
  font-weight: 600;
  left: 0;
  height: 30px;
  min-height: 30px;
  border-top: solid 1px #dedede;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.dashboards dashboarditem .refresh-time .time {
  color: #8B919D;
  font-size: 18px;
  margin: 0;
  position: relative;
  top: 2px;
}
.dashboards dashboarditem .refresh-time.new-Ui-footer {
  border-top: none;
}
.dashboards dashboarditem .quick-sync-icon {
  padding-top: 7px;
}
.dashboards dashboarditem .refresh-time {
  flex: 0 0 30px;
  justify-content: space-between;
}
.dashboards dashboarditem .refresh-time .dataset-name {
  color: #8BCA84;
}
.dashboards dashboarditem .refresh-time .sync-error {
  margin-right: 7px;
}
.dashboards dashboarditem .refresh-time .sync-error,
.dashboards dashboarditem .refresh-time .sync-error a {
  color: #d95c5c;
  font-weight: bold;
}
.dashboards dashboarditem .refresh-time .layer-info {
  margin-right: 7px;
}
.dashboards dashboarditem .refresh-time .icon.refreshing {
  -moz-animation: spin 1.2s 0s infinite linear;
  -webkit-animation: spin 1.2s 0s infinite linear;
  animation: spin 1.2s 0s infinite linear;
  background: url('/static/img/icons/icn-sync.svg') center center no-repeat;
  height: 18px;
  width: 18px;
  position: relative;
  top: 5px;
}
.dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info {
  display: none;
}
.dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info svg {
  margin: 0 0.25rem 0 0;
  width: 18px;
  height: 18px;
}
.dashboards dashboarditem .refresh-time.snapshot-gauge .snapshot-info svg g#snapshot {
  fill: #8B919D !important;
}
.dashboards dashboarditem .refresh-time.snapshot-gauge:hover span:first-child {
  display: none;
}
.dashboards dashboarditem .refresh-time.snapshot-gauge:hover .snapshot-info {
  display: flex;
}
.dashboards dashboarditem.new-ui:not(.hide-header) > .header:after {
  display: none;
}
.dashboards dashboarditem.new-ui > .header {
  background-color: #FFFFFF;
  padding: 15px 10px 10px;
}
.dashboards dashboarditem.new-ui > .header > .text {
  font-family: 'Roboto';
  color: #8B919D;
  font-weight: 700;
  text-align: left;
}
.dashboards dashboarditem.new-ui .refresh-time {
  padding: 0 10px;
  bottom: 0;
  color: #8B919D;
  font-size: 11px;
  background-color: inherit;
  font-weight: 600;
  left: 0;
  height: 30px;
  min-height: 30px;
  border-top: solid 1px #dedede;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.dashboards dashboarditem.new-ui .refresh-time .time {
  color: #8B919D;
  font-size: 18px;
  margin: 0;
  position: relative;
  top: 2px;
}
.dashboards dashboarditem.new-ui .refresh-time.new-Ui-footer {
  border-top: none;
}
.dashboards dashboarditem.new-ui .refresh-time {
  padding: 7px 10px 8px;
  border-top: none;
}
.dashboards dashboarditem.new-ui .icons {
  position: static;
  opacity: 1;
}
.dashboards dashboarditem.new-ui .icons.left .menu {
  left: unset;
  right: -12px;
  top: 15px;
}
.dashboards dashboarditem.new-ui .dropdown.link .ui.menu {
  position: static;
}
.dashboards dashboarditem.preview-holder {
  background-color: #ebf1f7;
  border: 1px solid #87b1da;
}
.dashboards dashboarditem .redactor-container {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.dashboards dashboarditem .redactor-container .redactor-content {
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 15px;
}
.dashboards dashboarditem .redactor-container .redactor-content code,
.dashboards dashboarditem .redactor-container .redactor-content pre {
  font-family: Menlo, Monaco, monospace, sans-serif !important;
  cursor: text;
}
.dashboards dashboarditem .redactor-container .redactor-content div,
.dashboards dashboarditem .redactor-container .redactor-content p,
.dashboards dashboarditem .redactor-container .redactor-content ul,
.dashboards dashboarditem .redactor-container .redactor-content ol,
.dashboards dashboarditem .redactor-container .redactor-content table,
.dashboards dashboarditem .redactor-container .redactor-content dl,
.dashboards dashboarditem .redactor-container .redactor-content blockquote,
.dashboards dashboarditem .redactor-container .redactor-content pre {
  font-size: 14px;
  line-height: 1.6em;
}
.dashboards dashboarditem .redactor-container .redactor-content a {
  text-decoration: underline;
}
.dashboards dashboarditem .redactor-container .redactor-content object,
.dashboards dashboarditem .redactor-container .redactor-content embed,
.dashboards dashboarditem .redactor-container .redactor-content video,
.dashboards dashboarditem .redactor-container .redactor-content img {
  max-width: 100%;
  width: auto;
}
.dashboards dashboarditem .redactor-container .redactor-content video,
.dashboards dashboarditem .redactor-container .redactor-content img {
  height: auto;
}
.dashboards dashboarditem .redactor-container .redactor-content div,
.dashboards dashboarditem .redactor-container .redactor-content p,
.dashboards dashboarditem .redactor-container .redactor-content ul,
.dashboards dashboarditem .redactor-container .redactor-content ol,
.dashboards dashboarditem .redactor-container .redactor-content table,
.dashboards dashboarditem .redactor-container .redactor-content dl,
.dashboards dashboarditem .redactor-container .redactor-content figure,
.dashboards dashboarditem .redactor-container .redactor-content blockquote,
.dashboards dashboarditem .redactor-container .redactor-content pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.dashboards dashboarditem .redactor-container .redactor-content iframe,
.dashboards dashboarditem .redactor-container .redactor-content object,
.dashboards dashboarditem .redactor-container .redactor-content hr {
  margin-bottom: 15px;
}
.dashboards dashboarditem .redactor-container .redactor-content blockquote {
  margin-left: 1.6em !important;
  padding: 0;
  text-align: left;
  color: #777;
  font-style: italic;
}
.dashboards dashboarditem .redactor-container .redactor-content blockquote:before,
.dashboards dashboarditem .redactor-container .redactor-content blockquote:after {
  content: '';
}
.dashboards dashboarditem .redactor-container .redactor-content ul,
.dashboards dashboarditem .redactor-container .redactor-content ol {
  padding-left: 2em;
}
.dashboards dashboarditem .redactor-container .redactor-content ul ul,
.dashboards dashboarditem .redactor-container .redactor-content ol ol,
.dashboards dashboarditem .redactor-container .redactor-content ul ol,
.dashboards dashboarditem .redactor-container .redactor-content ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.dashboards dashboarditem .redactor-container .redactor-content ol ol li {
  list-style-type: lower-alpha;
}
.dashboards dashboarditem .redactor-container .redactor-content ol ol ol li {
  list-style-type: lower-roman;
}
.dashboards dashboarditem .redactor-container .redactor-content dl dt {
  font-weight: bold;
}
.dashboards dashboarditem .redactor-container .redactor-content dd {
  margin-left: 1em;
}
.dashboards dashboarditem .redactor-container .redactor-content table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.dashboards dashboarditem .redactor-container .redactor-content table td,
.dashboards dashboarditem .redactor-container .redactor-content table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.dashboards dashboarditem .redactor-container .redactor-content table thead td,
.dashboards dashboarditem .redactor-container .redactor-content table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.dashboards dashboarditem .redactor-container .redactor-content code {
  background-color: #d8d7d7;
}
.dashboards dashboarditem .redactor-container .redactor-content pre {
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  font-size: 90%;
}
.dashboards dashboarditem .redactor-container .redactor-content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.dashboards dashboarditem .redactor-container .redactor-content h1,
.dashboards dashboarditem .redactor-container .redactor-content h2,
.dashboards dashboarditem .redactor-container .redactor-content h3,
.dashboards dashboarditem .redactor-container .redactor-content h4,
.dashboards dashboarditem .redactor-container .redactor-content h5,
.dashboards dashboarditem .redactor-container .redactor-content h6 {
  font-weight: bold;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 0.5em 0;
}
.dashboards dashboarditem .redactor-container .redactor-content h1,
.dashboards dashboarditem .redactor-container .redactor-content h2,
.dashboards dashboarditem .redactor-container .redactor-content h3,
.dashboards dashboarditem .redactor-container .redactor-content h4 {
  line-height: 1.3;
}
.dashboards dashboarditem .redactor-container .redactor-content h1 {
  font-size: 36px;
}
.dashboards dashboarditem .redactor-container .redactor-content h2 {
  font-size: 24px;
  margin-bottom: 0.7em;
}
.dashboards dashboarditem .redactor-container .redactor-content h3 {
  font-size: 21px;
}
.dashboards dashboarditem .redactor-container .redactor-content h4 {
  font-size: 18px;
}
.dashboards dashboarditem .redactor-container .redactor-content h5 {
  font-size: 16px;
}
.dashboards dashboarditem .redactor-container .redactor-content h6 {
  font-size: 12px;
  text-transform: uppercase;
}
.dashboards.tv-mode .module-actions > div:hover,
.dashboards.tv-mode .module-actions > div.visible {
  background: none;
}
.dashboards.tv-mode #dashboard {
  margin-top: 0;
}
.dashboards.tv-mode #main-container {
  background-color: transparent;
  padding: 0;
}
.dashboards.tv-mode .global-header {
  display: none;
}
.dashboards.tv-mode .dashboard-menu {
  display: none;
}
.dashboards.tv-mode .header-menu {
  border-style: solid;
  border-width: 1px;
}
.dashboards.tv-mode .header-menu i.icon {
  font-size: 14px;
}
.dashboards.tv-mode .header-menu .rotate-timer i.icon {
  font-size: 6px;
}
.dashboards.tv-mode .header-menu header {
  height: 20px;
  line-height: 20px;
}
.dashboards.tv-mode .header-menu header .module-actions {
  position: initial;
}
.dashboards.tv-mode dashboarditem {
  border-radius: 4px;
  overflow: hidden;
}
.dashboards.tv-mode dashboarditem > .header {
  height: 38px;
}
.dashboards.tv-mode dashboarditem > .header::after {
  top: 35px;
}
.dashboards.tv-mode dashboarditem table {
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
}
.dashboards.tv-mode dashboarditem .filter-container {
  pointer-events: none;
  cursor: default;
}
.dashboards.tv-mode dashboarditem .filter-container.asio-env {
  pointer-events: auto;
  cursor: pointer;
}
.dashboards.tv-mode dashboarditem .filter-container.asio-env i.icons .corner.icon {
  text-shadow: none;
}
.dashboards.tv-mode.dark.theme.old-ui .header-menu,
.dashboards.tv-mode.light.theme.old-ui .header-menu {
  color: #FFF;
  background-color: #242830;
  border-color: #242830;
}
.dashboards.tv-mode.dark.theme.old-ui .header-menu header,
.dashboards.tv-mode.light.theme.old-ui .header-menu header {
  color: #FFF;
}
.dashboards.tv-mode.dark.theme.old-ui .header-menu header .module-actions,
.dashboards.tv-mode.light.theme.old-ui .header-menu header .module-actions {
  color: #8BCA84;
}
.dashboards.tv-mode.dark.theme.old-ui .header-menu .dashboard-nav-menu .dots svg *,
.dashboards.tv-mode.light.theme.old-ui .header-menu .dashboard-nav-menu .dots svg * {
  fill: #FFF;
}
.dashboards.tv-mode.dark.theme.old-ui .header-menu .filter .icon,
.dashboards.tv-mode.light.theme.old-ui .header-menu .filter .icon {
  color: #FFF;
}
.dashboards.tv-mode.dark.theme.new-ui .header-menu,
.dashboards.tv-mode.light.theme.new-ui .header-menu {
  color: #FFF;
}
.dashboards.tv-mode.dark.theme.new-ui .header-menu header .module-actions,
.dashboards.tv-mode.light.theme.new-ui .header-menu header .module-actions {
  color: #8BCA84;
}
.dashboards.tv-mode.dark.theme.new-ui .header-menu .dashboard-nav-menu .dots svg *,
.dashboards.tv-mode.light.theme.new-ui .header-menu .dashboard-nav-menu .dots svg * {
  fill: #FFF;
}
.dashboards.tv-mode.dark.theme.new-ui .header-menu .filter .icon,
.dashboards.tv-mode.light.theme.new-ui .header-menu .filter .icon {
  color: #FFF;
}
.dashboards.tv-mode.light.theme.new-ui .header-menu {
  background-color: #FFF !important;
  border-color: #FFF !important;
}
.dashboards.tv-mode.light.theme.new-ui .header-menu header {
  color: #242830 !important;
}
.dashboards.tv-mode.dark.theme.old-ui {
  background-color: #424B56;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem {
  box-shadow: none;
  border: none;
  background-color: #242830;
  color: #ffffff;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header,
.dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header {
  background-color: #515761;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header .icons,
.dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header .icons {
  color: #484d57;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem > .header::after,
.dashboards.tv-mode.dark.theme.old-ui dashboarditem .gauge-border > .old-header::after {
  background-color: #242830;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem .preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem.preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem .refresh-time {
  border-color: #3A3F48;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem table {
  background-color: #333;
  color: #fff;
  border-color: #333333;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem table thead tr th {
  background-color: #222222;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr:nth-child(even) td {
  background-color: #323232;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr:nth-child(odd) td {
  background-color: #3C3C3C;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem table tbody tr.highlight-row td {
  background-color: inherit;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem headline .data {
  color: #FFFFFF;
}
.dashboards.tv-mode.dark.theme.old-ui dashboarditem .redactor-content {
  color: #FFFFFF;
}
.dashboards.tv-mode.dark.theme.new-ui {
  background-color: #424B56;
}
.dashboards.tv-mode.dark.theme.new-ui .header-menu {
  background-color: #242830;
  border-color: #242830;
}
.dashboards.tv-mode.dark.theme.new-ui .header-menu header {
  color: #FFF;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem {
  box-shadow: none;
  border: none;
  background-color: #242830;
  color: #ffffff;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header,
.dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header {
  background-color: #242830;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header .icons,
.dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header .icons {
  color: #484d57;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header::after,
.dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header::after {
  background-color: #242830;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header > .header > .text,
.dashboards.tv-mode.dark.theme.new-ui dashboarditem .gauge-border > .new-header > .header > .text {
  color: #8B919D;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem .preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem.preview-holder {
  background-color: #2a2a2a;
  border-color: #1a1a1a;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem .refresh-time {
  border-color: #3A3F48;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem table {
  background-color: #333;
  color: #fff;
  border-color: #333333;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem table thead tr th {
  background-color: #222222;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr:nth-child(even) td {
  background-color: #323232;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr:nth-child(odd) td {
  background-color: #3C3C3C;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem table tbody tr.highlight-row td {
  background-color: inherit;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem headline .data {
  color: #FFFFFF;
}
.dashboards.tv-mode.dark.theme.new-ui dashboarditem .redactor-content {
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: auto;
  min-height: 100%;
  overflow: visible !important;
  width: 100%;
}
.dashboards .rotate-timer {
  float: left;
  margin: -5px 8px;
  position: relative;
  display: inline-block;
  color: #B0BAC7;
  font-size: 7px;
  text-align: center;
  opacity: 0.8;
  top: 6px;
  right: 16px;
}
.dashboards .rotate-timer figcaption {
  padding: 2px 5px;
  padding-left: 4px;
  width: 10px;
  height: 13px;
  border-radius: 100px;
  line-height: 12px;
}
.dashboards .rotate-timer svg {
  position: absolute;
  top: 0;
  left: 0;
}
.dashboards .rotate-timer svg .circle {
  stroke: #B0BAC7;
  fill: transparent;
  stroke-width: 1;
  stroke-dasharray: 43.98;
}
.dashboards .rotate-timer svg .circle.animate {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation: circleDashFill;
  animation: circleDashFill;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.dashboards .rotate-timer:hover {
  opacity: 1;
}
.bg-asio-dashboard.dashboards .header-menu {
  background-color: transparent;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui {
  background-color: #0A1023 !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui .header-menu {
  background-color: #0A1023 !important;
  border: none;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui section {
  background-color: #0A1023 !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui #gauges {
  background-color: #0A1023 !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui .dataTables_wrapper {
  background-color: #141C39 !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui #dashboard {
  background-color: #0A1023 !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem {
  background-color: #141C39 !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header {
  background-color: #141C39 !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header > .text {
  color: #FFFFFF !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem > .header .icons {
  color: #FFFFFF !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table > tr:nth-child(2n),
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:nth-child(2n) {
  background-color: #141C39;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table > tr:nth-child(n),
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:nth-child(n) {
  background-color: #141C39;
  border-bottom: 1px solid #FFFFFF !important;
  box-shadow: none !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr:hover {
  background-color: #2B3458;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table thead tr {
  background-color: #141C39;
  border-top: none;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table thead th {
  background-color: #141C39;
  font-size: 14px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #FFFFFF !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .ui.striped.table tbody tr td {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  color: #FFFFFF !important;
}
.bg-asio-dashboard.dashboards.tv-mode.dark.theme.new-ui dashboarditem .dataTables_scroll .dataTables_scrollHeadInner {
  border-bottom: 1px solid #FFFFFF;
  border-top: none;
  background-color: #141C39 !important;
}
.bg-asio-dashboard.dashboards dashboarditem {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  border: none #ececee;
  padding: 3px;
}
.bg-asio-dashboard.dashboards dashboarditem.new-ui > .header {
  cursor: default;
}
.bg-asio-dashboard.dashboards dashboarditem.new-ui > .header > .text {
  font-size: 1.25rem;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  color: #101120;
  font-weight: 400;
  text-align: left;
}
.bg-asio-dashboard.dashboards dashboarditem > .new-header {
  border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
}
.bg-asio-dashboard.dashboards dashboarditem > .new-header > .text {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.bg-asio-dashboard.dashboards dashboarditem .refresh-time {
  border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
}
.bg-asio-dashboard.dashboards .ui.striped.table > tr:nth-child(2n),
.bg-asio-dashboard.dashboards .ui.striped.table tbody tr:nth-child(2n) {
  background-color: #ffffff;
}
.bg-asio-dashboard.dashboards .ui.striped.table > tr,
.bg-asio-dashboard.dashboards .ui.striped.table tbody tr {
  box-shadow: #e0e0e0 0px 1px 0px 0px inset;
}
.bg-asio-dashboard.dashboards .ui.striped.table tbody tr:hover {
  background-color: #f8f8f9;
}
.bg-asio-dashboard.dashboards .ui.striped.table thead tr {
  background-color: #ffffff;
}
.bg-asio-dashboard.dashboards .ui.striped.table thead th {
  background-color: #ffffff;
  font-size: 14px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #101120 !important;
}
.bg-asio-dashboard.dashboards .ui.striped.table tbody tr td {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  color: #101120 !important;
}
.dashboard-menu {
  overflow-y: hidden;
  position: absolute;
  padding: 0;
  top: 0;
  right: -300px;
  z-index: 100;
  width: 300px;
  height: 100%;
  background: #f4f3f3;
  border-left: solid 1px #D5D5D5;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.dashboard-menu .menu-section {
  border-bottom: solid 1px #d5d5d5;
  box-shadow: 0 1px white;
  padding: calc(20px/2 + 2px) 20px;
}
.dashboard-menu .menu-section .clear {
  clear: both;
}
.dashboard-menu .menu-section .option {
  width: 28%;
  text-align: center;
  cursor: pointer;
  opacity: 0.25;
  transition: opacity 200ms;
  display: inline-block;
}
.dashboard-menu .menu-section .option.active,
.dashboard-menu .menu-section .option:hover {
  opacity: 1;
}
.dashboard-menu .menu-section .option .text {
  font-weight: 600;
  font-size: 14px;
  color: #2D3239;
}
.dashboard-menu .menu-section .option .img {
  background-size: contain;
  background-repeat: no-repeat;
  height: 30px;
  margin: 0 auto;
}
.dashboard-menu .menu-section .option.gauges .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-gauges.png');
  width: 30px;
}
.dashboard-menu .menu-section .option.filters .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-filter.png');
  width: 32px;
}
.dashboard-menu .menu-section .option.users .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-users.png');
  width: 35px;
}
.dashboard-menu .menu-section .option.modules .img {
  background-image: url('/static/img/dashboards/icn-dashboard-edit-modules.png');
  width: 30px;
}
.dashboard-menu .menu-section .option.remove {
  width: 15px;
  height: 15px;
  font-size: 20px;
  float: right;
}
.dashboard-menu > .section .gauge.item img {
  float: right;
  height: 24px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.dashboard-menu .filters.section .no-filters {
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
  text-align: center;
}
.dashboard-menu .filters.section .no-filters .text {
  font-size: 14px;
}
.dashboard-menu .filters.section .no-filters .img {
  margin-bottom: 20px;
  transform: rotate(-10deg);
}
.dashboard-menu .filters.section .filters .edit {
  opacity: 0;
  transition: opacity 150ms ease-in;
  float: right;
  width: 36px;
}
.dashboard-menu .filters.section .filters .item {
  padding-right: 0;
  background-repeat: no-repeat;
  background-position: 97% 50%;
}
.dashboard-menu .filters.section .filters .item.column-type-text {
  background-image: url("/static/img/builder/column/icn-small-filter-text.png");
}
.dashboard-menu .filters.section .filters .item.column-type-date {
  background-image: url("/static/img/builder/column/icn-small-filter-date.png");
}
.dashboard-menu .filters.section .filters .item.column-type-number {
  background-image: url("/static/img/builder/column/icn-small-filter-number.png");
}
.dashboard-menu .filters.section .filters .item.column-type-bool {
  background-image: url("/static/img/builder/column/icn-small-filter-bool.png");
}
.dashboard-menu .filters.section .filters .item:hover .name {
  max-width: 190px;
}
.dashboard-menu .filters.section .filters .item:hover .edit {
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  background-color: #54BA48 !important;
  opacity: 1;
}
.dashboard-menu .filters.section .button {
  background-color: #8BCA84;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.edit-mode .dashboard-menu {
  right: 0;
}
#switch-dashboard {
  width: 480px !important;
}
#switch-dashboard.ui.dashboard.modal.styled {
  margin-left: -245px;
}
#switch-dashboard .dashboard-search.ui.fluid.input {
  margin-bottom: 16px;
}
#switch-dashboard .dashboard-search.ui.fluid.input input {
  padding: 9px 20px 9px 20px;
  width: 100%;
  border-radius: 25px;
}
#switch-dashboard .no-results {
  padding: 48px 0px 3px 0;
  margin: 0;
  text-align: center;
}
#switch-dashboard .no-results .svg-icon {
  width: 145px;
}
#switch-dashboard .no-results h4 {
  font-weight: 300;
  font-style: italic;
  font-size: 24px;
  color: #727B89;
  margin: 30px 35px;
}
/* Keyframes for the initial animation */
@-webkit-keyframes circleDashFill {
  from {
    stroke-dashoffset: 43.98;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes circleDashFill {
  from {
    stroke-dashoffset: 43.98;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.dashed-border {
  border: dashed 1px #D5D5D5;
}
.dashboard-hierarchy .green-text {
  color: #4AB017;
}
.dashboard-hierarchy .parent-title-name {
  font-family: Roboto;
  font-style: SemiBold;
  font-size: 18px;
  line-height: 21px;
  vertical-align: center;
}
.dashboard-hierarchy .linked-parent-title-name {
  cursor: pointer;
}
.dashboard-hierarchy .linked-parent-title-name:hover {
  color: #2C9BCA;
}
.dashboard-hierarchy .parent-sub-title-name {
  font-size: 16px;
  line-height: 19px;
  vertical-align: center;
  color: #333333;
  font-weight: 400;
}
.dashboard-hierarchy .green-border {
  border: solid 2px #4AB017;
  border-radius: 8px;
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -12px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class {
  text-align: left;
  margin-bottom: 10px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul {
  list-style: none;
  padding-left: 32px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li {
  padding: 20px 0px 0px 10px;
  position: relative;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -31px;
  border-left: 2px solid #53ba48;
  width: 1px;
  height: 100%;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:after {
  content: "";
  position: absolute;
  border-top: 2px solid #53ba48;
  top: 29px;
  left: -30px;
  width: 32px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview ul li:last-child:before {
  top: -8px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:after,
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:last-child:before {
  content: unset;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:before {
  top: 90px;
  left: 36px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li:not(:last-child) > ul > li:before {
  content: unset;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li > .bg-treeview_level:before {
  height: 12px;
  width: 12px;
  top: -9.5px;
  background-color: #53ba48;
  border: none;
  font-size: 22px;
  display: none;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview > ul > li > ul {
  padding-left: 24px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level {
  padding-left: 0px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level:before {
  content: attr(data-level);
  position: absolute;
  left: -16px;
  top: 50%;
  display: flex;
  margin-top: -6px;
  align-items: center;
  justify-content: center;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: none;
  background-color: #53ba48;
  color: #fff;
  font-size: 20px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same,
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub {
  position: absolute;
  display: none;
  transition: opacity 250ms cubic-bezier(0.7, 0, 0.3, 1);
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same.in,
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub.in {
  display: block;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-same {
  top: 0;
  left: 45px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-sub {
  top: 42px;
  left: 0px;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level .level-remove {
  display: none;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected {
  background-color: #f9f9fb;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-remove {
  display: inline-block;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-add {
  display: none;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-same,
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview_level.selected .level-sub {
  display: none;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview .level-title {
  font-size: 18px;
  cursor: pointer;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview .level-title:hover {
  color: #2C9BCA;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul {
  justify-content: center;
  display: flex;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul li:before {
  content: unset;
}
.dashboard-hierarchy .hierarchy-list-sub-item-class .bg-treeview--mapview ul li:after {
  content: unset;
}
.ui.modal.wide.confirm .ui.grid .row:last-child {
  padding: 0px;
}
.warning-modal .ui.message {
  position: absolute;
  right: 20px;
  z-index: 101;
  width: 320px;
}
.dashboard-hierarchy a {
  color: #202327;
}
.dashboard-label-icon {
  margin-left: 5px;
  margin-top: 0px !important;
}
.attach-child-checkbox {
  padding-top: 0px;
  margin-top: 2px;
}
.attach-dashboard-li-tag {
  padding: 5px;
}
.attach-dashboard-tooltip.ui.popup {
  height: auto;
  width: 300px;
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  padding: 7px;
}
.info-icon-tooltip {
  vertical-align: text-top;
}
.modal-sub-header-text {
  font-size: 12px;
}
.padding-b-2 {
  padding-bottom: 2rem;
}
.ui.modal.active.save-changes-modal .content.modal-content {
  padding: 1.2em 2em;
}
.ui.modal.active.save-changes-modal .content.modal-content .divider {
  padding: 0;
  margin: 0;
}
.ui.modal.active.save-changes-modal .ui.message.modal-message {
  padding: 1.25rem;
  margin: 1em auto 1.5em;
  color: #C8A757;
  background: #FFFDF4;
  box-shadow: none;
  text-align: center;
  border: 1px solid #C8A757;
}
#filters-modal > .header {
  text-align: center;
}
#filters-modal .help.text {
  text-align: center;
  font-size: 16px;
}
#filters-modal .filter-form .field {
  margin-bottom: 20px;
}
#filters-modal .filter-form .fields .field {
  margin: 0;
}
#filters-modal .filter-form .bg-icon.info {
  cursor: pointer;
  top: 2px;
  position: relative;
  margin-left: 5px;
}
#filters-modal .filter-form .bg-icon.info svg {
  width: 15px;
  height: 15px;
}
#filters-modal.narrow .actions {
  padding: 0 0 17px 0;
  overflow: hidden;
}
#filters-modal.narrow .actions.centered {
  text-align: center;
}
#filters-modal.narrow .actions.centered .ui.button {
  float: none !important;
}
#filters-modal.narrow .actions .ui.clone.button .icon {
  position: relative;
  left: -3px;
}
#filters-modal.narrow .actions .ui.delete.button,
#filters-modal.narrow .actions .ui.clone.button {
  float: left;
  margin: 0 15px 0 0;
  padding: 12px 15px;
  width: 42px;
  height: 42px;
}
#filters-modal.narrow .actions .ui.delete.button .bg-icon svg *,
#filters-modal.narrow .actions .ui.clone.button .bg-icon svg * {
  fill: #fff;
}
#filters-modal.narrow .actions .ui.primary.button {
  float: right;
  margin-right: 0;
}
#filters-modal .gauge-data-filters .filter-form label .detail {
  color: #ABADB0;
}
#filters-modal .gauge-data-filters + .actions .button {
  width: auto;
}
#filters-modal .gauge-data-filters + .actions .delete {
  color: #DB2828 !important;
  cursor: pointer;
}
#filters-modal .gauge-data-filters .bg-list-selector .filter-columns {
  height: 327px;
}
#filters-modal .gauge-data-filters .bg-list-selector .filter-columns > .item {
  padding: 10px 15px;
}
#filters-modal .gauge-data-filters .bg-list-selector .filter-columns > .item:not(:last-child) {
  border-bottom: 0.5px solid rgba(151, 151, 151, 0.5);
}
#filters-modal .gauge-data-filters .bg-list-selector .filter-columns > .item p {
  max-width: 90%;
}
#filters-modal .gauge-data-filters .bg-list-selector .count-column {
  margin-left: auto;
  order: 2;
}
#filters-modal .gauge-data-filters .bg-list-selector .selected-tab {
  display: flex;
  align-items: center;
}
#filters-modal .gauge-data-filters .bg-list-selector .gauge-tab {
  display: flex;
  width: 100%;
  align-items: center;
}
#filters-modal .gauge-data-filters .bg-list-selector .gauge-tab .gauge-name {
  padding-left: 10px;
}
#filters-modal .gauge-data-filters .bg-list-selector .gauge-tab .gauge-icon {
  width: 26px;
  height: 26px;
}
#filters-modal .gauge-data-filters .bg-list-selector .accordion.item .gauge-item.multi-layer {
  pointer-events: all;
}
#filters-modal .gauge-data-filters .bg-list-selector .accordion.item .gauge-item.disabled .accordion .title label,
#filters-modal .gauge-data-filters .bg-list-selector .accordion.item .gauge-item .ui.disabled.checkbox label {
  color: rgba(40, 40, 40, 0.3) !important;
  opacity: 1;
}
#filters-modal .gauge-data-filters .bg-list-selector .accordion.item .title:not(.active) .dropdown {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#filters-modal .gauge-data-filters .bg-list-selector .accordion.item .title .icon.dropdown {
  line-height: 14px;
}
#filters-modal .gauge-data-filters .bg-list-selector .accordion.item .gauge-layer {
  line-height: 18px;
  font-size: 14px;
  padding: 8px 0;
}
#filters-modal .gauge-data-filters .bg-list-selector .bg-list-selector .left.icon.input i.icon.search {
  left: 0;
}
#filters-modal .gauge-data-filters .bg-list-selector .bg-list-selector .left.icon.input i.icon.remove.circle {
  cursor: pointer;
}
#filters-modal .gauge-data-filters .bg-list-selector .bg-list-selector .left.icon.input input {
  padding-left: 45px;
}
#filters-modal .gauge-data-filters .bg-list-selector #filter-dropdowns .column .text {
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 2.5px;
}
#filters-modal .gauge-data-filters .bg-list-selector #filter-dropdowns .dropdown .menu {
  margin-top: 0.3em;
}
#filters-modal .gauge-data-filters .bg-list-selector #filter-dropdowns .gravatar-dropdown-item .gravatar {
  height: 32px;
  width: 32px;
}
#filters-modal .gauge-data-filters .bg-list-selector #filter-dropdowns .gravatar-dropdown-item .gravatar .image-container {
  height: 32px;
  width: 32px;
}
#filters-modal .gauge-data-filters .bg-list-selector #filter-dropdowns .gravatar-dropdown-item .icon.circular {
  margin-right: -1px;
}
#filters-modal .gauge-data-filters .bg-list-selector #filter-dropdowns .gravatar-dropdown-item .text {
  padding-left: 10px;
}
#filters-modal .gauge-data-filters #filter-dropdowns .column .text {
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#filters-modal .gauge-data-filters #filter-dropdowns .dropdown .menu {
  margin-top: 0.3em;
}
#filters-modal .gauge-data-filters #filter-dropdowns .dropdown .menu .dropdown-error-message .row {
  color: #ABADB0;
  padding-top: 30px;
  padding-bottom: 170px;
}
#filters-modal .gauge-data-filters .gravatar-dropdown-item .gravatar {
  height: 32px;
  width: 32px;
}
#filters-modal .gauge-data-filters .gravatar-dropdown-item .gravatar .image-container {
  height: 32px;
  width: 32px;
}
#filters-modal .gauge-data-filters .gravatar-dropdown-item .icon.circular {
  margin-right: -1px;
}
#filters-modal .gauge-data-filters .gravatar-dropdown-item .text {
  padding-left: 10px;
}
#filters-modal:not(.gauge-data-filters) .filter-columns {
  height: 154px;
}
#filters-modal:not(.gauge-data-filters) .filter-columns.list {
  margin-top: 0;
}
#filters-modal .filter-columns {
  border: 1px solid rgba(39, 41, 43, 0.15);
  overflow-y: auto;
  margin-bottom: 20px;
}
#filters-modal .filter-columns > .selected {
  background-color: #E0E1E2;
}
#filters-modal .filter-columns .accordion .content,
#filters-modal .filter-columns .accordion .ui.list {
  padding-top: 0;
}
#filters-modal .filter-columns .accordion > .title {
  padding: 3px 0 0px;
}
#filters-modal .filter-columns .accordion > .title .checkbox {
  position: relative;
  top: 1.5px;
}
#filters-modal .filter-columns .accordion > .title .third-column {
  line-height: 20px;
}
#filters-modal .filter-columns .ui.basic.segment {
  height: 95%;
}
#filters-modal .filter-columns .no-results {
  padding: 25px 0px;
  margin: 0;
  text-align: center;
}
#filters-modal .filter-columns .no-results img {
  width: 185px;
}
#filters-modal .filter-columns .no-results h4 {
  font-weight: 300;
  font-size: 28px;
  color: #2D3239;
  margin: 15px auto 10px;
}
#filters-modal .filter-columns:not([role="list"]) > .item {
  margin: 5px 0;
  padding-left: 8px;
}
#filters-modal .filter-columns > .item,
#filters-modal .filter-columns > .item p,
#filters-modal .filter-columns > .item .bg-icon {
  cursor: pointer;
}
#filters-modal .filter-columns > .item label {
  margin-bottom: 0;
}
#filters-modal .filter-columns > .item p {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  text-transform: capitalize;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 5px;
}
#filters-modal .filter-columns > .item .bg-checkbox {
  margin-left: 5px;
  line-height: 18px;
}
#filters-modal .filter-columns > .item.disabled * {
  cursor: default;
  opacity: 0.6;
}
#filters-modal .filter-columns > .item.disabled .bg-icon,
#filters-modal .filter-columns > .item.disabled .bg-icon * {
  opacity: 1;
}
#filters-modal .filter-columns .columns {
  transition: height 400ms linear;
  height: 0;
  max-height: 100px;
  overflow-y: scroll;
}
#filters-modal .filter-columns .columns .column {
  margin: 10px;
}
#filters-modal .filter-columns .columns .column label {
  font-weight: 600;
}
#filters-modal .filter-columns .bg-icon .icon svg {
  padding-top: 2px;
  margin-left: 5px;
  width: 20px;
  height: 13px;
  position: relative;
  top: 1px;
}
#filters-modal .filter-type,
#filters-modal .filter-type:focus {
  outline: none !important;
  outline-width: 0;
}
#filters-modal .filter-by .operator {
  text-align: center;
}
#filters-modal .filter-by .operator label,
#filters-modal .filter-by .operator .bg-checkbox {
  display: inline-block;
}
#filters-modal .filter-by .operator .bg-checkbox {
  position: relative;
  margin-right: 5px;
  top: 3px;
}
#filters-modal .filter-by .operator label {
  margin-right: 50px;
}
#filters-modal .multiple.dropdown {
  padding: 8px;
  padding-right: 50px;
  padding-left: 41px;
}
#filters-modal .multiple.dropdown i.icon.search {
  padding: 12px 26px;
  left: 0;
  width: 20px;
  height: 20px;
}
#filters-modal .multiple.dropdown a.label + i.icon.search {
  display: none;
}
#filters-modal .multiple.dropdown a.label + .default.text,
#filters-modal .multiple.dropdown a.label + input.search {
  margin-left: 0;
}
#filters-modal .multiple.dropdown .default.text,
#filters-modal .multiple.dropdown input.search {
  padding: 7px;
  padding-top: 6px;
  left: 24px;
}
#filters-modal .multiple.dropdown .menu .message {
  padding: 12px;
  margin: 0;
}
#filters-modal .multiple.dropdown .ui.label {
  margin: 2px;
  padding: 6px 7px;
}
#filters-modal .multiple.dropdown a.label + input.search {
  padding: 9px 6px 0 4px;
}
#filters-modal .multiple.dropdown input.search {
  left: 0;
  position: relative;
  padding: 7px 0 0 0;
  margin-left: 0;
  min-width: 80px;
  width: 80px;
  margin-top: -2px;
}
#filters-modal .multiple.dropdown .bg-loader {
  position: absolute;
  top: 11px;
  right: 15px;
}
#filters-modal .multiple.dropdown .bg-loader img {
  width: 20px;
}
#filters-modal .field.columns {
  float: none;
}
#filters-modal .field.columns,
#filters-modal .field.columns .label {
  margin: 0;
}
#filters-modal .mapped {
  margin-bottom: 2em;
}
#filters-modal button.delete {
  background-color: #BD5555;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 10px;
  display: inline-block;
}
#filters-modal > .content {
  padding: 17px 35px;
  padding-bottom: 0;
}
.template-filter-confirm .description {
  font-size: 24px;
}
.template-filter-confirm .warning {
  font-weight: 600;
}
.template-filter-confirm .ui.grid .row:last-child {
  padding-bottom: 60px;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  #public-dashboard.modal .delete-confirmation.actions {
    padding: 21px 32px !important;
  }
}
#public-dashboard.modal .delete-confirmation.actions .fluid.button {
  padding: 18px 25px;
  height: 100%;
}
/* Report builder */
body.reports .app-container.reports-index.ui.segment {
  padding: 0;
  margin-top: 0px;
}
body.reports #main-container > .ui.segment.loading-data {
  height: 100%;
  margin: 0;
}
body.reports .ui.modal.gauge-info#text-editor .redactor-editor {
  color: #000;
  font-family: "proxima-nova";
  height: 348px;
  max-height: 340px !important;
}
body.reports label[for="attach-pdf"] {
  position: relative;
  top: 3px;
}
body.reports .redactor-dropdown .redactor-dropdown-h5 {
  display: none;
}
body.reports .update-only {
  margin-left: 40px;
}
body.reports .update-only .distribution.text {
  font-size: 15px;
  padding-bottom: 10px;
}
body.reports .update-only label {
  font-size: 15px;
}
body.reports .header.report {
  padding: 5px 15px;
  border-bottom: 1px solid #D1D4DE;
}
body.reports .header.report .item.step {
  cursor: pointer;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 600;
  padding: 7px;
}
body.reports .header.report .item.step.disabled:not(.selected) {
  cursor: default;
  opacity: 0.4;
}
body.reports .header.report .item.step.selected {
  color: #54BA48;
}
body.reports .header.report .item.step:hover {
  background: none;
}
body.reports .header.report .right.menu {
  height: 42px;
}
body.reports .header.report .right.menu .ui.button.template {
  cursor: pointer;
  margin: 0 15px;
  padding-right: 20px;
  padding-left: 20px;
  color: white;
  font-size: 16px;
  height: 41px;
  line-height: 14px;
}
body.reports .header.report .right.menu .ui.button.primary {
  font-weight: 300;
  background-color: #1f78b4;
}
body.reports .header.report .right.menu .ui.button.primary:hover {
  background-color: #2C9BCA;
}
body.reports .header.report .right.menu .item.template-step {
  height: 50px;
}
body.reports .create.main-menu {
  margin: 0 auto;
  width: 756px;
  background: white;
  min-height: 370px;
}
body.reports .create.main-menu .grouped.fields {
  display: block;
}
body.reports .create.main-menu .grouped.fields .field {
  margin-bottom: 50px;
}
body.reports .create.main-menu .grouped.fields .field .ui.radio.checkbox {
  cursor: pointer !important;
}
body.reports .create.main-menu .grouped.fields .field .ui.radio.checkbox label::before {
  height: 22px;
  width: 22px;
  border: 2px solid #545c69;
  top: 32px;
}
body.reports .create.main-menu .grouped.fields .field .ui.radio.checkbox label::after {
  content: " ";
  width: 50px;
  height: 50px;
  margin-left: -14px;
  margin-top: -14px;
  background-color: #545c69;
  top: 32px;
}
body.reports .create.main-menu .grouped.fields .field.internal {
  padding-top: 50px;
}
body.reports .create.main-menu .grouped.fields .field .ui.grid {
  margin: 0;
  margin-top: -15px;
  padding-bottom: 30px;
  cursor: pointer;
}
body.reports .create.main-menu .grouped.fields .field .ui.grid .ui.radio.checkbox label {
  margin-left: 24px;
}
body.reports .create.main-menu .grouped.fields .field .ui.grid .image.column {
  padding-left: 0;
  margin-left: -3px;
}
body.reports .create.main-menu .grouped.fields .field .ui.grid .type.column {
  padding-left: 33px;
}
body.reports .create.main-menu .grouped.fields .field .ui.grid .type.column .ui.dropdown {
  margin-top: 15px;
  padding-right: 0;
}
body.reports .create.main-menu .grouped.fields .field .ui.grid .type.column .ui.dropdown .default.text {
  width: 100%;
}
body.reports .create.main-menu .grouped.fields .field .ui.grid .type.column .ui.dropdown .icon {
  float: right;
}
body.reports .create.main-menu .grouped.fields label {
  width: 57%;
  margin-left: 40px;
  cursor: pointer;
}
body.reports .create.main-menu .grouped.fields label.admin-template {
  width: auto;
  margin-left: 10px;
  padding: 4px 7px;
  font-weight: normal;
}
body.reports .create.main-menu .grouped.fields label img {
  color: #555555;
  float: left;
  margin-right: 40px;
  margin-left: 20px;
  width: 91px;
}
body.reports .create.main-menu .grouped.fields label img.client {
  height: 84px;
}
body.reports .create.main-menu .grouped.fields label img.internal {
  height: 97px;
}
body.reports .create.main-menu .grouped.fields .title {
  text-align: left;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 100;
  color: #333633;
}
body.reports .create.main-menu .grouped.fields .text {
  font-size: 16px;
  text-align: left;
  color: #333633;
}
body.reports .clients.box {
  height: 550px;
}
body.reports .clients.box .ui.basic.segment {
  height: 75%;
}
body.reports .configure.report,
body.reports .create.report {
  margin-top: 75px;
  margin-bottom: 75px;
}
body.reports .configure.report.clients,
body.reports .create.report.clients {
  margin-top: 0;
}
body.reports .report.configure {
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
body.reports .report.configure .ui.form input {
  font-family: 'proxima-nova', sans-serif;
}
body.reports .report.configure.ui.segment {
  box-shadow: none;
  background-color: inherit;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
body.reports .report.configure a {
  color: white;
}
body.reports .report.configure:not(.clients) {
  width: 835px;
}
body.reports .report.configure .header {
  background: #2D3239;
  height: 67px;
  font-weight: 600;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 0 20px;
  color: white;
}
body.reports .report.configure .header .text {
  float: left;
  font-size: 28px;
  line-height: 67px;
}
body.reports .report.configure .header .action {
  cursor: pointer;
  float: right;
  font-size: 18px;
  line-height: 67px;
}
body.reports .report.configure .content {
  padding: 20px 45px;
}
body.reports .report.configure .content:not(.no-clients .select-clients) {
  box-shadow: 0 1px 4px 0 #D1D4DE;
}
body.reports .report.configure .select-clients .ui.search {
  font-size: 18px;
}
body.reports .report.configure .select-clients .icon .icon.search {
  top: -2px;
}
body.reports .report.configure .select-clients input {
  height: 59px;
  font-size: 18px;
}
body.reports .report.configure .select-clients .client-options {
  margin-top: 10px;
}
body.reports .report.configure .select-clients .client-options .option {
  display: inline-block;
  cursor: pointer;
  float: left;
  width: 50%;
  line-height: 34px;
  transition: background-color 250ms;
  height: 34px;
  font-weight: 400;
  font-size: 14px;
}
body.reports .report.configure .select-clients .client-options .option:hover:not(.disabled) .text {
  color: #ffffff;
  transition: color 250ms;
}
body.reports .report.configure .select-clients .client-options .option.disabled {
  cursor: initial;
}
body.reports .report.configure .select-clients .client-options .option.clear-filter {
  background-color: #A3A3A3;
  color: #ffffff;
  border-radius: 3px;
  width: 100%;
}
body.reports .report.configure .select-clients .client-options .option.select-all {
  background-color: #CCEAC8;
  color: #62C159;
  text-align: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body.reports .report.configure .select-clients .client-options .option.select-all:hover {
  background-color: #53B847;
}
body.reports .report.configure .select-clients .client-options .option.remove-all {
  background-color: #EDEDED;
  color: #A3A3A3;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  text-align: center;
}
body.reports .report.configure .select-clients .client-options .option.remove-all:hover:not(.disabled) {
  background-color: #D65555;
}
body.reports .report.configure .select-clients .client-options:after {
  content: "";
  display: table;
  clear: both;
}
body.reports .report.configure .select-clients .selected-clients,
body.reports .report.configure .select-clients .add-client {
  margin: 10px 0;
}
body.reports .report.configure .select-clients .add-client {
  height: 400px;
}
body.reports .report.configure .select-clients .add-client .content {
  text-align: center;
  border-radius: 3px;
  box-shadow: none;
}
body.reports .report.configure .select-clients .add-client .content .text {
  font-size: 18px;
  padding: 20px 45px;
}
body.reports .report.configure .select-clients .selected-clients {
  text-align: left;
}
body.reports .report.configure .select-clients .selected-clients ul {
  max-height: 400px;
  height: 400px;
  overflow-y: auto;
}
body.reports .report.configure .select-clients .selected-clients li {
  border-radius: 3px;
  background-color: #F8F8F8;
  cursor: pointer;
  padding: 0 15px;
  list-style-type: none;
  clear: both;
  margin-top: 5px;
  min-height: 55px;
  line-height: 55px;
  font-size: 20px;
  display: flex;
  align-items: flex-start;
}
body.reports .report.configure .select-clients .selected-clients li .name {
  font-weight: 600;
  word-break: break-all;
  text-align: left;
}
body.reports .report.configure .select-clients .selected-clients .name {
  float: left;
}
body.reports .report.configure .select-clients .selected-clients .checked {
  float: left;
}
body.reports .report.configure .select-clients .selected-clients .checked img {
  position: relative;
  top: 1px;
  padding-right: 15px;
}
body.reports .report.configure .select-clients .selected-clients li:hover {
  background-color: #FFF8CE;
}
body.reports .report.configure .no-clients {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
body.reports .report.configure .no-clients .heading {
  font-weight: 100;
  font-size: 28px;
  margin-bottom: 10px;
}
body.reports .report.configure .no-clients p {
  font-size: 20px;
  padding: 0 45px;
}
body.reports .report.create .header {
  margin-bottom: 40px;
}
body.reports .report.create .header h1 {
  font-size: 64px;
  font-weight: 300;
  color: #515761;
}
body.reports .report.create .header div {
  font-size: 24px;
  font-weight: 400;
  color: #8b919d;
}
body.reports .report.create .type.wrapper {
  display: inline-block;
  width: 300px;
}
body.reports .report.create .type.wrapper.selected {
  border-radius: 3px;
  border-style: solid;
  border-width: 2px;
  border-color: #53B847;
  box-shadow: 0 0 4px 0 #53B847;
}
body.reports .report.create .type.wrapper.selected .button {
  border-radius: 0;
}
body.reports .report.create .type.wrapper.client {
  margin-right: 20px;
}
body.reports .report.create .type.wrapper .option,
body.reports .report.create .type.wrapper .button {
  cursor: pointer;
}
body.reports .report.create .type.wrapper .option {
  width: 100%;
  height: 235px;
  display: inline-block;
  background-color: white;
  border-radius: 3px 3px 0 0;
}
body.reports .report.create .type.wrapper .option img {
  margin-top: 70px;
}
body.reports .report.create .type.wrapper .button {
  border-radius: 0 0 3px 3px;
  width: 100%;
  display: inline-block;
  height: 65px;
  text-transform: uppercase;
  font-weight: 400;
  background: #53B847;
  color: white;
  font-size: 24px;
  line-height: 65px;
}
.builder {
  /* Image module uses translate3d(0, -18px, 0) for header alignment — without a clip, it paints over neighbouring grid cells. */
}
.builder headline .data-wrapper,
.builder .headline-container .data-wrapper {
  position: relative;
  top: 10px;
}
.builder reportitem[data-item-type="image"] {
  overflow: hidden;
}
.builder reportitem {
  border: dashed 1px #D5D5D5;
}
.builder reportitem:not([data-display-type=headline]) > .header.reorder {
  margin-top: 10px;
}
.builder reportitem .overlay .too-big-message {
  display: none;
}
.builder reportitem.filtered .overlay,
.builder reportitem.filters-disabled .overlay {
  pointer-events: none;
  opacity: 0.7;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.builder reportitem.filtered .overlay {
  border: dashed 1px #54BA48;
  background-color: rgba(84, 186, 72, 0.2);
}
.builder reportitem.filters-disabled .overlay {
  border: dashed 1px #D8D8D8;
  background-color: rgba(216, 216, 216, 0.2);
}
.builder reportitem.error {
  overflow: hidden;
}
/*
  Shows a message on the ReportItem while resizing
  to alert the user that the module has reached the max
  allowed size (1 full page)

  First page (row 1) has lower height due to header
  Second page has more height to play with
*/
#report reportitem.resizing[data-row="1"][data-sizey="22"] .overlay,
#report reportitem.resizing[data-sizey="26"]:not([data-row="1"]) .overlay {
  pointer-events: none;
  border: dashed 1px #BD5555;
  background-color: rgba(189, 85, 85, 0.2);
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
#report reportitem.resizing[data-row="1"][data-sizey="22"] .overlay .too-big-message,
#report reportitem.resizing[data-sizey="26"]:not([data-row="1"]) .overlay .too-big-message {
  display: block;
}
#report.landscape-mode reportitem.resizing[data-row="1"][data-sizey="13"] .overlay,
#report.landscape-mode reportitem.resizing[data-sizey="16"]:not([data-row="1"]) .overlay {
  pointer-events: none;
  border: dashed 1px #BD5555;
  background-color: rgba(189, 85, 85, 0.2);
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
#report.landscape-mode reportitem.resizing[data-row="1"][data-sizey="13"] .overlay .too-big-message,
#report.landscape-mode reportitem.resizing[data-sizey="16"]:not([data-row="1"]) .overlay .too-big-message {
  display: block;
}
#report.coverpage-mode reportitem.resizing[data-sizey="23"] .overlay {
  display: none;
}
#report.coverpage-mode reportitem.resizing[data-row="1"][data-sizey="25"] .overlay,
#report.coverpage-mode reportitem.resizing[data-sizey="25"]:not([data-row="1"]) .overlay {
  pointer-events: none;
  border: dashed 1px #BD5555;
  background-color: rgba(189, 85, 85, 0.2);
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
#report.coverpage-mode reportitem.resizing[data-row="1"][data-sizey="25"] .overlay .too-big-message,
#report.coverpage-mode reportitem.resizing[data-sizey="25"]:not([data-row="1"]) .overlay .too-big-message {
  display: block;
}
#report.coverpage-mode.landscape-mode reportitem.resizing[data-sizey="13"] .overlay {
  display: none;
}
#report.coverpage-mode.landscape-mode reportitem.resizing[data-row="1"][data-sizey="16"] .overlay,
#report.coverpage-mode.landscape-mode reportitem.resizing[data-sizey="16"]:not([data-row="1"]) .overlay {
  pointer-events: none;
  border: dashed 1px #BD5555;
  background-color: rgba(189, 85, 85, 0.2);
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
#report.coverpage-mode.landscape-mode reportitem.resizing[data-row="1"][data-sizey="16"] .overlay .too-big-message,
#report.coverpage-mode.landscape-mode reportitem.resizing[data-sizey="16"]:not([data-row="1"]) .overlay .too-big-message {
  display: block;
}
.reports .header-section img.customer.logo,
.reportsent .header-section img.customer.logo {
  float: right;
  margin-right: 30px;
  margin-bottom: 30px;
}
.reports .header-section .details,
.reportsent .header-section .details {
  clear: both;
}
.reports reportitem,
.reportsent reportitem {
  display: inline-block;
  margin: 0;
  z-index: 2;
  /* Number gauge (v2 headline) + MSSQL parameter band: column flex; masthead + param band are fixed height.
       gaugewrapper must not flex-grow or it fills leftover Gridster height and shows empty space below the number. */
  /* Non-parameterized headline v2: action-icons header should not consume flex space.
       Restore pre-MSSQL absolute positioning so gaugewrapper gets the full widget height. */
  /* Same pattern as .created-by-toggle.hide in report header — dashed box + opacity when “hidden from sent”. */
  /* One row: gauge title (+ filter chip) alongside widget actions; below this come params then gaugewrapper */
}
.reports reportitem.not-filtered,
.reportsent reportitem.not-filtered {
  background-color: #FAEAEA;
  box-shadow: 0px 0px 4px #D65555;
}
.reports reportitem.not-filtered .dataTable tr.even td,
.reportsent reportitem.not-filtered .dataTable tr.even td {
  background-color: #FAEAEA !important;
}
.reports reportitem[data-sizey="1"][data-base-height="20"] .header.action-icons,
.reportsent reportitem[data-sizey="1"][data-base-height="20"] .header.action-icons {
  right: 20px;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"],
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] {
  /* Hide only legacy mastheads that are direct children of reportitem.
         chart-header-react nests .report-widget-masthead inside the custom element;
         a descendant selector (.report-widget-masthead > .header) would hide that title row too. */
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] > .report-widget-masthead > .header:not(.action-icons),
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] > .report-widget-masthead > .header:not(.action-icons),
.reports reportitem[data-display-type="headline"][data-headline-version="2"] > .header:not(.action-icons),
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] > .header:not(.action-icons) {
  display: none;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .wrapper,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .wrapper {
  height: initial;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container {
  border-top: none;
  padding: 0 0 0 9px;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data {
  text-align: initial;
  font-size: 48px;
  font-weight: 700;
  padding-right: 10px;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .text,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .text,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text {
  float: left;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .title a,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .title a,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title a,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title a {
  color: #515761;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .text,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .text,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text {
  line-height: 1;
  cursor: move;
  padding-top: 8px;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.reports reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .subtitle,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] headline .text .subtitle,
.reports reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .subtitle,
.reportsent reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .text .subtitle {
  font-size: 13px;
  color: #919191;
  font-weight: 400;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"],
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: visible;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] chart-header-react,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] chart-header-react,
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] > .report-widget-masthead,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] > .report-widget-masthead,
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] .psa-gauge-params-hide-wrap,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] .psa-gauge-params-hide-wrap,
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gauge-parameter-header-react,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gauge-parameter-header-react {
  flex: 0 0 auto;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gauge-parameter-header-react .gauge-parameter-header,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gauge-parameter-header-react .gauge-parameter-header {
  container-type: normal;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gauge-parameter-header-react .gauge-parameter-header.reorder,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gauge-parameter-header-react .gauge-parameter-header.reorder {
  cursor: move;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot),
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) {
  /* Grow into leftover flex space; do not use height:auto !important — it shrinks below
           the number/title and clips content. min-height matches maybeExpandHeadline minGaugeContentPx. */
  flex: 1 1;
  min-height: 0;
  max-height: none;
  /* Undo generic rules under reportitem > gaugewrapper (lines ~831–834, ~805–810) that set
           `.wrapper` and headline stacks to height:100% — that stretches against the Gridster cell. */
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) > .wrapper,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) > .wrapper,
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) > .wrapper .wrapper,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) > .wrapper .wrapper {
  height: auto !important;
  max-height: none;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) headline,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) headline,
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) .headline-container,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) .headline-container {
  height: auto !important;
  max-height: none;
  position: relative;
  top: auto;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) headline .subtitle-wrapper,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"] gaugewrapper.headline:not(.snapshot) headline .subtitle-wrapper {
  top: auto;
}
.reports reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"]:not(:has(gauge-parameter-header-react .gauge-parameter-header)) chart-header-react,
.reportsent reportitem[data-item-type="gauge"][data-display-type="headline"][data-headline-version="2"]:not(:has(gauge-parameter-header-react .gauge-parameter-header)) chart-header-react {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.reports reportitem .header.action-icons,
.reportsent reportitem .header.action-icons {
  display: block;
  max-height: none;
}
.reports reportitem .header.action-icons .icon,
.reportsent reportitem .header.action-icons .icon {
  color: #515761;
  margin: 6px 0;
  float: right;
  height: 24px;
  width: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.reports reportitem .header.action-icons .icon.pencil,
.reportsent reportitem .header.action-icons .icon.pencil {
  color: #515761;
  border-radius: 2px;
  font-size: 12px;
  margin-right: 0;
}
.reports reportitem .header.action-icons .icon.warning,
.reportsent reportitem .header.action-icons .icon.warning {
  color: #EBCC71;
}
.reports reportitem .header.action-icons .position,
.reportsent reportitem .header.action-icons .position {
  line-height: 30px;
}
.reports reportitem .header.action-icons .icon.edit-gauge,
.reportsent reportitem .header.action-icons .icon.edit-gauge {
  position: relative;
  top: 2px;
  right: -4px;
}
.reports reportitem .psa-gauge-params-hide-wrap,
.reportsent reportitem .psa-gauge-params-hide-wrap {
  border: 1px dashed #D5D5D5;
  padding: 0 6px 4px;
  line-height: 22px;
  margin-top: 2px;
}
.reports reportitem .psa-gauge-params-hide-wrap.hide,
.reportsent reportitem .psa-gauge-params-hide-wrap.hide {
  opacity: 0.5 !important;
  display: block !important;
  /* Eye off → builder still lists params muted; omit Show more per product spec. */
}
.reports reportitem .psa-gauge-params-hide-wrap.hide .gauge-parameter-header__toggle-wrap,
.reportsent reportitem .psa-gauge-params-hide-wrap.hide .gauge-parameter-header__toggle-wrap {
  display: none !important;
}
.reports reportitem .psa-gauge-params-hide-wrap__eye-row,
.reportsent reportitem .psa-gauge-params-hide-wrap__eye-row {
  text-align: right;
  padding: 4px 0 2px;
}
.reports reportitem .psa-gauge-params-hide-wrap gauge-parameter-header-react .gauge-parameter-header,
.reportsent reportitem .psa-gauge-params-hide-wrap gauge-parameter-header-react .gauge-parameter-header {
  border-bottom: none;
}
.reports reportitem .psa-gauge-params-hide-wrap--inline-eye,
.reportsent reportitem .psa-gauge-params-hide-wrap--inline-eye {
  margin-top: 0;
  margin-left: 6px;
  border: none;
  padding: 0;
  line-height: inherit;
  display: inline-block;
  vertical-align: middle;
}
.reports reportitem .psa-gauge-params-hide-wrap--inline-eye.hide,
.reportsent reportitem .psa-gauge-params-hide-wrap--inline-eye.hide {
  opacity: 0.5 !important;
  display: inline-block !important;
}
.reports reportitem[data-item-type="text"],
.reportsent reportitem[data-item-type="text"] {
  color: #515761;
  overflow: hidden;
}
.reports reportitem[data-item-type="text"] ul,
.reportsent reportitem[data-item-type="text"] ul,
.reports reportitem[data-item-type="text"] ol,
.reportsent reportitem[data-item-type="text"] ol {
  margin-left: 30px;
}
.reports reportitem[data-item-type="text"] gaugewrapper,
.reportsent reportitem[data-item-type="text"] gaugewrapper {
  border-top: 0;
  margin-top: 0;
  padding: 3px;
  height: 100%;
  overflow: auto;
}
.reports reportitem[data-item-type="text"] .html-content blockquote,
.reportsent reportitem[data-item-type="text"] .html-content blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.reports reportitem[data-item-type="text"] .html-content pre,
.reportsent reportitem[data-item-type="text"] .html-content pre {
  overflow: auto;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
  font-family: Menlo, Monaco, monospace, sans-serif;
  line-height: 1.6em;
}
.reports reportitem[data-item-type="text"] .html-content h2,
.reportsent reportitem[data-item-type="text"] .html-content h2 {
  font-size: 32px;
}
.reports reportitem[data-item-type="text"] .html-content h4,
.reportsent reportitem[data-item-type="text"] .html-content h4 {
  font-size: 18px;
}
.reports reportitem[data-item-type="image"] .reorder,
.reportsent reportitem[data-item-type="image"] .reorder {
  cursor: move;
}
.reports reportitem[data-item-type="image"] gaugewrapper,
.reportsent reportitem[data-item-type="image"] gaugewrapper {
  height: 100%;
}
.reports reportitem[data-item-type="pagebreak"] .gs-resize-handle,
.reportsent reportitem[data-item-type="pagebreak"] .gs-resize-handle {
  display: none;
}
.reports reportitem[data-item-type="pagebreak"] gaugewrapper,
.reportsent reportitem[data-item-type="pagebreak"] gaugewrapper {
  cursor: move;
}
.reports reportitem[data-item-type="pagebreak"] .page-break .line,
.reportsent reportitem[data-item-type="pagebreak"] .page-break .line {
  position: absolute;
  width: 100%;
  top: 18px;
  height: 3px;
  background-color: #8BCA84;
  z-index: 1;
  border-radius: 20px;
}
.reports reportitem[data-item-type="pagebreak"] .page-break .text,
.reportsent reportitem[data-item-type="pagebreak"] .page-break .text {
  color: #8BCA84;
  background-color: #FFFFFF;
  font-size: 14px;
  width: 150px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.reports reportitem chart,
.reportsent reportitem chart,
.reports reportitem pie-chart-react,
.reportsent reportitem pie-chart-react {
  display: block;
  overflow: hidden;
}
.reports reportitem .overlay,
.reportsent reportitem .overlay,
.reports reportitem .filter-container,
.reportsent reportitem .filter-container {
  display: none;
}
.reports reportitem gaugewrapper,
.reportsent reportitem gaugewrapper {
  margin-top: 11px;
}
.reports reportitem gaugewrapper.image,
.reportsent reportitem gaugewrapper.image {
  margin-top: 18px;
}
.reports reportitem gaugewrapper.list,
.reportsent reportitem gaugewrapper.list,
.reports reportitem gaugewrapper.table,
.reportsent reportitem gaugewrapper.table {
  margin-top: 0;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.reports reportitem gaugewrapper.text_html,
.reportsent reportitem gaugewrapper.text_html {
  border-top: none;
}
.reports reportitem gaugewrapper.headline,
.reportsent reportitem gaugewrapper.headline {
  margin-top: 0;
}
.reports reportitem gaugewrapper :not(.snapshot) > headline,
.reportsent reportitem gaugewrapper :not(.snapshot) > headline,
.reports reportitem gaugewrapper :not(.snapshot) > .headline-container,
.reportsent reportitem gaugewrapper :not(.snapshot) > .headline-container {
  border-top: solid 1px #E6E6E6;
  padding: 20px;
  height: 100%;
  position: relative;
  top: 5%;
}
.reports reportitem gaugewrapper :not(.snapshot) > headline .data,
.reportsent reportitem gaugewrapper :not(.snapshot) > headline .data,
.reports reportitem gaugewrapper :not(.snapshot) > .headline-container .data,
.reportsent reportitem gaugewrapper :not(.snapshot) > .headline-container .data {
  color: #515761;
  font-weight: 600;
  font-size: inherit;
}
.reports reportitem gaugewrapper :not(.snapshot) > headline .display-text,
.reportsent reportitem gaugewrapper :not(.snapshot) > headline .display-text,
.reports reportitem gaugewrapper :not(.snapshot) > .headline-container .display-text,
.reportsent reportitem gaugewrapper :not(.snapshot) > .headline-container .display-text {
  color: #8b919d;
  font-weight: 300;
  text-overflow: ellipsis;
}
.reports reportitem gaugewrapper :not(.snapshot) > headline .data,
.reportsent reportitem gaugewrapper :not(.snapshot) > headline .data,
.reports reportitem gaugewrapper :not(.snapshot) > .headline-container .data,
.reportsent reportitem gaugewrapper :not(.snapshot) > .headline-container .data,
.reports reportitem gaugewrapper :not(.snapshot) > headline .display-text,
.reportsent reportitem gaugewrapper :not(.snapshot) > headline .display-text,
.reports reportitem gaugewrapper :not(.snapshot) > .headline-container .display-text,
.reportsent reportitem gaugewrapper :not(.snapshot) > .headline-container .display-text {
  line-height: 1em;
  overflow: hidden;
  white-space: nowrap;
}
.reports reportitem gaugewrapper :not(.snapshot) > headline .subtitle-wrapper,
.reportsent reportitem gaugewrapper :not(.snapshot) > headline .subtitle-wrapper,
.reports reportitem gaugewrapper :not(.snapshot) > .headline-container .subtitle-wrapper,
.reportsent reportitem gaugewrapper :not(.snapshot) > .headline-container .subtitle-wrapper {
  position: relative;
  top: -10%;
}
.reports reportitem gaugewrapper .wrapper,
.reportsent reportitem gaugewrapper .wrapper,
.reports reportitem gaugewrapper chart,
.reportsent reportitem gaugewrapper chart,
.reports reportitem gaugewrapper pie-chart-react,
.reportsent reportitem gaugewrapper pie-chart-react {
  height: 100%;
}
.reports reportitem > .header,
.reportsent reportitem > .header,
.reports reportitem > .report-widget-masthead > .header,
.reportsent reportitem > .report-widget-masthead > .header,
.reports reportitem chart-header-react .report-widget-masthead > .header,
.reportsent reportitem chart-header-react .report-widget-masthead > .header {
  font-size: 24px;
  height: 38px;
  line-height: 24px;
  color: #2D3239;
  overflow: hidden;
  max-height: 100%;
}
.reports reportitem > .header.reorder,
.reportsent reportitem > .header.reorder,
.reports reportitem > .report-widget-masthead > .header.reorder,
.reportsent reportitem > .report-widget-masthead > .header.reorder,
.reports reportitem chart-header-react .report-widget-masthead > .header.reorder,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.reorder {
  cursor: move;
}
.reports reportitem > .header.action-icons,
.reportsent reportitem > .header.action-icons,
.reports reportitem > .report-widget-masthead > .header.action-icons,
.reportsent reportitem > .report-widget-masthead > .header.action-icons,
.reports reportitem chart-header-react .report-widget-masthead > .header.action-icons,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.action-icons {
  position: absolute;
  right: 0;
  top: -9px;
  z-index: 9999;
}
.reports reportitem > .header.action-icons .pencil,
.reportsent reportitem > .header.action-icons .pencil,
.reports reportitem > .report-widget-masthead > .header.action-icons .pencil,
.reportsent reportitem > .report-widget-masthead > .header.action-icons .pencil,
.reports reportitem chart-header-react .report-widget-masthead > .header.action-icons .pencil,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.action-icons .pencil {
  position: relative;
  top: 1px;
  left: 2px;
  padding: 0 !important;
  font-size: inherit;
}
.reports reportitem > .header.action-icons .warning,
.reportsent reportitem > .header.action-icons .warning,
.reports reportitem > .report-widget-masthead > .header.action-icons .warning,
.reportsent reportitem > .report-widget-masthead > .header.action-icons .warning,
.reports reportitem chart-header-react .report-widget-masthead > .header.action-icons .warning,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.action-icons .warning {
  top: 1px;
  position: relative;
}
.reports reportitem > .header.action-icons .filters-off .icon:first-child,
.reportsent reportitem > .header.action-icons .filters-off .icon:first-child,
.reports reportitem > .report-widget-masthead > .header.action-icons .filters-off .icon:first-child,
.reportsent reportitem > .report-widget-masthead > .header.action-icons .filters-off .icon:first-child,
.reports reportitem chart-header-react .report-widget-masthead > .header.action-icons .filters-off .icon:first-child,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.action-icons .filters-off .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  -webkit-transform: none;
  transform: none;
  margin-right: 0.5rem;
}
.reports reportitem > .header.action-icons .filters-off .icon.corner,
.reportsent reportitem > .header.action-icons .filters-off .icon.corner,
.reports reportitem > .report-widget-masthead > .header.action-icons .filters-off .icon.corner,
.reportsent reportitem > .report-widget-masthead > .header.action-icons .filters-off .icon.corner,
.reports reportitem chart-header-react .report-widget-masthead > .header.action-icons .filters-off .icon.corner,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.action-icons .filters-off .icon.corner {
  position: absolute;
  top: auto;
  left: auto;
  right: -5px;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  font-size: 0.45em;
  margin: 0;
}
.reports reportitem > .header > .text,
.reportsent reportitem > .header > .text,
.reports reportitem > .report-widget-masthead > .header > .text,
.reportsent reportitem > .report-widget-masthead > .header > .text,
.reports reportitem chart-header-react .report-widget-masthead > .header > .text,
.reportsent reportitem chart-header-react .report-widget-masthead > .header > .text {
  font-weight: 600;
  float: left;
  position: relative;
  text-align: left;
  top: 25%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 20px;
  max-width: 100%;
}
.reports reportitem > .header > .text,
.reportsent reportitem > .header > .text,
.reports reportitem > .report-widget-masthead > .header > .text,
.reportsent reportitem > .report-widget-masthead > .header > .text,
.reports reportitem chart-header-react .report-widget-masthead > .header > .text,
.reportsent reportitem chart-header-react .report-widget-masthead > .header > .text,
.reports reportitem > .header > .text a,
.reportsent reportitem > .header > .text a,
.reports reportitem > .report-widget-masthead > .header > .text a,
.reportsent reportitem > .report-widget-masthead > .header > .text a,
.reports reportitem chart-header-react .report-widget-masthead > .header > .text a,
.reportsent reportitem chart-header-react .report-widget-masthead > .header > .text a {
  color: #515761;
}
.reports reportitem > .header .dropdown.link .ui.menu,
.reportsent reportitem > .header .dropdown.link .ui.menu,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu {
  left: -53px;
  top: 45px;
}
.reports reportitem > .header .dropdown.link .ui.menu .item,
.reportsent reportitem > .header .dropdown.link .ui.menu .item,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item {
  padding: 0.2em 1.25em !important;
  text-align: right;
  text-transform: uppercase;
}
.reports reportitem > .header .dropdown.link .ui.menu .item:first-child,
.reportsent reportitem > .header .dropdown.link .ui.menu .item:first-child,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item:first-child,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item:first-child,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item:first-child,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item:first-child {
  padding-top: 1em !important;
}
.reports reportitem > .header .dropdown.link .ui.menu .item:last-child,
.reportsent reportitem > .header .dropdown.link .ui.menu .item:last-child,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item:last-child,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item:last-child,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item:last-child,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item:last-child {
  padding-bottom: 1em !important;
}
.reports reportitem > .header .dropdown.link .ui.menu::after,
.reportsent reportitem > .header .dropdown.link .ui.menu::after,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu::after,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu::after,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu::after,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu::after {
  height: 1.5em;
  left: 65%;
  width: 1.5em;
  z-index: -20;
}
.reports reportitem > .header .dropdown.link .ui.menu .item a,
.reportsent reportitem > .header .dropdown.link .ui.menu .item a,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item a,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item a,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item a,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item a {
  color: #53B847;
  font-size: 12px;
}
.reports reportitem > .header .dropdown.link .ui.menu,
.reportsent reportitem > .header .dropdown.link .ui.menu,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu,
.reports reportitem > .header .dropdown.link .ui.menu .item a,
.reportsent reportitem > .header .dropdown.link .ui.menu .item a,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item a,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu .item a,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item a,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu .item a,
.reports reportitem > .header .dropdown.link .ui.menu::after,
.reportsent reportitem > .header .dropdown.link .ui.menu::after,
.reports reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu::after,
.reportsent reportitem > .report-widget-masthead > .header .dropdown.link .ui.menu::after,
.reports reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu::after,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .dropdown.link .ui.menu::after {
  background: #373e48;
}
.reports reportitem > .header .action-icons,
.reportsent reportitem > .header .action-icons,
.reports reportitem > .report-widget-masthead > .header .action-icons,
.reportsent reportitem > .report-widget-masthead > .header .action-icons,
.reports reportitem chart-header-react .report-widget-masthead > .header .action-icons,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .action-icons {
  cursor: pointer;
  position: relative;
  top: 25%;
  color: #D2D2D2;
}
.reports reportitem > .header .action-icons.left,
.reportsent reportitem > .header .action-icons.left,
.reports reportitem > .report-widget-masthead > .header .action-icons.left,
.reportsent reportitem > .report-widget-masthead > .header .action-icons.left,
.reports reportitem chart-header-react .report-widget-masthead > .header .action-icons.left,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .action-icons.left {
  float: left;
}
.reports reportitem > .header .action-icons.right,
.reportsent reportitem > .header .action-icons.right,
.reports reportitem > .report-widget-masthead > .header .action-icons.right,
.reportsent reportitem > .report-widget-masthead > .header .action-icons.right,
.reports reportitem chart-header-react .report-widget-masthead > .header .action-icons.right,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .action-icons.right {
  float: right;
}
.reports reportitem > .header .action-icons.right .info,
.reportsent reportitem > .header .action-icons.right .info,
.reports reportitem > .report-widget-masthead > .header .action-icons.right .info,
.reportsent reportitem > .report-widget-masthead > .header .action-icons.right .info,
.reports reportitem chart-header-react .report-widget-masthead > .header .action-icons.right .info,
.reportsent reportitem chart-header-react .report-widget-masthead > .header .action-icons.right .info {
  margin-right: 0;
}
.reports reportitem > .report-widget-masthead,
.reportsent reportitem > .report-widget-masthead,
.reports reportitem chart-header-react .report-widget-masthead,
.reportsent reportitem chart-header-react .report-widget-masthead {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  position: relative;
}
.reports reportitem > .report-widget-masthead > .header:not(.action-icons),
.reportsent reportitem > .report-widget-masthead > .header:not(.action-icons),
.reports reportitem chart-header-react .report-widget-masthead > .header:not(.action-icons),
.reportsent reportitem chart-header-react .report-widget-masthead > .header:not(.action-icons) {
  flex: 1 1 auto;
  min-width: 0;
  height: auto;
  min-height: 38px;
  position: relative;
}
.reports reportitem > .report-widget-masthead > .header.action-icons,
.reportsent reportitem > .report-widget-masthead > .header.action-icons,
.reports reportitem chart-header-react .report-widget-masthead > .header.action-icons,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.action-icons {
  flex: 0 0 auto;
  position: relative;
  right: auto;
  margin-left: auto;
}
.reports reportitem > .report-widget-masthead > .header.action-icons:last-child:first-child,
.reportsent reportitem > .report-widget-masthead > .header.action-icons:last-child:first-child,
.reports reportitem chart-header-react .report-widget-masthead > .header.action-icons:last-child:first-child,
.reportsent reportitem chart-header-react .report-widget-masthead > .header.action-icons:last-child:first-child {
  margin-left: auto;
}
.reports reportitem > .report-widget-masthead > .header:not(.action-icons) > .text,
.reportsent reportitem > .report-widget-masthead > .header:not(.action-icons) > .text,
.reports reportitem chart-header-react .report-widget-masthead > .header:not(.action-icons) > .text,
.reportsent reportitem chart-header-react .report-widget-masthead > .header:not(.action-icons) > .text {
  float: none;
  top: 0;
  padding-bottom: 0;
  display: block;
}
.reports reportitem .subtitle,
.reportsent reportitem .subtitle {
  display: block;
  min-height: 20px;
  color: #d0d0d0;
}
.reports reportitem .gauge.chart,
.reportsent reportitem .gauge.chart {
  overflow: hidden;
  position: relative;
}
.reports reportitem .gauge.chart .bg-loader.not_advanced,
.reportsent reportitem .gauge.chart .bg-loader.not_advanced {
  text-align: center;
}
.reports reportitem .gauge.chart .bg-loader.not_advanced.headline,
.reportsent reportitem .gauge.chart .bg-loader.not_advanced.headline {
  top: 0;
}
.reports reportitem .gauge.chart .bg-loader.not_advanced.headline img,
.reportsent reportitem .gauge.chart .bg-loader.not_advanced.headline img {
  height: 47px;
}
.reports reportitem.preview-holder,
.reportsent reportitem.preview-holder {
  background-color: #ebf1f7;
  border: 1px solid #87b1da;
}
.reports gauge-parameter-header-react,
.reportsent gauge-parameter-header-react {
  display: block;
  margin: 0;
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* Sits inside reportitem > .header (PDF / read-only) — same band as .text title, not a second card */
  /* No divider between row blocks — one continuous band when "Show more" is open */
  /* Report size_x === 1: JS stacks 3 pairs + Show more; keep control left-aligned (not viewport-dependent). */
  /* Narrow widget / viewport: single column, all pairs stacked on the left */
}
.reports gauge-parameter-header-react .gauge-parameter-header,
.reportsent gauge-parameter-header-react .gauge-parameter-header {
  min-height: auto;
  height: auto;
  line-height: 1.35;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 8px 12px 4px 12px;
  overflow: visible;
  border-bottom: 1px solid #e6e9ee;
  container-type: inline-size;
  container-name: gauge-parameter-header;
  /* Builder eye-off (“hidden from sent”): explicit mute — parent `.psa-gauge-params-hide-wrap.hide`
         opacity can fail to affect this subtree (stacking/container). */
}
.reports gauge-parameter-header-react .gauge-parameter-header--hidden-from-export,
.reportsent gauge-parameter-header-react .gauge-parameter-header--hidden-from-export {
  opacity: 0.5 !important;
}
.reports gauge-parameter-header-react .gauge-parameter-header--inline,
.reportsent gauge-parameter-header-react .gauge-parameter-header--inline {
  border-bottom: 0;
  padding: 6px 0 0 0;
  margin: 0;
  container-type: normal;
}
.reports gauge-parameter-header-react .gauge-parameter-header__rows,
.reportsent gauge-parameter-header-react .gauge-parameter-header__rows {
  width: 100%;
}
.reports gauge-parameter-header-react .gauge-parameter-header__row,
.reportsent gauge-parameter-header-react .gauge-parameter-header__row {
  width: 100%;
}
.reports gauge-parameter-header-react .gauge-parameter-header__row + .gauge-parameter-header__row,
.reportsent gauge-parameter-header-react .gauge-parameter-header__row + .gauge-parameter-header__row {
  margin: 0;
  padding: 0;
  border: 0;
}
.reports gauge-parameter-header-react .gauge-parameter-header__columns,
.reportsent gauge-parameter-header-react .gauge-parameter-header__columns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  gap: 16px 24px;
}
.reports gauge-parameter-header-react .gauge-parameter-header__column,
.reportsent gauge-parameter-header-react .gauge-parameter-header__column {
  flex: 1 1 0;
  min-width: 0;
}
.reports gauge-parameter-header-react .gauge-parameter-header__columns--full-left,
.reportsent gauge-parameter-header-react .gauge-parameter-header__columns--full-left {
  justify-content: flex-start;
}
.reports gauge-parameter-header-react .gauge-parameter-header__columns--full-left .gauge-parameter-header__column--left,
.reportsent gauge-parameter-header-react .gauge-parameter-header__columns--full-left .gauge-parameter-header__column--left {
  flex: 1 1 100%;
  max-width: 100%;
}
.reports gauge-parameter-header-react .gauge-parameter-header__column--left,
.reportsent gauge-parameter-header-react .gauge-parameter-header__column--left {
  text-align: left;
}
.reports gauge-parameter-header-react .gauge-parameter-header__column--right,
.reportsent gauge-parameter-header-react .gauge-parameter-header__column--right {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.reports gauge-parameter-header-react .gauge-parameter-header__pair,
.reportsent gauge-parameter-header-react .gauge-parameter-header__pair {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin-bottom: 6px;
  font-size: 13px;
}
.reports gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair,
.reportsent gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair {
  justify-content: flex-end;
}
.reports gauge-parameter-header-react .gauge-parameter-header__key,
.reportsent gauge-parameter-header-react .gauge-parameter-header__key {
  color: #515761;
  font-weight: 600;
  flex: 0 0 auto;
}
.reports gauge-parameter-header-react .gauge-parameter-header__kv-sep,
.reportsent gauge-parameter-header-react .gauge-parameter-header__kv-sep {
  color: #515761;
  font-weight: 600;
  flex: 0 0 auto;
  margin: 0 1px 0 0;
}
.reports gauge-parameter-header-react .gauge-parameter-header__value,
.reportsent gauge-parameter-header-react .gauge-parameter-header__value {
  color: #6f7782;
  font-weight: 400;
  word-break: break-word;
}
.reports gauge-parameter-header-react .gauge-parameter-header__toggle-wrap,
.reportsent gauge-parameter-header-react .gauge-parameter-header__toggle-wrap {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin-top: 4px;
  padding-top: 0;
}
.reports gauge-parameter-header-react .gauge-parameter-header__toggle,
.reportsent gauge-parameter-header-react .gauge-parameter-header__toggle {
  background: none;
  border: 0;
  padding: 0;
  font-size: 13px;
  font-family: inherit;
  color: #2185d0;
  cursor: pointer;
  text-decoration: underline;
  line-height: 1.4;
}
.reports gauge-parameter-header-react .gauge-parameter-header__toggle:hover,
.reportsent gauge-parameter-header-react .gauge-parameter-header__toggle:hover,
.reports gauge-parameter-header-react .gauge-parameter-header__toggle:focus,
.reportsent gauge-parameter-header-react .gauge-parameter-header__toggle:focus {
  color: #1678c2;
}
.reports gauge-parameter-header-react .gauge-parameter-header__toggle:focus,
.reportsent gauge-parameter-header-react .gauge-parameter-header__toggle:focus {
  outline: 1px dotted #2185d0;
  outline-offset: 2px;
}
.reports gauge-parameter-header-react .gauge-parameter-header--narrow .gauge-parameter-header__toggle-wrap,
.reportsent gauge-parameter-header-react .gauge-parameter-header--narrow .gauge-parameter-header__toggle-wrap {
  justify-content: flex-start;
}
@container gauge-parameter-header (max-width: 36rem) {
  .gauge-parameter-header__columns {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
  }
  .gauge-parameter-header__column {
    flex: none;
    width: 100%;
    max-width: 100%;
  }
  .gauge-parameter-header__column--right {
    padding-top: 0;
    text-align: left;
    align-items: flex-start;
  }
  .gauge-parameter-header__column--right .gauge-parameter-header__pair {
    justify-content: flex-start;
  }
  .gauge-parameter-header__toggle-wrap {
    justify-content: flex-start;
  }
}
@media (max-width: 36rem) {
  .reports gauge-parameter-header-react .gauge-parameter-header__columns,
  .reportsent gauge-parameter-header-react .gauge-parameter-header__columns {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
  }
  .reports gauge-parameter-header-react .gauge-parameter-header__column,
  .reportsent gauge-parameter-header-react .gauge-parameter-header__column {
    flex: none;
    width: 100%;
    max-width: 100%;
  }
  .reports gauge-parameter-header-react .gauge-parameter-header__column--right,
  .reportsent gauge-parameter-header-react .gauge-parameter-header__column--right {
    text-align: left;
    align-items: flex-start;
  }
  .reports gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair,
  .reportsent gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair {
    justify-content: flex-start;
  }
  .reports gauge-parameter-header-react .gauge-parameter-header__toggle-wrap,
  .reportsent gauge-parameter-header-react .gauge-parameter-header__toggle-wrap {
    justify-content: flex-start;
  }
}
.reports chart-header-react,
.reportsent chart-header-react {
  margin: 0;
  z-index: 2;
  display: block;
  width: 100%;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .wrapper,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .wrapper {
  height: initial;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container {
  border-top: none;
  padding: 0 0 0 9px;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .data,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .data,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .data {
  text-align: initial;
  font-size: 48px;
  font-weight: 700;
  padding-right: 10px;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .data,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .data,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text {
  float: left;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .data,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .data,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .data,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .title a,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .title a,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title a,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title a {
  color: #515761;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text {
  line-height: 1;
  cursor: move;
  padding-top: 8px;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .title,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
}
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .subtitle,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] headline .text .subtitle,
.reports chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .subtitle,
.reportsent chart-header-react[data-display-type="headline"][data-headline-version="2"] .headline-container .text .subtitle {
  font-size: 13px;
  color: #919191;
  font-weight: 400;
}
.reports chart-header-react .header.action-icons,
.reportsent chart-header-react .header.action-icons {
  display: block;
  max-height: none;
}
.reports chart-header-react .header.action-icons .icon,
.reportsent chart-header-react .header.action-icons .icon {
  color: #515761;
  margin: 6px 0;
  float: right;
  height: 24px;
  width: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.reports chart-header-react .header.action-icons .icon.pencil,
.reportsent chart-header-react .header.action-icons .icon.pencil {
  color: #515761;
  border-radius: 2px;
  font-size: 12px;
  margin-right: 0;
}
.reports chart-header-react .header.action-icons .icon.warning,
.reportsent chart-header-react .header.action-icons .icon.warning {
  color: #EBCC71;
}
.reports chart-header-react .header.action-icons .position,
.reportsent chart-header-react .header.action-icons .position {
  line-height: 30px;
  height: 20px;
  padding-top: 5px;
}
.reports chart-header-react .header.action-icons .icon.edit-gauge,
.reportsent chart-header-react .header.action-icons .icon.edit-gauge {
  position: relative;
  top: 2px;
  right: -4px;
}
.reports #change-template-confirmation p,
.reportsent #change-template-confirmation p {
  color: #333633;
}
.reports #change-template-confirmation img,
.reportsent #change-template-confirmation img {
  opacity: 0.4;
}
.reports #change-template-confirmation .actions,
.reportsent #change-template-confirmation .actions {
  background: #FFFFFF;
}
.empty-state {
  text-align: center;
  min-height: 400px;
  padding-top: 2em;
}
.empty-state .text {
  margin-top: 1em;
  margin-left: 20%;
  width: 60%;
}
.empty-state .text h1 {
  font-weight: 300;
  color: #333633;
}
.empty-state .text p {
  color: #9B9B9B;
  margin-top: 1em;
}
i-edit-react svg {
  color: #000;
}
body.reports {
  background-color: #F1F1F1;
  line-height: 1.2em !important;
}
body.reports .ui.popup.report-recipients {
  width: auto;
  max-width: initial;
}
body.reports .ui.popup.report-recipients .recipient {
  font-size: 14px;
}
body.reports .ui.popup.report-recipients .title {
  text-align: center;
  margin-bottom: 10px;
}
body.reports table tr.report .ui.upward.dropdown .menu.additional-report-actions {
  height: fit-content;
  top: -530% !important;
}
body.reports table tr.report .additional-report-actions {
  right: -6px !important;
  top: 10px !important;
}
body.reports table tr.report td,
body.reports table tr.report th {
  border-left: none !important;
}
body.reports table tr.report td label.ui {
  cursor: default;
  margin-left: 10px;
  margin-right: 5px;
  padding: 4px 7px;
  font-weight: normal;
}
body.reports table tr.report td [data-tooltip][data-inverted]:after {
  font-size: 12px;
}
body.reports table tr.report .disabled-link {
  cursor: not-allowed;
  pointer-events: none;
  color: grey;
}
body.reports reportssent tr .info.recipients {
  visibility: hidden;
  cursor: pointer;
}
body.reports reportssent tr:hover .info.recipients {
  visibility: visible;
}
body.reports [ng-app] .main-app-container {
  height: initial;
}
body.reports .icon.pencil,
body.reports .icon.checkmark,
body.reports .icon.close {
  cursor: pointer;
}
body.reports .icon.checkmark {
  background: #53B847;
  position: absolute;
  left: 600px;
  top: 10px;
  padding: 5px 20px 22px 8px;
  border-radius: 2px;
  color: white;
}
body.reports .icon.pencil {
  color: #515761;
}
body.reports .icon.checkmark {
  background: #1f78b4;
  padding: 5px 22px 21px 7px;
}
body.reports .ui.popup.tokens {
  z-index: 1001;
  max-width: initial !important;
  width: initial !important;
}
body.reports .ui.popup.tokens p {
  padding-bottom: 0.5em;
}
body.reports reporttemplates,
body.reports sentreports {
  display: block;
}
body.reports .container-fluid {
  overflow-y: auto;
}
body.reports .reports-index {
  margin-bottom: 0;
}
body.reports .reports-index .ui.picker.buttons {
  margin-right: 0;
}
body.reports .reports-index .ui.picker.buttons .ui.button {
  padding: 11px 15.8px;
  margin: 0;
}
body.reports .reports-index .ui.segment {
  margin-top: -1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
body.reports .reports-index .ui.segment .ui.inverted.dimmer {
  background-color: transparent;
}
body.reports .reports-index .table-actions .dropdown .menu .item {
  font-size: 14px;
}
body.reports .header-menu {
  line-height: 31px;
  height: 31px;
  transition: background-color 0.5s;
  padding-right: 12px;
  padding-left: 12px;
}
body.reports .header-menu .actions {
  padding-left: 319px;
  padding-top: 15px;
}
body.reports .header-menu .actions .ui.button.template {
  cursor: pointer;
  padding-right: 20px;
  padding-left: 20px;
  color: white;
  background-color: #A9AAAC;
  font-size: 18px;
  height: 41px;
  line-height: 21px;
}
body.reports .header-menu header {
  color: #FFFFFF;
  transition: padding 0.5s;
}
body.reports .header-menu header .edit-icon {
  background-image: url('/static/img/reports/icn-reports-gear.png');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-left: 12px;
  position: relative;
  top: 7px;
  width: 15px;
}
body.reports .header-menu header .edit-icon.edit-mode {
  background-image: url('/static/img/reports/icn-reports-gear-edit.png');
}
body.reports .header-menu header .icon.template {
  background-image: url('/static/img/reports/icn-template.png');
  width: 19px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
body.reports .header-menu header .template-report-section:hover .icon.template {
  background-image: url('/static/img/reports/icn-template-over.png');
}
body.reports .header-menu header .name-section {
  float: left;
}
body.reports .header-menu header .template-report-section,
body.reports .header-menu header .finalize-report-section,
body.reports .header-menu header .save-template-section {
  cursor: pointer;
  padding-right: 20px;
  padding-left: 20px;
  color: white;
  background-color: #A9AAAC;
  font-size: 18px;
}
body.reports .header-menu header .finalize-report-section {
  color: inherit;
}
body.reports .reports-menu {
  overflow-y: hidden;
  overflow-x: hidden;
  position: absolute;
  visibility: hidden;
  top: 107px;
  left: 0;
  z-index: 100;
  width: 300px;
  height: 100%;
  background: #f4f3f3;
  border-right: solid 1px #D5D5D5;
  transition: all 0.5s;
}
body.reports .reports-menu .menu-section {
  height: 100%;
  min-height: 100%;
  border-bottom: solid 1px #d5d5d5;
  padding: 0 20px 20px;
  margin: 0 -20px 0;
}
body.reports .reports-menu .menu-section .clear {
  clear: both;
}
body.reports .reports-menu .item-search {
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #D5D5D5;
  color: #425361;
  font-size: 14px;
  font-weight: 600;
  height: 36px;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0 10px;
}
body.reports .reports-menu .item-search i {
  margin: 0;
}
body.reports .reports-menu .item-search input {
  border: none;
  height: 100%;
  outline: none;
  width: 82%;
  font-weight: 400;
}
body.reports .reports-menu .item-search i.remove:hover {
  color: #bd5555;
}
body.reports .reports-menu .item-search + hr {
  margin: 0 -20px;
  border: none;
  background-color: #d5d5d5;
  height: 1px;
}
body.reports .reports-menu .item-search hr {
  border-bottom: 1px solid #FFFFFF;
}
body.reports .reports-menu .section-wrapper {
  overflow-y: auto;
  margin-top: 18px;
}
body.reports .reports-menu .section-wrapper .flex {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 74%;
  justify-content: center;
}
body.reports .reports-menu .section-wrapper .empty-state p {
  font-size: 20px;
  margin-top: 23px;
  color: #353A42;
  font-weight: 300;
}
body.reports .reports-menu .section:first-child {
  margin-top: 0;
}
body.reports .reports-menu .gauges.section {
  overflow: hidden;
}
body.reports .reports-menu .gauges.section .gauge-list {
  overflow-y: hidden;
}
body.reports .reports-menu .gauges.section .gauge.item img {
  float: right;
  height: 20px;
  position: relative;
  top: 7px;
}
body.reports .reports-menu .filters.section .no-filters {
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
  text-align: center;
}
body.reports .reports-menu .filters.section .no-filters .text {
  font-size: 14px;
}
body.reports .reports-menu .filters.section .no-filters .img {
  margin-bottom: 20px;
  transform: rotate(-10deg);
}
body.reports .reports-menu .filters.section .filters .edit {
  opacity: 0;
  transition: opacity 150ms ease-in;
  float: right;
  background-color: black;
  width: 40px;
  color: #53B847;
  text-align: center;
}
body.reports .reports-menu .filters.section .filters .item {
  padding-right: 0;
  background-repeat: no-repeat;
  background-position: 97% 50%;
}
body.reports .reports-menu .filters.section .filters .item.column-type-text {
  background-image: url("/static/img/builder/column/icn-small-filter-text.png");
}
body.reports .reports-menu .filters.section .filters .item.column-type-date {
  background-image: url("/static/img/builder/column/icn-small-filter-date.png");
}
body.reports .reports-menu .filters.section .filters .item.column-type-number {
  background-image: url("/static/img/builder/column/icn-small-filter-number.png");
}
body.reports .reports-menu .filters.section .filters .item.column-type-bool {
  background-image: url("/static/img/builder/column/icn-small-filter-bool.png");
}
body.reports .reports-menu .filters.section .filters .item:hover .name {
  max-width: 190px;
}
body.reports .reports-menu .filters.section .filters .item:hover .edit {
  opacity: 1;
}
body.reports .reports-menu .filters.section .button {
  background-color: #53B847;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
body.reports .clients-list {
  width: 210mm;
  margin: 20px 0 -10px 330px;
  font-size: 16px;
  line-height: 37px;
}
body.reports .clients-list.cloak {
  visibility: hidden;
}
body.reports .clients-list .top .ui.negative.message .header {
  font-size: 16px;
  font-weight: 600;
}
body.reports .clients-list .top .ui.negative.message p {
  font-size: 14px;
  margin-top: 0;
}
body.reports .clients-list .top .ui.negative.message p a {
  color: inherit;
  text-decoration: underline;
}
body.reports .clients-list .bottom {
  margin-top: 20px;
}
body.reports .clients-list .bottom .label,
body.reports .clients-list .bottom .ui.dropdown .text,
body.reports .clients-list .bottom .ui.dropdown .item,
body.reports .clients-list .bottom .ui.dropdown input.search {
  color: #4A4A4A;
}
body.reports .clients-list .bottom .dropdown.search.ui {
  float: left;
  width: 300px;
  border: 1px solid #c3c3c3;
  border-radius: 4px;
}
body.reports .clients-list .bottom .dropdown.search.ui .text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 250px;
}
body.reports .clients-list .bottom::after {
  clear: both;
  content: "";
  display: block;
}
body.reports .clients-list .bottom .cover-page-toggle,
body.reports .clients-list .bottom .preview-report-layout,
body.reports .clients-list .bottom .orientation-toggle {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
  color: #1f78b4;
  font-size: 16px;
  line-height: 46px;
}
body.reports .clients-list .bottom .cover-page-toggle i.icon.counterclockwise.rotated,
body.reports .clients-list .bottom .preview-report-layout i.icon.counterclockwise.rotated,
body.reports .clients-list .bottom .orientation-toggle i.icon.counterclockwise.rotated {
  top: 16px;
  position: relative;
  left: -15px;
}
body.reports .report-container {
  background-color: white;
  visibility: hidden;
  width: 210mm;
  margin-left: 330px;
  margin-top: 20px;
  min-height: 1120px;
  margin-right: 30px;
  margin-bottom: 30px;
  /*border-radius: 5px;*/
  /*-webkit-border-radius: 5px;*/
  -webkit-box-shadow: 0px 0px 4px 0 #DDD;
  box-shadow: 0px 0px 4px 0 #DDD;
  border: 1px solid #c3c3c3;
  border-radius: 4px;
}
body.reports .report-container.cover-page .report-info {
  width: 100%;
  height: 1120px;
  max-height: 1120px;
  padding: 80px 50px;
  display: table;
}
body.reports .report-container.cover-page .report-info .created-by-toggle {
  margin-left: -7px;
  display: inline-block;
}
body.reports .report-container.cover-page .report-info .placeholder.logo {
  float: none;
  margin-right: 0;
  max-width: none;
}
body.reports .report-container.cover-page .main-content {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
body.reports .report-container.cover-page .main-content img.customer.logo {
  max-width: 100%;
  max-height: 400px;
  border: none;
  padding: 0;
}
body.reports .report-container.cover-page .main-content .title,
body.reports .report-container.cover-page .main-content .subtitle {
  width: 100%;
  margin-left: 0;
}
body.reports .report-container.cover-page .main-content .title input,
body.reports .report-container.cover-page .main-content .subtitle input,
body.reports .report-container.cover-page .main-content .title textarea,
body.reports .report-container.cover-page .main-content .subtitle textarea {
  width: 100%;
}
body.reports .report-container.cover-page .main-content .title {
  margin-top: 15px;
}
body.reports .report-container.cover-page .main-content .subtitle h2,
body.reports .report-container.cover-page .main-content .subtitle textarea {
  min-height: 100px;
}
body.reports .report-container.cover-page .details {
  color: #545E68;
  display: table-row;
}
body.reports .report-container.cover-page .details > div {
  line-height: 2em;
}
body.reports .report-container.cover-page .details .text {
  font-weight: 600;
  margin-bottom: 6px;
}
body.reports .report-container.cover-page .details .prepared-for .recipient {
  margin: -4px 0;
}
body.reports .report-container.cover-page .details .prepared-for .recipient .text {
  font-weight: bold;
  margin: 0;
}
body.reports .report-container.cover-page .details .created-by-toggle {
  margin-top: 30px;
  position: relative;
  padding-right: 80px;
}
body.reports .report-container.cover-page .details .created-by-toggle .icons {
  position: absolute;
  top: -4px;
  right: 0;
}
body.reports .report-container.cover-page .details .created-by-toggle h3 {
  font-size: 16px;
}
body.reports .report-container .report-info .title .field {
  clear: none;
}
body.reports .report-container .report-info .title .icon.pencil {
  float: right;
  font-size: initial;
  position: relative;
  top: -10px;
}
body.reports .report-container .report-info .title > .text,
body.reports .report-container .report-info .subtitle > .text {
  cursor: text;
  border: dashed 1px #D5D5D5;
  padding: 8px;
  word-wrap: break-word;
}
body.reports .report-container .report-info .title > .text h1,
body.reports .report-container .report-info .subtitle > .text h1,
body.reports .report-container .report-info .title > .text h2,
body.reports .report-container .report-info .subtitle > .text h2 {
  display: block;
}
body.reports .report-container .report-info .subtitle {
  margin-left: 29px;
  margin-top: 10px;
  font-size: 18px;
}
body.reports .report-container .report-info h2,
body.reports .report-container .report-info .subtitle textarea {
  resize: vertical;
}
body.reports .report-container .report-info h2 {
  font-size: 20px;
  color: #545E68;
  font-weight: 300;
}
body.reports .report-container .report-info .title input,
body.reports .report-container .report-info .subtitle textarea {
  padding: 8px;
  color: #545E68;
  font-weight: 400;
  border-radius: 3px;
  margin-bottom: 7px;
  border: 1px solid #CCCCCC;
}
body.reports .report-container .report-info .subtitle textarea {
  height: auto;
  min-height: 50px;
  margin-bottom: 0;
}
body.reports .report-container .report-info .placeholder.logo {
  display: inline-block;
  text-align: center;
  background-color: white;
  border: 1px dashed #D5D5D5;
  color: #D5D5D5;
  padding: 15px 25px;
  float: right;
  margin-right: 26px;
  max-width: 200px;
}
body.reports .report-container .report-info .placeholder.logo h2 {
  color: #D5D5D5;
  margin-top: 10px;
  font-size: 18px;
}
body.reports .report-container .report-info .placeholder.logo i.icon {
  color: #D5D5D5;
  font-size: 35px;
}
body.reports .report-container .report-info .created-by-toggle {
  border: 1px dashed #D5D5D5;
  line-height: 22px;
  padding: 0 6px;
}
body.reports .report-container .report-info .created-by-toggle.hide {
  opacity: 0.5;
}
body.reports .report-container .report-info .created-by-toggle > .icons {
  margin-left: 18px;
}
body.reports .report-container .header-section {
  border-bottom: solid 1px #C6C6C6;
  padding: 25px 0 0;
  position: relative;
  border-radius: inherit;
  background-color: white !important;
}
body.reports .report-container .header-section img.customer.logo {
  border: none;
  padding: 0;
}
body.reports .report-container .header-section .edit-area {
  float: left;
  height: 100%;
  width: 28px;
  padding-top: 15px;
  padding-left: 5px;
}
body.reports .report-container .header-section .title {
  margin-left: 29px;
}
body.reports .report-container .header-section .title .field {
  clear: none;
}
body.reports .report-container .header-section .title .icon.pencil {
  float: right;
  font-size: initial;
  position: relative;
  top: -10px;
}
body.reports .report-container .header-section .title input,
body.reports .report-container .header-section .subtitle input,
body.reports .report-container .header-section .title textarea,
body.reports .report-container .header-section .subtitle textarea {
  width: 62%;
}
body.reports .report-container .header-section .title > .text,
body.reports .report-container .header-section .subtitle > .text {
  max-width: 62%;
}
body.reports .report-container .header-section .subtitle {
  margin-left: 29px;
  margin-top: 10px;
  font-size: 18px;
}
body.reports .report-container .header-section .details {
  font-size: 14px;
  padding: 0px 30px;
  height: 35px;
  line-height: 35px;
  border-top: solid 1px #E6E6E6;
  margin-top: 24px;
  color: #545E68;
}
body.reports .report-container .header-section .details > div {
  display: inline-block;
  margin-right: 5px;
}
body.reports .report-container .header-section .details > div > .text {
  font-weight: 600;
}
body.reports .report-container .header-section .logo-section {
  background-color: #F6F6F7;
  width: 160px;
  height: 70px;
  float: right;
  margin-top: -65px;
  margin-right: 15px;
  border: dotted 1px #CBCBCB;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 20px;
}
body.reports .report-container .header-section .logo-section a {
  cursor: pointer;
}
body.reports .report-container .header-section .logo-section a .img {
  background-size: contain;
  background-repeat: no-repeat;
  height: 30px;
  background-image: url('/static/img/reports/icn-report-edit-image.png');
  width: 30px;
  float: left;
  margin-right: 10px;
  opacity: 0.25;
}
body.reports .report-container .header-section .logo-section a span {
  display: block;
  margin-top: -4px;
  color: #BDC0C4;
}
body.reports .report-container .header-section .logo-section:hover .img {
  opacity: 1;
}
body.reports .report-container .header-section .logo-section:hover span,
body.reports .report-container .header-section .logo-section:hover a {
  opacity: 1;
  color: #2D3239;
  font-weight: 600;
}
body.reports .report-container .content-section {
  min-height: 855px;
  margin: 19px 20px;
}
body.reports .report-container .content-section .empty-report-message-section {
  text-align: center;
  margin-top: 85px;
}
body.reports .report-container .content-section .empty-report-message-section .chart-types {
  position: relative;
  margin-bottom: 50px;
}
body.reports .report-container .content-section .empty-report-message-section .chart-types li {
  display: inline-block;
}
body.reports .report-container .content-section .empty-report-message-section .chart-types li img {
  height: 48px;
  width: auto;
  margin: 1px;
}
body.reports .report-container .content-section .empty-report-message-section h1 {
  font-size: 64px;
  color: #515761;
  text-transform: uppercase;
  font-weight: normal;
  font-weight: 100;
}
body.reports .report-container .content-section .empty-report-message-section h2 {
  font-size: 24px;
  color: #8B919D;
  font-weight: normal;
  font-weight: 100;
  margin-bottom: 30px;
}
body.reports .landscape-mode .clients-list {
  width: 297mm;
}
body.reports .landscape-mode .report-container {
  width: 297mm;
  min-height: 210mm;
}
body.reports .landscape-mode .report-container.cover-page .report-info {
  height: 210mm;
  max-height: 210mm;
}
body.reports .footer {
  width: 920px;
  border-top: solid 1px #d5d5d5;
  height: 38px;
  padding: 10px;
  font-size: 12px;
  color: #929292;
  font-weight: 600;
}
body.reports .footer .name {
  display: block;
  float: left;
}
body.reports .footer .company {
  display: block;
  float: right;
}
body.reports #edit-report-modal .content-edit-report {
  padding: 10px;
}
body.reports .redactor-dropdown {
  z-index: 1001 !important;
}
body.reports #text-editor {
  width: 786px;
}
body.reports #text-editor .content {
  height: 580px;
  padding: 0px;
}
body.reports #finalize-report {
  width: 786px;
  margin-left: -395px;
}
body.reports #finalize-report .step.one .fields {
  margin-bottom: 10px;
}
body.reports #finalize-report .step.one #daily-options table tr th,
body.reports #finalize-report .step.one #daily-options table tr td {
  padding: 2px;
}
body.reports #finalize-report .step.two.content label small {
  float: right;
}
body.reports #finalize-report .redactor-box {
  font-family: 'proxima-nova', sans-serif;
}
body.reports #finalize-report .content {
  height: 380px;
  padding: 0px;
}
body.reports #finalize-report .content label[for="attach-pdf"] input {
  position: relative;
  top: 3px;
  margin-right: 2px;
}
body.reports #finalize-report .content label[for="attach-pdf"] span.beta {
  background: #FDEEB6;
  color: #9D5F1E;
}
body.reports #finalize-report .sidebar {
  float: left;
  width: 20%;
}
body.reports #finalize-report .sidebar .number {
  float: left;
  font-size: xx-large;
  padding: 3px;
  line-height: 10px;
}
body.reports #finalize-report .sidebar .step {
  color: #E8E9E9;
  height: 50px;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 5px;
  font-weight: bold;
  border-bottom: solid 1px #DBDBDB;
}
body.reports #finalize-report .sidebar .step .text {
  font-size: 13px;
}
body.reports #finalize-report .sidebar .step.selected {
  background-color: #EFF1F1;
  color: #838489;
}
body.reports #finalize-report .sidebar .step.selected:hover {
  cursor: default;
}
body.reports #finalize-report .sidebar .step:hover {
  background-color: #EFF1F1;
  cursor: pointer;
  color: #838489;
}
body.reports #finalize-report .step.content {
  float: left;
  border-left: solid 1px #DBDBDB;
  width: 100%;
  padding: 20px 30px;
}
body.reports #finalize-report .step.three.content .table-wrapper {
  margin: 1.5em -30px 0;
  overflow-y: scroll;
  max-height: 540px;
  padding-bottom: 1.5em;
}
body.reports #finalize-report .step.three.content .table-wrapper .ui.table {
  margin: 0;
}
body.reports #finalize-report .step.three.content.error .table-wrapper {
  max-height: 475px;
}
body.reports #finalize-report .step.three.content #cc-me-label {
  float: right;
}
body.reports #finalize-report .action {
  cursor: pointer;
}
body.reports #finalize-report .action.final-step {
  background-color: #4389C3;
}
body.reports reportitem[data-item-type="text"] {
  color: #3B4249;
}
body.reports reportitem[data-item-type="text"] .editor {
  display: none;
}
body.reports reportitem[data-item-type="text"]:hover .icons .pencil,
body.reports reportitem[data-item-type="text"].fake-hover .icons .pencil {
  opacity: 1;
}
body.reports reportitem[data-item-type="text"]:not(.edit-text) ul,
body.reports reportitem[data-item-type="text"]:not(.edit-text) ol {
  margin-left: 30px;
}
body.reports reportitem[data-item-type="text"] .html-content > * {
  cursor: move;
}
body.reports reportitem[data-item-type="text"] .edit-area {
  display: none;
}
body.reports reportitem[data-item-type="text"].edit-text {
  background-color: white;
  z-index: 3;
  min-height: 250px!important;
  overflow: visible;
}
body.reports reportitem[data-item-type="text"].edit-text gaugewrapper {
  height: auto;
  overflow: visible;
}
body.reports reportitem[data-item-type="text"].edit-text .edit-area {
  box-shadow: 0px 1px 4px 0px #D1D4DE, 0px 2px 0px 0px #D1D4DE;
  border-radius: 3px;
}
body.reports reportitem[data-item-type="text"].edit-text .redactor-box {
  margin-bottom: 0;
}
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-toolbar {
  border-bottom: 1px solid #E6E6E6;
  box-shadow: none;
}
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor {
  border: none;
  font-family: 'proxima-nova', sans-serif;
  border-bottom: 1px solid #E6E6E6;
}
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor div,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor p,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor ul,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor ol,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor table,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor dl,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor figure,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor blockquote,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box .redactor-editor pre {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.33;
}
body.reports reportitem[data-item-type="text"].edit-text .redactor-box ul,
body.reports reportitem[data-item-type="text"].edit-text .redactor-box ol {
  padding-left: 20px;
}
body.reports reportitem[data-item-type="text"].edit-text .actions {
  padding: 10px;
}
body.reports reportitem[data-item-type="text"].edit-text .actions .button {
  width: 67px;
  padding-left: 0;
  padding-right: 0;
  background-color: #d2d2d2;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: white;
}
body.reports reportitem[data-item-type="text"].edit-text .actions .button.save {
  background-color: #53B847;
}
body.reports reportitem[data-item-type="text"].edit-text .wrapper {
  display: none;
}
body.reports reportitem[data-item-type="text"].edit-text .edit-area {
  display: block;
}
body.reports reportitem[data-item-type="text"].edit-text .edit-area textarea {
  display: none;
}
body.reports reportitem[data-item-type="text"].edit-text:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
}
body.reports reportitem[data-item-type="text"].edit-text:hover .header.icons {
  display: none;
}
body.reports .ui.green.full.button.report-options {
  width: 200px;
}
.finalize-report .actions.right {
  cursor: default !important;
}
.finalize-report .field.sixteen.wide.column.error {
  text-align: center;
}
.finalize-report .ui.button.primary.disabled {
  opacity: 0.7 !important;
  background-color: #1f78b4 !important;
  color: #FFF !important;
}
.finalize-report.ui.content.grid.one.column.centered {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -ms-flex-direction: column;
  /* IE 10 */
  flex-direction: column;
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center;
  margin: 30px 0 !important;
  overflow: auto;
}
.finalize-report.ui.content.grid.one.column.centered .field.main.column {
  margin: 0 !important;
}
.finalize-report .main.column {
  max-width: 850px !important;
  padding: 0 !important;
  background-color: #FFF;
  box-shadow: 0px 1px 4px 0px #D1D4DE, 0px 2px 0px 0px #D1D4DE;
  border-radius: 4px;
}
.finalize-report header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.finalize-report .main-content {
  padding: 0 !important;
}
.finalize-report .email-container {
  background-color: #FFF;
}
.finalize-report .email-container .line {
  position: relative;
  padding: 8px 24px;
  border-top: 1px solid #D3D3D3;
  font-size: 14px;
  line-height: 32px;
}
.finalize-report .email-container .line label {
  font-size: 16px;
  font-weight: bold;
}
.finalize-report .email-container .line input.seamless {
  margin: 0 10px;
  width: 86%;
  min-height: 36px;
}
.finalize-report .email-container .line:hover .add-new-user {
  display: inline-block;
}
.finalize-report .email-container .line .user-container {
  display: inline-block;
  width: 94%;
  margin: -8px;
  margin-left: 5px;
}
.finalize-report .email-container .line .user-container label {
  float: left;
}
.finalize-report .email-container .light-bulb {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 33px;
  background-color: #FFFFF8;
  border: 1px solid #DBDBD4;
  border-radius: 8px;
  padding: 4px 6px;
  cursor: pointer;
}
.finalize-report .email-container .user {
  margin: 0 5px 8px 5px;
  display: inline-block;
  font-size: 16px;
  background-color: #F5F7F8;
  border-radius: 3px;
  padding: 0 10px;
}
.finalize-report .email-container .user .remove {
  cursor: pointer;
  color: #CFD1D3;
}
.finalize-report .email-container .user .remove:hover {
  color: grey;
}
.finalize-report .email-container .user-container .menu i.icon {
  margin: 0;
  padding: 0;
}
.finalize-report .email-container .user-container .menu .item {
  font-size: 14px;
}
.finalize-report .email-container .user-container .menu .item .alt-text {
  color: grey;
  font-size: 13px;
  margin-left: 5px;
}
.finalize-report .email-container .blank {
  margin: 0 5px;
  display: inline-block;
  background-color: #F5F7F8;
  font-size: 16px;
  color: #CFD1D3;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
  padding: 0 4px;
}
.finalize-report .email-container .blank:not(.add-new-user) {
  padding: 0 10px;
}
.finalize-report .email-container .blank.add-new-user {
  display: none;
}
.finalize-report .email-container .blank i {
  position: relative;
  top: 2px;
  left: 2px;
  font-size: 18px;
  color: #CFD1D3;
}
.finalize-report .email-container .blank:hover i {
  color: grey;
}
.finalize-report .email-container .options > span {
  margin-right: 26px;
}
.finalize-report .email-container .options label {
  font-size: 14px;
}
.finalize-report .email-container .options .labels {
  margin-right: 2.5%;
  margin-left: 1%;
}
.finalize-report .email-container .options .bg-checkbox {
  display: inline-block;
}
.finalize-report .email-container .beta {
  line-height: 16px;
}
.finalize-report .email-container .email-body {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0;
  padding: 0;
}
.finalize-report .email-container .redactor-box .redactor-toolbar {
  background-color: #FFF;
  padding: 0 5px !important;
  margin: 0 !important;
  z-index: 2;
}
.finalize-report .email-container .redactor-box .redactor-toolbar li a {
  padding: 13px !important;
}
.finalize-report .email-container .redactor-box .redactor-toolbar li.tags a {
  color: #54BA48;
  font-weight: 600;
}
.finalize-report .email-container .redactor-box .redactor-toolbar li.tags a:hover {
  background-color: transparent;
  color: #54BA48;
}
.finalize-report .email-container .redactor-box .redactor-editor {
  z-index: 1;
  border: none;
  padding: 28px;
}
.finalize-report .email-container .redactor-box #email-body {
  color: rgba(0, 0, 0, 0.8);
  background-color: #FFF;
  padding: 25px 8px;
}
.email-authentication {
  margin-left: -5px;
}
.email-authentication .ui.toggle.checkbox {
  transform: scale(0.7) !important;
}
.email-authentication .ui.toggle.checkbox label {
  padding-left: 3.4rem !important;
  font-size: 21px !important;
}
.ui.grid > .column.iden:not(.row) {
  width: 40px !important;
}
report-pdf-view .page.cover .title h1,
.report-container.cover-page .title h1,
report-pdf-view .page.cover .title h1.text,
.report-container.cover-page .title h1.text,
report-pdf-view .page.cover .title input,
.report-container.cover-page .title input {
  font-size: 36px;
  color: #545E68;
  font-weight: 600;
  font-family: 'proxima-nova', sans-serif;
}
report-pdf-view .page.cover .title h2,
.report-container.cover-page .title h2,
report-pdf-view .page.cover .subtitle h2.text,
.report-container.cover-page .subtitle h2.text,
report-pdf-view .page.cover .subtitle input,
.report-container.cover-page .subtitle input,
report-pdf-view .page.cover .subtitle textarea,
.report-container.cover-page .subtitle textarea {
  font-size: 20px;
  color: #545E68;
  font-weight: normal;
  font-weight: 300;
  font-family: 'proxima-nova', sans-serif;
}
report-pdf-view .page.cover .top-border,
.report-container.cover-page .top-border,
report-pdf-view .page.cover .bottom-border,
.report-container.cover-page .bottom-border {
  height: 10px;
  border-radius: 2px;
  background-color: #ABADB0;
}
report-pdf-view .page.cover .top-border,
.report-container.cover-page .top-border {
  margin-top: 40px;
  margin-bottom: 20px;
}
report-pdf-view .page.cover .bottom-border,
.report-container.cover-page .bottom-border {
  margin-top: 20px;
  clear: both;
}
report-preview-asio .page.cover .title h1,
.report-container.cover-page .title h1,
report-preview-asio .page.cover .title h1.text,
.report-container.cover-page .title h1.text,
report-preview-asio .page.cover .title input,
.report-container.cover-page .title input {
  font-size: 36px;
  color: #545E68;
  font-weight: 600;
  font-family: 'proxima-nova', sans-serif;
}
report-preview-asio .page.cover .title h2,
.report-container.cover-page .title h2,
report-preview-asio .page.cover .subtitle h2.text,
.report-container.cover-page .subtitle h2.text,
report-preview-asio .page.cover .subtitle input,
.report-container.cover-page .subtitle input,
report-preview-asio .page.cover .subtitle textarea,
.report-container.cover-page .subtitle textarea {
  font-size: 20px;
  color: #545E68;
  font-weight: normal;
  font-weight: 300;
  font-family: 'proxima-nova', sans-serif;
}
report-preview-asio .page.cover .top-border,
.report-container.cover-page .top-border,
report-preview-asio .page.cover .bottom-border,
.report-container.cover-page .bottom-border {
  height: 10px;
  border-radius: 2px;
  background-color: #ABADB0;
}
report-preview-asio .page.cover .top-border,
.report-container.cover-page .top-border {
  margin-top: 40px;
  margin-bottom: 20px;
}
report-preview-asio .page.cover .bottom-border,
.report-container.cover-page .bottom-border {
  margin-top: 20px;
  clear: both;
}
body.reportsent {
  padding: 30px;
  background-color: #F1F1F1;
  /* PDF Styles */
}
body.reportsent.pdf {
  padding: 0;
  background-color: #fff;
}
body.reportsent.pdf .report-container {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.reportsent.pdf #main-container,
body.reportsent.pdf .report-container,
body.reportsent.pdf [ng-app^="report_"] .main-app-container,
body.reportsent.pdf {
  position: relative;
}
body.reportsent.pdf .item-container {
  display: block;
  position: relative;
  overflow: hidden;
  page-break-inside: avoid;
  float: left;
}
body.reportsent .sidebar-section {
  margin-right: 30px;
  float: left;
  width: 220px;
  min-height: 200px;
}
body.reportsent .sidebar-section .info-item {
  border-top: solid 1px #E2E2E2;
  height: 40px;
  line-height: 40px;
  font-size: small;
  text-align: right;
}
body.reportsent.pdf reportitem[data-display-type="headline"][data-headline-version="2"] > .header:not(.action-icons),
body.reportsent.pdf reportitem[data-display-type="headline"][data-headline-version="2"] .report-widget-masthead > .header:not(.action-icons) {
  display: block !important;
}
body.reportsent.pdf reportitem > .header > .text {
  width: 100%;
}
body.reportsent.pdf reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline {
  border: 0;
  padding: 4px 0 0 0;
  margin: 0;
}
body.reportsent.pdf reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__pair {
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 4px;
}
body.reportsent.pdf reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__key,
body.reportsent.pdf reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__kv-sep,
body.reportsent.pdf reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__value {
  color: #545E68;
}
body.reportsent.pdf reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__value {
  font-weight: 400;
  opacity: 0.95;
}
body.reportsent.pdf reportitem .dataTables_scrollBody td,
body.reportsent.pdf reportitem .dataTables_scrollBody tr {
  border-right: none!important;
}
body.reportsent.pdf reportitem .gauge-image div img {
  width: 100%;
  height: 100%;
}
body.reportsent reportitem[data-item-type="text"] .edit-area {
  display: none;
}
body.reportsent .report-container {
  width: 926px;
  min-height: 1120px;
  margin: 0 auto;
  background-color: #FFFFFF;
  /*margin-top: 30px;*/
  /*margin-bottom: 30px;*/
  /*border-radius: 5px;*/
  /*-webkit-border-radius: 5px;*/
  -webkit-box-shadow: 0px 2px 2px 0.5px #CACEDA;
  box-shadow: 0px 2px 2px 0.5px #CACEDA;
  border: 1px solid #dedede;
}
body.reportsent .report-container .header-section {
  background-color: #FAFAFA;
  border-bottom: solid 1px #C6C6C6;
  padding: 30px 0 0;
}
body.reportsent .report-container .header-section > .text {
  padding-left: 30px;
}
body.reportsent .report-container .header-section > .text h1 {
  font-size: 36px;
  color: #1E1E1E;
}
body.reportsent .report-container .header-section > .text h2 {
  font-size: 18px;
  color: #8B919D;
  font-weight: normal;
}
body.reportsent .report-container .header-section > .text h1,
body.reportsent .report-container .header-section > .text h2 {
  display: block;
}
body.reportsent .report-container .header-section .details {
  font-size: 14px;
  padding: 0px 30px;
  height: 35px;
  line-height: 35px;
  border-top: solid 1px #E6E6E6;
  margin-top: 25px;
  clear: both;
}
body.reportsent .report-container .header-section .details > div {
  color: #2D3239;
  display: inline-block;
  margin-right: 5px;
}
body.reportsent .report-container .header-section .details > div > .text {
  font-weight: 600;
}
body.reportsent .report-container .header-section .image {
  float: right;
  background-color: black;
  width: 190px;
  height: 60px;
  margin-top: 5px;
  border-radius: 3px;
}
body.reportsent .report-container .header-section .image img {
  margin-top: 14px;
  margin-left: 18px;
}
body.reportsent .report-container .content-section {
  margin: 19px 20px;
  min-height: 855px;
}
body.reportsent .report-container .footer {
  width: 920px;
  border-top: solid 1px #d5d5d5;
  height: 38px;
  padding: 10px;
  font-size: 12px;
  color: #929292;
  font-weight: 600;
}
body.reportsent .report-container .footer .name {
  display: block;
  float: left;
}
body.reportsent .report-container .footer .company {
  display: block;
  float: right;
}
body.reportsent .pages-section {
  margin-left: 30px;
  float: left;
  width: 110px;
  min-height: 132px;
}
body.reportsent .pages-section .report-page {
  width: 112px;
  height: 135px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  border: solid 2px #C6C6C6;
}
body.reportsent .pages-section .report-page.active {
  border: solid 2px #71AEE0;
}
body.reportsent .pages-section .report-page:hover {
  color: #515761;
  border: solid 2px #71AEE0;
}
body.reportsent .pages-section .report-page .page-title {
  text-transform: uppercase;
  font-size: small;
  font-weight: bold;
  color: #D5D6E4;
  margin-top: 18px;
  margin-left: 36px;
}
body.reportsent .pages-section .report-page .page-number {
  font-size: 50px;
  font-weight: bold;
  margin-left: 42px;
  color: #DCDDDF;
}
body.reportsent .pages-section .report-page .page-number.active {
  color: #515761;
}
.invalid-headline .data {
  margin-right: 20px !important;
}
.wrapper.pdf {
  width: 100%;
  display: table;
}
.wrapper.pdf .bg-icon.report-item-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.dummy .bg-icon.cover {
  display: block;
  text-align: center;
}
.dummy .dummy-chart {
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.dummy .dummy-chart.solidgauge {
  width: 100%;
  height: auto;
}
.dummy .dummy-chart.list,
.dummy .dummy-chart.table {
  width: 100%;
  height: auto;
  max-height: none;
}
.dummy .dummy-chart.column,
.dummy .dummy-chart.spline,
.dummy .dummy-chart.bar {
  height: auto;
  width: auto;
}
body.reportsent.pdf {
  background-color: #F1F1F1;
}
@media print {
  body.reportsent.pdf {
    background-color: #FFFFFF;
  }
}
body.reportsent.pdf #main-container {
  width: 100vw;
}
body.reportsent.pdf a.preview {
  margin: 0 auto;
  display: block;
  width: 150px;
  position: relative;
  top: 12px;
  margin-bottom: -36px;
}
@media print {
  body.reportsent.pdf a.preview {
    display: none;
  }
}
body.reportsent.pdf .reorder {
  cursor: initial;
}
/* Floated `.header > .text` needs a clear when PSA param band is omitted (ng-if); keeps gaugewrapper below title. */
report-pdf-view .pdf-view-container {
  /* `.reports`/`.reportsent` (see base.less) hide headline-v2 masthead `.header`; PDF/email keep title + MSSQL parameter band there */
  /* body.reports/reportSent sets reportitem > .header { height + overflow:hidden } — clips the gauge-parameter block in preview/PDF */
  /* Half-width grid (data-sizex=1): stack all MSSQL pairs on the left (inline mode disables @container collapse). */
}
body.reports report-pdf-view .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] > .header:not(.action-icons),
body.reportsent report-pdf-view .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] > .header:not(.action-icons),
body.reports report-pdf-view .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] .report-widget-masthead > .header:not(.action-icons),
body.reportsent report-pdf-view .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] .report-widget-masthead > .header:not(.action-icons) {
  display: block !important;
}
body.reports report-pdf-view .pdf-view-container reportitem > .header,
body.reportsent report-pdf-view .pdf-view-container reportitem > .header {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
}
body.reports report-pdf-view .pdf-view-container reportitem > .header::after,
body.reportsent report-pdf-view .pdf-view-container reportitem > .header::after {
  content: '';
  display: table;
  clear: both;
}
body.reports report-pdf-view .pdf-view-container reportitem > .header gauge-parameter-header-react,
body.reportsent report-pdf-view .pdf-view-container reportitem > .header gauge-parameter-header-react {
  clear: both;
  display: block;
  width: 100%;
}
body.reports report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__columns,
body.reportsent report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__columns {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}
body.reports report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column,
body.reportsent report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column {
  flex: none;
  width: 100%;
  max-width: 100%;
  text-align: left;
  align-items: flex-start !important;
}
body.reports report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair,
body.reportsent report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair {
  justify-content: flex-start;
}
body.reports report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__toggle-wrap,
body.reportsent report-pdf-view .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__toggle-wrap {
  justify-content: flex-start;
}
@media print {
  report-pdf-view .pdf-view-container {
    background-color: #FFFFFF;
    min-height: 100vh;
    width: 100vw;
  }
}
report-pdf-view .pdf-view-container div.page {
  min-height: 297mm;
  width: 210mm;
  border: 1px solid #dedede;
  background-color: #FFFFFF;
  margin: 60px auto;
  border-radius: 2px;
  position: relative;
}
report-pdf-view .pdf-view-container div.page .dataTables_scrollBody.react {
  max-height: unset;
}
@media print {
  report-pdf-view .pdf-view-container div.page {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
    margin: 0;
    border: none;
    mso-header-margin: 0;
    mso-footer-margin: 0;
    mso-paper-source: 0;
    background-color: #FFFFFF;
    page-break-after: always;
    page-break-inside: avoid;
    -webkit-print-color-adjust: exact;
  }
}
report-pdf-view .pdf-view-container div.page.hidden {
  visibility: hidden;
}
report-pdf-view .pdf-view-container div.page.hidden gaugewrapper table {
  word-wrap: normal !important;
  table-layout: auto !important;
}
report-pdf-view .pdf-view-container div.page .heading {
  border-bottom: solid 1px #C6C6C6;
}
report-pdf-view .pdf-view-container div.page .heading .logo {
  margin-left: 15px;
  display: inline-block;
  float: right;
}
report-pdf-view .pdf-view-container div.page .heading .top.section {
  width: 100%;
  padding: 30px 40px 20px;
  display: inline-block;
}
report-pdf-view .pdf-view-container div.page .heading .top.section img.customer.logo {
  border: none;
  padding: 0;
}
report-pdf-view .pdf-view-container div.page .heading .top.section .title {
  width: 100%;
  display: inline-block;
  float: left;
}
report-pdf-view .pdf-view-container div.page .heading .top.section .title h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 300 !important;
}
report-pdf-view .pdf-view-container div.page .heading .top.section .title h1,
report-pdf-view .pdf-view-container div.page .heading .top.section .title h2 {
  word-wrap: break-word;
  color: #545E68;
  display: block;
}
report-pdf-view .pdf-view-container div.page .heading .bottom.section {
  width: 100%;
  border-top: solid 1px #E6E6E6;
  padding: 8px 40px;
  color: #545E68;
}
report-pdf-view .pdf-view-container div.page .heading .bottom.section .detail.item {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
}
report-pdf-view .pdf-view-container div.page .heading .bottom.section .detail.item .text {
  font-weight: 600;
  display: inline-block;
}
@media print {
  report-pdf-view .pdf-view-container div.page .heading {
    background-color: #F8F8F8;
    -webkit-print-color-adjust: exact;
  }
}
report-pdf-view .pdf-view-container div.page.cover .heading {
  width: 100%;
  height: 297mm;
  padding: 80px 50px;
  display: table;
  border: none;
}
@media print {
  report-pdf-view .pdf-view-container div.page.cover .heading {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
  }
}
report-pdf-view .pdf-view-container div.page.cover .heading .top.section {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}
report-pdf-view .pdf-view-container div.page.cover .heading .top.section img.customer.logo {
  max-width: 100%;
  max-height: 400px;
  float: none;
  margin: 0;
}
report-pdf-view .pdf-view-container div.page.cover .heading .top.section .title {
  width: 100%;
  margin-left: 0;
}
report-pdf-view .pdf-view-container div.page.cover .heading .top.section .title h2 {
  margin-top: 15px;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section {
  display: table-row;
  padding: 0;
  border-top: 0;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section .detail.item {
  font-size: 1em;
  line-height: 2em;
  display: block;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section .detail.item h2 {
  font-size: 20px;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section .detail.item h3 {
  font-size: 16px;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section .detail.item .text {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section .detail.item .prepared-for .recipient {
  margin: -4px 0;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section .detail.item .prepared-for .recipient .text {
  font-weight: 700;
  margin: 0;
}
report-pdf-view .pdf-view-container div.page.cover .heading .bottom.section .detail.item .created-by {
  margin-top: 30px;
}
report-pdf-view .pdf-view-container div.page.first .content {
  padding: 30px 40px 40px;
}
report-pdf-view .pdf-view-container div.page .content {
  padding: 40px;
}
report-pdf-view .pdf-view-container div.page .content .row {
  margin-left: -10px;
  margin-right: -10px;
}
report-pdf-view .pdf-view-container div.page .content .row:after {
  content: "";
  display: table;
  clear: both;
}
report-pdf-view .pdf-view-container div.page .content .row:first-child {
  margin-top: 0;
}
report-pdf-view .pdf-view-container div.page .content .row:last-child {
  margin-bottom: -18px;
}
report-pdf-view .pdf-view-container div.page .content .row .col {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 18px;
}
report-pdf-view .pdf-view-container div.page .content .row .col.half {
  width: 50%;
}
report-pdf-view .pdf-view-container div.page .content .row .col.half reportitem {
  margin-bottom: 5px;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem {
  width: 100%;
  float: left;
  margin-bottom: 18px;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem > .header > .text {
  top: 0;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline {
  border: 0;
  padding: 4px 0 0 0;
  margin: 0;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__pair {
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 4px;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__key,
report-pdf-view .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__kv-sep,
report-pdf-view .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__value {
  color: #545E68;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__value {
  font-weight: 400;
  opacity: 0.95;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem:hover {
  box-shadow: none;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content > * {
  cursor: default;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content ul,
report-pdf-view .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content ol {
  line-height: 19px !important;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content p {
  line-height: 22px !important;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem[data-display-type="headline"] headline .text,
report-pdf-view .pdf-view-container div.page .content .row .col reportitem[data-display-type="headline"] .headline-container .text {
  cursor: default;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem gaugewrapper table {
  table-layout: fixed;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollHeadInner th {
  border: none;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody .ui.table tbody td {
  padding: 5px;
}
report-pdf-view .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody {
  overflow-y: hidden !important;
  overflow-x: auto !important;
}
@media print {
  report-pdf-view .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody {
    overflow: hidden !important;
  }
}
report-pdf-view .pdf-view-container div.page .page-number {
  position: absolute;
  width: 100%;
  bottom: 15px;
  text-align: center;
}
report-pdf-view .pdf-view-container div.page .page-number span {
  padding: 5px 15px;
  border: 1px solid rgba(34, 36, 38, 0.15);
  background-color: #F1F1F1;
  border-radius: 0.28571429rem;
}
@media print {
  report-pdf-view .pdf-view-container div.page h1,
  report-pdf-view .pdf-view-container div.page h2,
  report-pdf-view .pdf-view-container div.page h3,
  report-pdf-view .pdf-view-container div.page h4,
  report-pdf-view .pdf-view-container div.page h5,
  report-pdf-view .pdf-view-container div.page b {
    font-weight: 600 !important;
  }
  report-pdf-view .pdf-view-container div.page reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
  report-pdf-view .pdf-view-container div.page reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data {
    font-weight: 600 !important;
  }
}
report-preview-asio .pdf-view-container {
  margin-top: 0;
  /* Specific styles for text content containers */
}
body.reports report-preview-asio .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] > .header:not(.action-icons),
body.reportsent report-preview-asio .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] > .header:not(.action-icons),
body.reports report-preview-asio .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] .report-widget-masthead > .header:not(.action-icons),
body.reportsent report-preview-asio .pdf-view-container reportitem[data-display-type="headline"][data-headline-version="2"] .report-widget-masthead > .header:not(.action-icons) {
  display: block !important;
}
body.reports report-preview-asio .pdf-view-container reportitem > .header,
body.reportsent report-preview-asio .pdf-view-container reportitem > .header {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
}
body.reports report-preview-asio .pdf-view-container reportitem > .header::after,
body.reportsent report-preview-asio .pdf-view-container reportitem > .header::after {
  content: '';
  display: table;
  clear: both;
}
body.reports report-preview-asio .pdf-view-container reportitem > .header gauge-parameter-header-react,
body.reportsent report-preview-asio .pdf-view-container reportitem > .header gauge-parameter-header-react {
  clear: both;
  display: block;
  width: 100%;
}
body.reports report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__columns,
body.reportsent report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__columns {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}
body.reports report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column,
body.reportsent report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column {
  flex: none;
  width: 100%;
  max-width: 100%;
  text-align: left;
  align-items: flex-start !important;
}
body.reports report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair,
body.reportsent report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__column--right .gauge-parameter-header__pair {
  justify-content: flex-start;
}
body.reports report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__toggle-wrap,
body.reportsent report-preview-asio .pdf-view-container reportitem[data-sizex="1"] > .header gauge-parameter-header-react .gauge-parameter-header__toggle-wrap {
  justify-content: flex-start;
}
@media print {
  report-preview-asio .pdf-view-container {
    background-color: #FFFFFF;
    min-height: 100vh;
    width: 100vw;
  }
}
report-preview-asio .pdf-view-container .text-content-container {
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
  word-wrap: break-word;
  word-break: normal;
  /* Ensure scrollbars only appear when needed */
  /* Firefox scrollbar */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}
report-preview-asio .pdf-view-container .text-content-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
}
report-preview-asio .pdf-view-container .text-content-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
report-preview-asio .pdf-view-container .text-content-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody {
  overflow-y: hidden !important;
  /* Prevent vertical overflow */
  overflow-x: auto !important;
  /* Allow horizontal scrolling */
  max-height: none !important;
  /* Remove height restrictions */
  height: auto !important;
  /* Default scrollbar styling */
  scrollbar-width: thin;
  /* Firefox */
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
  /* Firefox */
  /* Chrome, Safari, Edge */
  /* Special styling for webkit browsers */
  /* Hide scrollbar when not in use for webkit */
  /* Ensure scrollbars work properly in Firefox */
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody::-webkit-scrollbar,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody::-webkit-scrollbar,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody::-webkit-scrollbar-thumb,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody::-webkit-scrollbar-thumb,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody.scrolling::-webkit-scrollbar-thumb,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody.scrolling::-webkit-scrollbar-thumb,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody.scrolling::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  /* Darker when actively scrolling */
  transition: background-color 0.2s ease;
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody:not(.scrolling):not(:hover)::-webkit-scrollbar-thumb,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody:not(.scrolling):not(:hover)::-webkit-scrollbar-thumb,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody:not(.scrolling):not(:hover)::-webkit-scrollbar-thumb {
  background: transparent;
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody.scrolling,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody.scrolling,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody.scrolling {
  scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
  /* Darker when actively scrolling */
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody:not(.scrolling):not(:hover),
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody:not(.scrolling):not(:hover),
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody:not(.scrolling):not(:hover) {
  scrollbar-color: transparent transparent;
  /* Hide when not in use */
}
@media print {
  report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody,
  report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody,
  report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody {
    overflow-x: auto !important;
    /* Force horizontal scrolling even in print */
    overflow-y: hidden !important;
  }
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody .ui.table,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody .ui.table,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody .ui.table {
  table-layout: fixed !important;
  /* Force fixed table layout */
  /* Ensure table headers have the same constraints */
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody .ui.table thead th,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody .ui.table thead th,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody .ui.table thead th {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  height: 30px !important;
}
report-preview-asio .pdf-view-container reportitem[data-display-type="table"] gaugewrapper .dataTables_scrollBody .ui.table tbody td,
report-preview-asio .pdf-view-container reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody .ui.table tbody td,
report-preview-asio .pdf-view-container reportitem[data-display-type="leaderboard"] gaugewrapper .dataTables_scrollBody .ui.table tbody td {
  padding: 5px;
  word-break: normal !important;
  /* Don't break words */
  white-space: nowrap !important;
  /* Prevent text wrapping to force horizontal scrolling */
  overflow: hidden !important;
  /* Hide overflow text */
  text-overflow: ellipsis !important;
  /* Add ellipsis for overflow */
  max-height: 30px !important;
  /* Force consistent height */
  height: 30px !important;
  /* Force consistent height */
  line-height: 20px;
  vertical-align: top;
  font-size: 13px;
}
report-preview-asio .pdf-view-container .text {
  font-family: 'proxima-nova', sans-serif;
  color: #515761;
}
report-preview-asio .pdf-view-container .titletext {
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
  color: #515761;
  overflow: hidden;
  padding-bottom: 20px;
}
report-preview-asio .pdf-view-container div.page {
  min-height: 297mm;
  width: 210mm;
  border: 1px solid #dedede;
  background-color: #FFFFFF;
  margin: 0 auto;
  border-radius: 2px;
  position: relative;
}
report-preview-asio .pdf-view-container div.page .dataTables_scrollBody.react {
  max-height: unset;
}
@media print {
  report-preview-asio .pdf-view-container div.page {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
    margin: 0;
    border: none;
    mso-header-margin: 0;
    mso-footer-margin: 0;
    mso-paper-source: 0;
    background-color: #FFFFFF;
    page-break-after: always;
    page-break-inside: avoid;
    -webkit-print-color-adjust: exact;
  }
}
report-preview-asio .pdf-view-container div.page.hidden {
  visibility: hidden;
}
report-preview-asio .pdf-view-container div.page.hidden gaugewrapper table {
  word-wrap: normal !important;
  table-layout: auto !important;
}
report-preview-asio .pdf-view-container div.page .heading {
  border-bottom: solid 1px #C6C6C6;
}
report-preview-asio .pdf-view-container div.page .heading .logo {
  margin-left: 15px;
  display: inline-block;
  float: right;
}
report-preview-asio .pdf-view-container div.page .heading .top.section {
  width: 100%;
  padding: 30px 40px 20px;
  display: inline-block;
}
report-preview-asio .pdf-view-container div.page .heading .top.section img.customer.logo {
  border: none;
  padding: 0;
}
report-preview-asio .pdf-view-container div.page .heading .top.section .title {
  width: 100%;
  display: inline-block;
  float: left;
}
report-preview-asio .pdf-view-container div.page .heading .top.section .title h2 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 300 !important;
}
report-preview-asio .pdf-view-container div.page .heading .top.section .title h1,
report-preview-asio .pdf-view-container div.page .heading .top.section .title h2 {
  word-wrap: break-word;
  color: #545E68;
  display: block;
}
report-preview-asio .pdf-view-container div.page .heading .bottom.section {
  width: 100%;
  border-top: solid 1px #E6E6E6;
  padding: 8px 40px;
  color: #545E68;
}
report-preview-asio .pdf-view-container div.page .heading .bottom.section .detail.item {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
}
report-preview-asio .pdf-view-container div.page .heading .bottom.section .detail.item .text {
  font-weight: 600;
  display: inline-block;
}
@media print {
  report-preview-asio .pdf-view-container div.page .heading {
    background-color: #F8F8F8;
    -webkit-print-color-adjust: exact;
  }
}
report-preview-asio .pdf-view-container div.page.cover .heading {
  width: 100%;
  height: 297mm;
  padding: 80px 50px;
  display: table;
  border: none;
}
@media print {
  report-preview-asio .pdf-view-container div.page.cover .heading {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
  }
}
report-preview-asio .pdf-view-container div.page.cover .heading .top.section {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}
report-preview-asio .pdf-view-container div.page.cover .heading .top.section img.customer.logo {
  max-width: 100%;
  max-height: 400px;
  float: none;
  margin: 0;
}
report-preview-asio .pdf-view-container div.page.cover .heading .top.section .title {
  width: 100%;
  margin-left: 0;
}
report-preview-asio .pdf-view-container div.page.cover .heading .top.section .title h2 {
  margin-top: 15px;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section {
  display: table-row;
  padding: 0;
  border-top: 0;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section .detail.item {
  font-size: 1em;
  line-height: 2em;
  display: block;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section .detail.item h2 {
  font-size: 20px;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section .detail.item h3 {
  font-size: 16px;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section .detail.item .text {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section .detail.item .prepared-for .recipient {
  margin: -4px 0;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section .detail.item .prepared-for .recipient .text {
  font-weight: 700;
  margin: 0;
}
report-preview-asio .pdf-view-container div.page.cover .heading .bottom.section .detail.item .created-by {
  margin-top: 30px;
}
report-preview-asio .pdf-view-container div.page.first .content {
  padding: 30px 40px 40px;
}
report-preview-asio .pdf-view-container div.page .content {
  padding: 40px;
}
report-preview-asio .pdf-view-container div.page .content .row {
  margin-left: -10px;
  margin-right: -10px;
}
report-preview-asio .pdf-view-container div.page .content .row:after {
  content: "";
  display: table;
  clear: both;
}
report-preview-asio .pdf-view-container div.page .content .row:first-child {
  margin-top: 0;
}
report-preview-asio .pdf-view-container div.page .content .row:last-child {
  margin-bottom: -18px;
}
report-preview-asio .pdf-view-container div.page .content .row .col {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 18px;
}
report-preview-asio .pdf-view-container div.page .content .row .col.half {
  width: 50%;
}
report-preview-asio .pdf-view-container div.page .content .row .col.half reportitem {
  margin-bottom: 5px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem {
  width: 100%;
  float: left;
  margin-bottom: 18px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem > .header > .text {
  top: 0;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline {
  border: 0;
  padding: 4px 0 0 0;
  margin: 0;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__pair {
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 4px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__key,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__kv-sep,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__value {
  color: #545E68;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem > .header gauge-parameter-header-react .gauge-parameter-header--inline .gauge-parameter-header__value {
  font-weight: 400;
  opacity: 0.95;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem:hover {
  box-shadow: none;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content > * {
  cursor: default;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content {
  /* Fix for very long content and prevent overflow */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
  height: auto;
  min-height: 20px;
  overflow: auto !important;
  /* Style for scrollbars - always visible when needed */
  scrollbar-width: thin;
  /* Firefox */
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
  /* Firefox */
  /* Hide scrollbars when not needed */
  /* Webkit scrollbar hover styles */
  /* Ensure proper rendering of content */
  /* Handle nested spans properly but preserve layout */
  /* Preserve spacing and layout */
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content ul,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content ol {
  line-height: 19px !important;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content p {
  line-height: 22px !important;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content p,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content div,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content span {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content span {
  display: inline;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-item-type="text"] .html-content * {
  box-sizing: border-box;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-display-type="headline"] headline .text,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem[data-display-type="headline"] .headline-container .text {
  cursor: default;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table {
  table-layout: fixed;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollHeadInner th {
  border: none;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody .ui.table tbody td {
  padding: 5px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody {
  overflow-y: hidden !important;
  overflow-x: auto !important;
  /* Allow horizontal scrolling */
  /* Hide scrollbar unless actively scrolling */
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody:hover::-webkit-scrollbar-thumb,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody:active::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}
@media print {
  report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper .dataTables_scrollBody {
    overflow: hidden !important;
  }
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table {
  table-layout: fixed;
  border-collapse: collapse;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table thead tr {
  background-color: #ffffff !important;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table tr {
  background-color: #ffffff;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table tr:nth-child(odd) {
  background-color: #F1F6FA;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table td,
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table th {
  padding: 10px;
  white-space: normal;
  word-break: break-word;
  height: auto !important;
  max-height: none !important;
  vertical-align: top;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper table th {
  text-transform: uppercase;
}
report-preview-asio .pdf-view-container div.page .content .row .col reportitem gaugewrapper tbody {
  display: table-row-group;
}
report-preview-asio .pdf-view-container div.page .page-number {
  position: absolute;
  width: 100%;
  bottom: 15px;
  text-align: center;
}
report-preview-asio .pdf-view-container div.page .page-number span {
  padding: 5px 15px;
  border: 1px solid rgba(34, 36, 38, 0.15);
  background-color: #F1F1F1;
  border-radius: 0.28571429rem;
  color: #000000;
}
@media print {
  report-preview-asio .pdf-view-container div.page h1,
  report-preview-asio .pdf-view-container div.page h2,
  report-preview-asio .pdf-view-container div.page h3,
  report-preview-asio .pdf-view-container div.page h4,
  report-preview-asio .pdf-view-container div.page h5,
  report-preview-asio .pdf-view-container div.page b {
    font-weight: 600 !important;
  }
  report-preview-asio .pdf-view-container div.page reportitem[data-display-type="headline"][data-headline-version="2"] headline .data,
  report-preview-asio .pdf-view-container div.page reportitem[data-display-type="headline"][data-headline-version="2"] .headline-container .data {
    font-weight: 600 !important;
  }
}
report-pdf-view .pdf-view-container.landscape div.page {
  min-height: 209mm;
  width: 297mm;
}
@media print {
  report-pdf-view .pdf-view-container.landscape div.page {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
  }
}
report-pdf-view .pdf-view-container.landscape div.page.cover .heading {
  height: 209mm;
}
@media print {
  report-pdf-view .pdf-view-container.landscape div.page.cover .heading {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
  }
}
report-preview-asio .pdf-view-container.landscape .text {
  font-family: 'proxima-nova', sans-serif;
  color: #515761;
}
report-preview-asio .pdf-view-container.landscape .titletext {
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
  color: #515761;
  overflow: hidden;
  padding-bottom: 20px;
}
report-preview-asio .pdf-view-container.landscape div.page {
  min-height: 209mm;
  width: 297mm;
}
@media print {
  report-preview-asio .pdf-view-container.landscape div.page {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
  }
}
report-preview-asio .pdf-view-container.landscape div.page.cover .heading {
  height: 209mm;
}
@media print {
  report-preview-asio .pdf-view-container.landscape div.page.cover .heading {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
  }
}
@media print {
  report-pdf-view .pdf-view-container div.page.overflowing,
  report-preview-asio .pdf-view-container div.page.overflowing {
    height: auto;
    max-height: none;
    page-break-inside: auto;
    overflow: visible;
  }
}
body.pdf-fit-columns report-pdf-view .pdf-view-container div.page.hidden reportitem[data-display-type="list"] gaugewrapper table,
body.pdf-fit-columns report-preview-asio .pdf-view-container div.page.hidden reportitem[data-display-type="list"] gaugewrapper table {
  max-width: 100% !important;
  table-layout: fixed !important;
}
body.pdf-fit-columns report-pdf-view .pdf-view-container div.page.hidden reportitem[data-display-type="list"] tbody td,
body.pdf-fit-columns report-preview-asio .pdf-view-container div.page.hidden reportitem[data-display-type="list"] tbody td {
  white-space: normal !important;
  word-break: break-word;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
body.pdf-fit-columns report-pdf-view .pdf-view-container div.page.hidden reportitem[data-display-type="list"] tr,
body.pdf-fit-columns report-preview-asio .pdf-view-container div.page.hidden reportitem[data-display-type="list"] tr {
  height: auto !important;
  max-height: none !important;
}
body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"],
body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] {
  overflow: hidden;
}
@media print {
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scroll,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scroll,
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollHead,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollHead,
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollBody,
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollHeadInner,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper .dataTables_scrollHeadInner {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper table,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper thead th,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper thead th,
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper tbody td,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper tbody td {
    width: auto !important;
    white-space: normal !important;
    word-break: break-word;
    overflow: hidden !important;
    height: auto !important;
    max-height: none !important;
    vertical-align: top;
  }
  body.pdf-fit-columns report-pdf-view .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper tr,
  body.pdf-fit-columns report-preview-asio .pdf-view-container div.page reportitem[data-display-type="list"] gaugewrapper tr {
    height: auto !important;
    max-height: none !important;
  }
}
.paginated-report-container {
  width: 210mm !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.paginated-report-container.landscape {
  width: 297mm !important;
}
.paginated-report-container.modal i.close {
  top: -48px;
  right: -14px;
  font-size: 24px;
}
.schedule-report-modal {
  width: 786px !important;
  left: 60% !important;
}
.schedule-report-modal .header {
  background: #424B56 !important;
  color: #FFFFFF !important;
  font-weight: 600!important;
  font-family: 'proxima-nova', sans-serif;
}
.schedule-report-modal .icon.close {
  cursor: pointer;
  top: -0.5% !important;
  right: 1% !important;
  color: white;
}
.schedule-report-modal .actions {
  height: 58px;
  font-size: 20px;
  font-weight: 600;
  text-align: center !important;
  line-height: 100%;
  background-color: #53B847 !important;
  color: white;
  cursor: pointer;
}
.schedule-report-modal .content {
  height: 380px;
  padding: 0px;
  width: 100% !important;
  line-height: 1.4;
  background: #FFFFFF;
}
.schedule-report-modal .content .step.one.content {
  float: left;
  width: 100%;
  height: 90%;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form {
  font-size: 1rem;
  position: relative;
  max-width: 100%;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .field.equal.width {
  display: flex;
  flex-direction: row;
  margin: 0em -0.5em 1em;
  margin-bottom: 10px;
  padding-left: 7.5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .field.equal.width .field {
  padding-right: 0.5em;
  flex: 0 1 auto;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields {
  display: flex;
  flex-direction: row;
  margin: 0em -0.5em 1em;
  margin-bottom: 10px;
  padding-left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields .field {
  padding-right: 0.5em;
  flex: 0 1 auto;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields .single.field {
  flex: inherit;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields .single.field .label {
  display: block;
  font-size: 14px !important;
  margin: 0em 0em 0.7em;
  color: #202327;
  font-weight: 600 !important;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields .one.fields {
  padding-left: 0;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields .one.fields .label {
  display: block;
  font-size: 14px !important;
  margin: 0em 0em 0.7em;
  color: #202327;
  font-weight: 600 !important;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields .one.fields span {
  color: grey;
  font-size: 13px;
  margin-left: 15px;
}
.schedule-report-modal .content .step.one.content .ui.fluid.form .fields .one.fields span .labels {
  margin-left: 5px !important;
  display: block;
  font-size: 14px !important;
  margin: 0em 0em 0.7em;
  color: #202327;
  font-weight: 600 !important;
}
.schedule-report-modal .content .schedule.report.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotate(0deg);
  transform: rotateZ(0deg);
  min-width: 14em !important;
  min-height: 2.7142em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
}
.schedule-report-modal .content .schedule.report.dropdown .icon {
  color: #54BA48;
}
.schedule-report-modal .content .schedule.report.dropdown .text {
  color: #727B89;
  font-weight: 400;
  line-height: 1;
}
.schedule-report-modal .content .schedule.report.dropdown .menu.transition.visible .item .text {
  color: rgba(0, 0, 0, 0.87);
}
.schedule-report-modal .content .schedule.report.dropdown .menu.transition.visible .active.selected.item .text {
  color: rgba(0, 0, 0, 0.95);
  font-weight: bold;
}
.schedule-report-modal .content .schedule.report.dropdown.active {
  border-color: #96C8DA;
}
.schedule.label {
  display: block;
  font-size: 14px !important;
  margin: 0em 0em 0.7em !important;
  color: #202327 !important;
  font-weight: 600 !important;
}
.schedule-checkbox.green {
  height: 30px;
  width: 32px;
  border: 1px solid #D3D3D3;
  color: #D3D3D3;
  background-color: transparent;
  display: inline-block;
  border-radius: 2px;
  margin-right: 5px;
}
.schedule-checkbox.green label {
  margin: 10px;
  line-height: 30px;
}
.schedule-checkbox.green.checked {
  background-image: none;
  border-color: #54BA48;
  color: #54BA48;
}
.recipient label {
  margin-top: 6px;
}
.recipient .dropdown-container {
  width: calc(100% - 60px);
  display: inline-block;
  margin: 0 10px;
}
.popup-trigger {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 33px;
  background-color: #FFFFF8;
  border: 1px solid #DBDBD4;
  border-radius: 8px;
  padding: 4px 6px;
  cursor: pointer;
}
.tags-input-container {
  position: relative;
  cursor: text;
}
.tags-input-container .tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  width: 100%;
}
.tags-input-container .placeholder-text {
  position: absolute;
  margin: 3px 0 0 7px;
  opacity: 0.4;
  line-height: 29px;
}
.tags-input-container .tags-input {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  min-height: 29px;
  width: 100%;
}
.tags-input-container .tags-input input {
  border: none;
  min-height: 29px;
  line-height: 29px;
  font-size: 14px;
  margin: 0;
  min-width: 2.2em;
  max-width: 100%;
  background-color: #FFFFFF;
}
.tags-input-container .tags-input input:focus {
  outline: none;
}
.tags-input-container .tags-input .tag {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  padding: 5px 8px 5px 11px;
  font-size: 14px;
  line-height: 14px;
  list-style: none;
  border-radius: 4.5px;
  margin: 3px 5px 3px 0;
  background-color: #f4f5f7;
  border-color: #f4f5f7;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}
.tags-input-container .tags-input .tag .tag-close-icon {
  margin-left: 8px;
  opacity: 0.5;
  font-size: 13px;
  line-height: 13px;
}
.tags-input-container .tags-input .tag .tag-close-icon .icon {
  margin: 0;
}
.tags-input-container .tags-input .tag .tag-close-icon:hover {
  opacity: 1;
}
.tags-input-container .tags-input .tag:hover {
  color: rgba(0, 0, 0, 0.8);
}
.tags-input-container .tags-input .tag.error {
  background-color: #E15A51;
  color: #ffffff;
}
.tags-input-container .tags-input .tag.error .tag-close-icon {
  opacity: 1;
}
.tags-input-container .menu {
  position: absolute;
  z-index: 11;
  margin: 12px 0 0;
  border: 1px solid #96c8da;
  border-top: none;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  max-height: 250px;
  overflow: auto;
  background-color: #ffffff;
}
.tags-input-container .menu.hidden {
  display: none;
}
.tags-input-container .menu.visible {
  display: block;
}
.tags-input-container .menu .menu-item {
  padding: 12px 18px;
  font-size: 14px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
}
.tags-input-container .menu .menu-item span {
  color: grey;
  font-size: 13px;
  margin-left: 5px;
}
.tags-input-container .menu .menu-item .user,
.tags-input-container .menu .menu-item .users {
  padding: 0;
  margin: 0 5px;
  display: inline-block;
  font-size: 16px;
  background-color: #F5F7F8;
  border-radius: 3px;
}
.tags-input-container .menu .menu-item:hover,
.tags-input-container .menu .menu-item.hovered {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  outline: none;
}
.tags-input-container.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.tags-input-container.disabled .placeholder-text {
  opacity: 0.2;
}
.prepared-for-h2-text {
  font-weight: bold;
}
.cover-page-color-modal {
  width: 511px !important;
  left: 65% !important;
}
.cover-page-color-modal .header {
  background: #424B56 !important;
  color: #FFFFFF !important;
  font-weight: 600!important;
  font-family: 'proxima-nova', sans-serif;
}
.cover-page-color-modal .icon.close {
  cursor: pointer;
  top: -0.5% !important;
  right: 1% !important;
  color: white;
}
.color-pallete-input {
  height: 43px;
  width: 43px;
}
/* Accounts */
body.accounts,
body.datasets,
body.clients,
body.datastores,
body.sync_histories,
body.connectivity_notifications,
body.defaults {
  background-color: #F1F1F1;
}
body.accounts .ui.grid,
body.datasets .ui.grid,
body.clients .ui.grid,
body.datastores .ui.grid,
body.sync_histories .ui.grid,
body.connectivity_notifications .ui.grid,
body.defaults .ui.grid {
  margin: 0;
}
body.accounts .container-fluid > .ui.grid > .row,
body.datasets .container-fluid > .ui.grid > .row,
body.clients .container-fluid > .ui.grid > .row,
body.datastores .container-fluid > .ui.grid > .row,
body.sync_histories .container-fluid > .ui.grid > .row,
body.connectivity_notifications .container-fluid > .ui.grid > .row,
body.defaults .container-fluid > .ui.grid > .row {
  text-align: center;
}
body.accounts .container-fluid > .ui.grid > .row > .sidebar,
body.datasets .container-fluid > .ui.grid > .row > .sidebar,
body.clients .container-fluid > .ui.grid > .row > .sidebar,
body.datastores .container-fluid > .ui.grid > .row > .sidebar,
body.sync_histories .container-fluid > .ui.grid > .row > .sidebar,
body.connectivity_notifications .container-fluid > .ui.grid > .row > .sidebar,
body.defaults .container-fluid > .ui.grid > .row > .sidebar,
body.accounts .container-fluid > .ui.grid > .row > .main,
body.datasets .container-fluid > .ui.grid > .row > .main,
body.clients .container-fluid > .ui.grid > .row > .main,
body.datastores .container-fluid > .ui.grid > .row > .main,
body.sync_histories .container-fluid > .ui.grid > .row > .main,
body.connectivity_notifications .container-fluid > .ui.grid > .row > .main,
body.defaults .container-fluid > .ui.grid > .row > .main {
  text-align: left;
}
body.accounts .ui.grid > .column.sidebar,
body.datasets .ui.grid > .column.sidebar,
body.clients .ui.grid > .column.sidebar,
body.datastores .ui.grid > .column.sidebar,
body.sync_histories .ui.grid > .column.sidebar,
body.connectivity_notifications .ui.grid > .column.sidebar,
body.defaults .ui.grid > .column.sidebar,
body.accounts .ui.grid > .row > .column.sidebar,
body.datasets .ui.grid > .row > .column.sidebar,
body.clients .ui.grid > .row > .column.sidebar,
body.datastores .ui.grid > .row > .column.sidebar,
body.sync_histories .ui.grid > .row > .column.sidebar,
body.connectivity_notifications .ui.grid > .row > .column.sidebar,
body.defaults .ui.grid > .row > .column.sidebar {
  padding-right: 0;
  margin-bottom: 30px;
}
body.accounts .ui.grid > .column.main,
body.datasets .ui.grid > .column.main,
body.clients .ui.grid > .column.main,
body.datastores .ui.grid > .column.main,
body.sync_histories .ui.grid > .column.main,
body.connectivity_notifications .ui.grid > .column.main,
body.defaults .ui.grid > .column.main,
body.accounts .ui.grid > .row > .column.main,
body.datasets .ui.grid > .row > .column.main,
body.clients .ui.grid > .row > .column.main,
body.datastores .ui.grid > .row > .column.main,
body.sync_histories .ui.grid > .row > .column.main,
body.connectivity_notifications .ui.grid > .row > .column.main,
body.defaults .ui.grid > .row > .column.main {
  background-color: white;
  min-height: 592px;
  box-shadow: 1px 2px 1px lightgrey;
  border-radius: 0 0 5px 5px;
}
body.accounts .ui.grid > .column.main > header,
body.datasets .ui.grid > .column.main > header,
body.clients .ui.grid > .column.main > header,
body.datastores .ui.grid > .column.main > header,
body.sync_histories .ui.grid > .column.main > header,
body.connectivity_notifications .ui.grid > .column.main > header,
body.defaults .ui.grid > .column.main > header,
body.accounts .ui.grid > .row > .column.main > header,
body.datasets .ui.grid > .row > .column.main > header,
body.clients .ui.grid > .row > .column.main > header,
body.datastores .ui.grid > .row > .column.main > header,
body.sync_histories .ui.grid > .row > .column.main > header,
body.connectivity_notifications .ui.grid > .row > .column.main > header,
body.defaults .ui.grid > .row > .column.main > header {
  border-radius: 5px 5px 0 0;
}
.navbar-collapse {
  width: auto;
  border-top: 0;
  box-shadow: none;
}
.navbar-collapse .nav.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-header {
  float: left;
}
.nav.nav-module:last-child {
  margin-top: 10px;
}
.nav.nav-module {
  padding-top: 30px;
  border-bottom: 0;
  width: 100%;
}
.nav.nav-module li {
  display: block;
  width: 100%;
  line-height: 45px;
  font-size: 14px;
  border-bottom: 1px solid #DFDFDF;
  padding-left: 10px;
}
.nav.nav-module li:last-child {
  border-bottom: none;
}
.nav.nav-module li a {
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #8f9399;
  text-decoration: none;
}
.nav.nav-module li.header {
  padding-left: 0px;
  font-weight: 600;
  font-size: 18px;
  color: #2D3239;
  text-transform: uppercase;
}
.nav.nav-module li.header:hover {
  background-color: transparent;
}
.nav.nav-module li.active,
.nav.nav-module li:hover {
  background-color: #ececec;
}
.nav.nav-module li.active a,
.nav.nav-module li:hover a {
  color: #545c69;
}
.nav.nav-module li.content {
  padding: 0 10px;
}
.nav.nav-module li.content select,
.nav.nav-module li.content input {
  margin: 10px 0;
}
body.accounts .hubspot-field .verify-button,
body.datasets .hubspot-field .verify-button,
body.clients .hubspot-field .verify-button,
body.datastores .hubspot-field .verify-button,
body.sync_histories .hubspot-field .verify-button,
body.connectivity_notifications .hubspot-field .verify-button,
body.reports .hubspot-field .verify-button,
body.defaults .hubspot-field .verify-button {
  line-height: 27px;
}
body.accounts .hubspot-field .status-message,
body.datasets .hubspot-field .status-message,
body.clients .hubspot-field .status-message,
body.datastores .hubspot-field .status-message,
body.sync_histories .hubspot-field .status-message,
body.connectivity_notifications .hubspot-field .status-message,
body.reports .hubspot-field .status-message,
body.defaults .hubspot-field .status-message {
  line-height: 30px;
}
body.accounts .hubspot-field .status-message .success,
body.datasets .hubspot-field .status-message .success,
body.clients .hubspot-field .status-message .success,
body.datastores .hubspot-field .status-message .success,
body.sync_histories .hubspot-field .status-message .success,
body.connectivity_notifications .hubspot-field .status-message .success,
body.reports .hubspot-field .status-message .success,
body.defaults .hubspot-field .status-message .success {
  color: #54BA48;
}
body.accounts .hubspot-field .status-message .error,
body.datasets .hubspot-field .status-message .error,
body.clients .hubspot-field .status-message .error,
body.datastores .hubspot-field .status-message .error,
body.sync_histories .hubspot-field .status-message .error,
body.connectivity_notifications .hubspot-field .status-message .error,
body.reports .hubspot-field .status-message .error,
body.defaults .hubspot-field .status-message .error {
  color: #BD5555;
}
body.accounts .hubspot-field .icon.external,
body.datasets .hubspot-field .icon.external,
body.clients .hubspot-field .icon.external,
body.datastores .hubspot-field .icon.external,
body.sync_histories .hubspot-field .icon.external,
body.connectivity_notifications .hubspot-field .icon.external,
body.reports .hubspot-field .icon.external,
body.defaults .hubspot-field .icon.external {
  padding-left: 5px;
}
body.accounts .ui.grid > .row .main.column > .action,
body.datasets .ui.grid > .row .main.column > .action,
body.clients .ui.grid > .row .main.column > .action,
body.datastores .ui.grid > .row .main.column > .action,
body.sync_histories .ui.grid > .row .main.column > .action,
body.connectivity_notifications .ui.grid > .row .main.column > .action,
body.reports .ui.grid > .row .main.column > .action,
body.defaults .ui.grid > .row .main.column > .action,
body.accounts .ui.grid .main.column > .action,
body.datasets .ui.grid .main.column > .action,
body.clients .ui.grid .main.column > .action,
body.datastores .ui.grid .main.column > .action,
body.sync_histories .ui.grid .main.column > .action,
body.connectivity_notifications .ui.grid .main.column > .action,
body.reports .ui.grid .main.column > .action,
body.defaults .ui.grid .main.column > .action,
body.accounts .ui.grid > .row .main.column > ng-view > .action,
body.datasets .ui.grid > .row .main.column > ng-view > .action,
body.clients .ui.grid > .row .main.column > ng-view > .action,
body.datastores .ui.grid > .row .main.column > ng-view > .action,
body.sync_histories .ui.grid > .row .main.column > ng-view > .action,
body.connectivity_notifications .ui.grid > .row .main.column > ng-view > .action,
body.reports .ui.grid > .row .main.column > ng-view > .action,
body.defaults .ui.grid > .row .main.column > ng-view > .action,
body.accounts .ui.grid .main.column > ng-view > .action,
body.datasets .ui.grid .main.column > ng-view > .action,
body.clients .ui.grid .main.column > ng-view > .action,
body.datastores .ui.grid .main.column > ng-view > .action,
body.sync_histories .ui.grid .main.column > ng-view > .action,
body.connectivity_notifications .ui.grid .main.column > ng-view > .action,
body.reports .ui.grid .main.column > ng-view > .action,
body.defaults .ui.grid .main.column > ng-view > .action {
  height: 65px;
  background-color: #53B847;
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 65px;
  font-size: 20px;
  font-weight: 300;
  cursor: pointer;
}
body.accounts .ui.grid > .row .main.column > .action.save,
body.datasets .ui.grid > .row .main.column > .action.save,
body.clients .ui.grid > .row .main.column > .action.save,
body.datastores .ui.grid > .row .main.column > .action.save,
body.sync_histories .ui.grid > .row .main.column > .action.save,
body.connectivity_notifications .ui.grid > .row .main.column > .action.save,
body.reports .ui.grid > .row .main.column > .action.save,
body.defaults .ui.grid > .row .main.column > .action.save,
body.accounts .ui.grid .main.column > .action.save,
body.datasets .ui.grid .main.column > .action.save,
body.clients .ui.grid .main.column > .action.save,
body.datastores .ui.grid .main.column > .action.save,
body.sync_histories .ui.grid .main.column > .action.save,
body.connectivity_notifications .ui.grid .main.column > .action.save,
body.reports .ui.grid .main.column > .action.save,
body.defaults .ui.grid .main.column > .action.save,
body.accounts .ui.grid > .row .main.column > ng-view > .action.save,
body.datasets .ui.grid > .row .main.column > ng-view > .action.save,
body.clients .ui.grid > .row .main.column > ng-view > .action.save,
body.datastores .ui.grid > .row .main.column > ng-view > .action.save,
body.sync_histories .ui.grid > .row .main.column > ng-view > .action.save,
body.connectivity_notifications .ui.grid > .row .main.column > ng-view > .action.save,
body.reports .ui.grid > .row .main.column > ng-view > .action.save,
body.defaults .ui.grid > .row .main.column > ng-view > .action.save,
body.accounts .ui.grid .main.column > ng-view > .action.save,
body.datasets .ui.grid .main.column > ng-view > .action.save,
body.clients .ui.grid .main.column > ng-view > .action.save,
body.datastores .ui.grid .main.column > ng-view > .action.save,
body.sync_histories .ui.grid .main.column > ng-view > .action.save,
body.connectivity_notifications .ui.grid .main.column > ng-view > .action.save,
body.reports .ui.grid .main.column > ng-view > .action.save,
body.defaults .ui.grid .main.column > ng-view > .action.save {
  background-color: #1f78b4;
  color: #FFFFFF;
}
body.accounts #main-container > div.content.grid > div.row,
body.datasets #main-container > div.content.grid > div.row,
body.clients #main-container > div.content.grid > div.row,
body.datastores #main-container > div.content.grid > div.row,
body.sync_histories #main-container > div.content.grid > div.row,
body.connectivity_notifications #main-container > div.content.grid > div.row,
body.reports #main-container > div.content.grid > div.row,
body.defaults #main-container > div.content.grid > div.row {
  margin-top: 0;
  padding-top: 0;
}
body.accounts .ui.grid > .row > .main.column,
body.datasets .ui.grid > .row > .main.column,
body.clients .ui.grid > .row > .main.column,
body.datastores .ui.grid > .row > .main.column,
body.sync_histories .ui.grid > .row > .main.column,
body.connectivity_notifications .ui.grid > .row > .main.column,
body.reports .ui.grid > .row > .main.column,
body.defaults .ui.grid > .row > .main.column,
body.accounts .ui.grid > .main.column,
body.datasets .ui.grid > .main.column,
body.clients .ui.grid > .main.column,
body.datastores .ui.grid > .main.column,
body.sync_histories .ui.grid > .main.column,
body.connectivity_notifications .ui.grid > .main.column,
body.reports .ui.grid > .main.column,
body.defaults .ui.grid > .main.column {
  margin: 30px 0px 30px 0!important;
  padding-left: 0;
  padding-right: 0!important;
  max-width: 1100px;
}
body.accounts .ui.grid > .row > .main.column header,
body.datasets .ui.grid > .row > .main.column header,
body.clients .ui.grid > .row > .main.column header,
body.datastores .ui.grid > .row > .main.column header,
body.sync_histories .ui.grid > .row > .main.column header,
body.connectivity_notifications .ui.grid > .row > .main.column header,
body.reports .ui.grid > .row > .main.column header,
body.defaults .ui.grid > .row > .main.column header,
body.accounts .ui.grid > .main.column header,
body.datasets .ui.grid > .main.column header,
body.clients .ui.grid > .main.column header,
body.datastores .ui.grid > .main.column header,
body.sync_histories .ui.grid > .main.column header,
body.connectivity_notifications .ui.grid > .main.column header,
body.reports .ui.grid > .main.column header,
body.defaults .ui.grid > .main.column header {
  margin-top: 0;
  padding: 0 0 0 30px;
  background-color: #424B56;
  height: 67px;
  line-height: 67px;
  overflow: hidden;
}
body.accounts .ui.grid > .row > .main.column header h1,
body.datasets .ui.grid > .row > .main.column header h1,
body.clients .ui.grid > .row > .main.column header h1,
body.datastores .ui.grid > .row > .main.column header h1,
body.sync_histories .ui.grid > .row > .main.column header h1,
body.connectivity_notifications .ui.grid > .row > .main.column header h1,
body.reports .ui.grid > .row > .main.column header h1,
body.defaults .ui.grid > .row > .main.column header h1,
body.accounts .ui.grid > .main.column header h1,
body.datasets .ui.grid > .main.column header h1,
body.clients .ui.grid > .main.column header h1,
body.datastores .ui.grid > .main.column header h1,
body.sync_histories .ui.grid > .main.column header h1,
body.connectivity_notifications .ui.grid > .main.column header h1,
body.reports .ui.grid > .main.column header h1,
body.defaults .ui.grid > .main.column header h1 {
  color: #FFFFFF;
  font-size: 28px;
  font-weight: 600;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle;
}
body.accounts .ui.grid > .row > .main.column header .actions,
body.datasets .ui.grid > .row > .main.column header .actions,
body.clients .ui.grid > .row > .main.column header .actions,
body.datastores .ui.grid > .row > .main.column header .actions,
body.sync_histories .ui.grid > .row > .main.column header .actions,
body.connectivity_notifications .ui.grid > .row > .main.column header .actions,
body.reports .ui.grid > .row > .main.column header .actions,
body.defaults .ui.grid > .row > .main.column header .actions,
body.accounts .ui.grid > .main.column header .actions,
body.datasets .ui.grid > .main.column header .actions,
body.clients .ui.grid > .main.column header .actions,
body.datastores .ui.grid > .main.column header .actions,
body.sync_histories .ui.grid > .main.column header .actions,
body.connectivity_notifications .ui.grid > .main.column header .actions,
body.reports .ui.grid > .main.column header .actions,
body.defaults .ui.grid > .main.column header .actions {
  webkit-box-shadow: 0 0 0, inset 0 0 0;
  -moz-box-shadow: 0 0 0, inset 0 0 0;
  box-shadow: 0 0 0, inset 0 0 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  cursor: pointer;
  margin-right: -1px;
}
body.accounts .ui.grid > .row > .main.column header .actions a,
body.datasets .ui.grid > .row > .main.column header .actions a,
body.clients .ui.grid > .row > .main.column header .actions a,
body.datastores .ui.grid > .row > .main.column header .actions a,
body.sync_histories .ui.grid > .row > .main.column header .actions a,
body.connectivity_notifications .ui.grid > .row > .main.column header .actions a,
body.reports .ui.grid > .row > .main.column header .actions a,
body.defaults .ui.grid > .row > .main.column header .actions a,
body.accounts .ui.grid > .main.column header .actions a,
body.datasets .ui.grid > .main.column header .actions a,
body.clients .ui.grid > .main.column header .actions a,
body.datastores .ui.grid > .main.column header .actions a,
body.sync_histories .ui.grid > .main.column header .actions a,
body.connectivity_notifications .ui.grid > .main.column header .actions a,
body.reports .ui.grid > .main.column header .actions a,
body.defaults .ui.grid > .main.column header .actions a,
body.accounts .ui.grid > .row > .main.column header .actions a:hover,
body.datasets .ui.grid > .row > .main.column header .actions a:hover,
body.clients .ui.grid > .row > .main.column header .actions a:hover,
body.datastores .ui.grid > .row > .main.column header .actions a:hover,
body.sync_histories .ui.grid > .row > .main.column header .actions a:hover,
body.connectivity_notifications .ui.grid > .row > .main.column header .actions a:hover,
body.reports .ui.grid > .row > .main.column header .actions a:hover,
body.defaults .ui.grid > .row > .main.column header .actions a:hover,
body.accounts .ui.grid > .main.column header .actions a:hover,
body.datasets .ui.grid > .main.column header .actions a:hover,
body.clients .ui.grid > .main.column header .actions a:hover,
body.datastores .ui.grid > .main.column header .actions a:hover,
body.sync_histories .ui.grid > .main.column header .actions a:hover,
body.connectivity_notifications .ui.grid > .main.column header .actions a:hover,
body.reports .ui.grid > .main.column header .actions a:hover,
body.defaults .ui.grid > .main.column header .actions a:hover {
  background-color: transparent;
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-image: none;
  padding: 0 25px;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  line-height: 68px;
  color: #FFFFFF;
}
body.accounts .ui.grid > .row > .main.column header .actions a.primary,
body.datasets .ui.grid > .row > .main.column header .actions a.primary,
body.clients .ui.grid > .row > .main.column header .actions a.primary,
body.datastores .ui.grid > .row > .main.column header .actions a.primary,
body.sync_histories .ui.grid > .row > .main.column header .actions a.primary,
body.connectivity_notifications .ui.grid > .row > .main.column header .actions a.primary,
body.reports .ui.grid > .row > .main.column header .actions a.primary,
body.defaults .ui.grid > .row > .main.column header .actions a.primary,
body.accounts .ui.grid > .main.column header .actions a.primary,
body.datasets .ui.grid > .main.column header .actions a.primary,
body.clients .ui.grid > .main.column header .actions a.primary,
body.datastores .ui.grid > .main.column header .actions a.primary,
body.sync_histories .ui.grid > .main.column header .actions a.primary,
body.connectivity_notifications .ui.grid > .main.column header .actions a.primary,
body.reports .ui.grid > .main.column header .actions a.primary,
body.defaults .ui.grid > .main.column header .actions a.primary,
body.accounts .ui.grid > .row > .main.column header .actions a:hover.primary,
body.datasets .ui.grid > .row > .main.column header .actions a:hover.primary,
body.clients .ui.grid > .row > .main.column header .actions a:hover.primary,
body.datastores .ui.grid > .row > .main.column header .actions a:hover.primary,
body.sync_histories .ui.grid > .row > .main.column header .actions a:hover.primary,
body.connectivity_notifications .ui.grid > .row > .main.column header .actions a:hover.primary,
body.reports .ui.grid > .row > .main.column header .actions a:hover.primary,
body.defaults .ui.grid > .row > .main.column header .actions a:hover.primary,
body.accounts .ui.grid > .main.column header .actions a:hover.primary,
body.datasets .ui.grid > .main.column header .actions a:hover.primary,
body.clients .ui.grid > .main.column header .actions a:hover.primary,
body.datastores .ui.grid > .main.column header .actions a:hover.primary,
body.sync_histories .ui.grid > .main.column header .actions a:hover.primary,
body.connectivity_notifications .ui.grid > .main.column header .actions a:hover.primary,
body.reports .ui.grid > .main.column header .actions a:hover.primary,
body.defaults .ui.grid > .main.column header .actions a:hover.primary {
  background-color: #1f78b4;
}
body.accounts .ui.grid > .row > .main.column header .actions:hover,
body.datasets .ui.grid > .row > .main.column header .actions:hover,
body.clients .ui.grid > .row > .main.column header .actions:hover,
body.datastores .ui.grid > .row > .main.column header .actions:hover,
body.sync_histories .ui.grid > .row > .main.column header .actions:hover,
body.connectivity_notifications .ui.grid > .row > .main.column header .actions:hover,
body.reports .ui.grid > .row > .main.column header .actions:hover,
body.defaults .ui.grid > .row > .main.column header .actions:hover,
body.accounts .ui.grid > .main.column header .actions:hover,
body.datasets .ui.grid > .main.column header .actions:hover,
body.clients .ui.grid > .main.column header .actions:hover,
body.datastores .ui.grid > .main.column header .actions:hover,
body.sync_histories .ui.grid > .main.column header .actions:hover,
body.connectivity_notifications .ui.grid > .main.column header .actions:hover,
body.reports .ui.grid > .main.column header .actions:hover,
body.defaults .ui.grid > .main.column header .actions:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
}
body.accounts .ui.grid > .row > .main.column .main-content,
body.datasets .ui.grid > .row > .main.column .main-content,
body.clients .ui.grid > .row > .main.column .main-content,
body.datastores .ui.grid > .row > .main.column .main-content,
body.sync_histories .ui.grid > .row > .main.column .main-content,
body.connectivity_notifications .ui.grid > .row > .main.column .main-content,
body.reports .ui.grid > .row > .main.column .main-content,
body.defaults .ui.grid > .row > .main.column .main-content,
body.accounts .ui.grid > .main.column .main-content,
body.datasets .ui.grid > .main.column .main-content,
body.clients .ui.grid > .main.column .main-content,
body.datastores .ui.grid > .main.column .main-content,
body.sync_histories .ui.grid > .main.column .main-content,
body.connectivity_notifications .ui.grid > .main.column .main-content,
body.reports .ui.grid > .main.column .main-content,
body.defaults .ui.grid > .main.column .main-content {
  /* padding: 15px 30px; */
  padding: 30px;
}
body.accounts .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.datasets .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.clients .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.datastores .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.sync_histories .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.connectivity_notifications .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.reports .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.defaults .ui.grid > .row > .main.column .main-content > form > .row:last-child,
body.accounts .ui.grid > .main.column .main-content > form > .row:last-child,
body.datasets .ui.grid > .main.column .main-content > form > .row:last-child,
body.clients .ui.grid > .main.column .main-content > form > .row:last-child,
body.datastores .ui.grid > .main.column .main-content > form > .row:last-child,
body.sync_histories .ui.grid > .main.column .main-content > form > .row:last-child,
body.connectivity_notifications .ui.grid > .main.column .main-content > form > .row:last-child,
body.reports .ui.grid > .main.column .main-content > form > .row:last-child,
body.defaults .ui.grid > .main.column .main-content > form > .row:last-child {
  margin-top: 1.5%;
}
body.accounts .ui.grid > .row > .main.column .main-content.upload,
body.datasets .ui.grid > .row > .main.column .main-content.upload,
body.clients .ui.grid > .row > .main.column .main-content.upload,
body.datastores .ui.grid > .row > .main.column .main-content.upload,
body.sync_histories .ui.grid > .row > .main.column .main-content.upload,
body.connectivity_notifications .ui.grid > .row > .main.column .main-content.upload,
body.reports .ui.grid > .row > .main.column .main-content.upload,
body.defaults .ui.grid > .row > .main.column .main-content.upload,
body.accounts .ui.grid > .main.column .main-content.upload,
body.datasets .ui.grid > .main.column .main-content.upload,
body.clients .ui.grid > .main.column .main-content.upload,
body.datastores .ui.grid > .main.column .main-content.upload,
body.sync_histories .ui.grid > .main.column .main-content.upload,
body.connectivity_notifications .ui.grid > .main.column .main-content.upload,
body.reports .ui.grid > .main.column .main-content.upload,
body.defaults .ui.grid > .main.column .main-content.upload {
  padding-top: 0;
}
body.accounts .ui.grid > .row > .main.column h2,
body.datasets .ui.grid > .row > .main.column h2,
body.clients .ui.grid > .row > .main.column h2,
body.datastores .ui.grid > .row > .main.column h2,
body.sync_histories .ui.grid > .row > .main.column h2,
body.connectivity_notifications .ui.grid > .row > .main.column h2,
body.reports .ui.grid > .row > .main.column h2,
body.defaults .ui.grid > .row > .main.column h2,
body.accounts .ui.grid > .main.column h2,
body.datasets .ui.grid > .main.column h2,
body.clients .ui.grid > .main.column h2,
body.datastores .ui.grid > .main.column h2,
body.sync_histories .ui.grid > .main.column h2,
body.connectivity_notifications .ui.grid > .main.column h2,
body.reports .ui.grid > .main.column h2,
body.defaults .ui.grid > .main.column h2 {
  color: #727B89;
  font-size: 24px;
  margin-bottom: 10px;
}
body.accounts .ui.basic.table p,
body.datasets .ui.basic.table p,
body.clients .ui.basic.table p,
body.datastores .ui.basic.table p,
body.sync_histories .ui.basic.table p,
body.connectivity_notifications .ui.basic.table p,
body.reports .ui.basic.table p,
body.defaults .ui.basic.table p {
  color: #727B89;
}
body.accounts .ui.basic.table .email,
body.datasets .ui.basic.table .email,
body.clients .ui.basic.table .email,
body.datastores .ui.basic.table .email,
body.sync_histories .ui.basic.table .email,
body.connectivity_notifications .ui.basic.table .email,
body.reports .ui.basic.table .email,
body.defaults .ui.basic.table .email {
  font-size: 12px;
  color: #727B89;
}
body.accounts .ui.basic.table.very.users,
body.datasets .ui.basic.table.very.users,
body.clients .ui.basic.table.very.users,
body.datastores .ui.basic.table.very.users,
body.sync_histories .ui.basic.table.very.users,
body.connectivity_notifications .ui.basic.table.very.users,
body.reports .ui.basic.table.very.users,
body.defaults .ui.basic.table.very.users {
  font-size: 16px;
}
body.accounts .ui.basic.table.very.emails,
body.datasets .ui.basic.table.very.emails,
body.clients .ui.basic.table.very.emails,
body.datastores .ui.basic.table.very.emails,
body.sync_histories .ui.basic.table.very.emails,
body.connectivity_notifications .ui.basic.table.very.emails,
body.reports .ui.basic.table.very.emails,
body.defaults .ui.basic.table.very.emails {
  font-size: 17px;
}
body.accounts .ui.basic.table.very.emails .empty,
body.datasets .ui.basic.table.very.emails .empty,
body.clients .ui.basic.table.very.emails .empty,
body.datastores .ui.basic.table.very.emails .empty,
body.sync_histories .ui.basic.table.very.emails .empty,
body.connectivity_notifications .ui.basic.table.very.emails .empty,
body.reports .ui.basic.table.very.emails .empty,
body.defaults .ui.basic.table.very.emails .empty {
  padding-left: 5px;
  font-size: 16px;
  font-style: italic;
  color: 333633;
  opacity: 0.4;
}
body.accounts .sidebar,
body.datasets .sidebar,
body.clients .sidebar,
body.datastores .sidebar,
body.sync_histories .sidebar,
body.connectivity_notifications .sidebar,
body.reports .sidebar,
body.defaults .sidebar {
  max-width: 250px;
}
#delete-user {
  text-align: left;
}
body.accounts .logo-upload-container {
  min-width: 450px;
}
body.accounts #manage-activation-message {
  padding: 0;
}
body.accounts .ui.form .brand-color {
  clear: both;
}
body.accounts .ui.form .brand-color .two.wide.field.brand-color-preview {
  width: 8% !important;
  white-space: nowrap;
}
body.accounts .ui.form .brand-color .two.wide.field.brand-color-preview .disabled.input,
body.accounts .ui.form .brand-color .two.wide.field.brand-color-preview input {
  opacity: 1!important;
}
body.accounts .ui.form .brand-color .two.wide.field.brand-color-preview:not(.color-input-supported) input {
  background-color: #ABADB0 !important;
}
body.accounts .ui.form .brand-color .two.wide.field.brand-color-preview.color-input-supported input {
  border: none;
  padding: 0;
  width: 60px;
  height: 43px;
  cursor: pointer;
}
body.accounts .report-templates h3 {
  margin-top: 10px;
}
body.accounts .gauge_theme .colors,
body.accounts .gauge_theme .color {
  display: inline-block;
}
body.accounts .gauge_theme .colors {
  margin-left: 5px;
  height: 20px;
}
body.accounts .gauge_theme .color {
  width: 20px;
  height: 100%;
}
body.accounts .gauge_theme label {
  min-width: 60px;
}
body.accounts .gauge_theme .dropdown .text,
body.accounts .gauge_theme .dropdown .menu .item {
  display: flex;
  align-items: center;
}
body.accounts label[for="id_brand_color"] {
  visibility: hidden;
}
body.accounts .field.logo-upload input[type='file'] {
  visibility: hidden;
}
body.accounts .field.logo-upload input.file-text {
  width: 329px;
  height: 43px;
}
body.accounts .field.logo-upload .button.file-button {
  height: 43px;
  margin-left: -82px;
  padding-top: 15px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0.2857rem;
  border-bottom-right-radius: 0.2857rem;
  margin-right: -5px;
}
body.accounts .field.logo-upload .help {
  font-size: 12px;
  padding-top: 5px;
}
body.accounts .field.logo-upload .customer-logo {
  margin-top: 16px;
  float: right;
  max-width: 300px;
}
body.accounts .field.logo-upload .remove input {
  visibility: hidden;
}
body.accounts .field.logo-upload .remove-text {
  cursor: pointer;
  color: #1f78b4;
}
body.accounts .field.logo-upload .ui.pointing.errors {
  width: 373px;
}
body.login {
  background: url('/static/img/backgrounds/city_beautiful.png') center no-repeat #749eaa;
  /* This should be the original (large) image uploaded */
  /* Stretch the BG in all browsers */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
body.login #main-container {
  margin-right: 70px;
}
body.login .login-module {
  margin-top: 5%;
}
body.login .login-module .message {
  margin: 0 auto 20px auto;
  width: 370px;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  padding: 5px 10px;
  background: #faedbf;
  border: 1px solid #efc26e;
}
body.login .login-module .title {
  background-color: #333;
  background-image: url('/static/img/layout/logo.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 77px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
}
body.login .login-module .module {
  margin: 0 auto;
  width: 370px;
  background-color: white;
  border: 10px solid rgba(59, 59, 59, 0.9);
  border-radius: 5px;
}
body.login .login-module .module form {
  padding: 18px 18px 0 18px;
  margin-bottom: 20px;
}
body.login .login-module .module form .fields p {
  text-align: justified;
  margin-bottom: 15px;
}
body.login .login-module .module form div.actions {
  margin-bottom: 20px;
  text-align: center;
}
body.login .lower-message {
  width: 370px;
  text-align: center;
  margin: 20px auto;
}
/* BGS */
body.accounts.detail .fields.passwords {
  padding: 5px 0;
}
body.accounts .main-content .gravatar-container .image-container {
  width: 125px;
  height: 125px;
}
body.accounts .main-content .gravatar-container .image-container .overlap-container {
  width: 125px !important;
  height: 125px;
  border-radius: 999px;
}
body.accounts .main-content .gravatar-container .image-container .gravatar-image {
  height: 125px;
  border-radius: 999px;
}
body.accounts .main-content .gravatar-container .image-container .change-image-hover {
  transition: opacity 300ms;
  opacity: 0;
  position: absolute;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  background-color: rgba(216, 216, 216, 0.9);
  color: #333633;
  z-index: 3;
}
body.accounts .main-content .gravatar-container .image-container .change-image-hover .icon {
  font-size: 36px;
  margin: 10px 0 0 0;
}
body.accounts .main-content .gravatar-container .image-container .change-image-hover:hover {
  opacity: 1;
}
body.accounts .main-content .gravatar-container .field.gravatar-text {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body.accounts .main-content .gravatar-container .field.gravatar-text p {
  position: relative;
  left: 15px;
  font-size: 14px;
  margin-bottom: 10px;
  width: 90%;
}
@media screen and (max-width: 1150px) {
  .gravatar-container .field.gravatar-text p {
    margin-top: 8px;
  }
}
.tfa-enabled {
  display: inline;
  color: #50B83C !important;
}
body.accounts.subscription .plan-details {
  text-align: center;
  margin-top: 20px;
}
body.accounts.subscription .plan-details .note {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 7px;
}
body.accounts.subscription .plan-details .note.cursor-pointer {
  cursor: pointer;
}
body.accounts.subscription .plan-details .button {
  width: 100%;
  margin-top: 10px;
}
body.accounts.subscription .plan-details .wrapper > div {
  clear: both;
}
body.accounts.subscription .plan-details .configuration .wrapper {
  width: 200px;
  margin: 0 auto;
  font-weight: 600;
}
body.accounts.subscription .plan-details .configuration .wrapper > div {
  padding: 8px 0;
}
body.accounts.subscription .plan-details .configuration .wrapper .name {
  font-size: 18px;
  float: left;
}
body.accounts.subscription .plan-details .configuration .wrapper .count {
  float: right;
  text-align: center;
  min-width: 35px;
}
body.accounts.subscription .plan-name {
  color: #333633;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  padding: 10px 0 5px;
}
body.accounts.subscription .close-delete-account-modal {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 7px;
  padding-left: 6px;
  cursor: pointer !important;
}
body.accounts.subscription .main-content#accounts-main-content {
  padding: 0;
}
body.accounts.subscription .main-content#accounts-main-content #account-subscription > .row {
  padding: 0 !important;
}
body.accounts.subscription .main-content#accounts-main-content .left-container {
  min-height: 900px;
  border-right: 1px solid #e9e9e9;
  padding-right: 0;
  padding-left: 0;
}
body.accounts.subscription .main-content#accounts-main-content .left-container .ui.table {
  /* Amount column */
}
body.accounts.subscription .main-content#accounts-main-content .left-container .ui.table tbody td:last-child,
body.accounts.subscription .main-content#accounts-main-content .left-container .ui.table thead th:last-child {
  text-align: center;
  width: 100px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container {
  padding: 36px 25px;
  padding-top: 0;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .row {
  padding-top: 0;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 20px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.change-account {
  margin-top: 20px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.change-account .ui.dropdown {
  margin-bottom: 5px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.change-account p,
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.change-account .new-line {
  font-size: 14px;
  margin-left: 5px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.change-account label {
  font-weight: bold !important;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.change-account .center.aligned {
  text-align: center;
  margin: 6px 0;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item > .credit-card {
  text-align: left;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.credit-card {
  height: 190px;
  min-height: 190px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.credit-card,
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item > .credit-card {
  margin-top: 10px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.credit-card img.card-type,
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item > .credit-card img.card-type {
  float: right;
  height: 40px;
  width: 60px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.credit-card p,
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item > .credit-card p {
  font-size: 15px;
  margin: 0 0 10px 0;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.credit-card p label,
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item > .credit-card p label {
  display: block;
  font-size: 14px;
  color: #9a9c9f;
  line-height: 20px;
  cursor: text;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item.credit-card .ui.green.button,
body.accounts.subscription .main-content#accounts-main-content .right-container .container-item > .credit-card .ui.green.button {
  width: 100%;
  margin-top: 10px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .email-notification {
  margin-top: 40px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .email-notification .message {
  font-weight: 600;
  font-size: 17px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .email-notification customer-email-list .emails {
  margin-top: 4px;
  margin-bottom: 12px;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .email-notification customer-email-list .connectivity-form .row {
  padding: 8px 0 !important;
}
body.accounts.subscription .main-content#accounts-main-content .right-container .email-notification customer-email-list .primary.button {
  padding: 6px 18px;
}
body.accounts.subscription .customize-plan {
  width: 850px!important;
}
body.accounts.subscription .customize-plan > .content {
  padding: 0px !important;
  position: relative;
}
body.accounts.subscription .customize-plan > .content .change-plan-column {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
body.accounts.subscription .customize-plan > .content .right-btn {
  margin: 0;
  float: right;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .fields {
  margin: 0em 0em 1em;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .fields > .field.error {
  color: #9F3A38;
  background: #eecfcf;
  border-top: 1px solid #e7bdbc;
  border-bottom: 1px solid #e7bdbc;
  padding: 12px 16px;
  line-height: 1.1;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .fields label {
  color: #a8a9ad;
  font-weight: 400;
  font-size: 13px;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .fields .ui.label.red {
  font-size: 10px !important;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .fields .ui.selection.dropdown {
  color: #A8A9AD;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .fields .ui.selection.dropdown .text {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 16px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .fields .ui.disabled.input {
  opacity: 1;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details h3 {
  color: #8B919D;
  padding: 0;
  margin: 0;
  line-height: 1.3;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-size: 24px;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .button-label {
  display: inline-block;
  color: #ABADB0 !important;
  padding: 18px 10px 0 0;
  font-size: 14px;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .sandwich .prepend,
body.accounts.subscription .customize-plan > .content .ui.form.company-details .sandwich .append {
  position: absolute;
  font-size: 17px;
  font-weight: 300;
  line-height: 44px;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .sandwich .prepend {
  left: 7px;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .sandwich input {
  padding-left: 57px;
  padding-right: 126px;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .sandwich .append {
  right: 10px;
}
body.accounts.subscription .customize-plan > .content .ui.form.company-details .sandwich .color.darkgray {
  color: #A8A9AD;
}
.defaults .global-header .user-nav div.dropdown > .wrapper {
  margin-top: 8px;
}
.main-content#defaults-main-content {
  font-family: 'proxima-nova', sans-serif;
  padding: 0;
}
.main-content#defaults-main-content .main.content {
  height: auto !important;
  min-height: 800px !important;
}
.main-content#defaults-main-content .ui.dimmer {
  height: calc(100% - 126px);
  margin-top: 126px;
}
.main-content#defaults-main-content .ui.dimmer .loader::before,
.main-content#defaults-main-content .ui.dimmer .loader::after {
  display: block;
}
.main-content#defaults-main-content .content.wrapper {
  width: 100%;
}
.main-content#defaults-main-content .ui.text.menu {
  width: 100%;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.main-content#defaults-main-content .defaults-tabs {
  border-bottom: 1px solid #E0DFDF;
}
.main-content#defaults-main-content .defaults-tabs .item {
  color: #2D3239;
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
}
.main-content#defaults-main-content .defaults-tabs .item:first-child {
  padding-left: 6.25px;
}
.main-content#defaults-main-content .defaults-tabs .item.active {
  color: #1f78b4;
}
.main-content#defaults-main-content .defaults-header {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}
.main-content#defaults-main-content .defaults-header .header {
  color: #2D3239;
  font-size: 28px;
}
.main-content#defaults-main-content .defaults-header .datasources {
  font-size: 14px;
  color: #2D3239;
}
.main-content#defaults-main-content .defaults-header .datasources .ui.dropdown .menu {
  max-height: 390px;
  overflow: auto;
  z-index: 9999;
}
.main-content#defaults-main-content .defaults-header .datasources .settings {
  margin-right: 20px;
}
.main-content#defaults-main-content .defaults-header .datasources .plus-button {
  margin-right: 5px;
}
.main-content#defaults-main-content .table-container {
  padding: 0 8px;
  padding-bottom: 25px;
}
.main-content#defaults-main-content .bgs-table .ui.content.no-match {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 80px;
}
.main-content#defaults-main-content .bgs-table .ui.content.no-match h2 {
  color: #2D3239 !important;
  font-weight: normal;
  font-size: 22px;
}
.main-content#defaults-main-content .bgs-table .ui.dropdown.pointing.settings .menu {
  top: 12px;
}
.main-content#defaults-main-content .bgs-table .ui.dropdown.pointing.settings .menu:before,
.main-content#defaults-main-content .bgs-table .ui.dropdown.pointing.settings .menu:after {
  display: none;
}
.main-content#defaults-main-content .bgs-table i.setting {
  font-size: 17px;
}
.main-content#defaults-main-content .bgs-table i.setting:hover {
  color: #53B847;
}
#metadata-accounts-page .ui.message {
  margin-left: 15px;
  margin-right: 15px;
}
#metadata-accounts-page form[name="benchmark_peergroup"] .help {
  font-size: 12px;
  padding-top: 5px;
}
.temporary-access-page .fine-print {
  font-size: 0.9em;
  color: #9a9c9f;
}
form.configure-datasource .message {
  display: inherit !important;
}
.datasources-list {
  clear: both;
}
.datasources-list:after {
  content: "";
  display: table;
  clear: both;
}
.datasources-list:after {
  content: "";
  display: table;
  clear: both;
}
.datasources-list .ui.card .bottom.attached.label {
  text-transform: uppercase;
}
.datasources-list .ui.segment.basic.svg-logo {
  height: 100%;
  width: 100%;
}
.datasources-list .ui.segment.basic.svg-logo .ui.image {
  height: 100%;
  width: 100%;
}
.datasources-list .ui.segment.basic.svg-logo .svg-logo-img {
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.datasources-list .ui.three.cards.doubling .card {
  height: 110px;
}
.datasources-list .datasource-missing {
  height: 130px;
}
.datasources-list .datasource-missing .segment {
  margin-top: 1em !important;
}
.datasources-list .datasource-missing .segment p {
  color: #000;
}
.datasources-list .datasource-missing .bottom.attached.label {
  border-radius: 0em 0em 0.3rem 0.3rem !important;
}
.datasources-list .datasource {
  float: left;
}
.datasources-list .datasource .position-relative {
  position: relative;
}
.datasources-list .datasource .img.segment {
  margin-bottom: 0 !important;
}
.datasources-list .datasource .ui.card {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  height: 130px;
  position: relative;
}
.datasources-list .datasource .ui.card .ui.image {
  background: white;
}
.datasources-list .datasource .ui.card .ui.segment {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
.datasources-list .datasource p {
  font-weight: 600;
}
.datasources-list .datasource p a {
  color: #ababab;
}
.datasources-list .datasource .free-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  background-color: transparent;
  pointer-events: none;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
  display: block;
  width: auto;
}
.datasources-list .datasource .free-tag .free-label {
  display: inline-block;
  background-color: #77c377;
  color: black;
  font-size: 12px;
  padding: 3px 12px;
  width: 62px;
  height: 17px;
  line-height: 11px;
  text-align: center;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  overflow: hidden;
  font-weight: normal;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.datasources-list .datasource .view-more {
  color: #2185D0;
  font-weight: bold;
}
.datasources-list .img {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}
.datasources-list .img.active .check {
  background-image: url("/static/img/services/checkbox-active.png");
}
.datasources-list .img.disabled .check {
  background-image: url("/static/img/services/checkbox-empty.png");
}
.datasources-list .img.disabled:hover {
  background-color: #333333;
}
.datasources-list .img .check {
  margin: 5px 0 0 175px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
}
.ui.table.cell {
  table-layout: fixed;
  word-break: break-word;
  white-space: normal;
}
.bottom-right-popup.ui.modal {
  position: fixed !important;
  bottom: 30px !important;
  right: 30px !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  width: 400px !important;
  min-width: 0 !important;
  border-radius: 8px 8px 8px 8px !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
  z-index: 1050;
  padding: 0 !important;
  user-select: none;
  cursor: default;
}
.popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px 0 20px;
  user-select: none;
}
.header-left {
  display: flex;
  align-items: center;
}
.warning-icon {
  color: #f2711c;
  font-size: 1.7em;
  margin-right: 14px;
  user-select: none;
}
.popup-title {
  margin-left: 8px;
  font-size: 1.2em;
  user-select: none;
}
.popup-close {
  cursor: pointer;
  font-size: 1.3em;
  color: #888;
  user-select: none;
}
.popup-message {
  padding: 5px 1px 16px 50px;
  font-size: 1em;
  line-height: 1.4;
  font-weight: 600;
  margin-right: 30px;
  user-select: none;
  cursor: default;
}
.warning-yellow-line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  background-color: #f2c037;
  z-index: 1051;
  border-radius: 8px 0px 0px 8px !important;
}
.datasource {
  display: inline-block;
  padding: 10px 5px;
}
.datasource a {
  color: black;
}
.datasource a.disabled {
  pointer-events: none;
  cursor: default;
}
body.onboard {
  background: #fbfbfb;
}
body.onboard .container-fluid {
  text-align: center;
}
body.onboard .container-fluid a.logo {
  background-image: url('/static/img/logo_lg.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 347px;
  height: 108px;
  display: inline-block;
  margin-top: -40px;
}
body.onboard .onboard-module .title {
  background-color: #333;
  height: 42px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
}
body.onboard .onboard-module .title h1 {
  font-size: 16px;
  font-weight: 400;
  color: #efefef;
  margin: 0;
  line-height: 42px;
}
body.onboard .onboard-module .module {
  margin: 20px auto 0 auto;
  width: 690px;
  background-color: white;
  border: 8px solid rgba(59, 59, 59, 0.9);
  border-radius: 5px;
}
body.onboard .onboard-module .module .content {
  text-align: left;
  padding: 15px 15px 0 15px;
}
body.onboard div.form-actions {
  text-align: right;
  width: 740px;
  margin: 20px auto;
}
body.onboard div.form-actions .btn {
  border-radius: 0;
  border: 0;
  padding: 0 20px;
  line-height: 38px;
  height: 38px;
}
.quickbooks-form .ui.success.message {
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.quickbooks-form .ui.success.message p {
  font-size: 14px;
  margin: 0;
}
.quickbooks-form .ui.segment {
  background-color: #E6F4F9;
  color: #4D8796;
}
.quickbooks-form .ui.segment .instructions {
  border-left: 1px solid #ccc;
}
.quickbooks-form .ui.segment .instructions p {
  font-size: 13px;
  padding-left: 10px;
}
.zendesk-form .ui.action.input > .button,
.cw-api-form .ui.action.input > .button {
  padding-top: 0;
  padding-bottom: 0;
}
.zendesk-form .subdomain label,
.cw-api-form .subdomain label {
  display: block;
}
.zendesk-form .subdomain input,
.cw-api-form .subdomain input {
  width: 50%;
}
.zendesk-form .subdomain .url,
.cw-api-form .subdomain .url {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.zendesk-form .subdomain .input .button,
.cw-api-form .subdomain .input .button {
  line-height: 43px;
  height: 43px;
}
.zendesk-form .subdomain .input button + input,
.cw-api-form .subdomain .input button + input {
  border-radius: 0;
  padding-left: 6px;
}
.zendesk-form .subdomain .input div:first-child,
.cw-api-form .subdomain .input div:first-child,
.zendesk-form .subdomain .input div:last-child,
.cw-api-form .subdomain .input div:last-child {
  background-color: #dedede;
}
.zendesk-form .subdomain .input div:first-child,
.cw-api-form .subdomain .input div:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.zendesk-form .subdomain .input div:last-child,
.cw-api-form .subdomain .input div:last-child {
  border-radius: 0px 4px 4px 0;
  border-left: none;
}
.cw-api-form .subdomain .ui.action input {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.cw-api-form .subdomain .error .ui.action input {
  border-right: solid 1px #E7BEBE;
}
form.configure-datasource h4 .details {
  font-size: 12px;
}
form.configure-datasource .column {
  padding-left: 0 !important;
}
form.configure-datasource hr.section {
  margin-top: 11px;
  margin-left: -31px;
  margin-right: -30px;
  opacity: 0.5;
}
form.configure-datasource .ui.segment {
  box-shadow: none;
  border: none;
}
form.configure-datasource .datasource-form.oauth2-form .ui.success.message {
  margin-bottom: 20px;
  padding-bottom: 15px;
}
form.configure-datasource .datasource-form.oauth2-form .ui.success.message p {
  font-size: 14px;
  margin: 0;
}
form.configure-datasource .datasource-form.oauth2-form .ui.segment {
  background-color: #E6F4F9;
  color: #4D8796;
}
form.configure-datasource .datasource-form.oauth2-form .ui.segment .instructions {
  border-left: 1px solid #ccc;
}
form.configure-datasource .datasource-form.oauth2-form .ui.segment .instructions p {
  font-size: 13px;
  padding-left: 10px;
}
form.configure-datasource .check-button-section {
  margin-top: 25px;
}
form.configure-datasource .check-button-wrapper {
  display: inline-block;
}
form.configure-datasource button.ui.dimmer.active.green.button {
  width: auto;
  position: relative;
  padding: 12px 18px;
}
form.configure-datasource button.ui.dimmer.active.green.button i {
  display: none;
}
form.configure-datasource button.ui.dimmer.active.green.button.load {
  padding-left: 45px;
}
form.configure-datasource button.ui.dimmer.active.green.button.load i {
  margin: 11px 0;
  left: 25px;
  position: absolute;
  display: inline-block;
  height: 42px;
}
form.configure-datasource .actions .agent-v5 input.primary {
  background-color: #ABD3EF;
}
form.configure-datasource .actions .agent-v5 input.red {
  background-color: #F03232;
}
form.configure-datasource .agent-details {
  margin-top: 20px;
}
form.configure-datasource .agent-details td {
  padding-right: 20px;
}
form.configure-datasource .agent-details thead td {
  color: grey;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
form.configure-datasource .agent-details tbody td .ui.message {
  padding: 0.2em 0.5em;
  margin-top: 20px;
  display: inline-block !important;
  color: #469e3b;
  font-weight: bold;
}
form.configure-datasource .agent-details tbody td.download-link-cell {
  padding-top: 15px;
}
/* Connectivity Notification */
.connectivity_notifications .main-content .notification-message {
  font-size: 17px;
  line-height: 17px;
  padding-bottom: 25px;
}
.connectivity_notifications customer-email-list .emails {
  max-width: 53%;
}
/* Clients */
/****************************************
**************New Client Mapping*********
****************************************/
.client-mapping a {
  cursor: pointer;
}
.client-mapping .ui.input input[type="text"] {
  background-color: white;
}
.client-mapping .spaced {
  padding: 5rem 0 !important;
}
.client-mapping .ui.basic.secondary.segment.grid.client-item {
  font-size: 14px;
  margin: 0;
}
.client-mapping .red-text {
  color: red !important;
}
.client-mapping .button#add-client {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
  height: 67px;
  width: 160px;
}
.logo-vert-svg {
  max-height: 110px;
  height: 90px;
  padding: 5px;
}
.reports.legacy.active.modal {
  margin-left: -455px;
}
.reports.legacy.active.modal .content {
  padding: 2.5rem 2.5rem;
}
.delete.confirm.modal {
  margin-left: -380px !important;
}
.delete.confirm.modal .actions {
  background-color: white !important;
}
#client-mappings-modal {
  margin-left: -455px;
}
#client-mappings-modal .ui.input input[type="text"] {
  background-color: white;
}
#client-mappings-modal .datasource-mapping-values-container {
  height: 400px;
  margin-bottom: 0;
}
#client-mappings-modal .datasource-mapping-values-container .datasource-cards {
  overflow: auto;
  height: 400px;
  box-shadow: none;
}
#client-mappings-modal .datasource-mapping-values-container .datasource-cards .label {
  margin-top: 0;
}
#client-mappings-modal .datasource-mapping-values-container .datasource-cards.flex-centered {
  display: flex;
  align-items: center;
  text-align: center;
}
#client-mappings-modal .datasource-mapping-values-container .mapping-values.grid {
  height: 400px;
}
#client-mappings-modal .datasource-mapping-values-container .mapping-values.grid .search-box {
  border: 1px solid #ABADB0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#client-mappings-modal .datasource-mapping-values-container .mapping-values.grid .labels-container {
  height: 280px;
  overflow-y: auto;
  border: 1px solid #ABADB0;
  border-top: 0;
  border-bottom: 0;
}
#client-mappings-modal .datasource-mapping-values-container .mapping-values.grid .labels-container.error {
  background: #FFF6F6 !important;
}
#client-mappings-modal .datasource-mapping-values-container .mapping-values.grid .ui.menu.bottom.attached {
  margin-left: 0;
  border-color: #ABADB0;
}
#client-mappings-modal .datasource-mapping-values-container .pill {
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
}
#client-mappings-modal .datasource-mapping-values-container .count-label {
  font-size: 12px !important;
  padding: 4px !important;
  font-weight: 600;
}
#client-mappings-modal .datasource-mapping-values-container .dropdown .menu {
  min-width: 215px;
}
#client-mappings-modal .datasource-mapping-values-container .dropdown .menu.scrollable {
  max-height: 265px;
  overflow-y: scroll;
}
#client-mappings-modal .datasource-mapping-values-container .dropdown .menu .ui.input {
  width: auto;
}
#client-mappings-modal .actions {
  background-color: white;
  text-align: right;
}
#client-mappings-modal .disabled-text {
  color: #ABADB0;
}
#client-mappings-modal .underlined {
  text-decoration: underline;
}
/* Client Recipients Modal */
#client-recipients-modal {
  margin-left: -475px;
}
#client-recipients-modal > .content {
  background-color: #FAFAFA !important;
}
#client-recipients-modal > .content .ui.message ul {
  padding-left: 20px;
  margin-top: 10px;
}
#client-recipients-modal > .content .no-results-container {
  text-align: center;
  min-height: 350px;
}
#client-recipients-modal > .content .users-container .ui.form {
  min-height: 350px;
}
#client-recipients-modal > .content .users-container .ui.form .icon.button.dropdown {
  text-align: center;
  color: #333333;
  background-color: #E0E1E2;
}
#client-recipients-modal > .content .users-container .ui.form .icon.button.dropdown:hover {
  background-color: #d3d4d6;
}
#client-recipients-modal > .content .users-container .ui.form .icon.button.dropdown:hover .filter.icon {
  background-color: #c6c8c9;
}
#client-recipients-modal > .content .users-container .ui.form .icon.button.dropdown .filter.icon {
  background-color: #d3d4d6;
}
#client-recipients-modal > .content > .logo-svg {
  margin-bottom: 20px;
  margin-top: 25px;
}
#client-recipients-modal > .content .empty {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
#client-recipients-modal > .content .empty > div {
  text-align: center;
}
#client-recipients-modal > .content .empty > div h4 {
  font-weight: bold;
  font-size: 1.5em;
}
#client-recipients-modal > .content .empty > div p {
  color: #727B89;
}
#client-recipients-modal .ui.form .list-outline.select {
  padding: 0;
}
#client-recipients-modal .ui.form .list-outline.select .select-cbx {
  width: 17px;
}
#client-recipients-modal .ui.form .list-outline.select .recipient-email {
  margin-bottom: 3px;
}
#client-recipients-modal .ui.form .list-outline.select .recipient-role {
  font-style: italic;
  font-size: 0.75em;
  color: #727B89;
}
#client-recipients-modal .ui.horizontal.divider {
  color: #727B89;
  font-size: 0.93em;
  text-transform: capitalize;
  font-weight: normal;
  margin: 25px 0;
}
#client-recipients-modal .ui.form.add-user-form .fields {
  margin-left: 0;
}
#client-recipients-modal .ui.form.add-user-form .fields.name-group > .field {
  width: 50%;
}
#client-recipients-modal .ui.form.add-user-form .fields.email-group .field.action-field {
  padding-right: 0;
}
#client-recipients-modal .ui.form.add-user-form .fields.email-group .field.email-field {
  width: 100%;
}
#client-recipients-modal .ui.form.add-user-form .fields.email-group .field.action-field button {
  white-space: nowrap;
}
#client-recipients-modal .help.text {
  color: #727B89;
}
div.ui #delete-client {
  border: 0px solid #D5D5D5 !important;
  width: 4em !important;
  padding: 0em !important;
  margin: 0em !important;
  font-size: 0.64285714em !important;
}
/* End Client Recipients Modal */
/* Datasets */
body.datasets .query {
  margin-top: 30px;
}
body.datasets #query_input {
  width: 100%;
}
body.datasets .fields .clientmap.field .default.text,
body.datasets .fields .clientmap.field .text {
  font-size: 16px;
}
body.datasets .fields .manualsync.field {
  margin-top: 32px;
}
body.datasets .fields .manualsync.field i {
  padding: 0;
  margin: 0;
  color: #ccc;
}
body.datasets .fields .manualsync.field i.icon {
  float: left;
  margin-right: 8px;
}
body.datasets .fields .manualsync.field p {
  font-size: 13px;
  font-family: proxima-nova, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #ccc;
  float: left;
}
body.datasets .fields .manualsync.field .ui.button {
  margin-top: -6px;
  margin-left: 10px;
}
body.datasets table.ui.table tr.invalid {
  background-color: #F7E8E8;
}
body.datasets table.ui.table tr.invalid td a {
  color: #DC4242;
}
body.datasets table.ui.table td .info {
  width: 14px;
  height: 14px;
  position: relative;
  margin-left: 10px;
  top: 2px;
  opacity: 0.8;
}
body.datasets table.ui.table tr.disabled td {
  pointer-events: initial;
}
body.datasets table.ui.table tr.processing {
  background-color: #F3F3F3;
  color: #AFAFAF;
}
body.datasets table.ui.table tr.processing a.disabled {
  color: #AFAFAF;
  cursor: default;
}
body.datasets table.ui.table tr.processing .ui.label {
  cursor: default;
  text-transform: uppercase;
  background-color: #AFAFAF;
  font-size: 11px;
  color: white;
  font-weight: 100;
  padding: 3px 8px;
  margin-left: 5px;
}
body.datasets.create [name="description"],
body.datasets.view [name="description"] {
  min-height: 1em;
  height: 6em;
  resize: none;
}
body.datasets.create [name="query_sql"],
body.datasets.view [name="query_sql"] {
  height: 480px;
}
body.datasets.create .query,
body.datasets.view .query {
  max-width: 100%;
  overflow: auto;
}
body.datasets.create .query table td div,
body.datasets.view .query table td div {
  max-width: 700px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.datasets .modal .fields {
  margin-right: 20px;
  margin-left: 20px;
}
body.datasets .modal .fields > .label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.datasets .modal .fields > .label label {
  cursor: default;
  margin: 0!important;
}
body.datasets .modal p {
  font-weight: 600;
  margin-bottom: 10px;
}
.dataset-sync-error.alert .ui.negative.message {
  border: 1px solid #D29595;
  border-radius: 8px;
  padding: 18px;
  background-color: #FCF7F7;
  box-shadow: none;
}
.dataset-sync-error.alert .ui.negative.message .header {
  font-family: "proxima-nova", sans-serif;
  color: #BD5555;
  font-size: 1em;
  line-height: 22px;
  margin: 0;
}
.dataset-sync-error.alert .ui.negative.message p {
  color: #4A4A4A;
  font-size: 0.875em;
  line-height: 22px;
  margin: 1px 0 0 0;
}
.dataset-sync-error.alert .ui.negative.message a {
  cursor: pointer;
  font-weight: bold;
}
.datasets.view .dataset-sync-error {
  margin-bottom: 2em;
  height: auto;
}
.datasets.view .bold {
  font-weight: 600;
}
.segment.table .ui.grid > .column:not(.row) {
  padding: 0 !important;
}
.segment.table .field_error_message {
  padding-top: 5px;
  color: #F65252 !important;
  font-weight: 600;
}
.ui.sticky_info {
  z-index: 1 !important;
  word-wrap: break-word;
  position: sticky;
  top: 10px;
}
.ui.sticky_info.masked {
  visibility: hidden;
}
.ui.sticky_info .object {
  margin-left: 0.5em;
}
div.ui.delete-dataset {
  border: 0px solid #D5D5D5 !important;
  width: 4em !important;
  padding: 0em !important;
  margin: 0em !important;
}
body.datasets.builder .main-content .ui.dropdown {
  min-width: 300px;
}
body.datasets.builder .main-content .ui.dropdown .text {
  max-width: 250px;
}
body.datasets.builder .main-content .fixed-table-width {
  table-layout: fixed;
}
body.datasets.builder .main-content .wrap-long-text {
  word-wrap: break-word;
}
body.datasets input.ace_search_field {
  width: 214px!important;
}
#save-default-modal .header {
  background-color: white;
}
body.datasets.csv_upload .main-content {
  padding-top: 0 !important;
}
body.datasets.csv_upload .main-content .help-text {
  margin-top: 5px;
}
body.datasets.csv_upload .main-content .ui.text.menu .item {
  margin: 0 1rem;
}
body.datasets.csv_upload .main-content .step-1 .row > .column {
  padding-left: 0;
  padding-right: 0;
}
body.datasets.csv_upload .main-content .step-1 .file-path {
  margin-bottom: 0.5em;
}
body.datasets.csv_upload .main-content .step-1 .file-path .has-header {
  margin-top: -5px;
}
body.datasets.csv_upload .main-content .step-1 .sync_interval .ui.selection {
  margin-right: 5px;
}
body.datasets.csv_upload .main-content .step-1 .sync_interval #sync-manually {
  white-space: nowrap;
  height: 100%;
}
body.datasets.csv_upload .main-content .step-1 .sync_interval #cant-sync {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
body.datasets.csv_upload .main-content .step-1 .manualsync {
  color: gray;
  font-size: 0.9em;
  margin-top: -5px;
  padding-right: 20px;
  line-height: 1;
}
body.datasets.csv_upload .main-content .step-1 .manualsync a {
  float: right;
}
body.datasets.csv_upload .main-content .step-1 .ui.divider {
  margin-left: 0;
  margin-right: 0;
}
body.datasets.csv_upload .main-content .step-1 .next {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
body.datasets.csv_upload .main-content .step-2 .actions {
  text-align: right;
}
body.datasets.csv_upload .main-content .step-2 .actions a {
  margin: 0 1em;
}
body.datasets.csv_upload .main-content .step-2 .actions a:last-child {
  margin-right: 0;
}
body.datasets.csv_upload .dataset-sync-error {
  margin: 2em;
}
body.datasets.csv_upload .field.file-search {
  padding-top: 10px;
}
body.datasets.csv_upload #file-search .ui.input {
  width: 100%;
}
body.datasets.csv_upload #file-search .ui.searching {
  min-height: 150px;
  padding: 5px 0 0;
}
body.datasets.csv_upload #file-search .ui.searching .no-results {
  text-align: center;
  margin-top: 50px;
}
body.datasets.csv_upload #file-search .ui.searching .ui.table {
  border: none;
}
body.datasets.csv_upload sticky-component-react .ui .column {
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
body.datasets.csv_upload sticky-component-react .ui .column > .ui.segment {
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
  padding-top: 50px;
}
body.datasets.csv_upload sticky-component-react .ui .column > .ui.segment .ui.right.rail {
  padding-left: 0;
  margin-left: 0;
  left: 0;
  width: 100%;
}
/* Sync History */
body.sync_histories #accounts-main-content {
  padding: 0;
}
body.sync_histories .sync-history-filters {
  margin: 20px 31px;
}
body.sync_histories .sync-history-filters .ui.buttons {
  float: right;
}
body.sync_histories .sync-history-filters .ui.buttons button {
  color: #333633;
  font-size: 14px;
  font-weight: 600;
  height: 36px;
  text-transform: initial;
}
body.sync_histories .sync-history-filters .ui.dropdown {
  width: 300px;
  height: 42px;
}
body.sync_histories .sync-history-filters .ui.dropdown .text {
  max-width: 200px;
}
body.sync_histories .ui.list.sync_histories .item.sync_history {
  padding-left: 35px;
  padding-right: 35px;
  font-size: 16px;
  color: #4A4A4A;
  line-height: 20px;
  opacity: 0.69;
}
body.sync_histories .ui.list.sync_histories .item.sync_history:hover .info.icon {
  visibility: visible;
}
body.sync_histories .ui.list.sync_histories .item.sync_history .info.icon {
  visibility: hidden;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error {
  color: #BD5555;
  opacity: 1;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error span.full_sync {
  opacity: 0.69;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error a.dataset.error {
  color: #BD5555 !important;
  font-weight: 600;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error a.dataset.error:hover {
  color: #E06565;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error .details {
  margin: 10px 0 0 -15px;
  max-width: 800px;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error .protip {
  border: 1px solid #DBDBD4;
  border-radius: 8px;
  background-color: #FFFFF8;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -15px;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 800px;
  min-height: 55px;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error .protip p {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error .protip img {
  float: left;
  padding-right: 20px;
  padding-top: -10px;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error .protip a {
  color: #1f78b4 !important;
  opacity: 1;
  font-weight: 600;
}
body.sync_histories .ui.list.sync_histories .item.sync_history.error .protip a:hover {
  color: #009fda;
}
body.sync_histories .ui.list.sync_histories .item.sync_history span.sync_time {
  font-size: 14px;
  color: #A8A8A8;
}
body.sync_histories .ui.list.sync_histories .item.sync_history span.full_sync {
  font-size: 14px;
  font-weight: 600;
  color: #4A4A4A;
}
body.sync_histories .ui.list.sync_histories .item.sync_history span.show_hide_details {
  font-size: 12px;
  color: #BD5555;
  float: right;
  cursor: pointer;
}
body.sync_histories .ui.list.sync_histories .item.sync_history span.message a.dataset {
  color: #1f78b4 !important;
  font-weight: 600;
  opacity: 1;
}
body.sync_histories .ui.list.sync_histories .item.sync_history span.message a.dataset:hover {
  color: #009fda;
}
body.sync_histories .ui.list.sync_histories .sync-history-hidden p.option {
  padding-left: 20%;
  padding-right: 20%;
}
/* Disclaimers */
#disclaimers .ui.info {
  margin-bottom: 50px;
}
#disclaimers .ui.info h3 {
  font-weight: bold;
}
#disclaimers ol#disclaimerd-list {
  padding-left: 60px !important;
  list-style-type: decimal;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
#disclaimers ol#disclaimerd-list li {
  margin-bottom: 30px;
  font-size: 20px;
  display: list-item;
  font-weight: bold;
  text-align: -webkit-match-parent;
  padding-right: 10px;
}
#disclaimers ol#disclaimerd-list li div.header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#disclaimers ol#disclaimerd-list li .ui.accordion {
  margin-top: 5px;
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 16px;
}
/* Overview */
.overview {
  background-color: #F1F1F1;
}
.overview .datasources-list .ui.card {
  position: relative;
}
.overview .datasources-list .ui.card .free-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  background-color: transparent;
  pointer-events: none;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
  display: block;
  width: auto;
}
.overview .datasources-list .ui.card .ui.segment {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
.overview .datasources-list .free-label {
  display: inline-block;
  background-color: #77c377;
  color: black;
  font-size: 12px;
  padding: 3px 12px;
  width: 62px;
  height: 17px;
  line-height: 11px;
  text-align: center;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  overflow: hidden;
  font-weight: normal;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.overview .flex-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview .parent-grid {
  margin: 0 !important;
  width: 100%;
}
.overview #overview-container .ui.message .close.icon {
  top: 26%;
}
.overview #overview-container .ui.fluid.card {
  min-height: 200px;
}
.overview #overview-container .ui.fluid.card.events {
  min-height: 200px;
  display: flex;
}
.overview #overview-container .ui.label {
  text-transform: uppercase;
}
.overview #overview-container .image.overview-icon svg {
  height: 41px;
  width: 41px;
}
.overview #overview-container .content.events {
  display: inline-flex;
}
.overview #overview-container .events.icon {
  vertical-align: top;
}
.overview #overview-container .events.outer.div {
  display: block;
  margin-left: 8px;
  margin-right: 8px;
}
.overview #overview-container .events.view.all {
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.25px;
  color: #54B948;
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.overview #overview-container .events.date {
  font-family: Roboto;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.25px;
  color: #999999;
}
.overview #overview-container .events.title {
  font-family: Roboto;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.25px;
  color: #393B3B;
  margin-bottom: 1px;
}
.overview #overview-container .events.title.wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overview #overview-container .events.description {
  font-family: Roboto;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.25px;
  color: #666666;
  margin-bottom: 20px;
}
.overview #overview-container .events.description.wrap {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.overview #overview-container .events.inner.div {
  font-family: Roboto !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 24px !important;
  letter-spacing: 0.25px !important;
  color: #393B3B;
}
.overview #overview-container .events.outer.heading {
  font-family: Roboto;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.25px;
  color: #666666;
  margin-top: 7px;
  margin-left: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
}
.overview #overview-container .parent.heading.wrap {
  display: inline-flex;
  width: 100%;
}
.overview #overview-container .header {
  font-weight: 700;
  font-family: 'proxima-nova' !important;
}
.overview #overview-container .header a {
  color: black;
}
.overview #overview-container .ui.card .meta a {
  color: #21BA45;
}
.overview #overview-container .extra.content,
.overview #overview-container .ui.card.datasource .segment {
  min-height: 95px;
}
.overview #overview-container .extra.content .plus-button,
.overview #overview-container .ui.card.datasource .segment .plus-button {
  padding: 4.5px 0px 0px 1px !important;
  width: 28px;
  height: 28px;
}
.overview #overview-container.container {
  margin-top: 0;
  min-width: auto;
}
.overview #overview-container .users {
  padding: 5px 0 !important;
}
.overview #overview-container .users .user {
  margin: 4px 4px 4px 0px;
}
.overview #overview-container .users .user[data-tooltip]:after {
  white-space: pre-line;
  text-align: center;
  font-size: 14px;
  font-family: 'proxima-nova' !important;
  font-weight: 300;
  z-index: 100;
}
.overview #overview-container .users .ui.grid.left-padded {
  padding-left: 15px !important;
}
.overview #overview-container .ion-plus {
  margin-left: -1px;
}
.overview .modal-header {
  margin-top: 0px;
  color: #666666;
  margin-left: 10px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.overview .modal-close-icon {
  padding-top: 15px !important;
  padding-right: 15px !important;
}
.overview .modal-event-header {
  display: flex !important;
  align-items: center !important;
  background: white !important;
  color: black !important;
  padding: 24px 0px 0px 0px !important;
  padding-left: 28px !important;
  border: 1px solid #ffffff !important;
}
.overview .modal-close-button-div {
  display: inline-flex;
  justify-content: flex-end;
  float: right;
  gap: 10px;
  margin-top: -40px;
  margin-right: 10px;
  margin-bottom: 0px;
}
.overview .line {
  width: 704px;
  height: 1.01px;
  background-color: #D9D9D9;
}
.overview .modal-close-button {
  font-family: Roboto;
  font-weight: 500;
  min-width: 125px;
  line-height: 24px;
  letter-spacing: 0.25px;
  height: 40px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 16px;
  color: #ffffff;
  background-color: #54B948 !important;
  text-transform: inherit;
}
.overview .modal-open-button {
  font-family: Roboto;
  font-weight: 500;
  min-width: 125px;
  line-height: 24px;
  letter-spacing: 0.25px;
  height: 40px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 16px;
  color: #ffffff;
  background-color: #999999 !important;
  text-transform: inherit;
}
.overview .modal-open-button.modal-open-button:hover {
  background-color: #BCBCBC !important;
}
.overview .modal-popup-desc {
  font-size: 18px;
  margin: 0px;
  line-height: 24px;
  letter-spacing: 0.25px;
  font-weight: 500;
  font-family: Roboto;
  margin-top: 17px;
}
.overview .modal-popup-desc-recent {
  font-size: 15px;
  margin: 0px;
  color: #666666;
  line-height: 24px;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-family: Roboto;
  margin-top: 17px;
}
.overview .css-sghohy-MuiButtonBase-root-MuiButton-root:hover {
  background-color: #54BA48 !important;
}
.overview .pagination-style {
  display: flex;
  justify-content: start;
  width: fit-content;
  margin-top: 0px;
  padding: 24px 24px 0px 20px;
}
.overview .pagination-style p {
  margin: 12px;
}
.overview .icon-button {
  min-width: 40px;
  padding: 0px 0px;
}
.overview .ui.icon.button.events {
  background-color: #F6F6F9 !important;
}
.overview .ui.icon.button.events:hover {
  background-color: #E7E7EA !important;
}
.overview .upcoming-event-dev {
  justify-content: space-between;
  border: 1px solid #F1F1F1;
  padding: 20px 20px 20px 16px;
  padding-bottom: 15px;
}
.overview .new-release-span {
  color: #59B755;
}
.overview .events.nothing {
  margin-top: 40px;
  text-align: center;
  font-family: Roboto;
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.25px;
  color: #999999;
}
.overview .events-header-class {
  font-family: Roboto;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 23.44px;
  letter-spacing: 0.25px;
  color: #FFFFFF !important;
  padding-left: 10px;
}
.overview .upcoming-event-span {
  width: 128px;
  height: 30px;
  font-family: Roboto;
  border: 1px solid #000000;
  color: black;
  background-color: #F6F393;
  padding: 5px 12px 5px 12px;
  border-radius: 24px;
}
.overview .upcoming-event-outer-dev {
  padding-top: 3px;
}
.overview .upcoming-event-outer-dev h2 {
  font-family: Roboto;
  font-weight: 600;
  height: 24px;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.25px;
  margin-top: 5px;
  margin-bottom: 0px;
}
.overview .upcoming-event-p1 {
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #666666;
  margin: 0em 0em 0.5em;
}
.overview .upcoming-event-p2 {
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #393B3B;
  margin: 0em 0em 0.5em;
}
.overview .upcoming-event-button {
  width: 154px;
  height: 32px;
  padding: 3px 16px 3px 16px;
  border-radius: 4px;
  color: #ffffff;
  background-color: #59B755;
  text-transform: inherit;
}
.overview .upcoming-event-button:hover {
  background-color: #59B755;
}
.overview .events-field-area {
  padding: 16px;
}
.overview .release-event-date {
  font-family: Roboto;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.25px;
  color: #999999;
  padding-right: 5px;
  margin: 0em 0em 0em;
}
.overview .event-item-title {
  font-family: Roboto;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.25px;
  font-weight: 500;
  color: #393B3B;
  text-align: left;
  margin: 0em 0em 0em;
}
.overview .event-item-title.wrap {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-width: 100%;
}
.overview .event-item-description {
  font-family: Roboto;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  color: #666666;
  text-align: left;
  margin: 0em 0em 0em;
}
.overview .event-item-description.wrap {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-width: 100%;
}
.overview .event-item-location {
  font-family: Roboto;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.25px;
  color: #54B948;
  text-align: left;
  margin: 0em 0em 0em;
}
.overview .release-event-date-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.overview .bottom-rectangle {
  width: 100%;
  height: 1px;
  background-color: #CCCCCC;
  margin-top: 20px;
}
.overview .new-release-list-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  row-gap: 3px;
  isolation: isolate;
  margin: 12px;
}
.overview .new-release-list-div h2 {
  font-size: 16px;
  font-family: Roboto;
  margin: 0px;
  font-weight: 400;
  line-height: 24px;
}
.overview .new-release-list-div span {
  width: 24px;
  height: 24px;
  margin-left: 2px;
  color: white;
  background-color: #4AB017;
}
.overview .new-release-list-div a {
  font-size: 17px;
  font-family: Roboto;
  font-weight: 400;
  line-height: 24px;
  color: #54B948;
}
.overview .recent-event-div {
  margin-left: 20px;
  margin-right: 16px;
  margin-bottom: 15px;
}
.overview .recent-event-div a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #59B755;
}
.overview .recent-event-div p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.overview #content .ui.modal.legacy > .content {
  padding: 1em 2em;
}
/* Onboarding Modal */
.onboarding {
  font-weight: 100;
  text-align: center;
}
.onboarding.modal .content {
  background-color: #FAFAFA !important;
}
.onboarding.modal .content .error.message .content {
  background-color: #fff6f6 !important;
}
.onboarding .ui.message {
  text-align: left;
  width: 100%;
}
.onboarding .content.relaxed {
  padding: 1.5rem 1rem;
}
.onboarding .actions {
  padding: 16px !important;
}
.onboarding .actions .menu.text {
  margin-top: 0;
  margin-bottom: 0;
}
.onboarding .heading {
  font-size: 28px;
  margin-bottom: 0;
  font-weight: 300;
}
.onboarding .heading .skinny-subheader {
  font-weight: 100;
  font-size: 22px;
}
.onboarding .description {
  font-size: 18px;
  text-align: left;
  margin-bottom: 0;
}
.onboarding .description.step {
  text-align: center;
}
.onboarding.link,
.onboarding a {
  font-weight: 600;
  color: #53B847;
}
.onboarding .tiny.header {
  margin: 0;
}
.onboarding .column.filter-feature {
  padding-bottom: 20px;
}
.onboarding .actions {
  color: #FFFFFF !important;
  background-color: #53B847 !important;
}
.onboarding .actions .basic.button {
  font-size: 20px !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}
.onboarding .actions .basic.button:hover {
  color: #FFFFFF !important;
  background-color: #53B847 !important;
}
.onboarding .actions .basic.button:focus {
  color: #FFFFFF !important;
  background-color: #53B847 !important;
}
.onboarding .actions .basic.button .arrow {
  color: #FFFFFF;
  opacity: 1 !important;
  margin-top: -8px !important;
}
.onboarding .actions #action-button {
  background-color: white !important;
  color: #53B847 !important;
}
.onboarding .actions #action-button:hover {
  background-color: white !important;
  color: #53B847 !important;
}
.onboarding .actions #action-button:focus {
  background-color: white !important;
  color: #53B847 !important;
}
.onboarding .tiny.progress {
  margin-bottom: -5px;
  background-color: #FAFAFA !important;
}
.onboarding .tiny.progress .bar {
  border-radius: 0;
  background-color: #53B847 !important;
}
.onboarding .flex-centered {
  display: flex !important;
  justify-content: center;
}
.onboarding .user-card {
  height: 190px;
  width: 190px;
}
.onboarding .user-card .image {
  height: 190px;
  width: 190px;
}
.onboarding .user-card.raised {
  background-color: #C8E8C2;
  border: 2px solid #52B945;
}
.onboarding .user-card.raised:hover {
  background-color: #C8E8C2;
  border: 2px solid #52B945;
}
.onboarding p.selected {
  color: #52B945;
  font-weight: 600;
}
.onboarding .image.onboarding-welcome {
  height: 360px;
  width: 720px;
}
.onboarding .stickman {
  height: 150px;
  width: 150px;
}
.onboarding .stickman .icon.stickman {
  padding-left: 120px;
}
.onboarding .stickman svg {
  height: 150px;
  width: 150px;
}
.onboarding .new-feature-icon {
  margin-left: -12px;
  margin-right: 0 !important;
}
.onboarding .new-feature-icon svg {
  height: 44px;
  width: 44px;
}
.onboarding .info-icon {
  margin-bottom: 30px;
  margin-right: 160px;
}
.onboarding .info-icon svg {
  height: 44px;
  width: 44px;
}
.onboarding .outro .item.description {
  font-size: 20px;
  font-weight: 600;
  color: #53B847 !important;
}
.onboarding .menu-header {
  padding-top: 60px;
  padding-bottom: 30px;
}
.onboarding .vertical.menu .item.description {
  padding-bottom: 15px;
}
.onboarding .traction .description {
  padding-top: 20px;
}
.onboarding .call-to-action {
  margin: -10px -40px -41px 0;
  background-color: rgba(3, 191, 135, 0.2);
}
.onboarding .call-to-action .description {
  line-height: 29px;
  font-size: 24px;
  font-weight: 400;
}
.onboarding .call-to-action .button {
  font-size: 16px;
  font-weight: 300;
  background-color: #53B847;
}
.onboarding .call-to-action .button:focus {
  color: #FFFFFF;
}
.onboarding .legal-policies {
  color: #1f78b4;
  font-weight: 400;
}
.onboarding .pt-2-cent {
  padding-top: 2%;
}
.onboarding .img-dimension-200 {
  height: 200px !important;
  width: 200px !important;
}
.onboarding .pt-7 {
  padding-top: 7px;
}
.onboarding .pl-0 {
  padding-left: 0px;
}
.onboarding .pb-5 {
  padding-bottom: 5px;
}
.onboarding .ui.checkbox.terms-checkbox label:before {
  border: 1px solid #6a736a;
}
@media screen and (max-width: 768px) {
  .onboarding .column-divider {
    height: 75px;
  }
  .onboarding .row-divider {
    height: 30px;
  }
  .onboarding .stickman .icon.stickman {
    padding-left: 60px;
  }
  .onboarding .medal .icon.medal {
    padding-left: 85px;
  }
  .onboarding .content.relaxed {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .onboarding .menu-header {
    padding-top: 0;
  }
  .onboarding .item.description {
    text-align: center;
  }
  .onboarding .thumbsup .icon.thumbsup {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .onboarding .content {
    height: 506px;
  }
  .onboarding .content.relaxed {
    height: 574px;
  }
  .onboarding .content .grid {
    height: 100%;
    margin-bottom: 0;
  }
  .onboarding .ui.message .content {
    height: auto;
  }
}
/*! gridster.js - v0.2.1 - 2013-10-28
* http://gridster.net/
* Copyright (c) 2013 ducksboard; Licensed MIT */
.gridster {
  position: relative;
}
.gridster > * {
  margin: 0 auto;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
.gridster .gs-w {
  z-index: 2;
  position: absolute;
}
.ready .gs-w:not(.preview-holder) {
  -webkit-transition: opacity 0.3s, left 0.3s, top 0.3s;
  -moz-transition: opacity 0.3s, left 0.3s, top 0.3s;
  -o-transition: opacity 0.3s, left 0.3s, top 0.3s;
  transition: opacity 0.3s, left 0.3s, top 0.3s;
}
.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
  -webkit-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -moz-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  -o-transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
  transition: opacity 0.3s, left 0.3s, top 0.3s, width 0.3s, height 0.3s;
}
.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #fff;
  border-color: #fff;
  opacity: 0.3;
}
.gridster .player-revert {
  z-index: 10!important;
  -webkit-transition: left 0.3s, top 0.3s !important;
  -moz-transition: left 0.3s, top 0.3s !important;
  -o-transition: left 0.3s, top 0.3s !important;
  transition: left 0.3s, top 0.3s !important;
}
.gridster .dragging,
.gridster .resizing {
  z-index: 10!important;
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}
.gs-resize-handle {
  position: absolute;
  z-index: 1;
}
.gs-resize-handle-both {
  width: 20px;
  height: 20px;
  bottom: -8px;
  right: -8px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  background-position: top left;
  background-repeat: no-repeat;
  cursor: se-resize;
  z-index: 20;
}
.gs-resize-handle-x {
  top: 0;
  bottom: 13px;
  right: -5px;
  width: 10px;
  cursor: e-resize;
}
.gs-resize-handle-y {
  left: 0;
  right: 13px;
  bottom: -5px;
  height: 10px;
  cursor: s-resize;
}
.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
  opacity: 1;
}
.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
  opacity: 0;
}
.gs-resize-disabled .gs-resize-handle {
  display: none!important;
}
[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important;
}
/* Uncomment this if you set helper : "clone" in draggable options */
/*.gridster .player {
  opacity:0;
}
*/
/*!
  Ionicons, v1.4.1
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
*/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=1.4.1");
  src: url("../fonts/ionicons.eot?v=1.4.1#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.4.1") format("truetype"), url("../fonts/ionicons.woff?v=1.4.1") format("woff"), url("../fonts/ionicons.svg?v=1.4.1#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ion,
.ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading,
.ionicons,
.ion-alert,
.ion-alert-circled,
.ion-android-add,
.ion-android-add-contact,
.ion-android-alarm,
.ion-android-archive,
.ion-android-arrow-back,
.ion-android-arrow-down-left,
.ion-android-arrow-down-right,
.ion-android-arrow-up-left,
.ion-android-arrow-up-right,
.ion-android-battery,
.ion-android-book,
.ion-android-calendar,
.ion-android-call,
.ion-android-camera,
.ion-android-chat,
.ion-android-checkmark,
.ion-android-clock,
.ion-android-close,
.ion-android-contact,
.ion-android-contacts,
.ion-android-data,
.ion-android-developer,
.ion-android-display,
.ion-android-download,
.ion-android-dropdown,
.ion-android-earth,
.ion-android-folder,
.ion-android-forums,
.ion-android-friends,
.ion-android-hand,
.ion-android-image,
.ion-android-inbox,
.ion-android-information,
.ion-android-keypad,
.ion-android-lightbulb,
.ion-android-locate,
.ion-android-location,
.ion-android-mail,
.ion-android-microphone,
.ion-android-mixer,
.ion-android-more,
.ion-android-note,
.ion-android-playstore,
.ion-android-printer,
.ion-android-promotion,
.ion-android-reminder,
.ion-android-remove,
.ion-android-search,
.ion-android-send,
.ion-android-settings,
.ion-android-share,
.ion-android-social,
.ion-android-social-user,
.ion-android-sort,
.ion-android-star,
.ion-android-stopwatch,
.ion-android-storage,
.ion-android-system-back,
.ion-android-system-home,
.ion-android-system-windows,
.ion-android-timer,
.ion-android-trash,
.ion-android-volume,
.ion-android-wifi,
.ion-archive,
.ion-arrow-down-a,
.ion-arrow-down-b,
.ion-arrow-down-c,
.ion-arrow-expand,
.ion-arrow-graph-down-left,
.ion-arrow-graph-down-right,
.ion-arrow-graph-up-left,
.ion-arrow-graph-up-right,
.ion-arrow-left-a,
.ion-arrow-left-b,
.ion-arrow-left-c,
.ion-arrow-move,
.ion-arrow-resize,
.ion-arrow-return-left,
.ion-arrow-return-right,
.ion-arrow-right-a,
.ion-arrow-right-b,
.ion-arrow-right-c,
.ion-arrow-shrink,
.ion-arrow-swap,
.ion-arrow-up-a,
.ion-arrow-up-b,
.ion-arrow-up-c,
.ion-at,
.ion-bag,
.ion-battery-charging,
.ion-battery-empty,
.ion-battery-full,
.ion-battery-half,
.ion-battery-low,
.ion-beaker,
.ion-beer,
.ion-bluetooth,
.ion-bookmark,
.ion-briefcase,
.ion-bug,
.ion-calculator,
.ion-calendar,
.ion-camera,
.ion-card,
.ion-chatbox,
.ion-chatbox-working,
.ion-chatboxes,
.ion-chatbubble,
.ion-chatbubble-working,
.ion-chatbubbles,
.ion-checkmark,
.ion-checkmark-circled,
.ion-checkmark-round,
.ion-chevron-down,
.ion-chevron-left,
.ion-chevron-right,
.ion-chevron-up,
.ion-clipboard,
.ion-clock,
.ion-close,
.ion-close-circled,
.ion-close-round,
.ion-cloud,
.ion-code,
.ion-code-download,
.ion-code-working,
.ion-coffee,
.ion-compass,
.ion-compose,
.ion-connection-bars,
.ion-contrast,
.ion-disc,
.ion-document,
.ion-document-text,
.ion-drag,
.ion-earth,
.ion-edit,
.ion-egg,
.ion-eject,
.ion-email,
.ion-eye,
.ion-eye-disabled,
.ion-female,
.ion-filing,
.ion-film-marker,
.ion-flag,
.ion-flash,
.ion-flash-off,
.ion-flask,
.ion-folder,
.ion-fork,
.ion-fork-repo,
.ion-forward,
.ion-game-controller-a,
.ion-game-controller-b,
.ion-gear-a,
.ion-gear-b,
.ion-grid,
.ion-hammer,
.ion-headphone,
.ion-heart,
.ion-help,
.ion-help-buoy,
.ion-help-circled,
.ion-home,
.ion-icecream,
.ion-icon-social-google-plus,
.ion-icon-social-google-plus-outline,
.ion-image,
.ion-images,
.ion-information,
.ion-information-circled,
.ion-ionic,
.ion-ios7-alarm,
.ion-ios7-alarm-outline,
.ion-ios7-albums,
.ion-ios7-albums-outline,
.ion-ios7-arrow-back,
.ion-ios7-arrow-down,
.ion-ios7-arrow-forward,
.ion-ios7-arrow-left,
.ion-ios7-arrow-right,
.ion-ios7-arrow-thin-down,
.ion-ios7-arrow-thin-left,
.ion-ios7-arrow-thin-right,
.ion-ios7-arrow-thin-up,
.ion-ios7-arrow-up,
.ion-ios7-at,
.ion-ios7-at-outline,
.ion-ios7-bell,
.ion-ios7-bell-outline,
.ion-ios7-bolt,
.ion-ios7-bolt-outline,
.ion-ios7-bookmarks,
.ion-ios7-bookmarks-outline,
.ion-ios7-box,
.ion-ios7-box-outline,
.ion-ios7-briefcase,
.ion-ios7-briefcase-outline,
.ion-ios7-browsers,
.ion-ios7-browsers-outline,
.ion-ios7-calculator,
.ion-ios7-calculator-outline,
.ion-ios7-calendar,
.ion-ios7-calendar-outline,
.ion-ios7-camera,
.ion-ios7-camera-outline,
.ion-ios7-cart,
.ion-ios7-cart-outline,
.ion-ios7-chatboxes,
.ion-ios7-chatboxes-outline,
.ion-ios7-chatbubble,
.ion-ios7-chatbubble-outline,
.ion-ios7-checkmark,
.ion-ios7-checkmark-empty,
.ion-ios7-checkmark-outline,
.ion-ios7-circle-filled,
.ion-ios7-circle-outline,
.ion-ios7-clock,
.ion-ios7-clock-outline,
.ion-ios7-close,
.ion-ios7-close-empty,
.ion-ios7-close-outline,
.ion-ios7-cloud,
.ion-ios7-cloud-download,
.ion-ios7-cloud-download-outline,
.ion-ios7-cloud-outline,
.ion-ios7-cloud-upload,
.ion-ios7-cloud-upload-outline,
.ion-ios7-cloudy,
.ion-ios7-cloudy-night,
.ion-ios7-cloudy-night-outline,
.ion-ios7-cloudy-outline,
.ion-ios7-cog,
.ion-ios7-cog-outline,
.ion-ios7-compose,
.ion-ios7-compose-outline,
.ion-ios7-contact,
.ion-ios7-contact-outline,
.ion-ios7-copy,
.ion-ios7-copy-outline,
.ion-ios7-download,
.ion-ios7-download-outline,
.ion-ios7-drag,
.ion-ios7-email,
.ion-ios7-email-outline,
.ion-ios7-eye,
.ion-ios7-eye-outline,
.ion-ios7-fastforward,
.ion-ios7-fastforward-outline,
.ion-ios7-filing,
.ion-ios7-filing-outline,
.ion-ios7-film,
.ion-ios7-film-outline,
.ion-ios7-flag,
.ion-ios7-flag-outline,
.ion-ios7-folder,
.ion-ios7-folder-outline,
.ion-ios7-gear,
.ion-ios7-gear-outline,
.ion-ios7-glasses,
.ion-ios7-glasses-outline,
.ion-ios7-heart,
.ion-ios7-heart-outline,
.ion-ios7-help,
.ion-ios7-help-empty,
.ion-ios7-help-outline,
.ion-ios7-infinite,
.ion-ios7-infinite-outline,
.ion-ios7-information,
.ion-ios7-information-empty,
.ion-ios7-information-outline,
.ion-ios7-ionic-outline,
.ion-ios7-keypad,
.ion-ios7-keypad-outline,
.ion-ios7-lightbulb,
.ion-ios7-lightbulb-outline,
.ion-ios7-location,
.ion-ios7-location-outline,
.ion-ios7-locked,
.ion-ios7-locked-outline,
.ion-ios7-medkit,
.ion-ios7-medkit-outline,
.ion-ios7-mic,
.ion-ios7-mic-off,
.ion-ios7-mic-outline,
.ion-ios7-minus,
.ion-ios7-minus-empty,
.ion-ios7-minus-outline,
.ion-ios7-monitor,
.ion-ios7-monitor-outline,
.ion-ios7-moon,
.ion-ios7-moon-outline,
.ion-ios7-more,
.ion-ios7-more-outline,
.ion-ios7-musical-note,
.ion-ios7-musical-notes,
.ion-ios7-navigate,
.ion-ios7-navigate-outline,
.ion-ios7-paperplane,
.ion-ios7-paperplane-outline,
.ion-ios7-partlysunny,
.ion-ios7-partlysunny-outline,
.ion-ios7-pause,
.ion-ios7-pause-outline,
.ion-ios7-people,
.ion-ios7-people-outline,
.ion-ios7-person,
.ion-ios7-person-outline,
.ion-ios7-personadd,
.ion-ios7-personadd-outline,
.ion-ios7-photos,
.ion-ios7-photos-outline,
.ion-ios7-pie,
.ion-ios7-pie-outline,
.ion-ios7-play,
.ion-ios7-play-outline,
.ion-ios7-plus,
.ion-ios7-plus-empty,
.ion-ios7-plus-outline,
.ion-ios7-pricetag,
.ion-ios7-pricetag-outline,
.ion-ios7-printer,
.ion-ios7-printer-outline,
.ion-ios7-rainy,
.ion-ios7-rainy-outline,
.ion-ios7-recording,
.ion-ios7-recording-outline,
.ion-ios7-redo,
.ion-ios7-redo-outline,
.ion-ios7-refresh,
.ion-ios7-refresh-empty,
.ion-ios7-refresh-outline,
.ion-ios7-reload,
.ion-ios7-rewind,
.ion-ios7-rewind-outline,
.ion-ios7-search,
.ion-ios7-search-strong,
.ion-ios7-skipbackward,
.ion-ios7-skipbackward-outline,
.ion-ios7-skipforward,
.ion-ios7-skipforward-outline,
.ion-ios7-snowy,
.ion-ios7-speedometer,
.ion-ios7-speedometer-outline,
.ion-ios7-star,
.ion-ios7-star-outline,
.ion-ios7-stopwatch,
.ion-ios7-stopwatch-outline,
.ion-ios7-sunny,
.ion-ios7-sunny-outline,
.ion-ios7-telephone,
.ion-ios7-telephone-outline,
.ion-ios7-thunderstorm,
.ion-ios7-thunderstorm-outline,
.ion-ios7-time,
.ion-ios7-time-outline,
.ion-ios7-timer,
.ion-ios7-timer-outline,
.ion-ios7-trash,
.ion-ios7-trash-outline,
.ion-ios7-undo,
.ion-ios7-undo-outline,
.ion-ios7-unlocked,
.ion-ios7-unlocked-outline,
.ion-ios7-upload,
.ion-ios7-upload-outline,
.ion-ios7-videocam,
.ion-ios7-videocam-outline,
.ion-ios7-volume-high,
.ion-ios7-volume-low,
.ion-ios7-wineglass,
.ion-ios7-wineglass-outline,
.ion-ios7-world,
.ion-ios7-world-outline,
.ion-ipad,
.ion-iphone,
.ion-ipod,
.ion-jet,
.ion-key,
.ion-knife,
.ion-laptop,
.ion-leaf,
.ion-levels,
.ion-lightbulb,
.ion-link,
.ion-load-a,
.ion-load-b,
.ion-load-c,
.ion-load-d,
.ion-location,
.ion-locked,
.ion-log-in,
.ion-log-out,
.ion-loop,
.ion-magnet,
.ion-male,
.ion-man,
.ion-map,
.ion-medkit,
.ion-mic-a,
.ion-mic-b,
.ion-mic-c,
.ion-minus,
.ion-minus-circled,
.ion-minus-round,
.ion-model-s,
.ion-monitor,
.ion-more,
.ion-music-note,
.ion-navicon,
.ion-navicon-round,
.ion-navigate,
.ion-no-smoking,
.ion-nuclear,
.ion-paper-airplane,
.ion-paperclip,
.ion-pause,
.ion-person,
.ion-person-add,
.ion-person-stalker,
.ion-pie-graph,
.ion-pin,
.ion-pinpoint,
.ion-pizza,
.ion-plane,
.ion-play,
.ion-playstation,
.ion-plus,
.ion-plus-circled,
.ion-plus-round,
.ion-pound,
.ion-power,
.ion-pricetag,
.ion-pricetags,
.ion-printer,
.ion-radio-waves,
.ion-record,
.ion-refresh,
.ion-reply,
.ion-reply-all,
.ion-search,
.ion-settings,
.ion-share,
.ion-shuffle,
.ion-skip-backward,
.ion-skip-forward,
.ion-social-android,
.ion-social-android-outline,
.ion-social-apple,
.ion-social-apple-outline,
.ion-social-bitcoin,
.ion-social-bitcoin-outline,
.ion-social-buffer,
.ion-social-buffer-outline,
.ion-social-designernews,
.ion-social-designernews-outline,
.ion-social-dribbble,
.ion-social-dribbble-outline,
.ion-social-dropbox,
.ion-social-dropbox-outline,
.ion-social-facebook,
.ion-social-facebook-outline,
.ion-social-freebsd-devil,
.ion-social-github,
.ion-social-github-outline,
.ion-social-googleplus,
.ion-social-googleplus-outline,
.ion-social-hackernews,
.ion-social-hackernews-outline,
.ion-social-linkedin,
.ion-social-linkedin-outline,
.ion-social-pinterest,
.ion-social-pinterest-outline,
.ion-social-reddit,
.ion-social-reddit-outline,
.ion-social-rss,
.ion-social-rss-outline,
.ion-social-skype,
.ion-social-skype-outline,
.ion-social-tumblr,
.ion-social-tumblr-outline,
.ion-social-tux,
.ion-social-twitter,
.ion-social-twitter-outline,
.ion-social-vimeo,
.ion-social-vimeo-outline,
.ion-social-windows,
.ion-social-windows-outline,
.ion-social-wordpress,
.ion-social-wordpress-outline,
.ion-social-yahoo,
.ion-social-yahoo-outline,
.ion-social-youtube,
.ion-social-youtube-outline,
.ion-speakerphone,
.ion-speedometer,
.ion-spoon,
.ion-star,
.ion-stats-bars,
.ion-steam,
.ion-stop,
.ion-thermometer,
.ion-thumbsdown,
.ion-thumbsup,
.ion-trash-a,
.ion-trash-b,
.ion-umbrella,
.ion-unlocked,
.ion-upload,
.ion-usb,
.ion-videocamera,
.ion-volume-high,
.ion-volume-low,
.ion-volume-medium,
.ion-volume-mute,
.ion-waterdrop,
.ion-wifi,
.ion-wineglass,
.ion-woman,
.ion-wrench,
.ion-xbox {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ion-spin,
.ion-loading-a,
.ion-loading-b,
.ion-loading-c,
.ion-loading-d,
.ion-looping,
.ion-refreshing,
.ion-ios7-reloading {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ion-loading-a {
  -webkit-animation-timing-function: steps(8, start);
  -moz-animation-timing-function: steps(8, start);
  animation-timing-function: steps(8, start);
}
.ion-alert:before {
  content: "\f101";
}
.ion-alert-circled:before {
  content: "\f100";
}
.ion-android-add:before {
  content: "\f2c7";
}
.ion-android-add-contact:before {
  content: "\f2c6";
}
.ion-android-alarm:before {
  content: "\f2c8";
}
.ion-android-archive:before {
  content: "\f2c9";
}
.ion-android-arrow-back:before {
  content: "\f2ca";
}
.ion-android-arrow-down-left:before {
  content: "\f2cb";
}
.ion-android-arrow-down-right:before {
  content: "\f2cc";
}
.ion-android-arrow-up-left:before {
  content: "\f2cd";
}
.ion-android-arrow-up-right:before {
  content: "\f2ce";
}
.ion-android-battery:before {
  content: "\f2cf";
}
.ion-android-book:before {
  content: "\f2d0";
}
.ion-android-calendar:before {
  content: "\f2d1";
}
.ion-android-call:before {
  content: "\f2d2";
}
.ion-android-camera:before {
  content: "\f2d3";
}
.ion-android-chat:before {
  content: "\f2d4";
}
.ion-android-checkmark:before {
  content: "\f2d5";
}
.ion-android-clock:before {
  content: "\f2d6";
}
.ion-android-close:before {
  content: "\f2d7";
}
.ion-android-contact:before {
  content: "\f2d8";
}
.ion-android-contacts:before {
  content: "\f2d9";
}
.ion-android-data:before {
  content: "\f2da";
}
.ion-android-developer:before {
  content: "\f2db";
}
.ion-android-display:before {
  content: "\f2dc";
}
.ion-android-download:before {
  content: "\f2dd";
}
.ion-android-dropdown:before {
  content: "\f2de";
}
.ion-android-earth:before {
  content: "\f2df";
}
.ion-android-folder:before {
  content: "\f2e0";
}
.ion-android-forums:before {
  content: "\f2e1";
}
.ion-android-friends:before {
  content: "\f2e2";
}
.ion-android-hand:before {
  content: "\f2e3";
}
.ion-android-image:before {
  content: "\f2e4";
}
.ion-android-inbox:before {
  content: "\f2e5";
}
.ion-android-information:before {
  content: "\f2e6";
}
.ion-android-keypad:before {
  content: "\f2e7";
}
.ion-android-lightbulb:before {
  content: "\f2e8";
}
.ion-android-locate:before {
  content: "\f2e9";
}
.ion-android-location:before {
  content: "\f2ea";
}
.ion-android-mail:before {
  content: "\f2eb";
}
.ion-android-microphone:before {
  content: "\f2ec";
}
.ion-android-mixer:before {
  content: "\f2ed";
}
.ion-android-more:before {
  content: "\f2ee";
}
.ion-android-note:before {
  content: "\f2ef";
}
.ion-android-playstore:before {
  content: "\f2f0";
}
.ion-android-printer:before {
  content: "\f2f1";
}
.ion-android-promotion:before {
  content: "\f2f2";
}
.ion-android-reminder:before {
  content: "\f2f3";
}
.ion-android-remove:before {
  content: "\f2f4";
}
.ion-android-search:before {
  content: "\f2f5";
}
.ion-android-send:before {
  content: "\f2f6";
}
.ion-android-settings:before {
  content: "\f2f7";
}
.ion-android-share:before {
  content: "\f2f8";
}
.ion-android-social:before {
  content: "\f2fa";
}
.ion-android-social-user:before {
  content: "\f2f9";
}
.ion-android-sort:before {
  content: "\f2fb";
}
.ion-android-star:before {
  content: "\f2fc";
}
.ion-android-stopwatch:before {
  content: "\f2fd";
}
.ion-android-storage:before {
  content: "\f2fe";
}
.ion-android-system-back:before {
  content: "\f2ff";
}
.ion-android-system-home:before {
  content: "\f300";
}
.ion-android-system-windows:before {
  content: "\f301";
}
.ion-android-timer:before {
  content: "\f302";
}
.ion-android-trash:before {
  content: "\f303";
}
.ion-android-volume:before {
  content: "\f304";
}
.ion-android-wifi:before {
  content: "\f305";
}
.ion-archive:before {
  content: "\f102";
}
.ion-arrow-down-a:before {
  content: "\f103";
}
.ion-arrow-down-b:before {
  content: "\f104";
}
.ion-arrow-down-c:before {
  content: "\f105";
}
.ion-arrow-expand:before {
  content: "\f25e";
}
.ion-arrow-graph-down-left:before {
  content: "\f25f";
}
.ion-arrow-graph-down-right:before {
  content: "\f260";
}
.ion-arrow-graph-up-left:before {
  content: "\f261";
}
.ion-arrow-graph-up-right:before {
  content: "\f262";
}
.ion-arrow-left-a:before {
  content: "\f106";
}
.ion-arrow-left-b:before {
  content: "\f107";
}
.ion-arrow-left-c:before {
  content: "\f108";
}
.ion-arrow-move:before {
  content: "\f263";
}
.ion-arrow-resize:before {
  content: "\f264";
}
.ion-arrow-return-left:before {
  content: "\f265";
}
.ion-arrow-return-right:before {
  content: "\f266";
}
.ion-arrow-right-a:before {
  content: "\f109";
}
.ion-arrow-right-b:before {
  content: "\f10a";
}
.ion-arrow-right-c:before {
  content: "\f10b";
}
.ion-arrow-shrink:before {
  content: "\f267";
}
.ion-arrow-swap:before {
  content: "\f268";
}
.ion-arrow-up-a:before {
  content: "\f10c";
}
.ion-arrow-up-b:before {
  content: "\f10d";
}
.ion-arrow-up-c:before {
  content: "\f10e";
}
.ion-at:before {
  content: "\f10f";
}
.ion-bag:before {
  content: "\f110";
}
.ion-battery-charging:before {
  content: "\f111";
}
.ion-battery-empty:before {
  content: "\f112";
}
.ion-battery-full:before {
  content: "\f113";
}
.ion-battery-half:before {
  content: "\f114";
}
.ion-battery-low:before {
  content: "\f115";
}
.ion-beaker:before {
  content: "\f269";
}
.ion-beer:before {
  content: "\f26a";
}
.ion-bluetooth:before {
  content: "\f116";
}
.ion-bookmark:before {
  content: "\f26b";
}
.ion-briefcase:before {
  content: "\f26c";
}
.ion-bug:before {
  content: "\f2be";
}
.ion-calculator:before {
  content: "\f26d";
}
.ion-calendar:before {
  content: "\f117";
}
.ion-camera:before {
  content: "\f118";
}
.ion-card:before {
  content: "\f119";
}
.ion-chatbox:before {
  content: "\f11b";
}
.ion-chatbox-working:before {
  content: "\f11a";
}
.ion-chatboxes:before {
  content: "\f11c";
}
.ion-chatbubble:before {
  content: "\f11e";
}
.ion-chatbubble-working:before {
  content: "\f11d";
}
.ion-chatbubbles:before {
  content: "\f11f";
}
.ion-checkmark:before {
  content: "\f122";
}
.ion-checkmark-circled:before {
  content: "\f120";
}
.ion-checkmark-round:before {
  content: "\f121";
}
.ion-chevron-down:before {
  content: "\f123";
}
.ion-chevron-left:before {
  content: "\f124";
}
.ion-chevron-right:before {
  content: "\f125";
}
.ion-chevron-up:before {
  content: "\f126";
}
.ion-clipboard:before {
  content: "\f127";
}
.ion-clock:before {
  content: "\f26e";
}
.ion-close:before {
  content: "\f12a";
}
.ion-close-circled:before {
  content: "\f128";
}
.ion-close-round:before {
  content: "\f129";
}
.ion-cloud:before {
  content: "\f12b";
}
.ion-code:before {
  content: "\f271";
}
.ion-code-download:before {
  content: "\f26f";
}
.ion-code-working:before {
  content: "\f270";
}
.ion-coffee:before {
  content: "\f272";
}
.ion-compass:before {
  content: "\f273";
}
.ion-compose:before {
  content: "\f12c";
}
.ion-connection-bars:before {
  content: "\f274";
}
.ion-contrast:before {
  content: "\f275";
}
.ion-disc:before {
  content: "\f12d";
}
.ion-document:before {
  content: "\f12f";
}
.ion-document-text:before {
  content: "\f12e";
}
.ion-drag:before {
  content: "\f130";
}
.ion-earth:before {
  content: "\f276";
}
.ion-edit:before {
  content: "\f2bf";
}
.ion-egg:before {
  content: "\f277";
}
.ion-eject:before {
  content: "\f131";
}
.ion-email:before {
  content: "\f132";
}
.ion-eye:before {
  content: "\f133";
}
.ion-eye-disabled:before {
  content: "\f306";
}
.ion-female:before {
  content: "\f278";
}
.ion-filing:before {
  content: "\f134";
}
.ion-film-marker:before {
  content: "\f135";
}
.ion-flag:before {
  content: "\f279";
}
.ion-flash:before {
  content: "\f137";
}
.ion-flash-off:before {
  content: "\f136";
}
.ion-flask:before {
  content: "\f138";
}
.ion-folder:before {
  content: "\f139";
}
.ion-fork:before {
  content: "\f27a";
}
.ion-fork-repo:before {
  content: "\f2c0";
}
.ion-forward:before {
  content: "\f13a";
}
.ion-game-controller-a:before {
  content: "\f13b";
}
.ion-game-controller-b:before {
  content: "\f13c";
}
.ion-gear-a:before {
  content: "\f13d";
}
.ion-gear-b:before {
  content: "\f13e";
}
.ion-grid:before {
  content: "\f13f";
}
.ion-hammer:before {
  content: "\f27b";
}
.ion-headphone:before {
  content: "\f140";
}
.ion-heart:before {
  content: "\f141";
}
.ion-help:before {
  content: "\f143";
}
.ion-help-buoy:before {
  content: "\f27c";
}
.ion-help-circled:before {
  content: "\f142";
}
.ion-home:before {
  content: "\f144";
}
.ion-icecream:before {
  content: "\f27d";
}
.ion-icon-social-google-plus:before {
  content: "\f146";
}
.ion-icon-social-google-plus-outline:before {
  content: "\f145";
}
.ion-image:before {
  content: "\f147";
}
.ion-images:before {
  content: "\f148";
}
.ion-information:before {
  content: "\f14a";
}
.ion-information-circled:before {
  content: "\f149";
}
.ion-ionic:before {
  content: "\f14b";
}
.ion-ios7-alarm:before {
  content: "\f14d";
}
.ion-ios7-alarm-outline:before {
  content: "\f14c";
}
.ion-ios7-albums:before {
  content: "\f14f";
}
.ion-ios7-albums-outline:before {
  content: "\f14e";
}
.ion-ios7-arrow-back:before {
  content: "\f150";
}
.ion-ios7-arrow-down:before {
  content: "\f151";
}
.ion-ios7-arrow-forward:before {
  content: "\f152";
}
.ion-ios7-arrow-left:before {
  content: "\f153";
}
.ion-ios7-arrow-right:before {
  content: "\f154";
}
.ion-ios7-arrow-thin-down:before {
  content: "\f27e";
}
.ion-ios7-arrow-thin-left:before {
  content: "\f27f";
}
.ion-ios7-arrow-thin-right:before {
  content: "\f280";
}
.ion-ios7-arrow-thin-up:before {
  content: "\f281";
}
.ion-ios7-arrow-up:before {
  content: "\f155";
}
.ion-ios7-at:before {
  content: "\f157";
}
.ion-ios7-at-outline:before {
  content: "\f156";
}
.ion-ios7-bell:before {
  content: "\f159";
}
.ion-ios7-bell-outline:before {
  content: "\f158";
}
.ion-ios7-bolt:before {
  content: "\f15b";
}
.ion-ios7-bolt-outline:before {
  content: "\f15a";
}
.ion-ios7-bookmarks:before {
  content: "\f15d";
}
.ion-ios7-bookmarks-outline:before {
  content: "\f15c";
}
.ion-ios7-box:before {
  content: "\f15f";
}
.ion-ios7-box-outline:before {
  content: "\f15e";
}
.ion-ios7-briefcase:before {
  content: "\f283";
}
.ion-ios7-briefcase-outline:before {
  content: "\f282";
}
.ion-ios7-browsers:before {
  content: "\f161";
}
.ion-ios7-browsers-outline:before {
  content: "\f160";
}
.ion-ios7-calculator:before {
  content: "\f285";
}
.ion-ios7-calculator-outline:before {
  content: "\f284";
}
.ion-ios7-calendar:before {
  content: "\f163";
}
.ion-ios7-calendar-outline:before {
  content: "\f162";
}
.ion-ios7-camera:before {
  content: "\f165";
}
.ion-ios7-camera-outline:before {
  content: "\f164";
}
.ion-ios7-cart:before {
  content: "\f167";
}
.ion-ios7-cart-outline:before {
  content: "\f166";
}
.ion-ios7-chatboxes:before {
  content: "\f169";
}
.ion-ios7-chatboxes-outline:before {
  content: "\f168";
}
.ion-ios7-chatbubble:before {
  content: "\f16b";
}
.ion-ios7-chatbubble-outline:before {
  content: "\f16a";
}
.ion-ios7-checkmark:before {
  content: "\f16e";
}
.ion-ios7-checkmark-empty:before {
  content: "\f16c";
}
.ion-ios7-checkmark-outline:before {
  content: "\f16d";
}
.ion-ios7-circle-filled:before {
  content: "\f16f";
}
.ion-ios7-circle-outline:before {
  content: "\f170";
}
.ion-ios7-clock:before {
  content: "\f172";
}
.ion-ios7-clock-outline:before {
  content: "\f171";
}
.ion-ios7-close:before {
  content: "\f2bc";
}
.ion-ios7-close-empty:before {
  content: "\f2bd";
}
.ion-ios7-close-outline:before {
  content: "\f2bb";
}
.ion-ios7-cloud:before {
  content: "\f178";
}
.ion-ios7-cloud-download:before {
  content: "\f174";
}
.ion-ios7-cloud-download-outline:before {
  content: "\f173";
}
.ion-ios7-cloud-outline:before {
  content: "\f175";
}
.ion-ios7-cloud-upload:before {
  content: "\f177";
}
.ion-ios7-cloud-upload-outline:before {
  content: "\f176";
}
.ion-ios7-cloudy:before {
  content: "\f17a";
}
.ion-ios7-cloudy-night:before {
  content: "\f308";
}
.ion-ios7-cloudy-night-outline:before {
  content: "\f307";
}
.ion-ios7-cloudy-outline:before {
  content: "\f179";
}
.ion-ios7-cog:before {
  content: "\f17c";
}
.ion-ios7-cog-outline:before {
  content: "\f17b";
}
.ion-ios7-compose:before {
  content: "\f17e";
}
.ion-ios7-compose-outline:before {
  content: "\f17d";
}
.ion-ios7-contact:before {
  content: "\f180";
}
.ion-ios7-contact-outline:before {
  content: "\f17f";
}
.ion-ios7-copy:before {
  content: "\f182";
}
.ion-ios7-copy-outline:before {
  content: "\f181";
}
.ion-ios7-download:before {
  content: "\f184";
}
.ion-ios7-download-outline:before {
  content: "\f183";
}
.ion-ios7-drag:before {
  content: "\f185";
}
.ion-ios7-email:before {
  content: "\f187";
}
.ion-ios7-email-outline:before {
  content: "\f186";
}
.ion-ios7-eye:before {
  content: "\f189";
}
.ion-ios7-eye-outline:before {
  content: "\f188";
}
.ion-ios7-fastforward:before {
  content: "\f18b";
}
.ion-ios7-fastforward-outline:before {
  content: "\f18a";
}
.ion-ios7-filing:before {
  content: "\f18d";
}
.ion-ios7-filing-outline:before {
  content: "\f18c";
}
.ion-ios7-film:before {
  content: "\f18f";
}
.ion-ios7-film-outline:before {
  content: "\f18e";
}
.ion-ios7-flag:before {
  content: "\f191";
}
.ion-ios7-flag-outline:before {
  content: "\f190";
}
.ion-ios7-folder:before {
  content: "\f193";
}
.ion-ios7-folder-outline:before {
  content: "\f192";
}
.ion-ios7-gear:before {
  content: "\f195";
}
.ion-ios7-gear-outline:before {
  content: "\f194";
}
.ion-ios7-glasses:before {
  content: "\f197";
}
.ion-ios7-glasses-outline:before {
  content: "\f196";
}
.ion-ios7-heart:before {
  content: "\f199";
}
.ion-ios7-heart-outline:before {
  content: "\f198";
}
.ion-ios7-help:before {
  content: "\f19c";
}
.ion-ios7-help-empty:before {
  content: "\f19a";
}
.ion-ios7-help-outline:before {
  content: "\f19b";
}
.ion-ios7-infinite:before {
  content: "\f19e";
}
.ion-ios7-infinite-outline:before {
  content: "\f19d";
}
.ion-ios7-information:before {
  content: "\f1a1";
}
.ion-ios7-information-empty:before {
  content: "\f19f";
}
.ion-ios7-information-outline:before {
  content: "\f1a0";
}
.ion-ios7-ionic-outline:before {
  content: "\f1a2";
}
.ion-ios7-keypad:before {
  content: "\f1a4";
}
.ion-ios7-keypad-outline:before {
  content: "\f1a3";
}
.ion-ios7-lightbulb:before {
  content: "\f287";
}
.ion-ios7-lightbulb-outline:before {
  content: "\f286";
}
.ion-ios7-location:before {
  content: "\f1a6";
}
.ion-ios7-location-outline:before {
  content: "\f1a5";
}
.ion-ios7-locked:before {
  content: "\f1a8";
}
.ion-ios7-locked-outline:before {
  content: "\f1a7";
}
.ion-ios7-medkit:before {
  content: "\f289";
}
.ion-ios7-medkit-outline:before {
  content: "\f288";
}
.ion-ios7-mic:before {
  content: "\f1ab";
}
.ion-ios7-mic-off:before {
  content: "\f1a9";
}
.ion-ios7-mic-outline:before {
  content: "\f1aa";
}
.ion-ios7-minus:before {
  content: "\f1ae";
}
.ion-ios7-minus-empty:before {
  content: "\f1ac";
}
.ion-ios7-minus-outline:before {
  content: "\f1ad";
}
.ion-ios7-monitor:before {
  content: "\f1b0";
}
.ion-ios7-monitor-outline:before {
  content: "\f1af";
}
.ion-ios7-moon:before {
  content: "\f1b2";
}
.ion-ios7-moon-outline:before {
  content: "\f1b1";
}
.ion-ios7-more:before {
  content: "\f1b4";
}
.ion-ios7-more-outline:before {
  content: "\f1b3";
}
.ion-ios7-musical-note:before {
  content: "\f1b5";
}
.ion-ios7-musical-notes:before {
  content: "\f1b6";
}
.ion-ios7-navigate:before {
  content: "\f1b8";
}
.ion-ios7-navigate-outline:before {
  content: "\f1b7";
}
.ion-ios7-paperplane:before {
  content: "\f1ba";
}
.ion-ios7-paperplane-outline:before {
  content: "\f1b9";
}
.ion-ios7-partlysunny:before {
  content: "\f1bc";
}
.ion-ios7-partlysunny-outline:before {
  content: "\f1bb";
}
.ion-ios7-pause:before {
  content: "\f1be";
}
.ion-ios7-pause-outline:before {
  content: "\f1bd";
}
.ion-ios7-people:before {
  content: "\f1c0";
}
.ion-ios7-people-outline:before {
  content: "\f1bf";
}
.ion-ios7-person:before {
  content: "\f1c2";
}
.ion-ios7-person-outline:before {
  content: "\f1c1";
}
.ion-ios7-personadd:before {
  content: "\f1c4";
}
.ion-ios7-personadd-outline:before {
  content: "\f1c3";
}
.ion-ios7-photos:before {
  content: "\f1c6";
}
.ion-ios7-photos-outline:before {
  content: "\f1c5";
}
.ion-ios7-pie:before {
  content: "\f28b";
}
.ion-ios7-pie-outline:before {
  content: "\f28a";
}
.ion-ios7-play:before {
  content: "\f1c8";
}
.ion-ios7-play-outline:before {
  content: "\f1c7";
}
.ion-ios7-plus:before {
  content: "\f1cb";
}
.ion-ios7-plus-empty:before {
  content: "\f1c9";
}
.ion-ios7-plus-outline:before {
  content: "\f1ca";
}
.ion-ios7-pricetag:before {
  content: "\f28d";
}
.ion-ios7-pricetag-outline:before {
  content: "\f28c";
}
.ion-ios7-printer:before {
  content: "\f1cd";
}
.ion-ios7-printer-outline:before {
  content: "\f1cc";
}
.ion-ios7-rainy:before {
  content: "\f1cf";
}
.ion-ios7-rainy-outline:before {
  content: "\f1ce";
}
.ion-ios7-recording:before {
  content: "\f1d1";
}
.ion-ios7-recording-outline:before {
  content: "\f1d0";
}
.ion-ios7-redo:before {
  content: "\f1d3";
}
.ion-ios7-redo-outline:before {
  content: "\f1d2";
}
.ion-ios7-refresh:before {
  content: "\f1d6";
}
.ion-ios7-refresh-empty:before {
  content: "\f1d4";
}
.ion-ios7-refresh-outline:before {
  content: "\f1d5";
}
.ion-ios7-reload:before,
.ion-ios7-reloading:before {
  content: "\f28e";
}
.ion-ios7-rewind:before {
  content: "\f1d8";
}
.ion-ios7-rewind-outline:before {
  content: "\f1d7";
}
.ion-ios7-search:before {
  content: "\f1da";
}
.ion-ios7-search-strong:before {
  content: "\f1d9";
}
.ion-ios7-skipbackward:before {
  content: "\f1dc";
}
.ion-ios7-skipbackward-outline:before {
  content: "\f1db";
}
.ion-ios7-skipforward:before {
  content: "\f1de";
}
.ion-ios7-skipforward-outline:before {
  content: "\f1dd";
}
.ion-ios7-snowy:before {
  content: "\f309";
}
.ion-ios7-speedometer:before {
  content: "\f290";
}
.ion-ios7-speedometer-outline:before {
  content: "\f28f";
}
.ion-ios7-star:before {
  content: "\f1e0";
}
.ion-ios7-star-outline:before {
  content: "\f1df";
}
.ion-ios7-stopwatch:before {
  content: "\f1e2";
}
.ion-ios7-stopwatch-outline:before {
  content: "\f1e1";
}
.ion-ios7-sunny:before {
  content: "\f1e4";
}
.ion-ios7-sunny-outline:before {
  content: "\f1e3";
}
.ion-ios7-telephone:before {
  content: "\f1e6";
}
.ion-ios7-telephone-outline:before {
  content: "\f1e5";
}
.ion-ios7-thunderstorm:before {
  content: "\f1e8";
}
.ion-ios7-thunderstorm-outline:before {
  content: "\f1e7";
}
.ion-ios7-time:before {
  content: "\f292";
}
.ion-ios7-time-outline:before {
  content: "\f291";
}
.ion-ios7-timer:before {
  content: "\f1ea";
}
.ion-ios7-timer-outline:before {
  content: "\f1e9";
}
.ion-ios7-trash:before {
  content: "\f1ec";
}
.ion-ios7-trash-outline:before {
  content: "\f1eb";
}
.ion-ios7-undo:before {
  content: "\f1ee";
}
.ion-ios7-undo-outline:before {
  content: "\f1ed";
}
.ion-ios7-unlocked:before {
  content: "\f1f0";
}
.ion-ios7-unlocked-outline:before {
  content: "\f1ef";
}
.ion-ios7-upload:before {
  content: "\f1f2";
}
.ion-ios7-upload-outline:before {
  content: "\f1f1";
}
.ion-ios7-videocam:before {
  content: "\f1f4";
}
.ion-ios7-videocam-outline:before {
  content: "\f1f3";
}
.ion-ios7-volume-high:before {
  content: "\f1f5";
}
.ion-ios7-volume-low:before {
  content: "\f1f6";
}
.ion-ios7-wineglass:before {
  content: "\f294";
}
.ion-ios7-wineglass-outline:before {
  content: "\f293";
}
.ion-ios7-world:before {
  content: "\f1f8";
}
.ion-ios7-world-outline:before {
  content: "\f1f7";
}
.ion-ipad:before {
  content: "\f1f9";
}
.ion-iphone:before {
  content: "\f1fa";
}
.ion-ipod:before {
  content: "\f1fb";
}
.ion-jet:before {
  content: "\f295";
}
.ion-key:before {
  content: "\f296";
}
.ion-knife:before {
  content: "\f297";
}
.ion-laptop:before {
  content: "\f1fc";
}
.ion-leaf:before {
  content: "\f1fd";
}
.ion-levels:before {
  content: "\f298";
}
.ion-lightbulb:before {
  content: "\f299";
}
.ion-link:before {
  content: "\f1fe";
}
.ion-load-a:before,
.ion-loading-a:before {
  content: "\f29a";
}
.ion-load-b:before,
.ion-loading-b:before {
  content: "\f29b";
}
.ion-load-c:before,
.ion-loading-c:before {
  content: "\f29c";
}
.ion-load-d:before,
.ion-loading-d:before {
  content: "\f29d";
}
.ion-location:before {
  content: "\f1ff";
}
.ion-locked:before {
  content: "\f200";
}
.ion-log-in:before {
  content: "\f29e";
}
.ion-log-out:before {
  content: "\f29f";
}
.ion-loop:before,
.ion-looping:before {
  content: "\f201";
}
.ion-magnet:before {
  content: "\f2a0";
}
.ion-male:before {
  content: "\f2a1";
}
.ion-man:before {
  content: "\f202";
}
.ion-map:before {
  content: "\f203";
}
.ion-medkit:before {
  content: "\f2a2";
}
.ion-mic-a:before {
  content: "\f204";
}
.ion-mic-b:before {
  content: "\f205";
}
.ion-mic-c:before {
  content: "\f206";
}
.ion-minus:before {
  content: "\f209";
}
.ion-minus-circled:before {
  content: "\f207";
}
.ion-minus-round:before {
  content: "\f208";
}
.ion-model-s:before {
  content: "\f2c1";
}
.ion-monitor:before {
  content: "\f20a";
}
.ion-more:before {
  content: "\f20b";
}
.ion-music-note:before {
  content: "\f20c";
}
.ion-navicon:before {
  content: "\f20e";
}
.ion-navicon-round:before {
  content: "\f20d";
}
.ion-navigate:before {
  content: "\f2a3";
}
.ion-no-smoking:before {
  content: "\f2c2";
}
.ion-nuclear:before {
  content: "\f2a4";
}
.ion-paper-airplane:before {
  content: "\f2c3";
}
.ion-paperclip:before {
  content: "\f20f";
}
.ion-pause:before {
  content: "\f210";
}
.ion-person:before {
  content: "\f213";
}
.ion-person-add:before {
  content: "\f211";
}
.ion-person-stalker:before {
  content: "\f212";
}
.ion-pie-graph:before {
  content: "\f2a5";
}
.ion-pin:before {
  content: "\f2a6";
}
.ion-pinpoint:before {
  content: "\f2a7";
}
.ion-pizza:before {
  content: "\f2a8";
}
.ion-plane:before {
  content: "\f214";
}
.ion-play:before {
  content: "\f215";
}
.ion-playstation:before {
  content: "\f30a";
}
.ion-plus:before {
  content: "\f218";
}
.ion-plus-circled:before {
  content: "\f216";
}
.ion-plus-round:before {
  content: "\f217";
}
.ion-pound:before {
  content: "\f219";
}
.ion-power:before {
  content: "\f2a9";
}
.ion-pricetag:before {
  content: "\f2aa";
}
.ion-pricetags:before {
  content: "\f2ab";
}
.ion-printer:before {
  content: "\f21a";
}
.ion-radio-waves:before {
  content: "\f2ac";
}
.ion-record:before {
  content: "\f21b";
}
.ion-refresh:before,
.ion-refreshing:before {
  content: "\f21c";
}
.ion-reply:before {
  content: "\f21e";
}
.ion-reply-all:before {
  content: "\f21d";
}
.ion-search:before {
  content: "\f21f";
}
.ion-settings:before {
  content: "\f2ad";
}
.ion-share:before {
  content: "\f220";
}
.ion-shuffle:before {
  content: "\f221";
}
.ion-skip-backward:before {
  content: "\f222";
}
.ion-skip-forward:before {
  content: "\f223";
}
.ion-social-android:before {
  content: "\f225";
}
.ion-social-android-outline:before {
  content: "\f224";
}
.ion-social-apple:before {
  content: "\f227";
}
.ion-social-apple-outline:before {
  content: "\f226";
}
.ion-social-bitcoin:before {
  content: "\f2af";
}
.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}
.ion-social-buffer:before {
  content: "\f229";
}
.ion-social-buffer-outline:before {
  content: "\f228";
}
.ion-social-designernews:before {
  content: "\f22b";
}
.ion-social-designernews-outline:before {
  content: "\f22a";
}
.ion-social-dribbble:before {
  content: "\f22d";
}
.ion-social-dribbble-outline:before {
  content: "\f22c";
}
.ion-social-dropbox:before {
  content: "\f22f";
}
.ion-social-dropbox-outline:before {
  content: "\f22e";
}
.ion-social-facebook:before {
  content: "\f231";
}
.ion-social-facebook-outline:before {
  content: "\f230";
}
.ion-social-freebsd-devil:before {
  content: "\f2c4";
}
.ion-social-github:before {
  content: "\f233";
}
.ion-social-github-outline:before {
  content: "\f232";
}
.ion-social-googleplus:before {
  content: "\f235";
}
.ion-social-googleplus-outline:before {
  content: "\f234";
}
.ion-social-hackernews:before {
  content: "\f237";
}
.ion-social-hackernews-outline:before {
  content: "\f236";
}
.ion-social-linkedin:before {
  content: "\f239";
}
.ion-social-linkedin-outline:before {
  content: "\f238";
}
.ion-social-pinterest:before {
  content: "\f2b1";
}
.ion-social-pinterest-outline:before {
  content: "\f2b0";
}
.ion-social-reddit:before {
  content: "\f23b";
}
.ion-social-reddit-outline:before {
  content: "\f23a";
}
.ion-social-rss:before {
  content: "\f23d";
}
.ion-social-rss-outline:before {
  content: "\f23c";
}
.ion-social-skype:before {
  content: "\f23f";
}
.ion-social-skype-outline:before {
  content: "\f23e";
}
.ion-social-tumblr:before {
  content: "\f241";
}
.ion-social-tumblr-outline:before {
  content: "\f240";
}
.ion-social-tux:before {
  content: "\f2c5";
}
.ion-social-twitter:before {
  content: "\f243";
}
.ion-social-twitter-outline:before {
  content: "\f242";
}
.ion-social-vimeo:before {
  content: "\f245";
}
.ion-social-vimeo-outline:before {
  content: "\f244";
}
.ion-social-windows:before {
  content: "\f247";
}
.ion-social-windows-outline:before {
  content: "\f246";
}
.ion-social-wordpress:before {
  content: "\f249";
}
.ion-social-wordpress-outline:before {
  content: "\f248";
}
.ion-social-yahoo:before {
  content: "\f24b";
}
.ion-social-yahoo-outline:before {
  content: "\f24a";
}
.ion-social-youtube:before {
  content: "\f24d";
}
.ion-social-youtube-outline:before {
  content: "\f24c";
}
.ion-speakerphone:before {
  content: "\f2b2";
}
.ion-speedometer:before {
  content: "\f2b3";
}
.ion-spoon:before {
  content: "\f2b4";
}
.ion-star:before {
  content: "\f24e";
}
.ion-stats-bars:before {
  content: "\f2b5";
}
.ion-steam:before {
  content: "\f30b";
}
.ion-stop:before {
  content: "\f24f";
}
.ion-thermometer:before {
  content: "\f2b6";
}
.ion-thumbsdown:before {
  content: "\f250";
}
.ion-thumbsup:before {
  content: "\f251";
}
.ion-trash-a:before {
  content: "\f252";
}
.ion-trash-b:before {
  content: "\f253";
}
.ion-umbrella:before {
  content: "\f2b7";
}
.ion-unlocked:before {
  content: "\f254";
}
.ion-upload:before {
  content: "\f255";
}
.ion-usb:before {
  content: "\f2b8";
}
.ion-videocamera:before {
  content: "\f256";
}
.ion-volume-high:before {
  content: "\f257";
}
.ion-volume-low:before {
  content: "\f258";
}
.ion-volume-medium:before {
  content: "\f259";
}
.ion-volume-mute:before {
  content: "\f25a";
}
.ion-waterdrop:before {
  content: "\f25b";
}
.ion-wifi:before {
  content: "\f25c";
}
.ion-wineglass:before {
  content: "\f2b9";
}
.ion-woman:before {
  content: "\f25d";
}
.ion-wrench:before {
  content: "\f2ba";
}
.ion-xbox:before {
  content: "\f30c";
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("../img/data-tables/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("../img/data-tables/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("../img/data-tables/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../img/data-tables/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../img/data-tables/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: white;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected,
table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
.angular-json-explorer .hidden {
  display: none;
}
.angular-json-explorer .prop {
  font-weight: bold;
}
.angular-json-explorer .null {
  color: red;
}
.angular-json-explorer .bool {
  color: blue;
}
.angular-json-explorer .num {
  color: blue;
}
.angular-json-explorer .string {
  color: green;
  white-space: pre-wrap;
}
.angular-json-explorer .collapser {
  position: absolute;
  left: -1em;
  cursor: pointer;
  -moz-user-select: none;
  color: #f92753;
  text-decoration: none;
}
.angular-json-explorer .q {
  display: inline-block;
  width: 0px;
  color: transparent;
}
.angular-json-explorer li {
  position: relative;
}
.angular-json-explorer .error {
  -moz-border-radius: 8px;
  border: 1px solid #970000;
  background-color: #F7E8E8;
  margin: 0.5em;
  padding: 0.5em;
}
.angular-json-explorer .errormessage {
  font-family: monospace;
}
.angular-json-explorer {
  font-family: monospace;
  font-size: 1.1em;
  white-space: pre-wrap;
}
.angular-json-explorer ul {
  list-style: none;
  margin: 0 0 0 2em;
  padding: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.angular-json-explorer h1 {
  font-size: 1.2em;
}
.angular-json-explorer .callback + #json {
  padding-left: 1em;
}
.angular-json-explorer .callback {
  font-family: monospace;
  color: #A52A2A;
}
/* Include this file in your html if you are using the CSP mode. */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-shim {
  visibility: hidden;
}
.ng-anchor {
  position: absolute;
}