@font-face {
  font-family: 'EngVetica';
  src: url('/c/fonts/engvetica.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SocialVetica';
  src: url('/c/fonts/socialvetica.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed Regular';
  src: url('/c/fonts/RobotoCondensedRegular.woff2') format('woff2'), url('/c/fonts/fonts/RobotoCondensedRegular.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Medium';
  src: url('/c/fonts/RobotoMedium.woff2') format('woff2'), url('/c/fonts/fonts/RobotoMedum.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed Bold';
  src: url('/c/fonts/RobotoCondensedBold.woff2') format('woff2'), url('/c/fonts/fonts/RobotoCondensedBold.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  src: url('/c/fonts/Roboto.woff2') format('woff2'), url('/c/fonts/fonts/Roboto.woff') format('woff');
}
@font-face {
  font-family: 'BLOKKRegular';
  src: url('/c/fonts/BLOKKRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* https://github.com/ConnorAtherton/loaders.css/blob/master/loaders.min.css */
/*
The MIT License (MIT)
Copyright (c) 2015 Connor Atherton
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-128px);
    -ms-transform: translateY(-128px);
    transform: translateY(-128px);
}

.ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.ball-scale-multiple > div {
    background-color: #77d3c6;
    width: 128px;
    height: 128px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -128px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 256px;
    height: 256px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 100%;
  color: black;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}



.CodeMirror-lint-tooltip {
  background-color: #ffd;
  border: 1px solid black;
  border-radius: 4px 4px 4px 4px;
  color: black;
  font-family: monospace;
  font-size: 10pt;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  white-space: pre;
  white-space: pre-wrap;
  z-index: 100;
  max-width: 600px;
  opacity: 0;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s;
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
  background-position: left bottom;
  background-repeat: repeat-x;
}

.CodeMirror-lint-mark-error {
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==");
}

.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat;
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}

.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%; height: 100%;
}

@charset 'UTF-8';

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*!
 * Quill Editor v1.3.0
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-embed-selected {
  border: 1px solid #777;
  user-select: none;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}

/*!
 * Quill Editor v1.3.0
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-embed-selected {
  border: 1px solid #777;
  user-select: none;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__outside:hover {
  border: 0
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation {
  position: relative;
  z-index: 2
}
.DayPickerNavigation__horizontal {
  height: 0
}
.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative
}
.DayPickerNavigation__bottom {
  height: auto
}
.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px
}
.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: auto
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
.alice-carousel .animated {
  animation-fill-mode: both;
}

.alice-carousel .animated-out {
  z-index: 1;
}

.alice-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.alice-carousel {
  position: relative;
  width: 100%;
  margin: auto;
  direction: ltr;
}

.alice-carousel__wrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

.alice-carousel__stage {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  transform-style: flat;
  -webkit-transform-style: flat;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.alice-carousel__stage-item {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  vertical-align: top;
  white-space: normal;
  line-height: 0;
}
.alice-carousel__stage-item * {
  line-height: initial;
}
.alice-carousel__stage-item.__hidden {
  opacity: 0;
  overflow: hidden;
}

.alice-carousel__prev-btn,
.alice-carousel__next-btn {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 10px 5px;
}
.alice-carousel__prev-btn [data-area]::after,
.alice-carousel__next-btn [data-area]::after {
  position: relative;
  content: attr(data-area);
  text-transform: capitalize;
}

.alice-carousel__prev-btn {
  text-align: right;
}

.alice-carousel__prev-btn-item,
.alice-carousel__next-btn-item {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  margin: 0;
  color: #465798;
}
.alice-carousel__prev-btn-item:hover,
.alice-carousel__next-btn-item:hover {
  color: darkred;
}
.alice-carousel__prev-btn-item.__inactive,
.alice-carousel__next-btn-item.__inactive {
  opacity: 0.4;
  pointer-events: none;
}

.alice-carousel__play-btn {
  position: absolute;
  top: 30px;
  left: 20px;
  display: inline-block;
}
.alice-carousel__play-btn:hover {
  cursor: pointer;
}
.alice-carousel__play-btn-wrapper {
  position: relative;
  width: 32px;
  height: 32px;
  padding: 10px;
  border-radius: 50%;
  background-color: #fff;
}

.alice-carousel__play-btn-item {
  position: absolute;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 0;
  outline: none;
  background: transparent;
}
.alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after {
  position: absolute;
  pointer-events: none;
  display: block;
  width: 0;
  height: 0;
  content: "";
  transition: all 0.4s linear;
  border-width: 8px 0 8px 15px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #465798;
}
.alice-carousel__play-btn-item::before {
  left: 5px;
  height: 14px;
}
.alice-carousel__play-btn-item::after {
  top: 7px;
  left: 18px;
}
.alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after {
  height: 30px;
  border-width: 0 0 0 10px;
}
.alice-carousel__play-btn-item.__pause::after {
  top: 0;
  left: 18px;
}

.alice-carousel__dots {
  margin: 30px 3px 5px;
  padding: 0;
  list-style: none;
  text-align: center;
}
.alice-carousel__dots > li {
  display: inline-block;
}
.alice-carousel__dots-item:not(.__custom) {
  width: 8px;
  height: 8px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #e0e4fb;
}
.alice-carousel__dots-item:not(.__custom):not(:last-child) {
  margin-right: 20px;
}
.alice-carousel__dots-item:not(.__custom):hover, .alice-carousel__dots-item:not(.__custom).__active {
  background-color: #6e7ebc;
}

.alice-carousel__slide-info {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-block;
  padding: 5px 10px;
  color: #465798;
  border-radius: 5px;
  background-color: rgba(224, 228, 251, 0.6);
}
.alice-carousel__slide-info-item {
  vertical-align: middle;
  line-height: 0;
}
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
.rw-btn,
.rw-input-reset,
.rw-input,
.rw-dropdown-list-autofill,
.rw-filter-input {
  color: inherit;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: none;
  background-image: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.rw-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
select.rw-input {
  text-transform: none;
}
html input[type="button"].rw-input {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea.rw-input {
  overflow: auto;
  resize: vertical;
}
button[disabled].rw-input,
fieldset[disabled] .rw-input,
html input[disabled].rw-input {
  cursor: not-allowed;
}
button.rw-input::-moz-focus-inner,
input.rw-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
/* -------------- */
@font-face {
  font-family: 'RwWidgets';
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/rw-widgets.eot);
  src: url(/fonts/rw-widgets.eot?#iefix&v=4.1.0) format('embedded-opentype'), url(data:font/woff;base64,d09GRgABAAAAAA6gAA8AAAAAGFgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIwleU9TLzIAAAGUAAAAQwAAAFY+IFFMY21hcAAAAdgAAAB5AAAB1MJjmdNjdnQgAAACVAAAABMAAAAgBtX/BGZwZ20AAAJoAAAFkAAAC3CKkZBZZ2FzcAAAB/gAAAAIAAAACAAAABBnbHlmAAAIAAAAA5gAAASwVrMfHWhlYWQAAAuYAAAAMwAAADYMhDlFaGhlYQAAC8wAAAAfAAAAJAc6A1VobXR4AAAL7AAAACAAAAAgFcP/+2xvY2EAAAwMAAAAEgAAABIFCgQibWF4cAAADCAAAAAgAAAAIAF4DDpuYW1lAAAMQAAAAYsAAALlvY4qUHBvc3QAAA3MAAAAVgAAAHLanLy8cHJlcAAADiQAAAB6AAAAhuVBK7x4nGNgZGBg4GIwYLBjYMpJLMlj4HNx8wlhkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAKVkFSAB4nGNgZNrBOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGBxeMHxkZQ76n8UQxRzEMA0ozAiSAwD7jQvyAHic7ZHBDQIxDAQnF+eCTohKqIFqePGibH9TwbG2rwwcTeRdK4q0BgbQxVMYtC+NqI/cln7nSN94Sd90NvDmY43zVIf3ZdFlNc0PHtltemv6YWdK7vzrnvf7UjPSKyJrv8h8exG7cStiPz6K2NuyQvmyRsH8AVRHGX4AAAB4nGNgQAMSEMgc9D8LhAESbAPdAHicrVZpd9NGFB15SZyELCULLWphxMRpsEYmbMGACUGyYyBdnK2VoIsUO+m+8Ynf4F/zZNpz6Dd+Wu8bLySQtOdwmpOjd+fN1czbZRJaktgL65GUmy/F1NYmjew8CemGTctRfCg7eyFlisnfBVEQrZbatx2HREQiULWusEQQ+x5ZmmR86FFGy7akV03KLT3pLlvjQb1V334aOsqxO6GkZjN0aD2yJVUYVaJIpj1S0qZlqPorSSu8v8LMV81QwohOImm8GcbQSN4bZ7TKaDW24yiKbLLcKFIkmuFBFHmU1RLn5IoJDMoHzZDyyqcR5cP8iKzYo5xWsEu20/y+L3mndzk/sV9vUbbkQB/Ijuzg7HQlX4RbW2HctJPtKFQRdtd3QmzZ7FT/Zo/ymkYDtysyvdCMYKl8hRArP6HM/iFZLZxP+ZJHo1qykRNB62VO7Es+gdbjiClxzRhZ0N3RCRHU/ZIzDPaYPh788d4plgsTAngcy3pHJZwIEylhczRJ2jByYCVliyqp9a6YOOV1WsRbwn7t2tGXzmjjUHdiPFsPHVs5UcnxaFKnmUyd2knNoykNopR0JnjMrwMoP6JJXm1jNYmVR9M4ZsaERCICLdxLU0EsO7GkKQTNoxm9uRumuXYtWqTJA/Xco/f05la4udNT2g70s0Z/VqdiOtgL0+lp5C/xadrlIkXp+ukZfkziQdYCMpEtNsOUgwdv/Q7Sy9eWHIXXBtju7fMrqH3WRPCkAfsb0B5P1SkJTIWYVYhWQGKta1mWydWsFqnI1HdDmla+rNMEinIcF8e+jHH9XzMzlpgSvt+J07MjLj1z7UsI0xx8m3U9mtepxXIBcWZ5TqdZlu/rNMfyA53mWZ7X6QhLW6ejLD/UaYHlRzodY3lBC5p038GQizDkAg6QMISlA0NYXoIhLBUMYbkIQ1gWYQjLJRjC8mMYwnIZhrC8rGXV1FNJ49qZWAZsQmBijh65zEXlaiq5VEK7aFRqQ54SbpVUFM+qf2WgXjzyhjmwFkiXyJpfMc6Vj0bl+NYVLW8aO1fAsepvH472OfFS1ouFPwX/1dZUJb1izcOTq/Abhp5sJ6o2qXh0TZfPVT26/l9UVFgL9BtIhVgoyrJscGcihI86nYZqoJVDzGzMPLTrdcuan8P9NzFCFlD9+DcUGgvcg05ZSVnt4KzV19uy3DuDcjgTLEkxN/P6VvgiI7PSfpFZyp6PfB5wBYxKZdhqA60VvNknMQ+Z3iTPBHFbUTZI2tjOBIkNHPOAefOdBCZh6qoN5E7hhg34BWFuwXknXKJ6oyyH7kXs8yik/Fun4kT2qGiMwLPZG2Gv70LKb3EMJDT5pX4MVBWhqRg1FdA0Um6oBl/G2bptQsYO9CMqdsOyrOLDxxb3lZJtGYR8pIjVo6Of1l6iTqrcfmYUl++dvgXBIDUxf3vfdHGQyrtayTJHbQNTtxqVU9eaQ+NVh+rmUfW94+wTOWuabronHnpf06rbwcVcLLD2bQ7SUiYX1PVhhQ2iy8WlUOplNEnvuAcYFhjQ71CKjf+r+th8nitVhdFxJN9O1LfR52AM/A/Yf0f1A9D3Y+hyDS7P95oTn2704WyZrqIX66foNzBrrblZugbc0HQD4iFHrY64yg18pwZxeqS5HOkh4GPdFeIBwCaAxeAT3bWM5lMAo/mMOT7A58xh0GQOgy3mMNhmzhrADnMY7DKHwR5zGHzBnHWAL5nDIGQOg4g5DJ4wJwB4yhwGXzGHwdfMYfANc+4DfMscBjFzGCTMYbCv6dYwzC1e0F2gtkFVoANTT1jcw+JQU2XI/o4Xhv29Qcz+wSCm/qjp9pD6Ey8M9WeDmPqLQUz9VdOdIfU3Xhjq7wYx9Q+DmPpMvxjLZQa/jHyXCgeUXWw+5++J9w/bxUC5AAEAAf//AA94nF1TTW8bRRh+35nd2c3aWcf2fjTN7rr+Bjuk4I81xPkwqJEbKVVDE1WREGkkqhSFtqBSLkRwAAmhqLJQJKqKnrZCHIALzg0h5eJWFDhwCof0B1RIcMrJJDaztoNSVrPPzM77zvvMM/sMYLcLQKr4GFQI11RAwHcBYF0vENHIpzWWjScmcBbdQgwNUtVCnWBII8G24iht5TvVQM0JtBWlHeCLSLfb3aAeHQYZ4pCvPRdDBBUpkjoIACjAGq9PCdI1IGSYzJtJLRoRxdE8liaQacYMosYSZ5ElExNkRnCIqUmmQT7d/n2bN3TGJ7Xdq5uL22/XyNT1xteN61M4t6vjJ9e2yd1f7rE7na/snL47N7PxxYPGzUnhtfW7Fzav7up8a5zX3+AU/sV1mjXN14n1/9SWNV8taiH06TMltxgvcLVclhVoBwwVD7jSxyof82YZBkAIoKf1ElCQIMC/o2DCGMQgCUWoQBVm4SK8D/dqX76aJnZk/oUUjdqkHo8ROzpkL49hdNQcpkNydOjKKSNIZT0sUVGQxVVthFEhFKAUQcDV0xiJOCtn0HGC51WFUABrBSxr2Jq/9d6NjWvrb629+cblpQsLc+dmZ6anqpOvvFxxy6WXzj6fTSbiZ2KObY2dHj1lGjo/6fDgGUmIdt4slpP+mz3R4/96Wi5leB0m6ZpRKRZcPJFfGcTMQawS1lgynsiUwyW3imUfCobNV/RHkl4sGHXPe9hsPjxGvL+zs9ds4veet7ez0wqylKRgH+/3pvY8L6LISSmIHGXlj3Hr8G87l7PPl9KpdGnPTSXTLtbt3EXP81LNZjPlHbW8tg+pJr7o9ap5/upOhsc8750TU+NHZb8U+dXOuelSKe32McftQLtH3R/oFRoAjft4Amq1aRWRDCEB38qEIvfwDWDcyoz6luY/iltbEEVhGQRBXAFREBd0QzeSmaQkjuVR11geE5lpPHE2Jve8Sh0ygxVNRd/wWHAQDxS5KSuK/JEipWTl6aWtb+4skuXPv/3s8uatR09/vsk+/Ongx49Joi0pvYwWT/5taWuZLDYeNHjm1tIHrdu3W3/6cOx7XCWvg+77nj7re3P02Pem0TN/lpu/0r/suMr29xmzRJV1DhlDQRwRLEYSkvhkn6l8XkSRx1DwcwY8C8c8gWd5rMH9kgb3axazPrgFk/MsiJ1/eCGLDfhGBF4YJyV/WrQ41f6TfrhzKP4LXjHqj3icY2BkYGAAYn+/mufx/DZfGbiZXwBFGK7s/3UJRv//+z+L+QVzEJDLwcAEEgUAqNQQBQB4nGNgZGBgDvqfBSRf/P/7/xfzCwagCArgAAC2CweUAAPoAAACO///A6D//wI7AAADoAAAA1n//QFlAAABZQAAAAAAAAAmAHQAnAGKAfACJAJYAAAAAQAAAAgAdAAPAAAAAAACAEQAVABzAAAAqQtwAAAAAHicdZLNasJAFIXPWLVUoYu2tNtZFUWMP1CkbioIuioUFy66izomkZiRyaj4DH2DvkNfqdA36TEOtQWbMLnfPXNy780QAFf4hMDheuA6sECJ2YFzOMeT4zPqA8d58ovjAsp4dVykrhyXUIN2XMY13llB5C+YLfDhWOBG3DnO4VLUHJ9Rf3ScJz87LuBW+I6L1LeOSxiLN8dl3Iuvvl7tTBSEVlb6VdlutjpyspOaUpT4sfTXNtQmlT0514lVcay9qV6abX0bzQJl05EK1rFvjsKRxsqkkU5ky2sexaFKlPGtmu27pJugbe1czo1eyoGrL1dGL9TUeqG1q26j8bsv+jyoFXYwiBAghIVEhWqVsY0mWuiQJnRIOg+uCAl8xFR8rPlGmO2kzHtcc2YJVUVHTPYw5XNJxxZ1rggz1lB0pBgxBqwRs5I56TiljRn3/aKsk+SMHic95RwyJpnbzyaa/XxLig1dbaqWE++nNtmUkj/a3/klz2e/t6Aype5lp2SpdtHg/c/3fgOFPIptAHicbcdBDoAgDADBFgUrvoVHEUAgNmAQ4/eN4eqcdkHAoOEfocAJZ5SocEHCFdR9Gp+buoJtLpGvT/menOVQvG3ScXWHtiVyMBz2vo1sOaYO8ALOZhXhAAB4nGPw3sFwIihiIyNjX+QGxp0cDBwMyQUbGVidNjEwMmiBGJu5mBg5ICw+BjCLzWkX0wGgNCeQze60i8EBwmZmcNmowtgRGLHBoSNiI3OKy0Y1EG8XRwMDI4tDR3JIBEhJJBBs5mFi5NHawfi/dQNL70YmBhcADHYj9AAA) format('woff'), url(/fonts/rw-widgets.ttf) format('truetype'), url(/fonts/rw-widgets.svg#fontawesomeregular) format('svg');
}
.rw-i {
  display: inline-block;
  color: inherit;
  font-family: RwWidgets;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.rw-i-caret-down:before {
  content: '\e803';
}
.rw-i-caret-up:before {
  content: '\e800';
}
.rw-i-chevron-left:before {
  content: '\f104';
}
.rw-i-chevron-right:before {
  content: '\f105';
}
.rw-i-clock-o:before {
  content: '\e805';
}
.rw-i-calendar:before {
  content: '\e804';
}
.rw-i-search:before {
  content: '\e801';
}
.rw-btn {
  position: relative;
  color: #394242;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  cursor: pointer;
  outline: none;
}
.rw-state-readonly .rw-btn,
.rw-state-disabled .rw-btn {
  cursor: not-allowed;
}
.rw-btn-select {
  opacity: 0.75;
  transition: opacity 150ms ease-in;
}
.rw-btn-select:hover,
.rw-state-focus .rw-btn-select,
:hover > .rw-btn-select {
  opacity: 1;
}
.rw-btn-primary {
  width: 100%;
  white-space: normal;
  line-height: 2em;
}
.rw-btn-primary:hover {
  background-color: #fff;
}
.rw-btn-select[disabled],
.rw-btn-primary[disabled],
fieldset[disabled] .rw-btn-select,
fieldset[disabled] .rw-btn-primary {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}
/* for debugging */
@keyframes react-widgets-autofill-start {
  from {
    /**/
  }
  to {
    /**/
  }
}
@keyframes react-widgets-autofill-cancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
.rw-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.rw-widget {
  background-clip: border-box;
  border: none;
  color: #394242;
  font-size: 1.2em;
  font-family: inherit;
  outline: none;
  position: relative;
}
.rw-widget,
.rw-widget * {
  box-sizing: border-box;
}
.rw-widget:before,
.rw-widget *:before,
.rw-widget:after,
.rw-widget *:after {
  box-sizing: border-box;
}
.rw-widget > .rw-widget-container {
  width: 100%;
  margin: 0;
}
.rw-widget-container {
  background-color: #fff;
  border: transparent 1px solid;
  border-radius: 4px;
}
.rw-widget-container.rw-state-focus,
.rw-state-focus > .rw-widget-container,
.rw-widget-container.rw-state-focus:hover,
.rw-state-focus > .rw-widget-container:hover {
  background-color: transparent;
  border-color: #3ec0ad;
  box-shadow: none;
}
.rw-widget-container.rw-state-readonly,
.rw-state-readonly > .rw-widget-container {
  cursor: not-allowed;
}
.rw-widget-container.rw-state-disabled,
.rw-state-disabled > .rw-widget-container,
fieldset[disabled] .rw-widget-container,
.rw-widget-container.rw-state-disabled:hover,
.rw-state-disabled > .rw-widget-container:hover,
fieldset[disabled] .rw-widget-container:hover,
.rw-widget-container.rw-state-disabled:active,
.rw-state-disabled > .rw-widget-container:active,
fieldset[disabled] .rw-widget-container:active {
  box-shadow: none;
  cursor: not-allowed;
}
.rw-widget-picker {
  position: relative;
  overflow: hidden;
  border-collapse: separate;
  display: inline-table;
  height: 2.2em;
}
.rw-widget-picker > * {
  position: relative;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  display: table-cell;
}
.rw-widget-picker > .rw-select {
  width: 1%;
  white-space: nowrap;
}
.rw-open > .rw-widget-picker {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rw-open-up > .rw-widget-picker {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
fieldset[disabled] .rw-widget-picker,
.rw-state-disabled > .rw-widget-picker {
  background-color: #ffffff;
}
.rw-multiselect > .rw-widget-picker {
  height: auto;
}
.rw-select {
  cursor: pointer;
}
.rw-select > * {
  width: 1.9em;
  height: 100%;
}
.rw-state-readonly .rw-select,
.rw-state-disabled .rw-select {
  cursor: not-allowed;
}
.rw-select-bordered {
  cursor: pointer;
  border: none;
  border-left: transparent 1px solid;
}
.rw-select-bordered:hover,
.rw-select-bordered:active {
  background-color: #fff;
}
.rw-select-bordered:active {
  box-shadow: none;
}
.rw-state-disabled .rw-select-bordered,
.rw-state-readonly .rw-select-bordered,
fieldset[disabled] .rw-select-bordered,
.rw-state-disabled .rw-select-bordered:hover,
.rw-state-readonly .rw-select-bordered:hover,
fieldset[disabled] .rw-select-bordered:hover,
.rw-state-disabled .rw-select-bordered:active,
.rw-state-readonly .rw-select-bordered:active,
fieldset[disabled] .rw-select-bordered:active {
  cursor: not-allowed;
  background-color: inherit;
  background-image: none;
  box-shadow: none;
}
.rw-rtl .rw-select-bordered {
  border-right: transparent 1px solid;
  border-left: none;
}
.rw-rtl {
  direction: rtl;
}
.rw-input-reset,
.rw-input,
.rw-dropdown-list-autofill,
.rw-filter-input {
  outline: 0;
}
.rw-input-reset::-moz-placeholder {
  color: #b2b8b8;
  opacity: 1;
}
.rw-input-reset:-ms-input-placeholder {
  color: #b2b8b8;
}
.rw-input-reset::-webkit-input-placeholder {
  color: #b2b8b8;
}
.rw-input,
.rw-dropdown-list-autofill,
.rw-filter-input {
  color: #8b9b9b;
  padding: 0 0.7em;
  background-color: #fff;
}
.rw-input[type="text"]::-ms-clear {
  display: none;
}
.rw-input[disabled],
fieldset[disabled] .rw-input {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  background-color: #ffffff;
  border-color: transparent;
}
.rw-input[readonly] {
  cursor: not-allowed;
}
.rw-i.rw-loading {
  display: block;
  background: url(data:image/png;base64,R0lGODlhEAAQAPIAAP///zMzM87OzmdnZzMzM4GBgZqamqenpyH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==) no-repeat center;
  min-width: 16px;
  width: 1.9em;
  height: 16px;
}
.rw-i.rw-loading:before {
  content: "";
}
.rw-placeholder {
  color: #b2b8b8;
}
.rw-detect-autofill:-webkit-autofill {
  animation-name: react-widgets-autofill-start;
  transition: background-color 50000s ease-in-out 0s;
}
.rw-detect-autofill:not(:-webkit-autofill) {
  animation-name: react-widgets-autofill-cancel;
}
.rw-webkit-autofill .rw-widget-container,
.rw-input:-webkit-autofill {
  background-color: #faffbd !important;
  background-image: none !important;
  color: #000000 !important;
}
.rw-widget-input,
.rw-filter-input {
  box-shadow: none;
}
.rw-widget-input.rw-state-focus {
  box-shadow: none, none;
}
.rw-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.2em;
  outline: 0;
  overflow: auto;
  max-height: 200px;
}
.rw-list-option {
  user-select: none;
  color: #394242;
  cursor: pointer;
  border: 1px solid transparent;
}
.rw-list-option.rw-state-focus,
.rw-list-option.rw-state-focus:hover {
  background-color: #fff;
  border-color: #3ec0ad;
  color: #394242;
}
.rw-list-option:hover,
.rw-list-option:hover.rw-state-focus {
  background-color: #fff;
  border-color: #fff;
  color: #394242;
}
.rw-list-option.rw-state-selected,
.rw-list-option.rw-state-selected:hover {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #2b8679;
}
fieldset[disabled] .rw-list-option,
.rw-list-option.rw-state-disabled,
.rw-list-option.rw-state-readonly {
  box-shadow: none;
  cursor: not-allowed;
  color: #9daaaa;
  opacity: 0.7;
}
fieldset[disabled] .rw-list-option:hover,
.rw-list-option.rw-state-disabled:hover,
.rw-list-option.rw-state-readonly:hover {
  background: none;
  border-color: transparent;
}
.rw-list-empty,
.rw-list-option,
.rw-list-optgroup {
  padding: 0.143em 0.75em;
  outline: 0;
}
.rw-list-optgroup {
  font-weight: bold;
  padding-top: 7px;
}
.rw-list-option-create {
  border-top: 1px transparent solid;
}
.rw-dropdown-list-autofill {
  padding: 0;
}
.rw-dropdown-list-input {
  background-color: transparent;
  vertical-align: middle;
  padding-right: 0;
  /* ellipsis */
  max-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.rw-rtl .rw-dropdown-list-input {
  padding-right: 0.7em;
  padding-left: 0;
}
.rw-filter-input {
  position: relative;
  margin: 4px;
  padding-right: 0;
}
.rw-filter-input .rw-rtl {
  padding-right: 0.7em;
  padding-left: 0;
}
.rw-filter-input .rw-select,
.rw-filter-input .rw-btn {
  opacity: 0.75;
  cursor: text;
}
.rw-filter-input > .rw-select,
.rw-filter-input > .rw-select:active,
.rw-filter-input > .rw-select:hover {
  background: none;
  cursor: initial;
  box-shadow: none;
}
.rw-number-picker .rw-btn {
  cursor: pointer;
  height: calc(1.1em - 1px);
  /** ie8 fallback **/
  margin-top: -1px\9;
  height: 1.1em\9;
  /** --- **/
  line-height: 1.1em;
  line-height: calc(1.1em - 1px);
  display: block;
  border: none;
}
.rw-number-picker .rw-btn:hover,
.rw-number-picker .rw-btn:active {
  background-color: #fff;
}
.rw-number-picker .rw-btn:active {
  box-shadow: none;
}
.rw-state-disabled .rw-number-picker .rw-btn,
.rw-state-readonly .rw-number-picker .rw-btn,
fieldset[disabled] .rw-number-picker .rw-btn,
.rw-state-disabled .rw-number-picker .rw-btn:hover,
.rw-state-readonly .rw-number-picker .rw-btn:hover,
fieldset[disabled] .rw-number-picker .rw-btn:hover,
.rw-state-disabled .rw-number-picker .rw-btn:active,
.rw-state-readonly .rw-number-picker .rw-btn:active,
fieldset[disabled] .rw-number-picker .rw-btn:active {
  cursor: not-allowed;
  background-color: inherit;
  background-image: none;
  box-shadow: none;
}
.rw-number-picker .rw-select {
  vertical-align: middle;
}
.rw-number-picker .rw-select,
.rw-number-picker .rw-select:hover,
.rw-number-picker .rw-select:active {
  box-shadow: none;
}
.rw-calendar-popup {
  right: auto;
  min-width: 0;
  width: 18em;
}
.rw-calendar {
  border-radius: 4px;
  background-color: #fff;
  border: transparent 1px solid;
  overflow: hidden;
}
.rw-calendar.rw-popup {
  border-color: transparent;
}
.rw-calendar-now {
  font-weight: bold;
}
.rw-calendar-btn-left,
.rw-calendar-btn-right {
  width: 12.5%;
}
.rw-calendar-btn-view {
  width: 75%;
}
.rw-calendar-footer {
  border-top: 1px solid transparent;
}
.rw-calendar-grid {
  outline: none;
  height: 14.28571429em;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background-color: #fff;
}
.rw-head-cell {
  text-align: center;
  border-bottom: 1px solid transparent;
  padding: 0.6em;
}
.rw-cell {
  color: #394242;
  border-radius: 50px;
  cursor: pointer;
  line-height: normal;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.6em;
}
.rw-cell:hover {
  background-color: #fff;
  border-color: #fff;
  color: #394242;
}
.rw-cell.rw-state-focus,
.rw-cell.rw-state-focus:hover {
  background-color: #fff;
  border-color: #3ec0ad;
  color: #394242;
}
.rw-cell.rw-state-selected,
.rw-cell.rw-state-selected:hover {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #2b8679;
}
.rw-cell.rw-state-disabled {
  color: #9daaaa;
  opacity: 0.7;
}
.rw-cell.rw-state-disabled:hover {
  background: none;
  border-color: transparent;
}
.rw-calendar-month .rw-cell {
  text-align: center;
}
.rw-cell-off-range {
  color: #9daaaa;
}
.rw-calendar-transition-group {
  position: relative;
}
.rw-calendar-transition {
  transition: transform 300ms;
  overflow: hidden;
}
.rw-calendar-transition-top {
  transform: translateY(-100%);
}
.rw-calendar-transition-bottom {
  transform: translateY(100%);
}
.rw-calendar-transition-right {
  transform: translateX(-100%);
}
.rw-calendar-transition-left {
  transform: translateX(100%);
}
.rw-calendar-transition-entering.rw-calendar-transition-top,
.rw-calendar-transition-entered.rw-calendar-transition-top,
.rw-calendar-transition-entering.rw-calendar-transition-bottom,
.rw-calendar-transition-entered.rw-calendar-transition-bottom {
  transform: translateY(0);
}
.rw-calendar-transition-entering.rw-calendar-transition-right,
.rw-calendar-transition-entered.rw-calendar-transition-right,
.rw-calendar-transition-entering.rw-calendar-transition-left,
.rw-calendar-transition-entered.rw-calendar-transition-left {
  transform: translateX(0);
}
.rw-calendar-transition-exiting.rw-calendar-transition-top {
  transform: translateY(100%);
}
.rw-calendar-transition-exiting.rw-calendar-transition-bottom {
  transform: translateY(-100%);
}
.rw-calendar-transition-exiting.rw-calendar-transition-right {
  transform: translateX(100%);
}
.rw-calendar-transition-exiting.rw-calendar-transition-left {
  transform: translateX(-100%);
}
.rw-select-list {
  overflow: auto;
  position: relative;
}
.rw-select-list .rw-list {
  max-height: none;
  font-size: 1.2em;
}
.rw-select-list-label {
  display: block;
  position: relative;
  font-weight: normal;
  cursor: inherit;
  padding-left: 20px;
  margin: 0;
}
.rw-rtl .rw-select-list-label {
  padding-left: 0;
  padding-right: 20px;
}
input.rw-select-list-input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  top: 0.1em\9;
  margin: 0;
  line-height: normal;
  cursor: inherit;
}
.rw-rtl input.rw-select-list-input {
  left: auto;
  right: 0;
}
.rw-loading-mask {
  content: '';
  background: url(data:image/png;base64,R0lGODlhIAAgAOMAAAQCBKyqrBweHAwODPz6/Ly+vCwqLBQWFP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQIBgAAACwAAAAAIAAgAAAEMBDJSau9OOvNu/9gKI5kaZ5oqq5s675wLM90bd94rl+FcAQsAwAwIKyERKOq9/NEAAAh+QQIBgAAACwAAAAAIAAgAIMEAgSEgoTs6uxMSkykpqQ0MjT09vRsbmwcGhyMjoxUVlSsrqz8/vz///8AAAAAAAAENLDJSau9OOvNu/9gKI5kaZ5oqq5s675wLM90TRnEwrADABwrgw+AYBV8CpYgkDDYntDoKgIAIfkECAYAAAAsAAAAACAAIACDBAIEjIqMzMrMNDI07OrsHBoc/Pr8BAYEnJqc1NLUREJEHB4c/P78////AAAAAAAABDOwyUmrvTjrzbv/YCiOZGmeaKqubOt+iaII7AAABbMW92GsiFugRSC8jsikcslsOp/QUAQAIfkECAYAAAAsAAAAACAAIACEBAIEjIqMREJEzMrMZGZkLC4stLa05ObkFBIUfH58nJ6cbG5s/P78BAYEVFZU3N7cbGpsxMLE7OrsFBYUpKKk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUdgJY5kaZ5oqq5s675wLM90bd94rleHgCS7CgRAjOwIRIBR9yg0IEERI0qtWq/YrHbL7eYeAUNQMiFSdoakY3dAEBVBsFgVAgAh+QQIBgAAACwAAAAAIAAgAIQEAgSEhoTU1tRERkTs7uwsKiysqqzk4uR0cnT8+vw0MjQMDgyUlpRUVlTs6uwEBgTc3tz08vQsLiy8vrzk5uR8enz8/vw0NjScnpxcXlz///8AAAAAAAAAAAAAAAAAAAAFTKAmjmRpnmiqrmzrvnAszzRsXA1Vm9QDAJldSfADDISlDGAxQZYOBKd0Sq1ar9isdsvtek+WigSRmBqKmCmjGJgSJICCbmqBlL/4UwgAIfkECAYAAAAsAAAAACAAIACEBAIEpKKkTE5M3N7cbGpsNDY07O7sDAoMxMLEXF5c5ObkdHJ0VFJU5OLkbG5sPDo89PL0DA4MzMrM////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUbgJI5kaZ5oqq5s675wrCrO0sjqAwAFnh47gA9F2BGGKAQCyWw6n9CodErFSQZSwS4AHQR7T0hkl4giGA5Ddc1uu9/wODUEACH5BAgGAAAALAAAAAAgACAAhQQCBIyKjMTGxDw+PCQiJKyqrOTm5BQWFLy6vGxqbPT29AwKDNze3CwuLJSSlLSytMTCxHR2dPz+/DQ2NAQGBMzKzExOTKyurOzu7BwaHLy+vGxubPz6/AwODOTi5DQyNJSWlP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZiwJBwSCwaj8ikcslsKjEajNPJyAAOnikzAOgGtMtLF3ABL0EWkHnNbrvf8Lh8LYDMhZFu4r7oUu4DXR93BhsJWXeJiouMjY6PbBUTDQh3DV0HHHNWABSacgULFA6JCgqQREEAIfkECAYAAAAsAAAAACAAIACEBAIEhIKExMLEREJE5ObkLCostLK01NLUZGJkFBIUdHZ0lJaU9PL0DA4MzM7M3NrcbGps/Pr8BAYEjIqMxMbENDI0vLq8HBocfHp8nJ6c9Pb03N7cbG5s////AAAAAAAABVlgJ45kaZ5oqq5kNEEOK48KACTMLA82EOurjK0SAbIchpxxyWw6nx3HYgMtCWwNalVUsy22IkPvAA4rKOW0es1uu9/wuHxeVHMAhUeZ0kOUHX1pGBcDBHMyIQAh+QQIBgAAACwAAAAAIAAgAIQEAgSMiozExsRMTkzk5uQsKiysqqxsbmz09vQMCgyUlpRUVlTs7uw8Pjy0trR0dnT8/vycnpwEBgTk4uRUUlTs6uw0MjT8+vwMDgycmpy8urx8enz///8AAAAAAAAAAAAFXCAnjmRpnihJCFfqpo4ENO1rjwOgC3f/6BJC74Z4UDTDpHLJ5FwigUoTddAVIFNTQQeYZEs/gKX2FUEMCkZ5zW673/C4fC5H5AaItoKr0PPbCBQJFHl0hoeIiYchACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTCxERCROTm5CwqLJyenNTS1GxqbPT29BQWFDw6POzu7KyurNza3Hx6fAwKDJyanMzKzFxeXDQyNPz+/BweHLS2tAQGBISGhMTGxExOTOzq7CwuLNTW1HRydPz6/BwaHDw+PPTy9LSytNze3Hx+fP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZ6wJNwSCwaj0hiArGIJJ/JAGAqgVqJiCmgce0eFIBFotsdeSrkY6URYaStj2kH/U52tI568jMtjPVHIBEZBICGh4iJiouMjY5GDRsmIIweWhmMF1oTjCN3GBqNCRocj4gMI44ZABgGjCAYUyGvYAAdjQILIgemvb6/QkEAIfkECAYAAAAsAAAAACAAIACEBAIEhIaExMbE5ObkREZEpKKk9Pb0HBoclJKU5OLkXFpczM7M7O7sJCYkjI6MTE5MrK6s/P78DA4MjIqMzMrM7OrsTEpM/Pr8HB4cnJqcZGZk1NLU9PL0LCostLK0////BW3gJ46kIXBkqq5qcgDHwM50ANwTravQDUA7mmFhGDkIjuDMBWhUlEHbLQnVFXyequ4SIOS04LB4TC6bxRuCZXEeNW6Ntkhyk8g/Dtz9M0js/4CBgoOEhYYfF093Ai8adw8+G3IKPn5tCQQdGVUhACH5BAgGAAAALAAAAAAgACAAhQQCBIyOjERCRMzKzCQiJGRiZOTm5LSytBQWFHRydNze3Pz6/AwKDJyenFRSVDw+PGxqbNTW1CwqLOzu7Ly+vFxaXAQGBJSWlMzOzCQmJGRmZOzq7BweHHx+fOTi5Pz+/AwODKSipFRWVGxubMTGxP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZywJJwSCwNRo2icskUehgAwKVJZR6igEq1utgMJ5zoYduMhB0f4aaBITcLWIqbPMK259WJIxPA+/+AgYKDgAMEIFOERA9YE4pDjFGOj0YECImUmZqbnJ2en6B/JAObGlEdmQtYCJoSUQ+aChoQBqG2t1VBACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5CQiJJyanGRmZNTS1PTy9BQSFDQyNIyOjKSmpMzKzFxaXHx+fPz6/BwaHExOTOzq7CwqLKSipGxubNze3Dw+PJSWlAQGBISGhMTGxERGRJyenGxqbNTW1PT29BQWFDQ2NJSSlKyurMzOzPz+/BweHOzu7CwuLP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaPQJZwSGRFAh5LcclsChmAaMdJbV6igEaVShgUNMKTAlBJbJ0PLEao6kTOzgkWAT+fJIBDHR4R7f+ATARvgU0iAwApa4VLJlgXjEsdWBCRSwwrB2aWnJ2en6ChoqNDhEQCHyqFAhIbHEQaUQWmexlYFEOIUQ6Buhu4QhBRI5t/IQspBkQRGhCLpNDR0tPUTkEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKEzM7MREJEJCIk7OrsnJ6cFBIUNDI09Pb0lJKU3N7cbGpsrK6sDAoMjIqM1NbULC4s9PL0PDo8/P78dHZ0tLa0BAYEhIaE1NLUREZEJCYk7O7spKKkHB4c/Pr8nJqc5OLktLK0DA4MPD48fH58////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABo1Ak3BIFEI0CEtxyWwKSQCAI+GsCj8PhkAYiQI41molegA3HIBSuAqNbk0S8NppiEY+87mgQc03Pxl4flYLHgARcoNNAV4gik4KXkqPTB8VCA+UmpucnZ6foIB9nwUbAB4hoJFRAaANXgagJgETJRSyuLm6u7yaEhK4JRcODaASXhGgCWgAJLIWERoQYUEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKEREJExMLE5OLkJCIkZGZktLa09Pb0NDY0dHJ0FBIUVFJU1NLUnJ6c7OrsDAoMjIqMLCosbG5svL68/P78PD48fHp8XFpc3N7cBAYEhIaETE5MxMbE5ObkbGpsvLq8/Pr8PDo8dHZ0HBoc1NbU7O7sLC4sXF5c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABonAlHBIHDpIiUZxySx6OqHUQwMACJrY4oEqCnmqAFF2nOKAO6kNhIQmYxVVjUcYirqxiBEDdM+WlH1uG1UKgWQLcRWGWQlVBYtZGSgMJZCWl5iZmpspAwd2nAFVHJxCJGAPpQyOipwmIx8ZpbO0tba3uJAdFK2cI1UGsxBgoJoCVSezHhMTBLmLQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTExsRERkSkoqTk5uRkZmQcHhxUVlS0trT09vScnpwUFhSMiozc3txMTkysqqzs7ux0cnQMCgw0NjRcXly8vrz8/vx8enwEBgSEhoTMzsxMSkykpqTs6uwsKixcWly8urz8+vyMjozk4uRUUlSsrqz08vR0dnT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGicCUcEgciioTzqnIbBILqMCyA6hqnFji5VMtpajVQHZ8qgIOKQUIMIiMx5wq6j0WCQpChSlBzyooABkWfXQWZl6EYyQZcolvCSUoCo6UlZaXmEQnIw1umURxbJ9EE2ajQwhdp0IiHQsiq7Gys7S1toQJBgSxG2a7pwtmEqskDIECsQUQDrfNzoRBACH5BAgGAAAALAAAAAAgACAAhQQCBISGhERCRMTGxGRmZOTm5CQmJKSipPT29FRSVBQWFJSSlHR2dDQ2NLSytExKTOTi5Ozu7AwKDIyOjMzOzCwuLPz+/Hx+fLy6vAQGBIyKjERGRMzKzHRydOzq7CwqLKSmpPz6/FxeXBweHJyanHx6fDw6PLS2tExOTPTy9P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaIQJVwSCRCGpJOcckkWhgGUUpFAFgHzSzRYQVoqF2sVgvqllTHjHK8RFAQqtAGYCiwtZAR3SOM3McBXRN/dwddDoRsIQECg4mPkJGQCCUJGJJNHVYZdphFKGGeRScZAA0hokUFA6iprq+wsbKzHCYbFLF6AB+wFhJWCrEaViSyHnyzycrLzM2iQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsRERkTk5uRcXlwkIiSkoqTU0tT09vS0srRUUlRsamw0MjQUEhSMiozMzsxMTkzs7uwsKiysrqzc3tz8/vy8vrx0cnQMDgzExsRMSkzs6uxkYmQkJiSkpqTU1tT8+vy0trRUVlRsbmw8OjwcHhyMjoz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiUCUcEhMVIYCj0dBbDqfGgcgYkEZAABH9cltLrAADcqEzYS63BBHyAAfKY7MAf0EkRcWTqH0GYa2dE0dYBeBhkIkYBCHhhILHg+MkpOUlUMWDAYFCZZPFGAnnU4HYAGiTQkDABNrp6iusLGys7MIERsIsx5YHrMZZbMPWJGzBAS0yMnKy8zNzq5BACH5BAgGAAAALAAAAAAgACAAhQQCBISChExKTMTGxCQiJGRmZKyqrOTm5BQSFFxaXPT29JyanDw6PHR2dLS2tFRSVNze3AwKDIyKjCwqLOzu7BwaHPz+/Hx+fLy+vISGhExOTNTS1GxqbKyurOzq7GRiZPz6/JyenDw+PHx6fLy6vFRWVOTi5AwODCwuLBweHP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaNQJVwSAR1HCBhaCIwEZ/QaAkAKKhMVEAiyoWCsifVJivociENiULFoJZVHwBiYPYSqB/V4XKhDClJdU9YVBOCh0NtAAGIiAoGGI11IBaShwsRJwaWZiARVCmcXRYnhaJdDhModKetrq+wsaIUDwQXskIjWayxHFkOuBApABqBshZ+uMrLzM3Oz9DR0s9BACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTGxERCRKSipOTm5CQiJNTW1GxqbLSytBQWFJSWlPT29DQyNMzOzFRWVKyqrAwKDIyKjOzu7CwuLNze3HR2dLy6vBweHJyenPz+/Dw6PMzKzExKTKSmpOzq7CQmJGxubLS2tBwaHJyanPz6/DQ2NNTS1FxaXKyurAwODIyOjOTi5P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaPwJZwSGxxQpmhZCApOp9EVgQAWLQ8VAAEym0xhIksqhXIrrrOTwPQYUww1FSrAMcU0MUyldD6ZBxDDCdfeEQSWVuFhQwPIwgail0lJyWRhRVwFBOWaHoAJJxdC1kioVwlFiZNpqytrqeEr0QeERGgskMjVBGQuC0gVAq+QgIUFBfDycrLzM3Oz9DR0tPUkUEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKEzMrMPD487O7sLCosnJqcXF5c3N7cFBIUjI6MVFZU/Pr8NDY0pKakbG5s1NLUDAoMREZE9Pb0NDI0pKKklJaUdHZ0BAYEhIaEzM7M9PL0LC4snJ6cZGZk5OLkFBYUlJKUXFpc/P78PDo8rK6sdHJ01NbUTEpM////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABozAlHBITDECkopwonhAitAoUQGoClKmKmgjlU4MlknqUQU4UqTyswtdVFEpTQJQ4HaqFAYbGikLCQJiQgIlgntEbgBwh4cnTxMWYYx7GVUmk5NzABgjmIcNVQWehwgHCyejqaqrowJXrFFZAJewRRhVGLVFoAAUukQIHh4Iv8XGx8jJysvMzc7P0NHOQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsRERkTk5uQkIiSkoqRkZmT09vQ0MjS0srSUkpTU0tQcHhxUVlTs7uwsKix8fnwMCgysrqxsbmz8/vw8Pjy8urycmpzc3tyMjozMysxMTkzs6uwkJiSkpqRsamz8+vw0NjS0trSUlpTU1tRkYmT08vQsLiwMDgz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjkCVcEgUlgaJ0bBzORWfUKIFAJAgVBsJoPCIRgMFhxNCBXRB5Y/3KShHVBPtW7Uob9ZFRZkiPHWFIRoOE3hFIRwAHhmFeAgHEHMPIYx4dVQKlIwRZRiZhQQeABZOnnghBKWpqoYkGn+rTyZUIrBQDWWvtUIHVBa6RRUGJKS/xcbHyMnKy8zNzs/Q0dLTQkEAIfkECAYAAAAsAAAAACAAIACFBAIEjIqMREJExMbELCos5ObkrKqsbG5sNDY09Pb0HBoclJaUDAoMTE5M5OLkNDI07O7stLa0dHZ0PD48/P78nJ6cBAYE1NLULC4s7OrsPDo8/Pr8nJqcVFJUvLq8fHp8////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpFAkHBIHFYUiEtxySwWBhtQxgIACIQUCeYQbS4jVM2mUAVohIYyx7tslAeggEUBBy3KAXZRUrUUhBsUQxAPAAQZehALBhsJEh0ebAVdXhSFABJ6mkQOZQSboBsEVQegoAUBHJSmrK1LCR+Qrmx8AH6zTW5VdbhFYAAIq71DT8LDx8jJysvMzc7P0NHS09TV1slBACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTGxERCRGRmZOTm5KSipBweHFRWVPT29JSSlHR2dLS2tBQWFNze3ExKTOzu7CwqLAwKDIyOjNTS1GxubKyqrFxeXPz+/AQGBISGhMzKzERGRGxqbOzq7CQiJFxaXPz6/JyanHx6fLy6vExOTPTy9DQyNKyurP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaLwJRwSByGLpKHqchsEguLwNICqGqGJobD2cREqoiUoQoICCEHQEbALZrIh1QCkeFAhNQqoS0MCR9VC04UZAptDl97ISgMbQwXExhtBGRsfJdDHZWYnAUDDYKcoqN8GB0fIAmkbShkE6tcImRmsE0JHAARHrVcqry/wMHCw8TFxsfIycrLzM3Oz9BCQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsRMSkwkIiTk4uSkoqR0cnQ0MjQUEhSUkpTU0tT08vRUVlSMiowsKiy0trT8+vwMCgzMysx8fnw8OjwcGhzc2txcXlwEBgSEhoRMTkwkJiTk5uSkpqR0dnQUFhScmpzU1tT09vRcWlyMjowsLiy8vrz8/vzMzsw8Pjz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjsCVcEgslhImUXHJHKI+HNJoVQBYN80sEWIFOFaX7mAIaQQiWqKnSxFSMoSUMGzVaC8fRWQ0AHA6TVxWJFkjIFYHQgxaDA8AGQJZC10VaUMjJwVaESZWCpagQwwGJ6GWIgclaKZpDAlWH6xpKV0qspudAJ+3WQweE7zBwsPExcbHyMnKy8zNzs/Q0dLTz0EAIfkECAYAAAAsAAAAACAAIACFBAIEjI6MzMrMTE5M5ObkJCIktLa0bGpsnJ6cDA4M3N7cXF5c9Pb0PDo81NLUpKakDAoMlJaUVFZU7O7sLCosxMbEfH58FBYUZGZk/P78BAYElJKUzM7MVFJU7OrsJCYkvL68dHJ0pKKkFBIU5OLkZGJk/Pr8PD481NbUrKqs////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABo5AlXBIZCiInFNDQGw6nZURYJARfgCAwnPr7GABFaEUkOBuTR4h5ntUbQCaDVGRInBRBUAnM1k0HkQTaUMVEAAXdk8LXyBmRCFfCFuQWByOQyJfTE8eAx8Bl0QiGAZPDmGhqSoWWBiqoRdfDK+OJ1gftI4kGCVtub/AwcLDxMXGx8jJysvMzc7P0NHS005BACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTCxERCROTi5GRiZCQiJKyqrPTy9HRydJSWlNTS1DQ2NBQSFFRSVIyKjOzq7GxqbLS2tPz6/MzKzCwqLHx+fNze3Dw+PBwaHFxaXAQGBISGhExKTOTm5GRmZKyurPT29HR2dJyenNTW1Dw6PBQWFFRWVIyOjOzu7GxubLy+vPz+/MzOzCwuLP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaNwJdwSJyAJJPh5KFaEJ9Q6AkA+AwTVBMiyi1SAY1h6evsPi+ix5ZBHQxHVEbSrDRQCy+IxZIiUkBbdEMEXxWCRC0OGhdcYwABh0ITGVQYXCEHK5FCKV8ZRB4DDSKbTypUCkRYVAKlRAuMRBFfmq5dBC5VLLZ0u7y/wMHCw8TFxsfIycrLzM3Oz9DR0sVBACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTCxDw+POTi5KSmpBweHFxaXJSSlNTS1PTy9BQWFExOTLSytMzKzCwuLGxqbJyanPz6/AwKDIyKjERGROzq7KyurNze3AQGBMTGxKyqrCQiJFxeXJSWlNTW1PT29BwaHFRWVLy6vMzOzDQ2NHRydJyenPz+/IyOjExKTOzu7P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJZwSGQpTAcS0TJSFJ/Q4QEAWICEjgyAs4pGr8IHFUAQQsYFb9FSAqiuESpjiBgr1cMAWvgRSIYoFCIbeEQUY4SFikYiIRAoi2oaEB6QkUQfJSEnQxgTVCmXRBVUGV0sDWMHokMDY2UsKwZUI6xCAgsZFEQrGx+2RH/Aw8TFxsfIycrLzM3Oz9DR0tPU1daFQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsRMSkzk4uRsamwkIiSsrqzU0tRUVlQMDgyUlpT09vR0dnQ8Ojy8urwMCgzMzsxUUlQsKizc3txcXlycnpz8/vwEBgSEhoTExsRMTkzs7uxsbmwkJiS0trTU1tRcWlwUEhScmpz8+vx8eny8vrz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGi8CTcEgUciSGUnHJbApLgKiAGFlQnEXGaMEQFqKAz/ARVRCww0R0IKQYABvSsAO2oIUQ8JDBKR6iGCB3JxJraB8NEWggCCcMC1yDaBlRDZKSIoAXl3cOUR6cdxQVCYKhRRybp04khQZXq0wfYAWxTBpglrZLJQYbfbvBwsPExcbHyMnKy8zNzs/Qy0EAIfkECAYAAAAsAAAAACAAIACFBAIEhIKEREZExMLEJCIkZGZk5OLkpKKk9PL0VFZUFBIUNDY0tLK0DAoMTE5MfHp87Ors/Pr8lJKULCosXF5cvL68BAYEhIaETEpM3N7cJCYkbG5s5ObkrKqs9Pb0XFpcHB4cPD48tLa0DA4MVFJUfH587O7s/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpFAlHBIHEYoDQyiyGw6UR2A9PKsCgOExBJ1kAICxUwlYkVVvA+hJ2ERmIiiBmDhsTK8GyvJO7BGHAAaGVYPUhYGTR4FEyVCJmRWHg8kFU4SXgxlmkIlXgebmgYaACFboFYnHKerrK2ur7CxskMMIBOVsygnClIEuSgRI1Igv1wjCpnFESfFzc7P0NHS09TV1rBBACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTCxERCRCQiJKSipOTi5BQSFJSWlGxubPTy9DQyNLSytIyKjNTS1ExOTAwKDCwqLOzq7BweHPz6/Ly6vNze3AQGBISGhExKTKyqrBQWFJyenHR2dDw6PLS2tIyOjNTW1FRWVCwuLOzu7Pz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaPQJNwSCyCDqNQcckcWhqfoQFAfTSvQ9KGyhFaqIAMFlsBi4aBy8QxvkoO3LZgMWAvSQhNyWTBMNoUWwALSyULVB1tRBQXVBNLX1QRikQYABddRSUEVAmURBIKTRIYHBSfqKmqq6ytrq+wsbKztLW2t7hjFBwNErQJVAR7shFgFrMdVCPDsSUaCCS50tPUsUEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMLEREJELCos5OLkpKKkFBIUZGZk1NLUtLK0dHZ0DAoM/Pr8vLq8zMrMPD48HB4cbG5s3NrcBAYEjI6MxMbETEpMLC4s5ObkrKqsFBYUbGpstLa0fHp8DA4M/P78vL683N7c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoPAkXBILAoLHEnGyGRWDoQEkQAAQJpYYaYKGAxBlOoniy1wvUNJdUEuNoaVD0ZKtDzaQxEVge+PEFwCfm0cXBaDQw4BdEMZEAceiEIKVQwikliAVQaYTR1il51MAhUToqeoqaqrrK2ur7CxsrO0tba0IREbGq1UAAxvq77ArA4RB7x4QQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsRERkQkIiTs6uykoqRsamwUEhTU0tQ0MjT09vSsrqx0dnSUkpTMyswsKiwMCgxUVlT08vSsqqx0cnQcGhz8/vyMjozExsRMSkwkJiTs7uykpqRsbmwUFhTc2tw8Ojz8+vy0trR8fnycmpzMzswsLiwMDgz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjsCUcEgUMUYi4jCpbDpTEgDgoBx9IqWnNiWSAlDKjZe5bSqkA+VJilqUU6CGg1kgBTjKzMnCeC8+UhVvg0IJXiGEgyJrAA6JgxMGAo+UlZaXmE0JHhhkmUIcCFIkn0QPXmmlQgsQUgaqQxMdJrC1tre4uaoLHQwXthpSVLALXh+2ZwAStnUYbrrQ0dLThEEAIfkECAYAAAAsAAAAACAAIACFBAIEjIqMREJExMbE5ObkJCIkZGZkrKqsFBYU1NbU9Pb0NDI0fHp8DAoMnJqczM7M7O7sbG5svLq8XFpcLCosHB4c3N7c/P78PD48BAYElJaUTE5MzMrM7OrsbGpstLK0HBoc/Pr8NDY0fH58DA4MpKak1NLU9PL0dHJ0xMLELC4s5OLk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABopAlnBIZJ1Qk0dxyWwKJwAAQrEMnZxYVRSwKh4aGQ1WSNAMho7oZlmJZkJYCCJ6GCZS8KJWmm9+thNjLAMiKhJjKw1RDoKNQyYoJY6TlJWWl5iZmpucnY4mAhgcnkILUSAXpCBufZxpAAGkQh0EnBYGHrWkFFEYpApbCLIGUSOyg0rHysvMzc7PzUEAIfkECAYAAAAsAAAAACAAIACFBAIEjIqMxMbEREJE5ObkrKqsLC4sZGZk9Pb0vL68dHZ0DA4MnJqc1NbU7O7stLK0PD48bG5s1NLUTE5MNDY0/P78FBYUpKKkBAYElJaUzMrM7OrsrK6sNDI0bGps/Pr8xMLEfH58FBIUnJ6c3N7c9PL0tLa0dHJ0VFZU////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABoXAlHBIHBIgi1NxyWwKPYAoyElNfSQlIlRabSIMAFHDSAEcus1CFOBBCzkBklOwDrgzUYvDyYCcEG4TawluaHgAeoVoDwEEio+QjwQDIiGRTlsAApdMB2tTnEUkBhhtoUwfp6qrrK2ur7CxsrO0taEkASauGxZRF60mayitBCJRI664D1VBACH5BAgGAAAALAAAAAAgACAAhQQCBISChERCRMTCxKSmpGRiZCQiJOTi5PTy9HRydDQyNJSWlLy6vFRWVBweHKyurCwqLOzq7Pz6/Hx6fAwODIyOjExOTNTW1GxqbDw6PJyenAQGBISGhERGRKyqrCQmJOTm5PT29HR2dDQ2NJyanLy+vFxeXLSytCwuLOzu7Pz+/Hx+fNze3GxubP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaNQJdwSCxKMI5CqMhsOl0EgHTxrAYMDQRxIQVUqs5Sd0IMCQCjFLh56raY2nVTYgF8WPK8MCXRPz0jDSB+cEQgG1ImhEMhdRAHQhddAotCD10iQyYAFAyVLgxdAUQHap8uIg5Zp6ytrq+wsbKztLW2t7i5QioTKAl9sB5dJLFcUhyxKSh2EbIqLMC60mtBACH5BAgGAAAALAAAAAAgACAAhQQCBIyKjERGRMTGxOTi5FxeXCQmJLSytPTy9AwODGxqbFRSVNTW1Ozq7MTCxJyenDQ2NLy6vBQWFHRydAwKDExOTMzKzOTm5GRmZLS2tPz6/BQSFGxubFRWVNze3Ozu7KSipDw6PP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaCQJFwSCwOPYGDcWlEZoyNBADwYFo/kmmVeJgCOlZmxLsoXjba8LKBpjYDT7XwwpkQREilXB2aQvaAIhRegXsKUwqFew4Rio6PkJGSk5SVlgx3lkIYaZYfXgZCFh6TGm0CIhVTIJMDFQUEHl5/lghSAAWaIgMLHB+6wMHCw8TFxseaQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEhoTExsRMTkwkIiSsqqzk5uRsamy8urwUFhQ0MjSUkpTc2tz09vR0dnQMCgy0srQsLizEwsQ8Pjycmpzk4uT8/vx8fnwEBgSMiozMysxkYmQkJiSsrqzs7uxsbmy8vrwcGhw0NjSUlpTc3tz8+vx8enwMDgy0trT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjcCUcEhsQBjEpHKpLEUAgA5zSpVAAYNlyaEwWagpD8iTMjygpuXoWqCSQoBEJSXZBBrLwHVBzVwDYGUcABFkUx1XUoElJCWBIwMjgZOUlZaXmJmam5ydSwISnkkOUAeiQ2cAGKdCE1AKrGUfB3Oxtre4ubq7vJoaIhEIsU9xjqdwqsaiBQ8YfLENeL1DQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsREQkTk4uQkIiSsqqxkYmT08vQUEhTU0tR0cnSUlpQMCgzs6uw0MjS8uryMiozMzsxUUlRsamz8+vzc2tx8enwEBgSEhoTExsRERkTk5uQsKiy0srT09vQcGhx0dnScnpwMDgzs7uw8Pjy8vrxsbmzc3tz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGicCUcEgUQkoTVHHJbKY+IwBg46wOKxGKJOWQAjpW60KaIKVOAIwnXC15tymCuUqoVEXShz38GQBASk4SBh9sKQZeIYZsEF4Zi2wBHQeFkJZCEgyBl00CUiObnEUhXgyiTB5eCqeoIRqssLGys7S1tre4ubq7s3u1aB0WtBpeB7QSxbUXICUcvJBBACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTGxERCRCQiJKSmpOTm5GxubBQWFDQyNLS2tPT29JSWlAwKDExOTCwqLNTW1KyurOzu7HR2dLy+vPz+/JyenFRWVAQGBIyKjCQmJKyqrOzq7BweHDw+PLy6vPz6/JyanAwODFRSVCwuLOTi5Hx6fP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaLwJNwSCRSOohCcckkGgSgoQYAaESbWKECA/Bcp9VrtumgAgTCD1I5xk6oGEN7LlxMRh+6fs/vL0EWGRx+WAdUDxWETA9mJYpLbwAkiY9EFQUMEpURJAMQlUQLDVQDoEMcZiSmQwFVCqtDEguwtLW2t30LZQ6zqwxmDLC/VMGrCyMNI724zM3Oz9BNQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsREQkTk4uQsKiycnpxkZmT08vTU0tQUFhQ8Ojx8enycmpzs6uysrqz8+vzc2twMCgyMjozMysxcXlw0MjR0cnQcHhy0trQEBgSEhoTExsRMTkzk5uQsLixsamz09vTU1tQcGhw8Pjx8fnzs7uy0srT8/vzc3tz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjkCVcEgsEjmnkHFZDIEWDeMEACAxr6oAFUApfrYp7PKwfRTJgJFSXEwoAIv1EBEAhdlGhAiFv6IeDSZ9fQxUH3yDYl9UEYliF1QFco5LEA0bHpSam5ydnp+goaKhDx0lEKIiWxuiGVsVoghfGhyjIRwOo6AmCLobABoGohAaVCPDbwAfowILJAm60dLTWEEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMbEREZE5ObkpKKkJCYk9Pb0lJKUZGZk5OLkHBocjIqMzM7MXFpc7O7sTE5MrK6sPDo8/P78DA4MhIaEzMrMTEpM7OrsLCos/Pr8nJqcfHp8HB4cjI6M1NLU9PL0tLK0////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABodAkXBIPAhAxKRyqVQsAAsCc0qtAK4MJoGDOFCTkSsgstQYrgnqoeEVegYepkJsmDoBBsx3KLlypgFicXsiIAVkUwViIYSNEwFwjZKTlJWWl5iZmh8DFw2aSWd4oEQUVxSkQx5YqUMECq2xsrO0tba3uJYaerECT2mtEGIfrQ5isKkKAxkbk0EAIfkECAYAAAAsAAAAACAAIACFBAIEjIqMREJExMbEZGJk5ObkJCIkrK6sdHJ0FBYUVFJU1NbU9Pb0nJ6cPD48DAoMbGpsLCosvL68XFpclJaUzM7M7O7stLa0fH583N7c/P78BAYEjI6MREZEzMrMZGZk7OrsJCYktLK0dHZ0HB4cVFZU/Pr8pKKkDA4MbG5sLC4sXF5c5OLk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABobAlnBIbHlSjaJyyRSyHgAApUlliqKASbVqAg0tpOhh21yEFRohqFEhNwlYiZucwrbnVYsiFMD7/yYHF2l/TR1RCIVMFlgkikwRUVoeBihTjy0FGAEMLQ5YFphFn1GhokOUCZenrK2ur7CxsrO0QwMesB9RGK4mWAmvkQAOrxkfEAW1ystuQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsREQkTk4uQkIiScmpxkZmTU0tT08vQUEhQ0MjSMjoykpqTMysxcWlx8fnz8+vwcGhxMTkzs6uwsKiykoqRsbmzc3tw8PjyUlpQEBgSEhoTExsRERkScnpxsamzU1tT09vQUFhQ0NjSUkpSsrqzMzsz8/vwcHhzs7uwsLiz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj0CWcEhkRQIeS3HJbAoZgGjHSW1eooBGlUoYFDTCkwJQSWydDyxGqOpEzs4JFgE/nySAQx0eEe3/gEwEb4FNIgMAKWuFSyZYF4xLHVgQkUsMKwdmlpydnp+goaKjQ4REAh8qhQISGxxEGlEFpnsZWBRDiFEOgbobuEIQUSObfyELKQZEERoQi6TQ0dLT1E5BACH5BAgGAAAALAAAAAAgACAAhQQCBISChMzOzERCRCQiJOzq7JyenBQSFDQyNPT29JSSlNze3GxqbKyurAwKDIyKjNTW1CwuLPTy9Dw6PPz+/HR2dLS2tAQGBISGhNTS1ERGRCQmJOzu7KSipBweHPz6/JyanOTi5LSytAwODDw+PHx+fP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaNQJNwSBRCNAhLcclsCkkAgCPhrAo/D4ZAGIkCONZqJXoANxyAUrgKjW5NEvDaaYhGPvO5oEHNNz8ZeH5WCx4AEXKDTQFeIIpOCl5Kj0wfFQgPlJqbnJ2en6CAfZ8FGwAeIaCRUQGgDV4GoCYBEyUUsri5uru8mhISuCUXDg2gEl4RoAloACSyFhEaEGFBACH5BAgGAAAALAAAAAAgACAAhQQCBISChERCRMTCxOTi5CQiJGRmZLS2tPT29DQ2NHRydBQSFFRSVNTS1JyenOzq7AwKDIyKjCwqLGxubLy+vPz+/Dw+PHx6fFxaXNze3AQGBISGhExOTMTGxOTm5GxqbLy6vPz6/Dw6PHR2dBwaHNTW1Ozu7CwuLFxeXP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaJwJRwSBw6SIlGccksejqh1EMDAAia2OKBKgp5qgBRdpzigDupDYSEJmMVVY1HGIq6sYgRA3TPlpR9bhtVCoFkC3EVhlkJVQWLWRkoDCWQlpeYmZqbKQMHdpwBVRycQiRgD6UMjoqcJiMfGaWztLW2t7iQHRStnCNVBrMQYKCaAlUnsx4TEwS5i0EAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMbEREZEpKKk5ObkZGZkHB4cVFZUtLa09Pb0nJ6cFBYUjIqM3N7cTE5MrKqs7O7sdHJ0DAoMNDY0XF5cvL68/P78fHp8BAYEhIaEzM7MTEpMpKak7OrsLCosXFpcvLq8/Pr8jI6M5OLkVFJUrK6s9PL0dHZ0////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABonAlHBIHIoqE86pyGwSC6jAsgOoapxY4uVTLaWo1UB2fKoCDikFCDCIjMecKuo9FgkKQoUpQc8qKAAZFn10FmZehGMkGXKJbwklKAqOlJWWl5hEJyMNbplEcWyfRBNmo0MIXadCIh0LIquxsrO0tbaECQYEsRtmu6cLZhKrJAyBArEFEA63zc6EQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEhoREQkTExsRkZmTk5uQkJiSkoqT09vRUUlQUFhSUkpR0dnQ0NjS0srRMSkzk4uTs7uwMCgyMjozMzswsLiz8/vx8fny8urwEBgSMioxERkTMysx0cnTs6uwsKiykpqT8+vxcXlwcHhycmpx8enw8Ojy0trRMTkz08vT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiECVcEgkQhqSTnHJJFoYBlFKRQBYB80s0WEFaKhdrFYL6pZUx4xyvERQEKrQBmAosLWQEd0jjNzHAV0Tf3cHXQ6EbCEBAoOJj5CRkAglCRiSTR1WGXaYRShhnkUnGQANIaJFBQOoqa6vsLGysxwmGxSxegAfsBYSVgqxGlYksh58s8nKy8zNokEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMLEREZE5ObkXF5cJCIkpKKk1NLU9Pb0tLK0VFJUbGpsNDI0FBIUjIqMzM7MTE5M7O7sLCosrK6s3N7c/P78vL68dHJ0DA4MxMbETEpM7OrsZGJkJCYkpKak1NbU/Pr8tLa0VFZUbG5sPDo8HB4cjI6M////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABolAlHBITFSGAo9HQWw6nxoHIGJBGQAAR/XJbS6wAA3KhM2EutwQR8gAHymOzAH9BJEXFk6h9BmGtnRNHWAXgYZCJGAQh4YSCx4PjJKTlJVDFgwGBQmWTxRgJ51OB2ABok0JAwATa6eorrCxsrOzCBEbCLMeWB6zGWWzD1iRswQEtMjJysvMzc6uQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoRMSkzExsQkIiRkZmSsqqzk5uQUEhRcWlz09vScmpw8Ojx0dnS0trRUUlTc3twMCgyMiowsKizs7uwcGhz8/vx8fny8vryEhoRMTkzU0tRsamysrqzs6uxkYmT8+vycnpw8Pjx8eny8urxUVlTk4uQMDgwsLiwcHhz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjUCVcEgEdRwgYWgiMBGf0GgJACioTFRAIsqFgrIn1SYr6HIhDYlCxaCWVR8AYmD2Eqgf1eFyoQwpSXVPWFQTgodDbQABiIgKBhiNdSAWkocLEScGlmYgEVQpnF0WJ4WiXQ4TKHSnra6vsLGiFA8EF7JCI1mssRxZDrgQKQAagbIWfrjKy8zNzs/Q0dLPQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTExsREQkSkoqTk5uQkIiTU1tRsamy0srQUFhSUlpT09vQ0MjTMzsxUVlSsqqwMCgyMiozs7uwsLizc3tx0dnS8urwcHhycnpz8/vw8OjzMysxMSkykpqTs6uwkJiRsbmy0trQcGhycmpz8+vw0NjTU0tRcWlysrqwMDgyMjozk4uT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj8CWcEhscUKZoWQgKTqfRFYEAFi0PFQABMptMYSJLKoVyK66zk8D0GFMMNRUqwDHFNDFMpXQ+mQcQwwnX3hEEllbhYUMDyMIGopdJSclkYUVcBQTlmh6ACScXQtZIqFcJRYmTaasra6nhK9EHhERoLJDI1QRkLgtIFQKvkICFBQXw8nKy8zNzs/Q0dLT1JFBACH5BAgGAAAALAAAAAAgACAAhQQCBISChMzKzDw+POzu7CwqLJyanFxeXNze3BQSFIyOjFRWVPz6/DQ2NKSmpGxubNTS1AwKDERGRPT29DQyNKSipJSWlHR2dAQGBISGhMzOzPTy9CwuLJyenGRmZOTi5BQWFJSSlFxaXPz+/Dw6PKyurHRydNTW1ExKTP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaMwJRwSEwxApKKcKJ4QIrQKFEBqApSpipoI5VODJZJ6lEFOFKk8rMLXVRRKU0CUOB2qhQGGxopCwkCYkICJYJ7RG4AcIeHJ08TFmGMexlVJpOTcwAYI5iHDVUFnocIBwsno6mqq6MCV6xRWQCXsEUYVRi1RaAAFLpECB4eCL/FxsfIycrLzM3Oz9DRzkEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMLEREZE5ObkJCIkpKKkZGZk9Pb0NDI0tLK0lJKU1NLUHB4cVFZU7O7sLCosfH58DAoMrK6sbG5s/P78PD48vLq8nJqc3N7cjI6MzMrMTE5M7OrsJCYkpKakbGps/Pr8NDY0tLa0lJaU1NbUZGJk9PL0LC4sDA4M////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABo5AlXBIFJYGidGwczkVn1CiBQCQIFQbCaDwiEYDBYcTQgV0QeWP9ykoR1QT7Vu1KG/WRUWZIjx1hSEaDhN4RSEcAB4ZhXgIBxBzDyGMeHVUCpSMEWUYmYUEHgAWTp54IQSlqaqGJBp/q08mVCKwUA1lr7VCB1QWukUVBiSkv8XGx8jJysvMzc7P0NHS00JBACH5BAgGAAAALAAAAAAgACAAhQQCBIyKjERCRMTGxCwqLOTm5KyqrGxubDQ2NPT29BwaHJSWlAwKDExOTOTi5DQyNOzu7LS2tHR2dDw+PPz+/JyenAQGBNTS1CwuLOzq7Dw6PPz6/JyanFRSVLy6vHx6fP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJBwSBxWFIhLccksFgYbUMYCAAiEFAnmEG0uI1TNplAFaISGMse7bJQHoIBFAQctygF2UVK1FIQbFEMQDwAEGXoQCwYbCRIdHmwFXV4UhQASeppEDmUEm6AbBFUHoKAFARyUpqytSwkfkK5sfAB+s01uVXW4RWAACKu9Q0/Cw8fIycrLzM3Oz9DR0tPU1dbJQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTExsREQkRkZmTk5uSkoqQcHhxUVlT09vSUkpR0dnS0trQUFhTc3txMSkzs7uwsKiwMCgyMjozU0tRsbmysqqxcXlz8/vwEBgSEhoTMysxERkRsamzs6uwkIiRcWlz8+vycmpx8eny8urxMTkz08vQ0MjSsrqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGi8CUcEgchi6Sh6nIbBILi8DSAqhqhiaGw9nERKqIlKEKCAghB0BGwC2ayIdUApHhQITUKqEtDAkfVQtOFGQKbQ5feyEoDG0MFxMYbQRkbHyXQx2VmJwFAw2CnKKjfBgdHyAJpG0oZBOrXCJkZrBNCRwAER61XKq8v8DBwsPExcbHyMnKy8zNzs/QQkEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMLETEpMJCIk5OLkpKKkdHJ0NDI0FBIUlJKU1NLU9PL0VFZUjIqMLCostLa0/Pr8DAoMzMrMfH58PDo8HBoc3NrcXF5cBAYEhIaETE5MJCYk5ObkpKakdHZ0FBYUnJqc1NbU9Pb0XFpcjI6MLC4svL68/P78zM7MPD48////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABo7AlXBILJYSJlFxyRyiPhzSaFUAWDfNLBFiBThWl+5gCGkEIlqip0sRUjKElDBs1WgvH0VkNABwOk1cViRZIyBWB0IMWgwPABkCWQtdFWlDIycFWhEmVgqWoEMMBiehliIHJWimaQwJVh+saSldKrKbnQCft1kMHhO8wcLDxMXGx8jJysvMzc7P0NHS089BACH5BAgGAAAALAAAAAAgACAAhQQCBIyOjMzKzExOTOTm5CQiJLS2tGxqbJyenAwODNze3FxeXPT29Dw6PNTS1KSmpAwKDJSWlFRWVOzu7CwqLMTGxHx+fBQWFGRmZPz+/AQGBJSSlMzOzFRSVOzq7CQmJLy+vHRydKSipBQSFOTi5GRiZPz6/Dw+PNTW1KyqrP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaOQJVwSGQoiJxTQ0BsOp2VEWCQEX4AgMJz6+xgARWhFJDgbk0eIeZ7VG0Amg1RkSJwUQVAJzNZNB5EE2lDFRAAF3ZPC18gZkQhXwhbkFgcjkMiX0xPHgMfAZdEIhgGTw5hoakqFlgYqqEXXwyvjidYH7SOJBglbbm/wMHCw8TFxsfIycrLzM3Oz9DR0tNOQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsREQkTk4uRkYmQkIiSsqqz08vR0cnSUlpTU0tQ0NjQUEhRUUlSMiozs6uxsamy0trT8+vzMyswsKix8fnzc3tw8PjwcGhxcWlwEBgSEhoRMSkzk5uRkZmSsrqz09vR0dnScnpzU1tQ8OjwUFhRUVlSMjozs7uxsbmy8vrz8/vzMzswsLiz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjcCXcEicgCST4eShWhCfUOgJAPgME1QTIsotUgGNYenr7D4voseWQR0MR1RG0qw0UAsviMWSIlJAW3RDBF8VgkQtDhoXXGMAAYdCExlUGFwhByuRQilfGUQeAw0im08qVApEWFQCpUQLjEQRX5quXQQuVSy2dLu8v8DBwsPExcbHyMnKy8zNzs/Q0dLFQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsQ8Pjzk4uSkpqQcHhxcWlyUkpTU0tT08vQUFhRMTky0srTMyswsLixsamycmpz8+vwMCgyMioxERkTs6uysrqzc3twEBgTExsSsqqwkIiRcXlyUlpTU1tT09vQcGhxUVlS8urzMzsw0NjR0cnScnpz8/vyMjoxMSkzs7uz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkUCWcEhkKUwHEtEyUhSf0OEBAFiAhI4MgLOKRq/CBxVAEELGBW/RUgKorhEqY4gYK9XDAFr4EUiGKBQiG3hEFGOEhYpGIiEQKItqGhAekJFEHyUhJ0MYE1Qpl0QVVBldLA1jB6JDA2NlLCsGVCOsQgILGRREKxsftkR/wMPExcbHyMnKy8zNzs/Q0dLT1NXWhUEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMLETEpM5OLkbGpsJCIkrK6s1NLUVFZUDA4MlJaU9Pb0dHZ0PDo8vLq8DAoMzM7MVFJULCos3N7cXF5cnJ6c/P78BAYEhIaExMbETE5M7O7sbG5sJCYktLa01NbUXFpcFBIUnJqc/Pr8fHp8vL68////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABovAk3BIFHIkhlJxyWwKS4CogBhZUJxFxmjBEBaigM/wEVUQsMNEdCCkGAAb0rADtqCFEPCQwSkeohggdycSa2gfDRFoIAgnDAtcg2gZUQ2SkiKAF5d3DlEenHcUFQmCoUUcm6dOJIUGV6tMH2AFsUwaYJa2SyUGG327wcLDxMXGx8jJysvMzc7P0MtBACH5BAgGAAAALAAAAAAgACAAhQQCBISChERGRMTCxCQiJGRmZOTi5KSipPTy9FRWVBQSFDQ2NLSytAwKDExOTHx6fOzq7Pz6/JSSlCwqLFxeXLy+vAQGBISGhExKTNze3CQmJGxubOTm5KyqrPT29FxaXBweHDw+PLS2tAwODFRSVHx+fOzu7Pz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJRwSBxGKA0MoshsOlEdgPTyrAoDhMQSdZACAsVMJWJFVbwPoSdhEZiIogZg4bEyvBsryTuwRhwAGhlWD1IWBk0eBRMlQiZkVh4PJBVOEl4MZZpCJV4Hm5oGGgAhW6BWJxynq6ytrq+wsbJDDCATlbMoJwpSBLkoESNSIL9cIwqZxREnxc3Oz9DR0tPU1dawQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSEgoTEwsREQkQkIiSkoqTk4uQUEhSUlpRsbmz08vQ0MjS0srSMiozU0tRMTkwMCgwsKizs6uwcHhz8+vy8urzc3twEBgSEhoRMSkysqqwUFhScnpx0dnQ8Ojy0trSMjozU1tRUVlQsLizs7uz8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj0CTcEgsgg6jUHHJHFoan6EBQH00r0PShsoRWqiADBZbAYuGgcvEMb5KDty2YDFgL0kITclkwTDaFFsAC0slC1QdbUQUF1QTS19UEYpEGAAXXUUlBFQJlEQSCk0SGBwUn6ipqqusra6vsLGys7S1tre4YxQcDRK0CVQEe7IRYBazHVQjw7ElGggkudLT1LFBACH5BAgGAAAALAAAAAAgACAAhQQCBISChMTCxERCRCwqLOTi5KSipBQSFGRmZNTS1LSytHR2dAwKDPz6/Ly6vMzKzDw+PBweHGxubNza3AQGBIyOjMTGxExKTCwuLOTm5KyqrBQWFGxqbLS2tHx6fAwODPz+/Ly+vNze3P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaDwJFwSCwKCxxJxshkVg6EBJEAAECaWGGmChgMQZTqJ4stcL1DSXVBLjaGlQ9GSrQ82kMRFYHvjxBcAn5tHFwWg0MOAXRDGRAHHohCClUMIpJYgFUGmE0dYpedTAIVE6KnqKmqq6ytrq+wsbKztLW2tCERGxqtVAAMb6u+wKwOEQe8eEEAIfkECAYAAAAsAAAAACAAIACFBAIEhIKExMLEREZE7OrsJCIkpKKkbGpsFBIU1NLU9Pb0PDo8rK6slJKUzMrMLCosdHZ0DAoMVFZU9PL0rKqsHBoc/P78jI6MxMbETEpM7O7sJCYkpKakdHJ0FBYU3Nrc/Pr8tLa0nJqczM7MLC4sfH58DA4M////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABn3Ak3BIBDFCIOIwqWw6TxIA4KAMeSKip/YEkgJMyo2XuW0upAMlSWpSlE8fSINJgAQ0SgypwngrPFIdb4NCCV4LhIMgawANiYMTBgKPlJWWl5hNCR0XZJlCGiZSJZ9EDl5ppUIKD1IGqkMTHCOwtba3uLm6u7y9vr/AwcKVQQAh+QQIBgAAACwAAAAAIAAgAIUEAgSUlpTMzsxMTkzs7uwkIiS0srRsamzc3twMDgz8+vw0NjTEwsR8enykpqQMCgzU1tRkZmT09vQsKix0cnTk5uTMyswEBgScmpzU0tRcWlz08vS8urxsbmzk4uQUFhT8/vw8PjzExsR8fnysqqwsLiz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGeUCTcEg0bSgaQXHJbAo1AMBHslRsnNhSFOApkh6XAFZYCYiGmOhgWYheFFjCJ0oaQhjw4iT6yTcNWxpjJiILJRxjHg9RGIOOQxkUDo+UlZaXmJmam5ydnp+goaKjoggRBxWhewAhoBJbH6ERUSOiIkqkubq7vL2+mEEAIfkECAYAAAAsAAAAACAAIACFBAIEjIqMxMbEPD48rKqs5ObkbGpsNDI0vL689PL0DA4MnJqc1NbUTE5MtLK0dHJ01NLU7O7s/Pr8FBYUpKKkBAYElJaUzMrMREJErK6s7OrsbG5sNDY0xMLE9Pb0FBIUnJ6c3N7cVFZUtLa0dHZ0////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABnLAknBIHBYGikdxyWwKDYBox0ktSSAJIlRabXoOgA/DyAEYuk1C1IwWZgIhp2AdaFuik4hzMXh42g1rCG1odwB5hGgOAQWJjo+QkZKTlJWWl5iZmpucnZ6foKGihCEBI5kaE1EUmCNrIpgFH1EgmaUOVUEAIfkECAYAAAAsAAAAACAAIACEBAIEhIKEREJExMLEZGJk5OLkpKakJCIkdHZ09PL0tLK0PDo8/Pr8nJqcTE5MbGpsLC4sfH58HB4cjI6M3N7c7O7srK6sJCYkfHp89Pb0vLq8/P78VFZUbG5s////AAAABVygJ45kyTwSkZVs63oGIDdvHRxcQjYyMNWuQQ9DSggAiwqwpeh1WMpli+EAXCjSrKjC0Hq/Ih24RgVACmOXpYdIM3sBdwshycnv+Lx+z+/7/4CBgoOEhYaHiIlAIQAh+QQIBgAAACwAAAAAIAAgAIQEAgSMiozExsRERkTk4uS0srRcXlz8+vwUFhTs6uycnpzU1tRUUlS8urwUEhTk5uS0trRkZmQkJiTs7uykoqTc3txUVlT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFVeAljmQ5VkFhriYKmYkDAAprT8hck8UMWDZWw8coPWS04CqmawVeyhVKFa1ar9isdsvter/gsHgcXhDIl0hTPPFJxgfkgCxgGM7ovH7P7/v/gIGCNiEAIfkECAYAAAAsAAAAACAAIACFBAIEhIaExMbETE5MJCIkrKqs5ObkDA4MdHZ0LC4svLq89Pb0lJKU3NrcDAoMtLa0fH58NDY0/P78nJqcBAYEzMrMZGJkJCYkrK6s7O7sFBYUfHp8NDI0xMLE/Pr8lJaU3N7c////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmnAkHBIXDwaxKRyqfQkAAAMc0rtQAGDpQfB2UioSYMDull+rgVwsmMJLJaBK0NNFxougESmXveAPHyBgoOEhYaHiImKi4yNjo+QkZKTlJWWlxURCQqNTwAagIsEUBShigUUFHONHm+XIUEAIfkECAYAAAAsAAAAACAAIACEBAIEhIaEPD483N7cZGJk7O7sJCIkrKqsVFJU5ObkvLq8DAoMREZEdHJ09Pb0NDI0REJE5OLkLCostLK07OrsvL68DA4MdHZ0/Pr8////AAAAAAAAAAAAAAAAAAAAAAAABUtgJo6kqAjIUK5smzkWADBu3VIyINl82ciTnlCUKNgimGHPAQEYVMraIdeI1iq5gLUWkBAc27B4TC6bz+i0es1uu9/wuHxOr9vvrBAAIfkECAYAAAAsAAAAACAAIACEBAIEhIKEJCYk1NbUFBYUpKakREJE7O7stLa0DAoMLC4sHB4c9Pb0rK6svL68DA4MNDI0JCIk/Pr8////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUbgJI4k6SxEUa5sKwoAkEhu3cIybe/jmfLAoHBILBqPyKRyyVw2FIZBk5GIGZqHGEDRnARkiO7kwBCbz+i0es1uu9/wODMEACH5BAgGAAAALAAAAAAgACAAhAQCBISChMTCxDw+POTi5CwuLPTy9JyenBwaHNTS1GRmZPz6/IyOjDw6PAQGBISGhMTGxERCROzu7DQyNPT29LSytBweHNza3HRydPz+/P///wAAAAAAAAAAAAAAAAAAAAVJoCaOZElCFWWu7MoAwNDObQEDF62TCoyou50hgMkFj8ikcslsOp/QqHRKrVqv2Kx2y91KDNUHwHGYLhw+MwJWoAoag0R3TleGAAAh+QQIBgAAACwAAAAAIAAgAIMEAgSEgoTk5uRkZmQkJiSkoqT09vQ8OjyUkpR8enwsKiy0srT8/vz///8AAAAAAAAENbDJSau9OOvNsQiI0Y0MAQDD2AknQKjdcSYwZxRLre987//AoHBILBqPyKRyyWw6n9CoFBoBACH5BAgGAAAALAAAAAAgACAAgwQCBIyKjOTm5ERGRPT29HR2dBweHKyurPz+/Ozu7FxeXPz6/Hx+fCwuLLS2tP///wQ28MlJq7046827/2AojmRpntdyOAhKDQBQuFISAwYtNbGiPwJGgPArGo/IpHLJbDqf0Kh0Go0AACH5BAgGAAAALAAAAAAgACAAgwQCBISGhDQ2NMTCxOzq7BwaHERGRPz6/AQGBJyenDw+PNTW1Ozu7BweHP///wAAAAQy0MlJq7046827/2AojmRpnmiqrmzrvnAsz7R0tEOBBKwC/ISV4YcIqhaCQqLGbDqfrwgAIfkECAYAAAAsAAAAACAAIACA////////Ah6Mj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtu4LmwUAOw==) no-repeat center;
  position: absolute;
  background-color: #fff;
  border-radius: 4px;
  opacity: 0.7;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.rw-multiselect {
  cursor: text;
}
.rw-multiselect .rw-input-reset {
  height: calc(2.2em - 2px);
  /** ie8 fallback **/
  margin-top: -2px\9;
  height: 2.2em\9;
  /** --- **/
  border-width: 0;
  width: auto;
  max-width: 100%;
  padding: 0 0.7em;
}
.rw-multiselect .rw-select {
  vertical-align: middle;
}
.rw-multiselect .rw-select,
.rw-multiselect .rw-select:hover,
.rw-multiselect .rw-select:active {
  box-shadow: none;
  background: none;
}
.rw-multiselect-taglist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: 0;
  outline: none;
}
.rw-multiselect-tag {
  display: inline-table;
  color: inherit;
  padding: 0 0.35em 0 0.35em;
  margin-left: calc(0.25300000000000006em - 1px);
  margin-top: 0.253em;
  margin-top: calc(0.25300000000000006em - 1px);
  height: 1.694em;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #fff;
  cursor: default;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  max-width: 100%;
}
.rw-multiselect-tag > * {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.rw-rtl .rw-multiselect-tag {
  margin-left: 0;
  margin-right: calc(0.25300000000000006em - 1px);
  padding: 0 0.35em 0 0.35em;
}
.rw-multiselect-tag.rw-state-focus,
.rw-multiselect-tag.rw-state-focus:hover {
  background-color: #fff;
  border-color: #3ec0ad;
  color: #394242;
}
.rw-multiselect-tag.rw-state-readonly,
.rw-multiselect-tag.rw-state-disabled,
.rw-state-readonly .rw-multiselect-tag,
.rw-state-disabled .rw-multiselect-tag,
fieldset[disabled] .rw-multiselect-tag {
  cursor: not-allowed;
}
.rw-multiselect-tag.rw-state-disabled,
.rw-state-disabled .rw-multiselect-tag,
fieldset[disabled] .rw-multiselect-tag {
  opacity: 0.65;
}
fieldset[disabled] .rw-multiselect-tag {
  box-shadow: none;
  cursor: not-allowed;
}
.rw-multiselect-tag-btn {
  color: inherit;
  margin-left: 0.25em;
}
.rw-rtl .rw-multiselect-tag-btn {
  margin-left: 0;
  margin-right: 0.25em;
}
.rw-autocomplete .rw-select {
  position: absolute;
  display: block;
  width: auto;
  top: 0;
  bottom: 0;
  right: 0;
}
.rw-popup-container {
  position: absolute;
  z-index: 1005;
  top: 100%;
  left: -6px;
  right: -6px;
}
.rw-popup-container.rw-dropup {
  top: auto;
  bottom: 100%;
}
.rw-state-focus .rw-popup-container {
  z-index: 1006;
}
.rw-popup-transition {
  width: 100%;
  margin-bottom: 6px;
  padding: 0 6px;
}
.rw-dropup > .rw-popup-transition {
  margin-bottom: 0;
  margin-top: 6px;
}
.rw-popup {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: none;
  border: transparent 1px solid;
  background: #fff;
}
.rw-dropup .rw-popup {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  box-shadow: none;
}
.rw-popup-transition {
  transition: transform 200ms;
}
.rw-popup-transition-entering {
  overflow: hidden;
}
.rw-popup-transition-entering .rw-popup-transition {
  transform: translateY(0);
  transition-timing-function: ease-out;
}
.rw-popup-transition-exiting .rw-popup-transition {
  transition-timing-function: ease-in;
}
.rw-popup-transition-exiting,
.rw-popup-transition-exited {
  overflow: hidden;
}
.rw-popup-transition-exiting .rw-popup-transition,
.rw-popup-transition-exited .rw-popup-transition {
  transform: translateY(-100%);
}
.rw-popup-transition-exiting.rw-dropup .rw-popup-transition,
.rw-popup-transition-exited.rw-dropup .rw-popup-transition {
  transform: translateY(100%);
}
.rw-popup-transition-exited {
  display: none;
}
.rw-state-disabled {
  box-shadow: none;
  cursor: not-allowed;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

.ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  z-index: 9001;
  overflow: auto;
}

.ql-mention-loading {
  line-height: 44px;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 16px;
}

.ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ql-mention-list-item {
  cursor: pointer;
  line-height: 44px;
  font-size: 16px;
  padding: 0 20px;
  vertical-align: middle;
}

.ql-mention-list-item.disabled {
  cursor: auto;
}

.ql-mention-list-item.selected {
  background-color: #d3e1eb;
  text-decoration: none;
}

.mention {
  height: 24px;
  width: 65px;
  border-radius: 6px;
  background-color: #d3e1eb;
  padding: 3px 0;
  margin-right: 2px;
  user-select: all;
}

.mention > span {
  margin: 0 3px;
}

/*

███████╗███████╗███╗   ███╗ █████╗ ███╗   ██╗████████╗██╗ ██████╗    ██╗   ██╗██╗
██╔════╝██╔════╝████╗ ████║██╔══██╗████╗  ██║╚══██╔══╝██║██╔════╝    ██║   ██║██║
███████╗█████╗  ██╔████╔██║███████║██╔██╗ ██║   ██║   ██║██║         ██║   ██║██║
╚════██║██╔══╝  ██║╚██╔╝██║██╔══██║██║╚██╗██║   ██║   ██║██║         ██║   ██║██║
███████║███████╗██║ ╚═╝ ██║██║  ██║██║ ╚████║   ██║   ██║╚██████╗    ╚██████╔╝██║
╚══════╝╚══════╝╚═╝     ╚═╝╚═╝  ╚═╝╚═╝  ╚═══╝   ╚═╝   ╚═╝ ╚═════╝     ╚═════╝ ╚═╝

  Import this file into your LESS project to use Semantic UI without build tools
*/
/* Global */
/*!
 * # Semantic UI - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Reset
*******************************/
/* Packaged Theme */
/*******************************
             Reset
*******************************/
/* Site Theme */
/*******************************
             Reset
*******************************/
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
             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! */
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/*******************************
         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;
}
/*!
 * # Semantic UI - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged Theme */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site Theme */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
             Page
*******************************/
html,
body {
  height: 100%;
}
html {
  font-size: 10px;
}
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  min-width: 320px;
  background: #ffffff;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1rem;
  line-height: 1.4285em;
  color: #b2b8b8;
  font-smoothing: antialiased;
}
/*******************************
             Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  line-height: 1;
  margin: 0 0em 1rem;
  font-weight: normal;
  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: #2b8679;
  text-decoration: none;
}
a:hover {
  color: #37b8b5;
  text-decoration: none;
}
/*******************************
         Scrollbars
*******************************/
/*******************************
          Highlighting
*******************************/
/* Site */
::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #b2b8b8;
}
textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #b2b8b8;
}
textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #b2b8b8;
}
/*******************************
        Global Overrides
*******************************/
@font-face {
  font-family: 'Roboto Condensed Regular';
  src: url(/fonts/RobotoCondensedRegular.woff2) format('woff2'), url(/fonts/RobotoCondensedRegular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Medium';
  src: url(/fonts/RobotoMedium.woff2) format('woff2'), url(/fonts/RobotoMedium.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed Bold';
  src: url(/fonts/RobotoCondensedBold.woff2) format('woff2'), url(/fonts/RobotoCondensedBold.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  src: url(/fonts/Roboto.woff2) format('woff2'), url(/fonts/Roboto.woff) format('woff');
}
@font-face {
  font-family: 'BLOKKRegular';
  src: url(data:font/woff;base64,d09GRgABAAAAAAikAA0AAAAAF6wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAcY6+FhkdERUYAAAFMAAAAHQAAACAAkwAET1MvMgAAAWwAAABCAAAAYGJ2/gljbWFwAAABsAAAALMAAAFSUXkj4Gdhc3AAAAJkAAAACAAAAAj//wADZ2x5ZgAAAmwAAACuAAALCPbUa4VoZWFkAAADHAAAADEAAAA2HcHLI2hoZWEAAANQAAAAHgAAACQnAiRfaG10eAAAA3AAAAAyAAABCJm98IBsb2NhAAADpAAAAM4AAADOjfSLRm1heHAAAAR0AAAAGAAAACAAbAAZbmFtZQAABIwAAANmAAAGfnpDMVNwb3N0AAAH9AAAALAAAAD8I4tSO3icY2BgYGQAgpOd+YYg+qwwtxaMBgA1JQQeAAB4nGNgZGBg4ANiCQYQYGJgBMJUIGYB8xgACKEAmAAAAHicY2DiXMA4gYGVgYWJgYkBBCA0EBsznAHxWRggoIGBgZEBCbgFhwQxODAoKMgyHQDrA5MQNUwHwDwFBkYASTAH2gAAeJxjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETEC6TkFSQfb/fyBLQUFCQeb///+PH3g98IDqAgNGNgY4lxGkh4kBFQAlmVlY2dg5OLm4eXj5+AUEhYRFRMXEJSSlpGVk5eQVFJWUVVTV1DU0tbR1dPX0DQyNjE1MzcwtLK2sbWzt7B0cnZxdXN3cPTy9vH18/fwDAoOCQ0LDwiMio6JjYuPiExIZqA9SUpOSiVcNAMsxHrkAAAAAAf//AAJ4nGNgZQACpgNMBxiYGdgZuBmEGMQYGFRNlUXNEViJnU2UWVBRkDGh4P79goL7+foKih+YDiQXFDRDUL6iou4/EaYDfx0YGP8fYGDgagCbx6AM1OTAdQAsAQSjckNEjpUBSY7VgWh9fMj6+FD1CTkgyQk1oMhJIJspgWqm1AEkOWkGFDkZZDNlUM1UQHaLAqpbVJDtUxm88TAqNyo3KjcqNyo3KjcqR0s5APIFjL0AAHicY2BkYGAA4lprtjXx/DZfGbhZGEDgrOHhzTD6/wEGBpUGJiDJwMHABBIFACnzCzIAAAB4nGNgZGBgOsAABCoN/w/8P6DSwMDIgArkAINABakAAHicUzzAAAasDhDM1fD/ACWYlQFC8wFpIYf/BySAbKkD/w/IANkKQDEVqLrBBgGnc7k1AAAAAAAoACgAKAAoADYARABSAGAAbgB8AIoAmACmALQAwgDQAN4A7AD6AQgBFgEkATIBQAFOAVwBagF4AYYBlAGiAbABvgHMAdoB6AH2AgQCEgIgAi4CPAJKAlgCZgJ0AoICkAKeAqwCugLIAtYC5ALyAwADDgMcAyoDOANGA1QDYgNwA34DjAOaA6gDtgPEA9ID4APuA/wECgQYBCYENARCBFAEXgRsBHoEiASWBKQEsgTABM4E3ATqBPgFBgUUBSIFMAU+BUwFWgVoBXYFhAAAeJxjYGRgYEhjEGdgZQABJgY0AAAN1QCGeJyNVE+P00YcfXYSls0CakUBqeph2kNFkbATsrthI6QqRApd7Uq0REIcOHTsnY1NEjvYE7zZEyfuPfUCH6HfAqm39gP0UJV7PwCc+jyesMtqD41lz5t/v/d+b34TAMJ5BQfV7wvcsthBA3sWu1iDtLiGr/GbxXWu+cviBjbw3uILaDifW7yGe84vFl/ENeeDxetouF9Z3MS37tziDdxwf7f4Elq1vsWXcbP21uIr8OorbVfxXf0PqnLq6+zdNApL7DDq9xa73PGTxTXcR2xxnWv+tLiB6/jH4gtoOg2L13Dk3LD4Im45K651NN3PLG5i3/3G4g147q8WX8LP7t8WX8aPtcziK3ha+9fiq3hUP8YAKeZYIqO2MSJoCL4pZnwk8R200EYHGKTzZRaPIy10OptJcafV5uh97OMhj2uPcP/hHptHUAy0wJTbM3bVeDGVBEMGTRj6CSkjziVcpUiwCY8U5ds7Fa1Hyi62scNnE1umh2Ga6CeDSCZjJTa9ltfqGc5ep7u9s7O51emep+cxWTLkTK/kF0ym5MJjleVxmoi21zpv10rtiG/GbEJjTMw4wthSjkocMPbM5DnhWIpDfofcs2vaVYTIWCw4WvZLNQn3aKtI0imBB4wT4Icqx5HOFqEWcS6k0Jk8UDOZTUR6KIajXWEWROlc7CZaZYnUzEJOxYNZwN3l+WmS9eDzObQS8lNJePyWp4tI63nP9w8ZLjd8Xphy+OTsYc4Z4ku8xYcTi0z/PSUXXFPaETByzCS0GYvZRp+kf8LdBN69fG0cfvfyjShkLoJFPNWiiHUkTjJvnk2kMI93KqHK07PJFEXhmYToT5XO/zfk/NnqjHLOVpwFUZf1eJe12S7r6FwbT3V5OrlPPYXf3bq73eaOAYMrWwAvzBUYWM8rKoG+EV3eyNJb/bF0R+biZGZPn47HLDvFgJliFbxQYsADI53oa53FwaLkFqNIZkr0p/FEnXUjPCMk/ESGxzbjHfUNUcj5clQZLwL+YdwmksQdc5/8j06EVk1YifHSbOxP41Alucr9YHk7l37Ha/nlFVvlH5j/HoHnzFaSasJ+YkaOOT+n7KW5wgLPKKqqtBnHqho8MhEULyOGpQtBPBbPFzKcxMlYHKt5tMxy8Sxlmc2WrLkjEagD/Af1GD1jAAB4nG3NtVYCAABA0QsoKraIrdiFBXZ3oiIGdg3G4ODqfxm/p+ewepc3PkF5T8b955lAMBASUqBQWJFiJSJKlSlXoVKVajWiasXUqdegUZNmLVq1iWvXoVOXbj169ek3YFDCkGEjRo1JSv3dJ0yaMm3GrDnzFixasmzFqjXrNmzasm3Hrj1p+w4cyjiSdezEqTM55y5cunLtxq079x48+vbj01f45e3j/TWZT+oXknobIw==) format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
  Using mixins to import files here to avoid collisions of variables
  https://github.com/less/less.js/issues/2442
*/
.ck.alignment-menu {
  display: flex;
  flex-wrap: wrap;
  /* disabled */
}
.ck.alignment-menu > .ui.label {
  font-weight: bold;
}
.ck.alignment-menu.floated.left {
  float: left;
}
.ck.alignment-menu.floated.right {
  float: right;
}
.ck.alignment-menu.disabled,
.ck.alignment-menu.disabled:hover,
.ck.alignment-menu.disabled .ui.menu.ck-button-menu.ui.compact.menu.disabled,
.ck.alignment-menu.disabled .ui.menu.ck-button-menu.ui.compact.menu.disabled:hover {
  cursor: not-allowed;
}
.ck.alignment-menu.disabled .ck.menu-item .item,
.ck.alignment-menu.disabled:hover .ck.menu-item .item,
.ck.alignment-menu.disabled .ui.menu.ck-button-menu.ui.compact.menu.disabled .ck.menu-item .item,
.ck.alignment-menu.disabled .ui.menu.ck-button-menu.ui.compact.menu.disabled:hover .ck.menu-item .item {
  cursor: not-allowed;
}
.ck.alignment-menu .alignment-menu-selection {
  flex: 1;
  align-self: center;
}
.ck.alignment-menu .alignment-menu-selection .ui.large.label {
  font-size: 1.5rem;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu {
  display: flex;
  flex-wrap: wrap;
  width: 7.5rem;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu > .ck.menu-item:first-of-type .item {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu > .ck.menu-item:last-of-type .item {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu .ck.menu-item {
  width: 2.4rem;
  height: 2.4rem;
  margin-left: 0.1rem;
  margin-bottom: 0.1rem;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu .ck.menu-item:not(:first-child) .item {
  margin-left: 0;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu .ck.menu-item .item {
  padding: 1em !important;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu .ck.menu-item .item:not(.disabled) {
  border: 0.1rem solid #d4d9d9;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu .ck.menu-item .active.item:not(.disabled) {
  border: 0.1rem solid #77d3c6;
  background-color: #77d3c6 !important;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu.inverted .ck.menu-item .item:not(.disabled) {
  border: 0.1rem solid #ffffff;
}
.ck.alignment-menu .ui.menu.ck-button-menu.ui.compact.menu.inverted .ck.menu-item .active.item:not(.disabled) {
  border: 0.1rem solid #77d3c6;
  background-color: #77d3c6 !important;
}
.asset-radio-menu .ck-asset-radio-menu > .ui.label {
  font-weight: bold;
}
.asset-radio-menu.floated.left {
  float: left;
}
.asset-radio-menu.floated.right {
  float: right;
}
.asset-radio-menu.disabled {
  cursor: not-allowed;
}
.asset-radio-menu.wide .ui.secondary.menu.vertical .item {
  width: 30rem;
}
.asset-radio-menu.wide .ui.secondary.menu.vertical .item .ui.header .ck-icon {
  width: auto;
}
.asset-radio-menu.wide .ui.secondary.menu.vertical .item .ui.header .ck-icon i.icon {
  width: 12.5rem;
}
.asset-radio-menu.wide .ui.secondary.menu.vertical > .ck:not(:last-child) .item {
  margin-bottom: 1rem;
}
.asset-radio-menu .ui.secondary.menu {
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}
.asset-radio-menu .ui.secondary.menu.vertical .item {
  margin-left: 0;
  margin-right: 0;
}
.asset-radio-menu .ui.secondary.menu.disabled {
  pointer-events: none;
}
.asset-radio-menu .ui.secondary.menu .item {
  border: none;
  margin-left: 0;
  padding: 0;
  width: 12.5rem;
}
.asset-radio-menu .ui.secondary.menu .item .ui.header {
  width: 100%;
}
.asset-radio-menu .ui.secondary.menu .item .ui.header .content {
  font-size: 1.3rem;
}
.asset-radio-menu .ui.secondary.menu .item .ui.header .sub.header {
  font-size: 1.1rem;
  margin-top: 0.5rem;
}
.asset-radio-menu .ui.secondary.menu .item .ui.header .image {
  border: 0.2rem solid transparent;
  padding: 0.3rem;
}
.asset-radio-menu .ui.secondary.menu .item .ui.header .ck-icon {
  width: 100%;
}
.asset-radio-menu .ui.secondary.menu .item .ui.header .icon:not(.disabled),
.asset-radio-menu .ui.secondary.menu .item .ui.header .ck-icon__svg:not(.disabled) {
  border: 0.1rem solid #6c7373;
}
.asset-radio-menu .ui.secondary.menu .item .ui.header.icon .icon {
  margin-bottom: 1rem;
}
.asset-radio-menu .ui.secondary.menu .item:not(.active) .ui.header .icon.disabled,
.asset-radio-menu .ui.secondary.menu .item:not(.active) .ck-icon__svg.disabled {
  border: 0.1rem solid #f7f7f7;
}
.asset-radio-menu .ui.secondary.menu .item:not(.active) .ui.header .icon.disabled.inverted,
.asset-radio-menu .ui.secondary.menu .item:not(.active) .ck-icon__svg.disabled.inverted {
  border: 0.1rem solid #e8ebeb;
}
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled),
.asset-radio-menu .ui.secondary.menu a.item.active,
.asset-radio-menu .ui.secondary.menu a.item.active:hover {
  border: none;
  color: #77d3c6 !important;
}
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled) .icon,
.asset-radio-menu .ui.secondary.menu a.item.active .icon,
.asset-radio-menu .ui.secondary.menu a.item.active:hover .icon {
  color: #77d3c6 !important;
}
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled) .ui.header .icon,
.asset-radio-menu .ui.secondary.menu a.item.active .ui.header .icon,
.asset-radio-menu .ui.secondary.menu a.item.active:hover .ui.header .icon,
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled) .ui.header .ck-icon__svg,
.asset-radio-menu .ui.secondary.menu a.item.active .ui.header .ck-icon__svg,
.asset-radio-menu .ui.secondary.menu a.item.active:hover .ui.header .ck-icon__svg {
  border: 0.1rem solid #3ec0ad;
}
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled) .ui.header .image,
.asset-radio-menu .ui.secondary.menu a.item.active .ui.header .image,
.asset-radio-menu .ui.secondary.menu a.item.active:hover .ui.header .image {
  border: 0.2rem solid #3ec0ad;
}
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled) .ui.header.inverted .icon,
.asset-radio-menu .ui.secondary.menu a.item.active .ui.header.inverted .icon,
.asset-radio-menu .ui.secondary.menu a.item.active:hover .ui.header.inverted .icon,
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled) .ui.header.inverted .ck-icon__svg,
.asset-radio-menu .ui.secondary.menu a.item.active .ui.header.inverted .ck-icon__svg,
.asset-radio-menu .ui.secondary.menu a.item.active:hover .ui.header.inverted .ck-icon__svg {
  border: 0.1rem solid #3ec0ad;
}
.asset-radio-menu .ui.secondary.menu a.item:hover:not(.disabled) .ui.header.inverted .image,
.asset-radio-menu .ui.secondary.menu a.item.active .ui.header.inverted .image,
.asset-radio-menu .ui.secondary.menu a.item.active:hover .ui.header.inverted .image {
  border: 0.2rem solid #3ec0ad;
}
.asset-radio-menu .ui.secondary.menu.inverted a.item:hover:not(.disabled),
.asset-radio-menu .ui.secondary.menu.inverted a.item.active:hover,
.asset-radio-menu .ui.secondary.menu.inverted a.item.active {
  color: #77d3c6 !important;
}
.asset-radio-menu .ui.secondary.menu.inverted a.item:hover:not(.disabled) .icon,
.asset-radio-menu .ui.secondary.menu.inverted a.item.active:hover .icon,
.asset-radio-menu .ui.secondary.menu.inverted a.item.active .icon {
  color: #77d3c6 !important;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.mini .item {
  width: 4.6rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.mini .item .ui.header .icon {
  font-size: 2rem;
  padding-top: 0.55rem;
  height: 3.3rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.mini .item .ui.header > img {
  width: 4.6rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.mini .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 2rem;
  margin: 0;
  width: auto;
  height: auto;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.tiny .item {
  width: 6.44rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.tiny .item .ui.header .icon {
  font-size: 2.8rem;
  padding-top: 0.81rem;
  height: 4.62rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.tiny .item .ui.header > img {
  width: 6.44rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.tiny .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 2.8rem;
  margin: 0;
  width: auto;
  height: auto;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.small .item {
  width: 7.82rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.small .item .ui.header .icon {
  font-size: 3.4rem;
  padding-top: 1.005rem;
  height: 5.61rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.small .item .ui.header > img {
  width: 7.82rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.small .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 3.4rem;
  margin: 0;
  width: auto;
  height: auto;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.medium .item {
  width: 9.66rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.medium .item .ui.header .icon {
  font-size: 4.2rem;
  padding-top: 1.265rem;
  height: 6.93rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.medium .item .ui.header > img {
  width: 9.66rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.medium .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 4.2rem;
  margin: 0;
  width: auto;
  height: auto;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.large .item {
  width: 11.5rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.large .item .ui.header .icon {
  font-size: 5rem;
  padding-top: 1.525rem;
  height: 8.25rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.large .item .ui.header > img {
  width: 11.5rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.large .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 5rem;
  margin: 0;
  width: auto;
  height: auto;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.big .item {
  width: 13.8rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.big .item .ui.header .icon {
  font-size: 6rem;
  padding-top: 1.85rem;
  height: 9.9rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.big .item .ui.header > img {
  width: 13.8rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.big .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 6rem;
  margin: 0;
  width: auto;
  height: auto;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.huge .item {
  width: 18.4rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.huge .item .ui.header .icon {
  font-size: 8rem;
  padding-top: 2.5rem;
  height: 13.2rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.huge .item .ui.header > img {
  width: 18.4rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.huge .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 8rem;
  margin: 0;
  width: auto;
  height: auto;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.massive .item {
  width: 23rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.massive .item .ui.header .icon {
  font-size: 10rem;
  padding-top: 3.15rem;
  height: 16.5rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.massive .item .ui.header > img {
  width: 23rem;
}
.asset-radio-menu .ck-asset-radio-menu.ui.secondary.menu.massive .item .ui.header.icon .ck-icon .ck-icon__svg {
  font-size: 10rem;
  margin: 0;
  width: auto;
  height: auto;
}
/*******************************
            AssetUploader
*******************************/
/*-------------------
      Element
--------------------*/
.ck.asset-uploader-wrapper {
  /* without this, the invalid icon would also show for the TextArea component used for video url's */
}
.ck.asset-uploader-wrapper > .ui.label {
  margin: 0;
  font-weight: bold;
}
.ck.asset-uploader-wrapper .no-pointer-events {
  pointer-events: none;
}
.ck.asset-uploader-wrapper .error-wrapper {
  display: flex;
  align-items: center;
}
.ck.asset-uploader-wrapper .error-wrapper > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 0;
  opacity: 0;
  width: 0;
  transform: rotateY(90deg);
}
.ck.asset-uploader-wrapper.error .error-wrapper .ck.asset-uploader .uploader-background {
  border: 0.2rem dashed #ee2f19;
}
.ck.asset-uploader-wrapper.error .error-wrapper > .ck.tooltip {
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  transform: rotateY(0deg);
}
.ck.asset-uploader-wrapper.error .ck.textarea .error-wrapper > .ck.tooltip {
  opacity: 0;
  width: 0;
  padding-left: 0;
}
.ck.asset-uploader {
  position: relative;
  width: 500px;
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.ck.asset-uploader.fluid {
  width: 100%;
}
.ck.asset-uploader.upload-state-video-input {
  height: 385px;
}
.ck.asset-uploader .uploader-background {
  background-color: #394242;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 120px;
}
.ck.asset-uploader.transparent .uploader-background {
  background-color: transparent;
}
.ck.asset-uploader.upload-state-failed .uploader-background {
  background-color: rgba(238, 47, 25, 0.9);
}
.ck.asset-uploader .v-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.ck.asset-uploader .v-align .grid {
  margin: 0;
}
.ck.asset-uploader .upload-view {
  width: 100%;
  height: 100%;
  min-height: 120px;
  color: #ffffff;
  position: relative;
}
.ck.asset-uploader .upload-view .ck-modal {
  width: 100%;
}
.ck.asset-uploader .upload-view__inner {
  height: 100%;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ck.asset-uploader .upload-view__inner > .ui.grid {
  align-self: stretch;
}
.ck.asset-uploader .upload-view__inner .ck.buttons.vertical .ui.button {
  margin-left: 0;
}
.ck.asset-uploader .upload-view.upload-error--view .file-actions-wrapper {
  background-color: rgba(238, 47, 25, 0.9);
}
.ck.asset-uploader .progress-bar-holder {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}
.ck.asset-uploader .upload-error-info .file-error-title {
  font-size: 1.8rem;
  line-height: 2rem;
}
.ck.asset-uploader .upload-error-info .file-error-message {
  font-size: 1.3rem;
  line-height: 1.6rem;
}
.ck.asset-uploader .upload-success-info .file-success-title {
  font-size: 3.2rem;
  line-height: 3.2rem;
}
.ck.asset-uploader .upload-file-info .file-name {
  font-size: 1.8rem;
  line-height: 2.1rem;
  overflow: hidden;
  max-height: 5.4rem;
  color: #394242;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.ck.asset-uploader .upload-file-info .file-meta {
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #6c7373;
}
.ck.asset-uploader .upload-file-info .image-file-resolution {
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #6c7373;
}
.ck.asset-uploader .drag-and-drop-container {
  background-color: #3ec0ad;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height: 120px;
  text-align: center;
  color: #ffffff;
  font-size: 1.8rem;
  visibility: hidden;
}
.ck.asset-uploader .drag-and-drop-container .drag-and-drop-foreground {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 120px;
}
.ck.asset-uploader.drag-and-drop-inprogress .drag-and-drop-container {
  visibility: visible;
}
.ck.asset-uploader .upload-view .file-actions-wrapper {
  background-color: rgba(108, 115, 115, 0.9);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  visibility: hidden;
}
.ck.asset-uploader:hover:not(.disabled) .upload-view .file-actions-wrapper {
  visibility: visible;
}
.ck.asset-uploader .upload-success-view {
  background-color: rgba(119, 211, 198, 0.9);
  position: absolute;
  top: 0;
}
.ck.asset-uploader .file-upload-disabled {
  top: 0;
  position: absolute;
  background-color: #f7f7f7;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  display: none;
  cursor: not-allowed;
}
.ck.asset-uploader.disabled .file-upload-disabled {
  display: block;
}
.ck.asset-uploader.disabled .drag-and-drop-container,
.ck.asset-uploader.disabled .upload-view,
.ck.asset-uploader.disabled .uploader-background {
  pointer-events: none;
}
.ck.asset-uploader .asset-overview-layout {
  display: flex;
  width: 100%;
  height: 100%;
}
.ck.asset-uploader .asset-overview-layout .asset-overview-layout__column {
  display: flex;
}
.ck.asset-uploader .asset-overview-layout .asset-overview-layout__thumbnail-wrapper {
  align-items: center;
  justify-content: center;
  width: 120px;
  margin-right: 0px;
}
.ck.asset-uploader .asset-overview-layout .asset-overview-layout__content-wrapper {
  flex: 1;
  align-items: center;
  overflow: hidden;
  margin: 1rem;
}
.ck.asset-uploader.inverted .uploader-background {
  background-color: #e8ebeb;
}
.ck.asset-uploader.inverted.transparent .uploader-background {
  background-color: transparent;
}
.ck.asset-uploader.inverted.upload-state-failed .uploader-background {
  background-color: rgba(238, 47, 25, 0.9);
}
.ck.asset-uploader.inverted .upload-view {
  color: #ffffff;
}
.ck.asset-uploader.inverted .upload-file-info .file-name {
  color: #ffffff;
}
.ck.asset-uploader.inverted .upload-file-info .file-meta {
  color: #ffffff;
}
.ck.asset-uploader.inverted .upload-file-info .image-file-resolution {
  color: #ffffff;
}
.ck.asset-uploader.inverted .drag-and-drop-container {
  background-color: #3ec0ad;
  color: #ffffff;
}
.ck.asset-uploader.inverted .drag-and-drop-container .drag-and-drop-foreground {
  background-color: rgba(0, 0, 0, 0);
}
.ck.asset-uploader.inverted .upload-view .file-actions-wrapper {
  background-color: rgba(108, 115, 115, 0.9);
}
.ck.asset-uploader.inverted .upload-view.upload-error--view .file-actions-wrapper {
  background-color: rgba(238, 47, 25, 0.9);
}
.ck.asset-uploader.inverted .file-upload-disabled {
  background-color: #f7f7f7;
}
.ck.asset-uploader .ck.content-item .content-item__right {
  margin: 0;
}
.ck.asset-uploader .ck.content-item .content-item-content__header {
  line-height: 2.4rem;
  font-size: 1.8rem;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
.ck.asset-uploader .ck.content-item .content-item-content__byline {
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin-top: 0.2rem;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
.ck.asset-uploader .ck.content-item .content-item-content__meta {
  font-size: 1.8rem;
  line-height: 2.1rem;
  margin-top: 1rem;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
.ck.asset-uploader.upload-state-video-input .uploader-background,
.ck.asset-uploader.upload-state-file-select .uploader-background,
.ck.asset-uploader.upload-state-loading .uploader-background {
  border: 0.2rem dashed #d4d9d9;
}
.ck.asset-uploader.inverted.upload-state-video-input .uploader-background,
.ck.asset-uploader.inverted.upload-state-file-select .uploader-background,
.ck.asset-uploader.inverted.upload-state-loading .uploader-background {
  border: 0.2rem dashed #d4d9d9;
}
.ck.asset-uploader .video-player-wrapper {
  width: 480px;
  height: 270px;
  overflow: hidden;
  margin: 0 auto;
}
.ck.asset-uploader .video-url-icon {
  margin: 2.8rem;
  font-size: 6.4rem;
}
.ck.asset-uploader .video-url-icon i.icon {
  margin: 0;
}
.ck.asset-uploader .video-url-invalid {
  margin: 0 auto;
  font-size: 6.4rem;
}
.ck.asset-uploader .file-thumbnail-wrapper,
.ck.asset-uploader .file-thumbnail-wrapper--portrait {
  height: 120px;
  width: 120px;
}
.ck.asset-uploader .file-thumbnail-wrapper,
.ck.asset-uploader .file-thumbnail-wrapper--portrait {
  position: relative;
  margin: 0;
  display: inline-block;
  overflow: hidden;
}
.ck.asset-uploader .file-thumbnail-wrapper .ui.image,
.ck.asset-uploader .file-thumbnail-wrapper--portrait .ui.image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ck.asset-uploader .file-thumbnail-wrapper .ui.image {
  height: 100%;
  width: auto;
  max-width: none;
}
.ck.asset-uploader .file-thumbnail-wrapper--portrait .ui.image {
  width: 100%;
  height: auto;
}
.ck.asset-uploader.has-border {
  border-radius: 0.2rem;
}
.ck.asset-uploader.has-border .uploader-background {
  border-radius: 0.2rem;
}
.ck.asset-uploader.has-border.upload-state-video-input .uploader-background,
.ck.asset-uploader.has-border.upload-state-file-select .uploader-background,
.ck.asset-uploader.has-border.upload-state-loading .uploader-background {
  border: 0.2rem dashed #d4d9d9;
}
.ck.asset-uploader.has-border.upload-state-failed .uploader-background {
  border: 0.1rem solid #ee2f19;
}
.ck.asset-uploader.has-border.upload-state-wrong-image-size .uploader-background,
.ck.asset-uploader.has-border.upload-state-overview .uploader-background,
.ck.asset-uploader.has-border.upload-state-progress .uploader-background,
.ck.asset-uploader.has-border.upload-state-succeded .uploader-background {
  border: 0.1rem solid #d4d9d9;
}
.ck.asset-uploader.has-border .upload-view.upload-error--view .file-actions-wrapper {
  border: 0.1rem solid #ee2f19;
}
.ck.asset-uploader.has-border .drag-and-drop-container {
  border-radius: 0.2rem;
}
.ck.asset-uploader.has-border .upload-view .file-actions-wrapper {
  border: 0.1rem solid #6c7373;
  border-radius: 0.2rem;
}
.ck.asset-uploader.has-border .upload-success-view {
  border-radius: 0.2rem;
  border: 0.1rem solid #77d3c6;
}
.ck.asset-uploader.has-border .file-upload-disabled {
  border-radius: 0.2rem;
}
.ck.asset-uploader.has-border .asset-overview-layout .asset-overview-layout__thumbnail-wrapper {
  margin-right: -1rem;
}
.ck.asset-uploader.has-border.inverted.upload-state-video-input .uploader-background,
.ck.asset-uploader.has-border.inverted.upload-state-file-select .uploader-background,
.ck.asset-uploader.has-border.inverted.upload-state-loading .uploader-background {
  border: 0.2rem dashed #e8ebeb;
}
.ck.asset-uploader.has-border.inverted.upload-state-failed .uploader-background {
  border: 0.1rem solid #ee2f19;
}
.ck.asset-uploader.has-border.inverted.upload-state-wrong-image-size .uploader-background,
.ck.asset-uploader.has-border.inverted.upload-state-overview .uploader-background,
.ck.asset-uploader.has-border.inverted.upload-state-progress .uploader-background,
.ck.asset-uploader.has-border.inverted.upload-state-succeded .uploader-background {
  border: 0.1rem solid #e8ebeb;
}
.ck.asset-uploader.has-border.inverted .upload-view {
  color: #e8ebeb;
}
.ck.asset-uploader.has-border.inverted .upload-view .file-actions-wrapper {
  border: 0.1rem solid #e8ebeb;
}
.ck.asset-uploader.has-border.inverted .upload-view .ck.ui.label.basic.inverted.base,
.ck.asset-uploader.has-border.inverted .upload-view .ck.ui.label.basic.inverted.base .icon {
  color: #e8ebeb !important;
}
.ck.asset-uploader.has-border.inverted .upload-view.upload-error--view .file-actions-wrapper {
  border: 0.1rem solid #ee2f19;
}
.ck.asset-uploader.has-border .file-thumbnail-wrapper,
.ck.asset-uploader.has-border .file-thumbnail-wrapper--portrait {
  margin: 1rem;
  height: 100px;
  width: 100px;
}
.ck.asset-uploader.has-border .video-url-icon {
  margin: 3.2rem;
}
.ck.asset-uploader .asset-alt-text {
  margin-top: 1rem;
}
.ck.avatar {
  cursor: default;
  display: flex;
}
.ck.avatar .avatar-content {
  padding-left: 0.5rem;
  color: #6c7373;
}
.ck.avatar .avatar-content__username {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.ck.avatar .avatar-content__handle {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  display: flex;
  flex-direction: row;
}
.ck.avatar .avatar-content-handle__network-icon {
  margin-right: 0.5rem;
}
.ck.avatar .avatar-content__meta {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1.2rem;
  color: #d4d9d9;
}
.ck.avatar.avatar--size-medium .avatar-image {
  height: 5rem;
  width: 5rem;
}
.ck.avatar.avatar--size-medium .avatar-content__username {
  font-size: 1.8rem;
  line-height: 1.15;
}
.ck.avatar.avatar--size-medium .avatar-content__handle {
  font-size: 1.2rem;
  margin-top: 0.5rem;
}
.ck.avatar.avatar--size-medium .avatar-content__network {
  height: 2rem;
  width: 2rem;
}
.ck.avatar.avatar--size-medium .avatar-content__meta {
  font-size: 1.2rem;
  margin-top: 0.3rem;
}
.ck.avatar.avatar--size-large .avatar-image {
  height: 75px;
  width: 75px;
}
.ck.avatar.avatar--size-large .avatar-content__username {
  font-size: 3rem;
  line-height: 3rem;
}
.ck.avatar.avatar--size-large .avatar-content__handle {
  font-size: 1.6rem;
  margin-top: 1rem;
}
.ck.avatar.avatar--size-large .avatar-content__network {
  height: 2.5rem;
  width: 2.5rem;
}
.ck.avatar.avatar--size-large .avatar-content__meta {
  font-size: 1.6rem;
  margin-top: 0.8rem;
}
.ck.avatar.avatar--align-top {
  align-items: flex-start;
}
.ck.avatar.avatar--align-middle {
  align-items: center;
}
.ck.avatar.avatar--align-bottom {
  align-items: flex-end;
}
.ck.avatar.avatar--inverted .avatar-content {
  color: #ffffff;
}
.ck.avatar .avatar--element-clickable {
  cursor: pointer;
}
.big-search {
  width: 100%;
}
.big-search .ck.input .ui.icon.input input {
  padding: 0 !important;
}
.big-search .ck.input .ui.icon.input > .ck-icon,
.big-search .ck.input .ui.labeled.input > .ck-icon {
  display: inline-flex;
}
.big-search .ck.input .ui.icon.input > .ck-icon > i.icon,
.big-search .ck.input .ui.labeled.input > .ck-icon > i.icon,
.big-search .ck.input .ui.icon.input > .ui.label > .ck-icon > i.icon,
.big-search .ck.input .ui.labeled.input > .ui.label > .ck-icon > i.icon {
  position: static;
  margin: 0;
}
.ck-adaptive-tooltip {
  position: fixed;
  display: inline-block;
  text-align: center;
  background: #505959;
  color: #ffffff;
  box-shadow: 0 0.8rem 2rem 0 rgba(57, 66, 66, 0.5);
  border-radius: 0.2rem;
  z-index: 9999;
}
.ck-adaptive-tooltip .ck-adaptive-tooltip__pointer {
  border-width: 6px 6px 0;
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #505959 transparent;
  display: block;
  width: 0;
}
.ck-adaptive-tooltip .ck-adaptive-tooltip__content {
  pointer-events: none;
  text-transform: none;
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  font-size: 1.1rem;
  line-height: 1.2;
  padding: 0.833em 1em;
  font-weight: 600;
  font-style: normal;
  overflow-x: hidden;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--size-small {
  min-width: 200px;
  max-width: 200px;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--size-medium {
  min-width: 300px;
  max-width: 300px;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--size-large {
  min-width: 400px;
  max-width: 400px;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--size-big {
  min-width: 300px;
  max-width: 600px;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--size-huge {
  min-width: 300px;
  max-width: 900px;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--size-massive {
  min-width: 300px;
  max-width: 1200px;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--compact {
  max-width: 216px;
  min-width: 62px;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--inverted {
  background: #ffffff;
  color: #505959;
  box-shadow: 0 0.2rem 0.8rem 0 rgba(57, 66, 66, 0.18);
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--inverted .ck-adaptive-tooltip__pointer {
  border-color: #ffffff transparent;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--color-error {
  background: #ee2f19;
  color: #ffffff;
}
.ck-adaptive-tooltip.ck-adaptive-tooltip--color-error .ck-adaptive-tooltip__pointer {
  border-color: #ee2f19 transparent;
}
.ck-adaptive-tooltip__children-wrapper--inline {
  display: inline-block;
}
.ui.menu.ck-button-menu {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.ui.menu.ck-button-menu > .ui.label {
  font-weight: bold;
}
.ui.menu.ck-button-menu.ui.menu div {
  margin-right: 1.5rem;
}
.ui.menu.ck-button-menu.ui.menu div:last-child {
  margin-right: 0;
}
.ui.menu.ck-button-menu.ui.menu > .ck.tooltip .item,
.ui.menu.ck-button-menu.ui.menu > .ck.menu-item .item {
  border-radius: 0.2rem;
}
.ui.menu.ck-button-menu.inverted .ck.menu-item .disabled.item,
.ui.menu.ck-button-menu.inverted .ck.menu-item .disabled.item:hover {
  border-color: #6c7373 !important;
  color: #6c7373 !important;
  cursor: not-allowed;
}
.ui.menu.ck-button-menu .ck.menu-item .disabled.item,
.ui.menu.ck-button-menu .ck.menu-item .disabled.item:hover {
  border-color: #f7f7f7 !important;
  color: #e8ebeb !important;
  cursor: not-allowed;
}
.ui.menu.ck-button-menu.ui.compact.menu div {
  margin-right: 0;
}
.ui.menu.ck-button-menu.ui.compact.menu > .ck.tooltip .item,
.ui.menu.ck-button-menu.ui.compact.menu > .ck.menu-item .item {
  border-radius: 0;
}
.ui.menu.ck-button-menu.ui.compact.menu > .ck.tooltip:first-of-type .ck.menu-item .item {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.ui.menu.ck-button-menu.ui.compact.menu > .ck.menu-item:first-of-type .item {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.ui.menu.ck-button-menu.ui.compact.menu > .ck.tooltip:last-of-type .ck.menu-item .item {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  margin-left: -0.1rem;
}
.ui.menu.ck-button-menu.ui.compact.menu > .ck.menu-item:last-of-type .item {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.ui.menu.ck-button-menu i.inverted.icon {
  color: #e8ebeb;
}
.ck-carousel .ck-carousel__main-carousel {
  display: flex;
  flex-direction: column;
  position: relative;
  border: #8d9494;
}
.ck-carousel .ck-carousel__main-carousel.ck-carousel__main-carousel--has-box-shadow .alice-carousel__wrapper {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
}
.ck-carousel .ck-carousel__main-carousel.ck-carousel__main-carousel--has-box-shadow .ck-carousel__slide-button--prev .ck-icon i.icon {
  box-shadow: -0.2rem 0 0.8rem rgba(0, 0, 0, 0.4);
  border: none;
}
.ck-carousel .ck-carousel__main-carousel.ck-carousel__main-carousel--has-box-shadow .ck-carousel__slide-button--next .ck-icon i.icon {
  box-shadow: 0.2rem 0 0.8rem rgba(0, 0, 0, 0.4);
  border: none;
}
.ck-carousel .ck-carousel__main-carousel.ck-carousel__main-carousel--show-dots .alice-carousel {
  overflow-y: hidden;
}
.ck-carousel .ck-carousel__main-carousel.ck-carousel__main-carousel__feature-item-wrapper img {
  object-fit: cover;
}
.ck-carousel .ck-carousel__slide-button {
  position: absolute;
  top: calc(50% - 2.4rem);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.8rem;
  width: 4.8rem;
  cursor: pointer;
}
.ck-carousel .ck-carousel__slide-button.ck-carousel__slide-button--show-dots {
  top: calc(50% - 2.4rem - 1.7rem);
}
.ck-carousel .ck-carousel__slide-button .ck-icon i.icon.color-base.solid {
  border: 0.1rem #b2b8b8 solid;
}
.ck-carousel .ck-carousel__slide-button .ck-icon i.icon.color-base.solid:hover {
  background-color: #3ec0ad;
  border: 0.1rem #3ec0ad solid;
}
.ck-carousel .ck-carousel__slide-button.ck-carousel__slide-button--prev {
  left: -2.4rem;
}
.ck-carousel .ck-carousel__slide-button.ck-carousel__slide-button--next {
  right: -2.4rem;
}
.ck-carousel .ck-carousel__slide-button.ck-carousel__slide-button--next .ck-icon {
  margin-left: 0.5rem;
}
.ck-carousel .ck-carousel__thumbs-container .ck-carousel__thumbs-container__thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.ck-carousel .ck-carousel__thumbs-container .ck-carousel__thumbs-container__thumbnail-wrapper > *:first-child {
  border: 0.1rem solid transparent;
}
.ck-carousel .ck-carousel__thumbs-container .ck-carousel__thumbs-container__thumbnail-wrapper.ck-carousel__thumbs-container__thumbnail-wrapper--show-dots {
  margin-top: -3.5rem;
}
.ck-carousel .ck-carousel__thumbs-container .ck-carousel__thumbs-container__thumbnail-wrapper .ck-carousel__thumbs-container__thumbnail-wrapper__hoverable-div {
  position: absolute;
  top: 0;
  left: 0;
}
.ck-carousel .ck-carousel__thumbs-container .ck-carousel__thumbs-container__thumbnail-wrapper .ck-carousel__thumbs-container__thumbnail-wrapper__hoverable-div:hover {
  background-color: #2b8679;
  opacity: 0.3;
  transition: background-color 0.5s ease-in;
}
.ck-carousel .ck-carousel__thumbs-container .alice-carousel__wrapper {
  margin-top: 1rem;
  padding: 0.5rem 0;
  background-color: transparent;
}
.ck-carousel .ck-carousel__thumbs-container .alice-carousel__wrapper .alice-carousel__stage-item {
  padding-right: 0.4rem;
  text-align: center;
}
.ck-carousel .ck-carousel__thumbs-container .alice-carousel__wrapper .alice-carousel__stage-item:hover .ck.ui.label.basic {
  color: #3ec0ad !important;
}
.ck-carousel .ck-carousel__thumbs-container .alice-carousel__wrapper .alice-carousel__stage-item:hover .ck-carousel__thumbs-container__thumbnail-wrapper > *:first-child {
  border: 0.1rem solid #3ec0ad;
}
.ck-carousel .ck-carousel__thumbs-container .alice-carousel__wrapper .alice-carousel__stage-item.__active .ck-carousel__thumbs-container__thumbnail-wrapper-label .ck.ui.label.basic {
  color: #3ec0ad !important;
}
.ck-carousel .ck-carousel__thumbs-container .alice-carousel__wrapper .alice-carousel__stage-item.__active .ck-carousel__thumbs-container__thumbnail-wrapper > *:first-child {
  border: 0.1rem solid #3ec0ad;
}
.ck-carousel .ck-carousel__thumbs-container.ck-carousel__thumbs-container--show-dots {
  margin-top: -3.5rem;
}
.ck-carousel .alice-carousel__dots {
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  bottom: 6rem;
}
.ck-carousel .alice-carousel__dots .alice-carousel__dots-item.__active {
  height: 1.6rem;
  width: 1.6rem;
}
.ck-carousel .alice-carousel__dots .alice-carousel__dots-item.__active:not(.__custom) {
  background-color: #3ec0ad;
}
.ck-carousel .alice-carousel__dots .alice-carousel__dots-item:hover:not(.__active) {
  background-color: #8d9494;
}
.ck-carousel.ck-carousel--inverted .alice-carousel__dots .alice-carousel__dots-item.__active:not(.__custom) {
  background-color: #2b8679;
}
.ck-carousel.ck-carousel--inverted .alice-carousel__dots .alice-carousel__dots-item:not(.__active) {
  background-color: #6c7373;
}
.ck-carousel.ck-carousel--inverted .alice-carousel__dots .alice-carousel__dots-item:hover:not(.__active) {
  background-color: #d4d9d9;
}
.ck-carousel.ck-carousel--inverted .alice-carousel__wrapper .alice-carousel__stage-item.__active .ck-carousel__thumbs-container__thumbnail-wrapper-label .ck.ui.label.basic {
  color: #2b8679 !important;
}
.ck-carousel.ck-carousel--inverted .alice-carousel__wrapper .alice-carousel__stage-item.__active .ck-carousel__thumbs-container__thumbnail-wrapper > *:first-child {
  border: 0.1rem solid #2b8679;
}
.ck-carousel.ck-carousel--inverted .alice-carousel__wrapper .alice-carousel__stage-item:hover .ck.ui.label.basic {
  color: #3ec0ad !important;
}
.ck-carousel.ck-carousel--inverted .alice-carousel__wrapper .alice-carousel__stage-item:hover .ck-carousel__thumbs-container__thumbnail-wrapper > *:first-child {
  border: 0.1rem solid #3ec0ad;
}
.ck-carousel.ck-carousel--inverted .ck-carousel__slide-button .ck-icon i.icon.color-base.solid {
  border: none;
}
.ck-carousel.ck-carousel--inverted .ck-carousel__slide-button .ck-icon i.icon.color-base.solid:hover {
  background-color: #2b8679;
  border: 0.1rem #2b8679 solid;
}
.highcharts-container {
  overflow: visible !important;
}
.highcharts-container > svg {
  overflow: visible !important;
}
.highcharts-container .highcharts-tooltip > span {
  width: 175px;
}
.highcharts-container .highcharts-tooltip > span table {
  table-layout: fixed;
}
.highcharts-container .highcharts-tooltip .highcharts-tooltip__bullet,
.highcharts-container .highcharts-tooltip .highcharts-tooltip__name,
.highcharts-container .highcharts-tooltip .highcharts-tooltip__value {
  padding-top: 0.5em;
  padding-right: 0.5em;
}
.highcharts-container .highcharts-tooltip .highcharts-tooltip__name {
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  table-layout: fixed;
}
.highcharts-container .highcharts-tooltip .highcharts-tooltip__value {
  text-align: right;
}
/* CUSTOM STYLE IMPORTS */
.ck.codemirror.mini {
  font-size: 1rem;
}
.ck.codemirror.tiny {
  font-size: 1.1rem;
}
.ck.codemirror {
  font-size: 1.2rem;
  height: 100%;
}
.ck.codemirror.small {
  font-size: 1.2rem;
}
.ck.codemirror.medium {
  font-size: 1.4rem;
}
.ck.codemirror.large {
  font-size: 1.5rem;
}
.ck.codemirror.big {
  font-size: 1.7rem;
}
.ck.codemirror.huge {
  font-size: 1.8rem;
}
.ck.codemirror.massive {
  font-size: 2.4rem;
}
/* THEMES */
/* NGX-Dark theme for codemirror, based on Ambiance */
.code-mirror-dark > .title-tool {
  background: #666666;
  color: #f7f7f7;
}
.cm-s-code-mirror-dark {
  color: #e8ebeb;
  font-size: 1.4rem;
}
.cm-s-code-mirror-dark.CodeMirror * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.cm-s-code-mirror-dark .cm-keyword {
  color: #fa2d7d;
}
.cm-s-code-mirror-dark .cm-atom {
  color: #ae81ff;
}
.cm-s-code-mirror-dark .cm-number {
  color: #b78cff;
}
.cm-s-code-mirror-dark .cm-def {
  color: #f79900;
}
.cm-s-code-mirror-dark .cm-variable {
  color: #71d7d0;
}
.cm-s-code-mirror-dark .cm-variable-2 {
  color: #ae81ff;
}
.cm-s-code-mirror-dark .cm-variable-3 {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-property {
  color: #71d7d0;
}
.cm-s-code-mirror-dark .cm-operator {
  color: #fa2d7d;
}
.cm-s-code-mirror-dark .cm-comment {
  color: #e8ebeb;
  font-style: italic;
}
.cm-s-code-mirror-dark .cm-string {
  color: #e9e07f;
}
.cm-s-code-mirror-dark .cm-string-2 {
  color: #e9e07f;
}
.cm-s-code-mirror-dark .cm-meta {
  color: #fa2d7d;
}
.cm-s-code-mirror-dark .cm-qualifier {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-builtin {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-bracket {
  color: #ffffff;
}
.cm-s-code-mirror-dark .cm-tag {
  color: #fa2d7d;
}
.cm-s-code-mirror-dark .cm-attribute {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-header {
  color: #fa2d7d;
}
.cm-s-code-mirror-dark .cm-quote {
  color: #77d3c6;
}
.cm-s-code-mirror-dark .cm-hr {
  color: pink;
}
.cm-s-code-mirror-dark .cm-link {
  color: #f4c20b;
}
.cm-s-code-mirror-dark .cm-special {
  color: #ff9d00;
}
.cm-s-code-mirror-dark .cm-error {
  color: #ee2f19;
}
.cm-s-code-mirror-dark .CodeMirror-matchingbracket {
  color: #0f0;
}
.cm-s-code-mirror-dark .CodeMirror-nonmatchingbracket {
  color: #f22;
}
.cm-s-code-mirror-dark .cm-searching,
.cm-s-code-mirror-dark .CodeMirror-focused .CodeMirror-selected,
.cm-s-code-mirror-dark .CodeMirror-selected {
  background-color: #8d9494;
}
.cm-s-code-mirror-dark.CodeMirror {
  line-height: 1.4em;
  font-family: Monaco, Menlo, 'Andale Mono', 'lucida console', 'Courier New', monospace !important;
  color: #e8ebeb;
  font-size: 1.4rem;
  background: #394242 !important;
}
.cm-s-code-mirror-dark .CodeMirror-gutters {
  background: #e8ebeb;
  border-right: 1px solid #b2b8b8;
}
.cm-s-code-mirror-dark .CodeMirror-linenumber {
  color: #394242;
  padding: 0 5px;
}
.cm-s-code-mirror-dark .CodeMirror-lines .CodeMirror-cursor {
  border-left: 1px solid #7991e8;
}
.cm-s-code-mirror-dark .CodeMirror-activeline-background {
  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.031);
}
/* NGX-Light theme for codemirror, based on Ambiance */
.ngx-light > .title-tool {
  background: #428bca;
  color: #f7f7f7;
}
/* Codemirror */
.cm-s-code-mirror-light {
  color: #394242;
  font-size: 1.4rem;
}
.cm-s-code-mirror-light.CodeMirror {
  background: #f7f7f7;
}
.cm-s-code-mirror-light.CodeMirror-wrap {
  background: #e8ebeb !important;
}
.cm-s-code-mirror-light .CodeMirror-gutters {
  background: #e8ebeb;
  border-right: 1px solid #b2b8b8;
}
.cm-s-code-mirror-light .box,
.cm-s-code-mirror-light .editor .top-boxes,
.cm-s-code-mirror-light .CodeMirror-gutter-wrapper,
.cm-s-code-mirror-light body.project .editor-pane,
.cm-s-code-mirror-light body.project .editor {
  background: #f7f8f9;
}
.cm-s-code-mirror-light .CodeMirror-cursor {
  border-left-color: #000000;
}
.cm-s-code-mirror-light .CodeMirror pre,
.cm-s-code-mirror-light .box pre,
.cm-s-code-mirror-light .editor .top-boxes pre,
.cm-s-code-mirror-light .CodeMirror-gutter-wrapper pre {
  color: #4d4e53;
}
.cm-s-code-mirror-light .cm-keyword {
  color: #007bbb;
}
.cm-s-code-mirror-light .cm-atom {
  color: #4d4e53;
}
.cm-s-code-mirror-light .box-html .cm-atom {
  color: #4d4e53;
}
.cm-s-code-mirror-light .cm-def {
  color: #5c4e53;
}
.cm-s-code-mirror-light .cm-variable {
  color: #0077aa;
}
.cm-s-code-mirror-light .cm-variable-2 {
  color: #669900;
}
.cm-s-code-mirror-light .cm-variable-3 {
  color: #0077aa;
}
.cm-s-code-mirror-light .cm-header {
  color: #ff6400;
}
.cm-s-code-mirror-light .cm-number {
  color: #4d4e53;
}
.cm-s-code-mirror-light .cm-property {
  color: #990055;
}
.cm-s-code-mirror-light .cm-attribute {
  color: #66993e;
}
.cm-s-code-mirror-light .cm-builtin {
  color: #9b7536;
}
.cm-s-code-mirror-light .cm-qualifier {
  color: #669900;
}
.cm-s-code-mirror-light .cm-operator {
  color: #cda869;
}
.cm-s-code-mirror-light .cm-meta {
  color: #000000;
}
.cm-s-code-mirror-light .cm-string {
  color: #0077aa;
}
.cm-s-code-mirror-light .cm-string-2 {
  color: #bd6b18;
}
.cm-s-code-mirror-light .cm-tag {
  color: #9b0064;
}
.cm-s-code-mirror-light .box-css .cm-tag {
  color: #9b0064;
}
.cm-s-code-mirror-light .cm-tag.cm-bracket {
  color: #9b0064;
}
.cm-s-code-mirror-light .CodeMirror-linenumber {
  color: #394242;
}
.cm-s-code-mirror-light .CodeMirror-guttermarker-subtle {
  color: #aaaaaa;
}
.cm-s-code-mirror-light .cm-comment {
  color: #777777;
}
.cm-s-code-mirror-light .cm-searching,
.cm-s-code-mirror-light .CodeMirror-focused .CodeMirror-selected,
.cm-s-code-mirror-light .CodeMirror-selected {
  background-color: #b2b8b8;
}
.cm-s-code-mirror-light > div .CodeMirror-activeline-background {
  background: #efefff;
}
.cm-s-code-mirror-light > div span.CodeMirror-matchingbracket {
  outline: 1px solid grey;
  color: inherit;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 100%;
  color: black;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3 {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}
/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}
.ck.color-picker > .ui.label {
  font-weight: bold;
}
.ck.color-picker .color-picker__positioner {
  position: relative;
}
.ck.color-picker .ck.input + .ck.tooltip {
  position: absolute;
  top: 1.8rem;
  right: 0.7rem;
  visibility: hidden;
}
.ck.color-picker:hover .ck.input + .ck.tooltip {
  visibility: visible;
}
.ck.color-picker:hover .ck.input + .ck.tooltip .ck-icon i:hover {
  color: #3ec0ad;
}
.ck.color-picker .ck.input.error + .ck.tooltip {
  right: 3.7rem;
}
.ck.color-picker.color-picker--bottom .chrome-picker {
  top: 3.6rem;
}
.ck.color-picker.color-picker--bottom.left .chrome-picker {
  left: -191px;
}
.ck.color-picker.color-picker--top .chrome-picker {
  bottom: 3.6rem;
}
.ck.color-picker.color-picker--top.left .chrome-picker {
  left: -191px;
}
.ck.color-picker .chrome-picker {
  position: absolute;
  left: 0;
  z-index: 3;
}
.ck.color-picker.color-picker--has-input .ck.color-swatch.color-swatch--clickable {
  display: inline-block;
  border: 0px solid transparent;
  border-right: 0.1rem solid #e8ebeb;
}
.ck.color-picker.color-picker--has-input .ck.color-swatch.color-swatch--invalid-color {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-style: solid !important;
}
.ck.color-picker.color-picker--has-input .ck.color-swatch {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0.1rem solid #d4d9d9;
}
.ck.color-picker .ui.input:focus .ck.color-swatch,
.ck.color-picker .ui.input:hover .ck.color-swatch,
.ck.color-picker .ui.input.focus .ck.color-swatch {
  border: none;
  border-right: 0.1rem solid #77d3c6;
}
.ck.color-picker .ck.input.error .ck.color-swatch {
  border-right: 0.1rem solid #ee2f19;
}
.ck.color-picker .ck.input.error .ui.input:focus .ck.color-swatch,
.ck.color-picker .ck.input.error .ui.input:hover .ck.color-swatch,
.ck.color-picker .ck.input.error .ui.input.focus .ck.color-swatch {
  border-right: 0.1rem solid #ee2f19;
}
.ck.color-picker.color-picker--inverted .ck.color-swatch {
  border-right: 0.1rem solid #d4d9d9;
}
.ck.color-picker.color-picker--inverted .ui.input:focus .ck.color-swatch,
.ck.color-picker.color-picker--inverted .ui.input:hover .ck.color-swatch,
.ck.color-picker.color-picker--inverted .ui.input.focus .ck.color-swatch {
  border-right: 0.1rem solid #3ec0ad;
}
.ck.color-picker .ck.color-swatch {
  width: 100%;
  height: 5rem;
}
.ck.color-picker:not(.compact) .ck.color-swatch.color-swatch--transparent-value:after {
  content: '';
  width: 80px;
  height: 80px;
  transform: rotate(45deg) translate(-60%, -15%);
}
.ck.color-picker .ui.fluid.input > input {
  width: 240px !important;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  text-align: center;
}
.ck.color-picker.compact .ck.color-swatch {
  width: 3.5rem;
  height: 3.5rem;
}
.ck.color-picker.compact .ui.fluid.input > input {
  width: auto !important;
  text-align: left;
}
.ck.color-picker.compact .ck.input + .ck.tooltip {
  top: 0.9rem;
}
.ck.color-picker.color-picker--has-input.compact .ck.color-swatch {
  width: 3.3rem;
  height: 3.3rem;
}
.ck.color-swatch {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.2rem;
  position: relative;
  overflow: hidden;
  border: 0.1rem solid transparent;
}
.ck.color-swatch.color-swatch--has-border {
  border-color: #e8ebeb;
}
.ck.color-swatch.color-swatch--invalid-color {
  border-color: #ee2f19 !important;
  border-style: dotted !important;
}
.ck.color-swatch.color-swatch--transparent-value {
  border-color: #e8ebeb;
}
.ck.color-swatch.color-swatch--transparent-value:after {
  content: '';
  width: 55px;
  height: 55px;
  border: solid #ee2f19;
  border-width: 0 0.4rem 0 0;
  transform: rotate(45deg) translate(-74%, 0);
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
.ck.color-swatch.color-swatch--clickable {
  cursor: -webkit-grab;
}
.ck.color-swatch.color-swatch--clickable:focus,
.ck.color-swatch.color-swatch--clickable:hover,
.ck.color-swatch.color-swatch--clickable:active {
  border: 0.1rem solid #77d3c6;
}
.ck.color-swatch.color-swatch--clickable.color-swatch--inverted:focus,
.ck.color-swatch.color-swatch--clickable.color-swatch--inverted:hover,
.ck.color-swatch.color-swatch--clickable.color-swatch--inverted:active {
  border: 0.1rem solid #77d3c6;
}
.ck.content-card {
  display: block;
  margin: 1rem 0 0;
}
.content-card-header__inner,
.content-card-meta {
  display: flex;
  align-items: center;
}
.content-card-actions {
  flex: 1 200px;
}
.content-card-body {
  flex: 1;
}
.content-card__main {
  display: flex;
}
.content-card__main .content-card-media {
  flex: 0;
}
.nested-content-card {
  margin-top: 2rem;
}
.ck.content-card .content-card__inner {
  border-radius: 0.2rem;
  border-width: 0.1rem;
  border-color: #d4d9d9;
  border-style: solid;
  padding: 1rem 2rem 1.5rem;
  position: relative;
}
.ck.content-card.content-card--selected .content-card__inner {
  background-color: #d8f2ee;
  border-color: #d8f2ee;
}
.ck.content-card.content-card--selected .content-card__inner {
  background-color: #96d9d8;
  border-color: #96d9d8;
}
.ck.content-card.content-card--selected .content-card__inner .content-item-content {
  color: #394242;
}
.ck.content-card.content-card--active .content-card__inner {
  border-color: #eb8e1b;
}
.ck.content-card .content-card-body {
  color: #394242;
  font-size: 1.4rem;
  margin-top: 1rem;
  width: 100%;
}
.ck.content-card .content-card-body .content-card-body__inner {
  line-height: 2.3rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ck.content-card .content-card-body .content-card-body__inner .content-card-body__showmore {
  display: block;
}
.ck.content-card .content-card-media {
  margin-top: 1rem;
}
.ck.content-card .content-card-media .content-card-media__thumbnail {
  display: inline-block;
  margin: 0 0.2rem;
}
.ck.content-card .content-card-media .content-card-media__thumbnail:first-of-type {
  margin-left: 0;
}
.ck.content-card .content-card-media .content-card-media__thumbnail:last-of-type {
  margin-right: 0;
}
.ck.content-card .content-card-media .content-card-media__thumbnail img.ui.image {
  width: auto;
  height: 150px;
}
.ck.content-card .content-card__main .content-card-media {
  margin-left: 1rem;
}
.ck.content-card .content-card__main .content-card-media .content-card-media__thumbnail img.ui.image {
  width: auto;
  max-width: 150px;
  height: auto;
  max-height: 150px;
}
.ck.content-card .content-card-media-main {
  margin-top: 1rem;
}
.ck.content-card .content-card-media-main img.ui.image,
.ck.content-card .content-card-media-main .ui.embed {
  height: auto;
  width: auto;
  max-height: 500px;
  margin: 0 auto;
}
.ck.content-card .content-card-media-main + .content-card-media {
  margin-top: 0.4rem;
}
.ck.content-card .content-card-header {
  color: #394242;
}
.ck.content-card .content-card-header .content-item-content .content-item-content__header,
.ck.content-card .content-card-header .content-item-content .content-item-content__byline {
  display: inline-block;
  vertical-align: initial;
}
.ck.content-card .content-card-header .content-item-content .content-item-content__byline {
  margin: 0 0 0 0.5rem;
}
.ck.content-card .content-card-actions {
  margin-left: auto;
  text-align: right;
}
.ck.content-card .content-card-actions i.icon {
  margin: 0;
}
.ck.content-card .content-card-meta__timestamp {
  padding-left: 0.5rem;
  margin-bottom: 1px;
  color: #6c7373;
}
.ck.content-card .content-card-meta__timestamp img {
  width: 2rem;
}
.ck.content-card .content-card-meta__network img {
  width: 2rem;
}
.ck.content-card .content-card-meta__userhandle {
  font-size: 1.2rem;
  color: #6c7373;
}
.ck.content-card.content-card--inverted:not(.content-card--selected) .content-card-body__inner {
  color: #ffffff;
}
.ck.content-card.content-card--inverted:not(.content-card--selected) .content-card-meta__network,
.ck.content-card.content-card--inverted:not(.content-card--selected) .content-card-meta__userhandle,
.ck.content-card.content-card--inverted:not(.content-card--selected) .content-card-meta__timestamp {
  color: #e8ebeb;
}
.ck.content-item {
  color: #394242;
  cursor: default;
}
.ck.content-item .content-item__content-item-inner {
  display: flex;
  width: 100%;
  min-height: 0px;
  background: transparent;
  padding: 0em;
  border: none;
  border-radius: 0rem;
  box-shadow: none;
  transition: box-shadow 0.1s ease;
}
.ck.content-item .content-item__content-item-inner > .content-item__image {
  position: relative;
  flex: 0 0 auto;
  display: block;
  float: none;
  margin: 0em;
  padding: 0em;
  max-height: '';
}
.ck.content-item .content-item__content-item-inner > .content-item__image i.icon {
  margin: 1rem 0;
}
.ck.content-item.content-item--align-top .content-item__right {
  align-self: stretch;
}
.ck.content-item.content-item--align-middle .content-item-content {
  justify-content: center;
}
.ck.content-item.content-item--align-middle .content-item__image {
  align-self: center;
}
.ck.content-item.content-item--align-bottom .content-item__image,
.ck.content-item.content-item--align-bottom .content-item__right {
  align-self: flex-end;
}
.ck.content-item .content-item__right {
  margin: 1rem;
  display: flex;
  flex-direction: column;
}
.ck.content-item.content-item--font-custom-light .content-item-content__header {
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
}
.ck.content-item.content-item--font-custom-regular .content-item-content__header {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.ck.content-item.content-item--font-custom-medium .content-item-content__header {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
}
.ck.content-item.content-item--font-system-light .content-item-content__header {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: lighter;
}
.ck.content-item.content-item--font-system-regular .content-item-content__header {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: normal;
}
.ck.content-item.content-item--font-system-medium .content-item-content__header {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: bolder;
}
.ck.content-item.content-item--font-blokk-light .content-item-content__topline,
.ck.content-item.content-item--font-blokk-medium .content-item-content__topline,
.ck.content-item.content-item--font-blokk-regular .content-item-content__topline,
.ck.content-item.content-item--font-blokk-light .content-item-content__header,
.ck.content-item.content-item--font-blokk-medium .content-item-content__header,
.ck.content-item.content-item--font-blokk-regular .content-item-content__header,
.ck.content-item.content-item--font-blokk-light .content-item-content__byline,
.ck.content-item.content-item--font-blokk-medium .content-item-content__byline,
.ck.content-item.content-item--font-blokk-regular .content-item-content__byline,
.ck.content-item.content-item--font-blokk-light .content-item-content__meta,
.ck.content-item.content-item--font-blokk-medium .content-item-content__meta,
.ck.content-item.content-item--font-blokk-regular .content-item-content__meta,
.ck.content-item.content-item--font-blokk-light .content-item-content__extra,
.ck.content-item.content-item--font-blokk-medium .content-item-content__extra,
.ck.content-item.content-item--font-blokk-regular .content-item-content__extra {
  font-family: BLOKKRegular !important;
}
.ck.content-item .content-item-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  background: none;
  padding: 0em;
  box-shadow: none;
  border: none;
  border-radius: 0em;
}
.ck.content-item .content-item-content.content-item-content--size-tiny .content-item-content__header {
  font-size: 1.4rem;
}
.ck.content-item .content-item-content.content-item-content--size-small .content-item-content__header {
  font-size: 1.6rem;
}
.ck.content-item .content-item-content.content-item-content--size-medium .content-item-content__header {
  font-size: 1.8rem;
}
.ck.content-item .content-item-content.content-item-content--size-large .content-item-content__header {
  font-size: 2rem;
}
.ck.content-item .content-item-content.content-item-content--size-big .content-item-content__header {
  font-size: 2.4rem;
}
.ck.content-item .content-item-content.content-item-content--size-huge .content-item-content__header {
  font-size: 3.6rem;
}
.ck.content-item .content-item-content.content-item-content--size-massive .content-item-content__header {
  font-size: 4.8rem;
}
.ck.content-item .content-item-content.content-item-content--emphasis-caps .content-item-content__header {
  text-transform: uppercase;
}
.ck.content-item .content-item-content__topline {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #505959;
}
.ck.content-item .content-item-content__topline .ui.header.base {
  color: #505959;
}
.ck.content-item .content-item-content__topline.inverted .ui.header.base {
  color: #ffffff;
}
.ck.content-item .content-item-content__header {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  line-height: 1.15;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.content-item .content-item-content__byline {
  text-transform: none;
  letter-spacing: normal;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: normal;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #8d9494;
}
.ck.content-item .content-item-content__meta,
.ck.content-item .content-item-content__extra {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: #8d9494;
}
.ck.content-item .content-item-actions {
  margin-top: 1rem;
}
.ck.content-item.content-item--divided {
  position: relative;
}
.ck.content-item.content-item--divided .content-item-content,
.ck.content-item.content-item--divided .content-item-actions {
  margin-left: 1rem;
}
.ck.content-item.content-item--divided .content-item__divider:before {
  content: '';
  display: block;
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  width: 0.1rem;
  margin: 0 1rem;
  border-left: 0.1rem solid #d4d9d9;
}
.ck.content-item.content-item--divided.content-item--inverted .content-item__divider:before {
  border-left: 0.1rem solid #d4d9d9;
}
.ck.content-item .content-item__content-item-inner > .content-item__image .content-item-content {
  min-width: 0;
  width: auto;
  display: block;
  margin-left: 0em;
  align-self: top;
  padding-left: 1rem;
}
.ck.content-item.content-item--inverted .content-item-content__topline {
  color: #ffffff;
}
.ck.content-item.content-item--inverted .content-item-content {
  color: #ffffff;
}
.ck.content-item.content-item--inverted .content-item-content__meta {
  color: #ffffff;
}
.ck.content-item.content-item--clickable {
  cursor: pointer;
}
.ck.content-item.content-item--bordered {
  border: 0.1rem solid #d4d9d9;
  border-radius: 0.2rem;
}
.ck.content-item.content-item--bordered img.ui.image {
  border-radius: 0.2rem 0 0 0.2rem;
}
.ck.content-item.content-item--bordered.content-item--inverted {
  border-color: #d4d9d9;
}
.ck-cta-dropdown > .ui.label {
  display: block;
  font-weight: bold;
}
.ck-cta-dropdown .ui.input > .ui.label {
  padding-right: 0;
}
.ck-cta-dropdown .ck.dropdown > .ck.button {
  top: 1.1em;
}
.ck.counter {
  text-align: center;
}
.ck.counter .counter-title .ui.label,
.ck.counter .counter-value .ui.label {
  margin: 0;
  padding: 0;
}
.ck.counter .counter-title .ui.header .content {
  color: #6c7373;
}
.ck.counter.inverted .counter-title .ui.header .content {
  color: #ffffff;
}
.ck.counter .counter-title {
  margin-top: 1rem;
}
.ck.counter .counter-title.counter-title--large .ui.header .content {
  font-size: 1.4rem;
}
.ck.counter .counter-title.counter-title--large .ui.header .sub.header {
  font-size: 1.2rem;
}
.ck.counter .counter-title.counter-title--big .ui.header .content {
  font-size: 1.6rem;
}
.ck.counter .counter-title.counter-title--big .ui.header .sub.header {
  font-size: 1.2rem;
}
.ck.counter .counter-title.counter-title--huge .ui.header .content {
  font-size: 1.8rem;
}
.ck.counter .counter-title.counter-title--huge .ui.header .sub.header {
  font-size: 1.4rem;
}
.ck.counter .counter-title.counter-title--massive .ui.header .content {
  font-size: 2rem;
}
.ck.counter .counter-title.counter-title--massive .ui.header .sub.header {
  font-size: 1.4rem;
}
.ck.counter .counter-value.counter-value--large .ui.label {
  font-size: 2.4rem;
}
.ck.counter .counter-value.counter-value--big .ui.label {
  font-size: 3.2rem;
}
.ck.counter .counter-value.counter-value--huge .ui.label {
  font-size: 4.4rem;
}
.ck.counter .counter-value.counter-value--massive .ui.label {
  font-size: 5.6rem;
}
.ck.date-time.inverted {
  color: #b8c6cc;
}
.ck-date-time-picker {
  display: block;
  position: relative;
  font-size: 1rem;
  width: 300px;
  /* info message */
  /* Time Zone */
}
.ck-date-time-picker .date-time-picker__label > .ui.label {
  font-weight: bold;
}
.ck-date-time-picker .rw-widget-picker {
  height: 100%;
}
.ck-date-time-picker .rw-widget-container {
  background-color: inherit;
  border: none;
}
.ck-date-time-picker .rw-select > * {
  width: 1.5em;
  height: auto;
}
.ck-date-time-picker .rw-select.rw-select-bordered {
  border-left-width: 0;
  padding: 0 0.5rem;
}
.ck-date-time-picker .rw-select.rw-select-bordered:hover,
.ck-date-time-picker .rw-select.rw-select-bordered:active {
  background-color: transparent;
}
.ck-date-time-picker > .error-wrapper > .warning-content > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  height: 0;
  opacity: 0;
  width: 0;
  padding: 0;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.ck-date-time-picker > .error-wrapper > .warning-content > .ck.tooltip .dst.dst-warning-message {
  color: #eb8e1b;
}
.ck-date-time-picker.warning > .error-wrapper > .warning-content > .ck.tooltip {
  height: 100%;
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.ck-date-time-picker.fluid {
  width: auto;
}
.ck-date-time-picker.fluid .rw-datetime-picker {
  width: 100%;
}
.ck-date-time-picker .rw-datetime-picker {
  background-color: transparent;
  border: solid 0.1rem #d4d9d9;
  border-radius: 0.2rem;
  height: 3.5rem;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ck-date-time-picker .rw-datetime-picker:focus,
.ck-date-time-picker .rw-datetime-picker:hover {
  border-color: #77d3c6;
}
.ck-date-time-picker .rw-datetime-picker input.rw-input {
  color: #6c7373;
  font-size: 1.5rem;
  padding: 0.429em 0.7em;
  background: transparent;
}
.ck-date-time-picker .rw-datetime-picker .rw-widget-container > .rw-select {
  vertical-align: middle;
}
.ck-date-time-picker .rw-datetime-picker .rw-btn {
  font-size: 1.4rem;
}
.ck-date-time-picker .rw-datetime-picker .rw-btn .rw-i {
  color: #394242;
  font-family: 'Icons';
  font-size: 1.4rem;
}
.ck-date-time-picker .rw-datetime-picker .rw-btn .rw-i.rw-i-calendar:before {
  content: '\44';
}
.ck-date-time-picker .rw-datetime-picker .rw-btn .rw-i.rw-i-clock-o:before {
  content: '\56';
}
.ck-date-time-picker .rw-datetime-picker .rw-btn.rw-btn-primary {
  text-transform: uppercase;
}
.ck-date-time-picker .rw-datetime-picker.rw-open {
  border-color: #77d3c6;
  border-bottom-right-radius: 0;
}
.ck-date-time-picker .rw-datetime-picker.rw-open > .rw-widget-picker {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container,
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container {
  background-color: transparent;
  border-color: #77d3c6;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-transition {
  margin-bottom: 2rem;
  padding: 0 2rem;
  transition: none;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container > .rw-popup.r-widget {
  background-color: #ffffff;
  border-color: #77d3c6;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup {
  /* Calendar table */
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup.rw-popup-container {
  background-color: #ffffff;
  border-width: 0.1rem;
  border-style: solid;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  left: -0.1rem;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup.rw-popup-container,
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup.rw-popup-container.rw-popup-animating {
  width: 300px;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-header {
  padding: 0.8rem 0;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-header .rw-btn:focus {
  outline: none;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-header .rw-i-chevron-left:before {
  font-size: 1.3rem;
  content: '\3c';
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-header .rw-i-chevron-right:before {
  font-size: 1.3rem;
  content: '\3e';
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid {
  background-color: transparent;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid thead > tr > th {
  color: #6c7373;
  border: none;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid thead > tr > th {
  padding-bottom: 1em;
  font-weight: 400;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid .rw-cell {
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 100px;
  border: none;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid .rw-cell.rw-cell-not-allowed {
  font-weight: normal;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid .rw-cell.rw-cell-not-allowed:hover {
  cursor: not-allowed;
  background-color: transparent;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid .rw-cell:hover {
  background-color: #3ec0ad;
  border-color: #3ec0ad;
  color: #ffffff;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid td .rw-btn {
  color: #6c7373;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid td .rw-btn:hover {
  background-color: #77d3c6;
  color: #ffffff;
}
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid td .rw-btn.rw-state-selected,
.ck-date-time-picker .rw-datetime-picker .rw-calendar-popup .rw-calendar-grid td .rw-btn.rw-state-focus {
  background-color: #77d3c6;
  color: #ffffff;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup {
  /* Time list container */
  width: 135px;
  max-height: 369px;
  position: absolute;
  overflow-x: hidden;
  right: 0.5rem;
  top: 0.1rem;
  border-radius: 0 0 0.2rem 0.2rem;
  border-top-width: 0;
  border-color: #77d3c6;
  /* Time list container */
  /* Time list items */
  /* Time list items */
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list {
  width: 100%;
  max-height: 367px;
  padding: 0;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option {
  font-size: 1.5rem;
  line-height: 2.5;
  text-align: center;
  border: none;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option:focus,
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option:hover,
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option.rw-state-selected,
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option.rw-state-focus {
  border: none;
  outline: none;
  border-radius: 0;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option {
  color: #6c7373;
}
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option:focus,
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option:hover,
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option.rw-state-selected,
.ck-date-time-picker .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option.rw-state-focus {
  color: #2b8679;
  background-color: #77d3c6;
}
.ck-date-time-picker.warning .rw-datetime-picker,
.ck-date-time-picker.warning .rw-popup-container,
.ck-date-time-picker.warning .rw-popup-container:not(.rw-calendar-popup) .rw-popup {
  border-color: #eb8e1b;
}
.ck-date-time-picker.warning .rw-datetime-picker:focus,
.ck-date-time-picker.warning .rw-popup-container:focus,
.ck-date-time-picker.warning .rw-popup-container:not(.rw-calendar-popup) .rw-popup:focus,
.ck-date-time-picker.warning .rw-datetime-picker:hover,
.ck-date-time-picker.warning .rw-popup-container:hover,
.ck-date-time-picker.warning .rw-popup-container:not(.rw-calendar-popup) .rw-popup:hover {
  border-color: #eb8e1b;
}
.ck-date-time-picker.warning:not(.fluid) .rw-calendar-popup.rw-popup-container {
  width: calc( 300px  - 30px );
}
.ck-date-time-picker.warning:not(.fluid) .rw-popup-transition {
  padding: 0 0.6rem;
}
.ck-date-time-picker.error .rw-datetime-picker,
.ck-date-time-picker.error .rw-popup-container,
.ck-date-time-picker.error .rw-popup-container:not(.rw-calendar-popup) .rw-popup {
  border-color: #ee2f19;
}
.ck-date-time-picker.error .rw-datetime-picker:focus,
.ck-date-time-picker.error .rw-popup-container:focus,
.ck-date-time-picker.error .rw-popup-container:not(.rw-calendar-popup) .rw-popup:focus,
.ck-date-time-picker.error .rw-datetime-picker:hover,
.ck-date-time-picker.error .rw-popup-container:hover,
.ck-date-time-picker.error .rw-popup-container:not(.rw-calendar-popup) .rw-popup:hover {
  border-color: #ee2f19;
}
.ck-date-time-picker.error:not(.fluid) .rw-calendar-popup.rw-popup-container {
  width: calc( 300px  - 30px );
}
.ck-date-time-picker.error:not(.fluid) .rw-popup-transition {
  padding: 0 0.6rem;
}
.ck-date-time-picker .error-wrapper {
  display: flex;
  align-items: center;
}
.ck-date-time-picker .error-wrapper .timezone-positioner {
  flex-grow: 1;
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ck-date-time-picker .error-wrapper > .error-content > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 0;
  opacity: 0;
  width: 0;
  transform: rotateY(90deg);
}
.ck-date-time-picker .error-wrapper > .rw-datetime-picker {
  flex-grow: 1;
}
.ck-date-time-picker.error .error-wrapper > .error-content > .ck.tooltip {
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  transform: rotateY(0deg);
}
.ck-date-time-picker .field-info {
  margin-top: 1rem;
}
.ck-date-time-picker .timezone-positioner {
  position: relative;
  border-radius: 0.2rem;
}
.ck-date-time-picker .clear-action {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.ck-date-time-picker .clear-action button.ck.ui.button.basic.compact {
  padding: 0;
}
.ck-date-time-picker .clear-action button.ck.ui.button.basic.compact:hover {
  background-color: transparent !important;
}
.ck-date-time-picker .clear-action button.ck.ui.button .ck-icon i.icon {
  color: #394242;
}
.ck-date-time-picker .ck-time-zone {
  position: absolute;
  right: 3.2rem;
  bottom: 0.9rem;
  color: #8d9494;
  font-weight: 600;
  font-size: 1.5em;
}
.ck-date-time-picker .ck-time-zone .ck-label-text {
  color: #6c7373;
}
.ck-date-time-picker .ck-time-zone.has-calendar {
  right: 5.5rem;
}
.ck-date-time-picker .ck-time-zone.has-calendar.has-clear-action {
  margin: 0 2rem 0 0;
}
.ck-date-time-picker .clear-action-wrapper .rw-datetime-picker {
  padding-right: 2.5em;
}
.ck-date-time-picker .clear-action-wrapper .rw-datetime-picker .rw-widget-container > .rw-select {
  right: -0.7rem;
}
.ck-date-time-picker.disabled .rw-widget.rw-state-disabled,
.ck-date-time-picker.disabled .rw-widget.rw-state-disabled:hover,
.ck-date-time-picker.disabled .rw-widget.rw-state-disabled:active {
  background-color: transparent;
}
.ck-date-time-picker.disabled .rw-datetime-picker {
  cursor: not-allowed;
  border: 0.1rem solid;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.ck-date-time-picker.disabled .rw-datetime-picker .rw-select > .rw-btn .rw-i {
  color: #b2b8b8;
}
.ck-date-time-picker.disabled .rw-datetime-picker input.rw-input,
.ck-date-time-picker.disabled .ck-time-zone,
.ck-date-time-picker.disabled .ck-time-zone .ck-label-text {
  color: #b2b8b8;
}
.ck-date-time-picker.disabled .timezone-positioner {
  background: #f7f7f7;
  border-color: #f7f7f7;
}
.ck-date-time-picker.inverted .rw-datetime-picker {
  /* Time Popup */
  /* Calendar Popup */
  /* Calendar table */
}
.ck-date-time-picker.inverted .rw-datetime-picker input.rw-input {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup {
  background-color: #505959;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-popup.rw-popup-container {
  background-color: #505959;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup {
  background-color: #505959;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option:focus,
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option:hover,
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option.rw-state-selected,
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) .rw-popup .rw-list-option.rw-state-focus {
  color: #2b8679;
  background-color: #77d3c6;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn .rw-i {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container > .rw-popup.rw-widget {
  background-color: #505959;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) > .rw-popup.rw-widget {
  /* Time list container */
  /* Time list items */
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) > .rw-popup.rw-widget .rw-list-option {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) > .rw-popup.rw-widget .rw-list-option:focus,
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) > .rw-popup.rw-widget .rw-list-option:hover,
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) > .rw-popup.rw-widget .rw-list-option.rw-state-selected,
.ck-date-time-picker.inverted .rw-datetime-picker .rw-popup-container:not(.rw-calendar-popup) > .rw-popup.rw-widget .rw-list-option.rw-state-focus {
  color: #2b8679;
  background-color: #77d3c6;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-popup.rw-popup-container > .rw-popup.rw-widget {
  /* Calendar Header and Nav */
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-popup.rw-popup-container > .rw-popup.rw-widget .rw-header .rw-btn-view {
  color: #ffffff;
  opacity: 1;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-popup.rw-popup-container > .rw-popup.rw-widget .rw-header .rw-i {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn.rw-off-range {
  color: #b2b8b8;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn.rw-out-of-range {
  color: #8d9494;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn.rw-out-of-range:hover {
  background-color: transparent;
  color: #6c7373;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn:hover {
  background-color: transparent;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn.rw-state-selected,
.ck-date-time-picker.inverted .rw-datetime-picker .rw-btn.rw-state-focus {
  background-color: transparent;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-grid thead > tr > th {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-grid .rw-cell {
  color: #ffffff;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-grid .rw-cell:hover {
  background-color: #3ec0ad;
  color: #ffffff;
  border-color: #3ec0ad;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-grid .rw-cell.rw-state-focus {
  background-color: #77d3c6;
  color: #2b8679;
}
.ck-date-time-picker.inverted .rw-datetime-picker .rw-calendar-grid .rw-cell.rw-state-focus:hover {
  background-color: #3ec0ad;
  color: #ffffff;
}
.ck-date-time-picker.inverted .clear-action button.ck.ui.button .ck-icon i.icon {
  color: #ffffff;
}
.ck-date-time-picker.inverted .ck-time-zone .ck-label-text {
  color: #ffffff;
}
.ck-date-time-picker.inverted.disabled .rw-datetime-picker {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.ck-date-time-picker.inverted.disabled .rw-datetime-picker .rw-select > .rw-btn .rw-i {
  color: #b2b8b8;
}
.ck-date-time-picker.inverted.disabled .rw-datetime-picker input.rw-input,
.ck-date-time-picker.inverted.disabled .ck-time-zone,
.ck-date-time-picker.inverted.disabled .ck-time-zone .ck-label-text {
  color: #b2b8b8;
}
.ck-date-time-picker.inverted.disabled .timezone-positioner {
  background: #f7f7f7;
  border-color: #f7f7f7;
}
.ck-date-range-picker {
  /**
   * Input control styles
   */
  /**
   * Calendar styles
   */
  /*.DayPicker_transitionContainer__horizontal {
    max-height: 300px !important;
  }*/
  /* rounding the start and end of the choosen period, along with start and end of the week */
}
.ck-date-range-picker .date-time-picker__label > .ui.label {
  font-weight: bold;
}
.ck-date-range-picker .DateRangePickerInput {
  background-color: transparent;
}
.ck-date-range-picker .DateRangePickerInput__withBorder {
  border: 0.1rem solid #d4d9d9;
}
.ck-date-range-picker:hover .DateRangePickerInput__withBorder,
.ck-date-range-picker.expanded .DateRangePickerInput__withBorder {
  border: 0.1rem solid #77d3c6;
}
.ck-date-range-picker .DateRangePickerInput_calendarIcon,
.ck-date-range-picker tr td {
  outline-style: none;
}
.ck-date-range-picker .DateInput {
  width: 100px;
}
.ck-date-range-picker .DateInput_fang {
  top: 3.8rem !important;
}
.ck-date-range-picker .DateRangePicker_picker {
  top: 4.9rem !important;
}
.ck-date-range-picker .DayPicker_weekHeader {
  top: 5.7rem;
}
.ck-date-range-picker .CalendarMonth_caption {
  padding-bottom: 5rem;
  font-size: 1.4rem;
}
.ck-date-range-picker .CalendarMonth_caption strong {
  font-weight: 400;
}
.ck-date-range-picker .DayPickerKeyboardShortcuts_buttonReset {
  display: none;
}
.ck-date-range-picker .DateInput_input {
  padding: 0.5rem;
  color: #505959;
  font: normal 1.5rem Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  line-height: 2.2;
  text-align: center;
  padding: 0 0.5rem;
  border: none;
}
.ck-date-range-picker .DateRangePickerInput_arrow {
  font-size: 1.8rem;
  color: #505959;
}
.ck-date-range-picker .DateRangePickerInput_calendarIcon {
  margin-left: 0;
  padding: 0.5rem 1rem;
}
.ck-date-range-picker .DateRangePickerInput_arrow_svg,
.ck-date-range-picker .DateRangePickerInput_calendarIcon_svg,
.ck-date-range-picker .DateRangePickerInput_clearDates_svg {
  fill: #505959;
}
.ck-date-range-picker .DateInput_input__focused {
  border: none;
}
.ck-date-range-picker .DateInput,
.ck-date-range-picker .DateInput_input,
.ck-date-range-picker .DateInput_input__focused,
.ck-date-range-picker .DateRangePicker_picker {
  background: transparent;
}
.ck-date-range-picker .CalendarMonth,
.ck-date-range-picker .CalendarMonthGrid,
.ck-date-range-picker .DayPicker,
.ck-date-range-picker .DayPicker__horizontal {
  background: #ffffff;
}
.ck-date-range-picker .DateInput_fangShape {
  fill: #ffffff;
}
.ck-date-range-picker .DateInput_fangStroke {
  stroke: #77d3c6;
}
.ck-date-range-picker .DayPicker__withBorder {
  box-shadow: 0 0 0 0.1rem #77d3c6;
  padding-bottom: 1rem;
}
.ck-date-range-picker.disabled {
  cursor: not-allowed;
}
.ck-date-range-picker.disabled .DateInput_input {
  color: #b2b8b8;
}
.ck-date-range-picker.disabled .DateRangePickerInput_arrow {
  color: #b2b8b8;
}
.ck-date-range-picker.disabled .DateRangePickerInput_arrow_svg,
.ck-date-range-picker.disabled .DateRangePickerInput_calendarIcon_svg,
.ck-date-range-picker.disabled .DateRangePickerInput_clearDates_svg {
  fill: #b2b8b8;
}
.ck-date-range-picker.disabled .DateRangePickerInput__withBorder,
.ck-date-range-picker.disabled .DateRangePickerInput__withBorder:hover {
  border-color: #f7f7f7;
}
.ck-date-range-picker.disabled .DateRangePickerInput {
  pointer-events: none;
  background-color: #f7f7f7;
}
.ck-date-range-picker.disabled .DateInput_fangStroke {
  stroke: #f7f7f7;
}
.ck-date-range-picker.disabled .DayPicker__withBorder {
  box-shadow: 0 0 0 0.1rem #f7f7f7;
}
.ck-date-range-picker .DateRangePickerInput_calendarIcon_svg:hover,
.ck-date-range-picker .DateRangePickerInput_clearDates_svg:hover {
  fill: #77d3c6;
}
.ck-date-range-picker .CalendarMonth_caption,
.ck-date-range-picker .DayPicker_weekHeader {
  color: #505959;
}
.ck-date-range-picker .CalendarDay__default {
  border-color: transparent;
  font-weight: 600;
  font-size: 1.5rem;
}
.ck-date-range-picker .CalendarDay__default:not(.CalendarDay__selected, .CalendarDay__selected_span, .CalendarDay__blocked_calendar) {
  background-color: #ffffff;
  color: #505959;
}
.ck-date-range-picker .CalendarDay__selected_span {
  background-color: #77d3c6;
}
.ck-date-range-picker .CalendarDay__selected,
.ck-date-range-picker .CalendarDay__selected:active,
.ck-date-range-picker .CalendarDay__selected:hover {
  background-color: #2b8679;
}
.ck-date-range-picker .CalendarDay__default:hover {
  background-color: #2b8679;
}
.ck-date-range-picker .CalendarDay__blocked_calendar,
.ck-date-range-picker .CalendarDay__blocked_calendar:active,
.ck-date-range-picker .CalendarDay__blocked_calendar:hover {
  background: #f7f7f7;
  color: disabledColor;
}
.ck-date-range-picker .DayPicker_calendarInfo__horizontal .date-ranges-custom {
  display: flex;
  flex-direction: column;
  justify-items: flex-end;
  padding: 1rem;
}
.ck-date-range-picker .date-ranges-custom {
  padding: 1rem;
}
.ck-date-range-picker .date-ranges-custom--horizontal-align {
  display: flex;
  flex-direction: row;
}
.ck-date-range-picker .close-btn {
  margin-left: 1rem;
}
.ck-date-range-picker .DayPickerNavigation_button__default {
  border: none;
  background: transparent;
}
.ck-date-range-picker .DayPickerNavigation_button__default .DayPickerNavigation_svg__horizontal {
  fill: #505959;
}
.ck-date-range-picker .DateRangePickerInput_clearDates_default {
  outline-style: none;
}
.ck-date-range-picker .DateRangePickerInput_clearDates_default:hover,
.ck-date-range-picker .DateRangePickerInput_clearDates_default:focus {
  background: transparent;
  border-radius: 0;
}
.ck-date-range-picker > .error-wrapper > .warning-content > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  height: 0;
  opacity: 0;
  width: 0;
  padding: 0;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.ck-date-range-picker .error-wrapper {
  display: flex;
  align-items: center;
}
.ck-date-range-picker .error-wrapper > .error-content > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 0px;
  opacity: 0;
  width: 0;
  transform: rotateY(90deg);
}
.ck-date-range-picker.error .error-wrapper > .error-content > .ck.tooltip {
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  transform: rotateY(0deg);
}
.ck-date-range-picker.error .DateRangePickerInput__withBorder {
  border-color: #ee2f19;
}
.ck-date-range-picker .CalendarMonth_table {
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}
.ck-date-range-picker .CalendarMonth_table tr {
  border-top: 0.5rem solid #ffffff;
  border-bottom: 0.5rem solid #ffffff;
}
.ck-date-range-picker .CalendarDay__selected_start,
.ck-date-range-picker .CalendarDay__firstDayOfWeek {
  border-bottom-left-radius: 3.8rem;
  border-top-left-radius: 3.8rem;
}
.ck-date-range-picker .CalendarDay__selected_end,
.ck-date-range-picker .CalendarDay__lastDayOfWeek {
  border-bottom-right-radius: 3.8rem;
  border-top-right-radius: 3.8rem;
}
.ck-date-range-picker .DateRangePickerInput_clearDates__hide {
  visibility: visible;
}
.ck-date-range-picker.inverted {
  /**
     * Input control styles
      */
  /* rounding the start and end of the choosen period, along with start and end of the week */
}
.ck-date-range-picker.inverted .DateRangePickerInput {
  background-color: transparent;
}
.ck-date-range-picker.inverted .DateRangePickerInput__withBorder {
  border: 0.1rem solid #d4d9d9;
}
.ck-date-range-picker.inverted:hover .DateRangePickerInput__withBorder,
.ck-date-range-picker.inverted.expanded .DateRangePickerInput__withBorder {
  border: 0.1rem solid #77d3c6;
}
.ck-date-range-picker.inverted .DateInput_input {
  color: #ffffff;
}
.ck-date-range-picker.inverted .DateRangePickerInput_arrow {
  color: #ffffff;
}
.ck-date-range-picker.inverted .DateRangePickerInput_arrow_svg,
.ck-date-range-picker.inverted .DateRangePickerInput_calendarIcon_svg,
.ck-date-range-picker.inverted .DateRangePickerInput_clearDates_svg {
  fill: #ffffff;
}
.ck-date-range-picker.inverted .DateInput_input__focused {
  border: none;
}
.ck-date-range-picker.inverted .DateInput,
.ck-date-range-picker.inverted .DateInput_input,
.ck-date-range-picker.inverted .DateInput_input__focused,
.ck-date-range-picker.inverted .DateRangePicker_picker {
  background: transparent;
}
.ck-date-range-picker.inverted .CalendarMonth,
.ck-date-range-picker.inverted .CalendarMonthGrid,
.ck-date-range-picker.inverted .DayPicker,
.ck-date-range-picker.inverted .DayPicker__horizontal {
  background: #505959;
}
.ck-date-range-picker.inverted .DateInput_fangShape {
  fill: #505959;
}
.ck-date-range-picker.inverted .DateInput_fangStroke {
  stroke: #77d3c6;
}
.ck-date-range-picker.inverted .DayPicker__withBorder {
  box-shadow: 0 0 0 0.1rem #77d3c6;
}
.ck-date-range-picker.inverted.disabled .DateInput_input {
  color: #b2b8b8;
}
.ck-date-range-picker.inverted.disabled .DateRangePickerInput_arrow {
  color: #b2b8b8;
}
.ck-date-range-picker.inverted.disabled .DateRangePickerInput_arrow_svg,
.ck-date-range-picker.inverted.disabled .DateRangePickerInput_calendarIcon_svg,
.ck-date-range-picker.inverted.disabled .DateRangePickerInput_clearDates_svg {
  fill: #b2b8b8;
}
.ck-date-range-picker.inverted.disabled .DateRangePickerInput__withBorder,
.ck-date-range-picker.inverted.disabled .DateRangePickerInput__withBorder:hover {
  border-color: #f7f7f7;
}
.ck-date-range-picker.inverted.disabled .DateRangePickerInput {
  background-color: #f7f7f7;
}
.ck-date-range-picker.inverted.disabled .DateInput_fangStroke {
  stroke: #f7f7f7;
}
.ck-date-range-picker.inverted.disabled .DayPicker__withBorder {
  box-shadow: 0 0 0 0.1rem #f7f7f7;
}
.ck-date-range-picker.inverted .DateRangePickerInput_calendarIcon_svg:hover,
.ck-date-range-picker.inverted .DateRangePickerInput_clearDates_svg:hover {
  fill: #77d3c6;
}
.ck-date-range-picker.inverted .CalendarMonth_caption,
.ck-date-range-picker.inverted .DayPicker_weekHeader {
  color: #ffffff;
}
.ck-date-range-picker.inverted .CalendarDay__default {
  border-color: transparent;
}
.ck-date-range-picker.inverted .CalendarDay__default:not(.CalendarDay__selected, .CalendarDay__selected_span, .CalendarDay__blocked_calendar) {
  background-color: #505959;
  color: #ffffff;
}
.ck-date-range-picker.inverted .CalendarDay__selected_span {
  background-color: #77d3c6;
}
.ck-date-range-picker.inverted .CalendarDay__selected,
.ck-date-range-picker.inverted .CalendarDay__selected:active,
.ck-date-range-picker.inverted .CalendarDay__selected:hover {
  background-color: #2b8679;
}
.ck-date-range-picker.inverted .CalendarDay__default:hover {
  background-color: #2b8679;
}
.ck-date-range-picker.inverted .CalendarDay__blocked_calendar,
.ck-date-range-picker.inverted .CalendarDay__blocked_calendar:active,
.ck-date-range-picker.inverted .CalendarDay__blocked_calendar:hover {
  background: #f7f7f7;
  color: disabledColor;
}
.ck-date-range-picker.inverted .DayPickerNavigation_button__default {
  border: none;
  background: transparent;
}
.ck-date-range-picker.inverted .DayPickerNavigation_button__default .DayPickerNavigation_svg__horizontal {
  fill: #ffffff;
}
.ck-date-range-picker.inverted .DateRangePickerInput_clearDates_default:hover,
.ck-date-range-picker.inverted .DateRangePickerInput_clearDates_default:focus {
  background: transparent;
}
.ck-date-range-picker.inverted.error .DateRangePickerInput__withBorder {
  border-color: #ee2f19;
}
.ck-date-range-picker.inverted .CalendarMonth_table tr {
  border-top: 0.5rem solid #505959;
  border-bottom: 0.5rem solid #505959;
}
.ck.base-toolbar {
  display: flex;
  align-items: center;
  height: 7.5rem;
  padding: 0 2.4rem 0 2rem;
  border-bottom: 0.1rem solid transparent;
}
.ck.base-toolbar.inverted.bordered {
  border-color: #77d3c6;
}
.ck.base-toolbar.inverted .toolbar__actions.divided {
  border-left-color: #d4d9d9;
}
.ck.base-toolbar.inverted .toolbar__icon.divided {
  border-right-color: #d4d9d9;
}
.ck.base-toolbar.bordered {
  border-color: #77d3c6;
}
.ck.base-toolbar .toolbar__icon {
  margin-right: 1rem;
  padding-right: 1rem;
  line-height: 5rem;
  font-size: 1rem;
}
.ck.base-toolbar .toolbar__icon.divided {
  margin-right: 2.5rem;
  padding-right: 2rem;
  border-right: 0.1rem solid #d4d9d9;
}
.ck.base-toolbar .toolbar__header {
  flex-grow: 1;
}
.ck.base-toolbar .toolbar__tab-menu {
  margin-right: 2rem;
}
.ck.base-toolbar .toolbar__actions {
  display: flex;
  align-items: center;
  margin-left: 2.3rem;
  height: 5rem;
}
.ck.base-toolbar .toolbar__actions .ck.ui.button.basic:hover,
.ck.base-toolbar .toolbar__actions .ck.ui.button.basic.inverted:hover {
  background-color: transparent !important;
}
.ck.base-toolbar .toolbar__actions.divided {
  padding-left: 2.3rem;
  border-left-width: 0.1rem;
  border-left-style: solid;
  border-left-color: #d4d9d9;
}
.ck.base-toolbar .toolbar__actions.divided > .ck.ui.button.basic.compact {
  padding: 0;
}
.ck.empty-state {
  display: flex;
}
.ck.empty-state.empty-state--no-action {
  align-items: center;
}
.ck.empty-state.empty-state--center {
  justify-content: center;
}
.ck.empty-state.empty-state--left {
  justify-content: flex-start;
}
.ck.empty-state.empty-state--right {
  justify-content: flex-end;
}
.ck.empty-state.outline {
  padding: 2rem;
  border: 0.1rem dashed #d4d9d9;
  border-radius: 0.4rem;
}
.ck.empty-state.outline.inverted {
  border-color: #6c87a1;
}
.ck.empty-state .empty-state__icon {
  margin-right: 1rem;
}
.ck.empty-state .empty-state__action {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
/*******************************
          Hoverable
*******************************/
/*
  This is heavily based on dimmer, but has been customized to support our use case.
*/
/* Hidden (Default) */
/* Content */
/* Visible */
/*-------------------
        Types
--------------------*/
/* Page Dimmer*/
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Simple */
.ck.hoverable {
  display: block;
  /*******************************
              Dimmer
  *******************************/
  /* Dimmer Content */
  /*******************************
              States
  *******************************/
}
.ck.hoverable.circular .hoverable-overlay {
  border-radius: 50%;
  overflow: hidden;
}
.ck.hoverable.rounded {
  border-radius: 1rem;
  overflow: hidden;
}
.ck.hoverable .ck.on-hover {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ck.hoverable .ck.hover.on-hover {
  pointer-events: auto;
}
.ck.hoverable .hoverable-content {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ck.hoverable .hoverable-content .hoverable__hover-text {
  color: #ffffff;
  font-size: 2rem;
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
}
.ck.hoverable .hoverable-overlay {
  height: 100%;
  width: 100%;
}
.ck.hoverable .hoverable-overlay.background-color-accent {
  background: #3ec0ad;
}
.ck.hoverable .hoverable-overlay.background-color-white {
  background: #ffffff;
}
.ck.hoverable .hoverable-overlay.background-color-warning {
  background: #eb8e1b;
}
.ck.hoverable:not(.body) {
  position: relative;
}
.ck.hoverable .hover {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  transition: background-color 0.5s linear;
  user-select: none;
  will-change: opacity;
}
.ck.hoverable .hover > .hoverable-content {
  display: table;
  user-select: text;
  width: 100%;
  height: 100%;
}
.ck.hoverable .hover > .hoverable-content > * {
  display: table-cell;
  vertical-align: middle;
}
.ck.hoverable .animating.hoverable:not(body),
.ck.hoverable .dimmed.hoverable:not(body) {
  overflow: hidden;
}
.ck.hoverable.dimmed > .animating.hover,
.ck.hoverable.dimmed > .visible.hover,
.ck.hoverable .active.hover {
  display: block;
  opacity: 1;
}
.ck.hoverable .disabled.hover {
  width: 0 !important;
  height: 0 !important;
}
.ck.highlight-text a.highlight-text__anchor {
  padding: 0.1rem 0.4rem 0.3rem 0.4rem;
  border-radius: 0.2rem;
  margin: 0 0.4rem;
  cursor: pointer;
  background-color: #77d3c6;
  color: #2b8679;
  transition: box-shadow 0.1s ease, background-color 0.1s ease;
}
.ck.highlight-text a.highlight-text__anchor:hover {
  background-color: #37b8b5;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(57, 66, 66, 0.12), 0 0.1rem 0.5rem 0 rgba(57, 66, 66, 0.15);
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__accent {
  background-color: #77d3c6;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__accent:hover {
  background-color: #3ec0ad;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__action {
  background-color: #157841;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__action:hover {
  background-color: #157841;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__super {
  background-color: #e0e200;
  color: #394242;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__super:hover {
  background-color: #e0e200;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__white {
  background-color: #ffffff;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__white:hover {
  background-color: #ffffff;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__error {
  background-color: #ee2f19;
  color: #ffffff;
}
.ck.highlight-text.highlight-text--inverted a.highlight-text__error:hover {
  background-color: #ee2f19;
}
.ck.highlight-tweet a {
  color: #2b8679;
}
.ck.highlight-tweet a:hover {
  color: #37b8b5;
}
.ck.highlight-tweet.highlight-tweet--inverted a {
  color: #77d3c6;
}
.ck.highlight-tweet.highlight-tweet--inverted a:hover {
  color: #b1e4e3;
}
.ui.image.clickable {
  cursor: pointer;
}
.ui.image.disabled {
  cursor: not-allowed !important;
}
.ck.list-item.active {
  border-left: 0.4rem solid #77d3c6;
}
.library-select .asset-select .asset-select__header {
  margin-right: 1.6rem;
}
.library-select .asset-select .asset-select__list {
  margin-top: 0.5rem;
  height: 1000px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.library-select .asset-select .asset-select__list .column {
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
.library-select .asset-select .asset-select__list .ui.grid > .row > img,
.library-select .asset-select .asset-select__list .ui.grid > .row > .column > img {
  max-width: 100px;
}
.library-select .asset-select .asset-select__list .file-thumbnail-wrapper {
  height: 100px;
  width: 100px;
  margin: 0;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.library-select .asset-select .asset-select__list .file-thumbnail-wrapper .ui.image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.library-select .asset-select .asset-select__list .file-thumbnail-wrapper.file-thumbnail-wrapper--landscape .ui.image {
  height: 100%;
  width: auto;
  max-width: none;
}
.library-select .asset-select .asset-select__list .file-thumbnail-wrapper.file-thumbnail-wrapper--portrait .ui.image {
  width: 100%;
  height: auto;
}
.library-select .asset-select .asset-select__list.asset-select__list--modal {
  height: 500px;
}
.library-select .ck-text-menu .ui.menu {
  min-height: auto;
}
.library-select .library-select-loading {
  z-index: 10;
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #b2b8b8;
  border-radius: 0.2rem;
}
.library-select .pexels-info {
  vertical-align: top;
}
.library-select-pexels-popup {
  width: 210px;
}
.library-select-pexels-popup .library-select-pexels-popup__header {
  background: #05A081;
  padding: 0.8rem 0;
}
.ck.loading-state {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ck.loading-state.loading-state--mini {
  height: 1rem;
}
.ck.loading-state.loading-state--small {
  height: 100px;
}
.ck.loading-state.loading-state--medium {
  height: 200px;
}
.ck.loading-state.loading-state--large {
  height: 300px;
}
.ck.loading-state .loading-state__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ck.loading-state .loading-spinner {
  width: 5rem;
  height: 4rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.ck.loading-state .loading-spinner > div {
  height: 100%;
  margin: 0 0.5rem 0 0;
  width: 1rem;
  border-radius: 2rem;
  display: inline-block;
  -webkit-animation: ck-loading-anim 1.2s infinite ease-in-out;
  animation: ck-loading-anim 1.2s infinite ease-in-out;
}
.ck.loading-state .loading-spinner .loading-spinner__line1 {
  background-color: #96d9d8;
}
.ck.loading-state .loading-spinner .loading-spinner__line2 {
  background-color: #e0e200;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.ck.loading-state .loading-spinner .loading-spinner__line3 {
  background-color: #ee2f19;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.ck.loading-state .loading-spinner .loading-spinner__line4 {
  background-color: #394242;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.ck.loading-state .loading-state__text {
  margin-left: 1rem;
}
.ck.loading-state.loading-state--spinner-mini .loading-state__inner {
  width: 2.5rem;
}
.ck.loading-state.loading-state--spinner-mini .loading-spinner {
  transform: scale(0.35);
}
.ck.loading-state.loading-state--spinner-mini .loading-state__text {
  margin-left: 0;
}
.ck.loading-state.loading-state--spinner-small .loading-spinner {
  transform: scale(0.5);
}
.ck.loading-state.loading-state--spinner-small .loading-state__text {
  margin-left: 0;
}
.ck.loading-state.loading-state--spinner-large .loading-spinner {
  transform: scale(2);
}
.ck.loading-state.loading-state--spinner-large .loading-state__text {
  margin-left: 3rem;
}
@-webkit-keyframes ck-loading-anim {
  0%,
  40%,
  100% {
    height: 1rem;
  }
  20% {
    height: 4.5rem;
  }
}
@keyframes ck-loading-anim {
  0%,
  40%,
  100% {
    height: 1rem;
  }
  20% {
    height: 4.5rem;
  }
}
.ck-lozenge {
  display: inline-block;
  border-radius: 3rem;
  padding: 0.8rem 0.8rem;
  color: #ffffff;
  font-size: 1.3rem;
  margin-right: 1rem;
}
.ck-lozenge .lozenge__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ck-lozenge.compact {
  padding: 0.5rem 0.5rem;
}
.ck-lozenge.shape-rounded {
  border-radius: 3rem;
}
.ck-lozenge.shape-square {
  border-radius: 0.4rem;
}
.ck-lozenge[class^="font-system"] {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
.ck-lozenge.font-system-light {
  font-weight: lighter;
}
.ck-lozenge.font-system-regular {
  font-weight: normal;
}
.ck-lozenge.font-system-medium {
  font-weight: bolder;
}
.ck-lozenge.font-custom-light {
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
}
.ck-lozenge.font-custom-regular {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.ck-lozenge.font-custom-medium {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
}
.ck-lozenge.font-caps {
  text-transform: uppercase;
}
.ck-lozenge.icon .ck-icon i {
  margin: 0;
}
.ck-lozenge.icon--left .lozenge__content__text {
  margin-left: 0.3rem;
}
.ck-lozenge.icon--right .lozenge__content__text {
  margin-right: 0.3rem;
}
.ck-lozenge.accent {
  background-color: #77d3c6;
  color: #394242;
}
.ck-lozenge.accent i.icon {
  color: #394242;
}
.ck-lozenge.accent.inverted {
  background-color: #77d3c6;
}
.ck-lozenge.basic {
  background-color: #b5cc18;
  color: #ffffff;
}
.ck-lozenge.basic i.icon {
  color: #ffffff;
}
.ck-lozenge.advanced {
  background-color: #bf3966;
  color: #ffffff;
}
.ck-lozenge.advanced i.icon {
  color: #ffffff;
}
.ck-lozenge.steelblue {
  background-color: #5aaacc;
  color: #ffffff;
}
.ck-lozenge.steelblue i.icon {
  color: #ffffff;
}
.ck-lozenge.hunter {
  background-color: #268E99;
  color: #ffffff;
}
.ck-lozenge.hunter i.icon {
  color: #ffffff;
}
.ck-lozenge.darker {
  background-color: #394242;
  color: #ffffff;
}
.ck-lozenge.darker i.icon {
  color: #ffffff;
}
.ck-lozenge.darker.inverted {
  background-color: #394242;
}
.ck-lozenge.dark {
  background-color: #505959;
  color: #ffffff;
}
.ck-lozenge.dark i.icon {
  color: #ffffff;
}
.ck-lozenge.dark.inverted {
  background-color: #e8ebeb;
  color: #394242;
}
.ck-lozenge.dark.inverted i.icon {
  color: #394242;
}
.ck-lozenge.base {
  background-color: #f4f5ba;
  color: #394242;
}
.ck-lozenge.base i.icon {
  color: #394242;
}
.ck-lozenge.super {
  color: #394242;
  background-color: #e0e200;
}
.ck-lozenge.super i.icon {
  color: #394242;
}
.ck-lozenge.grey {
  background-color: #e8ebeb;
  color: #394242;
}
.ck-lozenge.grey i.icon {
  color: #394242;
}
.ck-lozenge.grey.inverted {
  background-color: #505959;
  color: #e8ebeb;
}
.ck-lozenge.grey.inverted i.icon {
  color: #e8ebeb;
}
.ck-lozenge.action {
  background-color: #157841;
}
.ck-lozenge.white {
  background-color: #ffffff;
  color: #394242;
}
.ck-lozenge.white i.icon {
  color: #394242;
}
.ck-lozenge.warning {
  background-color: #eb8e1b;
}
.ck-lozenge.error {
  background-color: #ee2f19;
}
.ck-lozenge.lozenge--size-small {
  font-size: 1rem;
  padding: 0.4rem;
}
.ck-lozenge.lozenge--size-small.icon {
  padding: 0.4rem 0.7rem 0.4rem 0.4rem;
}
.ck-lozenge.lozenge--size-medium {
  font-size: 1.3rem;
  padding: 0.8rem;
}
.ck-lozenge.lozenge--size-medium.icon {
  padding: 0.8rem 1rem 0.8rem 0.8rem;
}
.ck-lozenge.lozenge--size-large {
  font-size: 2rem;
  padding: 1rem;
}
.ck-lozenge.lozenge--size-large.icon {
  padding: 1rem 1.2rem 1rem 1rem;
}
.ck.media-settings {
  display: flex;
  justify-content: flex-start;
}
.ck.media-settings .media-settings__control {
  margin-right: 1.5rem;
}
.ck.media-settings .ck.tooltip[data-ck-tooltip]:after {
  max-width: 50ch;
}
.ck.media-settings svg:hover #icon-image-element {
  fill: #77d3c6;
}
.ck.media-settings .active svg:hover #icon-image-element {
  fill: #3ec0ad;
}
.ck.media-settings .active #icon-image-element {
  fill: #3ec0ad;
}
.ck.media-settings .active #icon-block-element {
  fill: #77d3c6;
}
.ck.media-settings .ui.secondary.ck-icon-menu.menu {
  margin: 0;
}
.ck.media-settings .ui.secondary.ck-icon-menu.menu .ck.menu-item .item,
.ck.media-settings .ui.secondary.ck-icon-menu.menu .ck.tooltip .ck.menu-item .item {
  margin: 0 0.2rem 0 0;
  padding: 0;
}
.ck.media-settings .ui.secondary.ck-icon-menu.menu .ck.tooltip:last-child .ck.menu-item .item {
  margin-right: 0;
  padding: 0;
}
.ck.message {
  min-width: 320px;
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 1.4rem;
  color: #ffffff;
  z-index: 1;
  /* padding */
  /* all sides */
  /* vertical */
  /* horizontal */
}
.ck.message .message__inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.ck.message.has-onClose .message__content {
  margin-right: 4rem;
}
.ck.message.vertical-align--top .message__inner {
  align-items: flex-start;
}
.ck.message.vertical-align--middle .message__inner {
  align-items: center;
}
.ck.message.vertical-align--bottom .message__inner {
  align-items: flex-end;
}
.ck.message .message__icon {
  margin-right: 2rem;
}
.ck.message .message__close {
  position: absolute;
  right: 3.5rem;
  top: 3.5rem;
}
.ck.message.padding-mini {
  padding: 2rem 2rem;
}
.ck.message.padding-mini .message__close {
  right: 2rem;
  top: 2rem;
}
.ck.message.padding-tiny {
  padding: 2.5rem 2.5rem;
}
.ck.message.padding-tiny .message__close {
  right: 2.5rem;
  top: 2.5rem;
}
.ck.message.padding-small {
  padding: 3rem 3rem;
}
.ck.message.padding-small .message__close {
  right: 3rem;
  top: 3rem;
}
.ck.message.padding-medium {
  padding: 3.5rem 3.5rem;
}
.ck.message.padding-large {
  padding: 5.5rem 5.5rem;
}
.ck.message.padding-big {
  padding: 6.5rem 6.5rem;
}
.ck.message.padding-huge {
  padding: 7.5rem 7.5rem;
}
.ck.message.padding-massive {
  padding: 8.5rem 8.5rem;
}
.ck.message.padding-vertical-mini {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.ck.message.padding-vertical-mini .message__close {
  top: 2rem;
}
.ck.message.padding-vertical-tiny {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.ck.message.padding-vertical-tiny .message__close {
  top: 2.5rem;
}
.ck.message.padding-vertical-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.ck.message.padding-vertical-small .message__close {
  top: 3rem;
}
.ck.message.padding-vertical-medium {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.ck.message.padding-vertical-large {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.ck.message.padding-vertical-big {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}
.ck.message.padding-vertical-huge {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.ck.message.padding-vertical-massive {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}
.ck.message.padding-horizontal-mini {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ck.message.padding-horizontal-mini .message__close {
  right: 2rem;
}
.ck.message.padding-horizontal-tiny {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.ck.message.padding-horizontal-tiny .message__close {
  right: 2.5rem;
}
.ck.message.padding-horizontal-small {
  padding-left: 3rem;
  padding-right: 3rem;
}
.ck.message.padding-horizontal-small .message__close {
  right: 3rem;
}
.ck.message.padding-horizontal-medium {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.ck.message.padding-horizontal-large {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}
.ck.message.padding-horizontal-big {
  padding-left: 6.5rem;
  padding-right: 6.5rem;
}
.ck.message.padding-horizontal-huge {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.ck.message.padding-horizontal-massive {
  padding-left: 8.5rem;
  padding-right: 8.5rem;
}
.ck.message.growler-mode {
  z-index: 6050;
  position: fixed;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 100vw;
}
.ck.message.growler-mode .message__inner {
  margin: 0 100px;
}
.ck.message.message-type--warning {
  background-color: #eb8e1b;
}
.ck.message.message-type--error {
  background-color: #ee2f19;
}
.ck.message.message-type--success {
  background-color: #157841;
}
.ck.message.message-type--info {
  background-color: #77d3c6;
}
.ck.modified-by.inverted {
  color: #b8c6cc;
}
.ck-panel {
  /* padding */
  /* all sides */
  /* vertical */
  /* horizontal */
  /* spacing */
}
.ck-panel.padding-mini {
  padding: 1.5rem 1rem;
}
.ck-panel.padding-tiny {
  padding: 2.5rem 2rem;
}
.ck-panel.padding-small {
  padding: 3.5rem 3rem;
}
.ck-panel.padding-medium {
  padding: 4.5rem 4rem;
}
.ck-panel.padding-large {
  padding: 5.5rem 5rem;
}
.ck-panel.padding-big {
  padding: 6.5rem 6rem;
}
.ck-panel.padding-huge {
  padding: 7.5rem 7rem;
}
.ck-panel.padding-massive {
  padding: 8.5rem 8rem;
}
.ck-panel.padding-vertical-mini {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.ck-panel.padding-vertical-tiny {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.ck-panel.padding-vertical-small {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.ck-panel.padding-vertical-medium {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.ck-panel.padding-vertical-large {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.ck-panel.padding-vertical-big {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}
.ck-panel.padding-vertical-huge {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.ck-panel.padding-vertical-massive {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}
.ck-panel.padding-horizontal-mini {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ck-panel.padding-horizontal-tiny {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ck-panel.padding-horizontal-small {
  padding-left: 3rem;
  padding-right: 3rem;
}
.ck-panel.padding-horizontal-medium {
  padding-left: 4rem;
  padding-right: 4rem;
}
.ck-panel.padding-horizontal-large {
  padding-left: 5rem;
  padding-right: 5rem;
}
.ck-panel.padding-horizontal-big {
  padding-left: 6rem;
  padding-right: 6rem;
}
.ck-panel.padding-horizontal-huge {
  padding-left: 7rem;
  padding-right: 7rem;
}
.ck-panel.padding-horizontal-massive {
  padding-left: 8rem;
  padding-right: 8rem;
}
.ck-panel.mini > *:not(:last-child) {
  margin-bottom: 0.5rem;
}
.ck-panel.tiny > *:not(:last-child) {
  margin-bottom: 1rem;
}
.ck-panel.small > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
.ck-panel.medium > *:not(:last-child) {
  margin-bottom: 2rem;
}
.ck-panel.large > *:not(:last-child) {
  margin-bottom: 2.5rem;
}
.ck-panel.big > *:not(:last-child) {
  margin-bottom: 3rem;
}
.ck-panel.huge > *:not(:last-child) {
  margin-bottom: 3.5rem;
}
.ck-panel.massive > *:not(:last-child) {
  margin-bottom: 4rem;
}
.ck-panel.bordered {
  border-bottom: 0.1rem solid #77d3c6;
}
.ck-panel .ui.segment {
  position: static;
}
.ck-panel > .ui.header,
.ck-panel > .ui.sub.header {
  margin-bottom: 1.8em;
}
.ck-panel .ck-takeover-panel .hidden.content {
  background-color: #ffffff;
}
.ck-panel.inverted {
  color: #e8ebeb;
}
.ck-panel.inverted.bordered {
  border-bottom: 0.1rem solid #77d3c6;
}
.ck-panel.inverted .ck-takeover-panel .hidden.content {
  background-color: #505959;
}
/* toggle panel */
.ck-panel .ui.slide.reveal > .hidden.content {
  opacity: 0;
}
.ck-panel .ui.slide.reveal.active > .hidden.content {
  opacity: 1;
}
/* takeover panel */
.ck-takeover-panel .ck-takeover-panel-heading {
  height: 7.5rem;
  padding: 0 4rem;
}
.ck-takeover-panel .ck-takeover-panel-heading .ui.header {
  line-height: 7.5rem;
  display: inline-block;
  margin: 0;
}
.ck-takeover-panel .ck-takeover-panel-heading .ui.button.icon.right {
  padding: 0;
  display: inline-block;
  height: 100%;
}
.ck-takeover-panel .ck-takeover-panel-heading.bordered {
  border-bottom: 0.1rem solid #77d3c6;
}
.ck-takeover-panel .ui.slide.reveal {
  position: static !important;
}
.ck-takeover-panel .ui.slide.reveal > .hidden.content {
  display: block !important;
}
.ck-takeover-panel .ui.slide.reveal.right {
  box-shadow: 0px 0.2rem 0.4rem 0 rgba(27, 28, 29, 0.5);
}
.ck-takeover-panel .ui.slide.reveal.left {
  box-shadow: 0 -0.2rem 0.4rem 0 rgba(27, 28, 29, 0.5);
}
.ck-takeover-panel.inverted .ck-takeover-panel-heading.bordered {
  border-bottom: 0.1rem solid #77d3c6;
}
.ck-side-pane__container > .ck-side-pane.mini .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 100px !important;
}
.ck-side-pane__container > .ck-side-pane.tiny .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 200px !important;
}
.ck-side-pane__container > .ck-side-pane.small .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 300px !important;
}
.ck-side-pane__container > .ck-side-pane.medium .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 400px !important;
}
.ck-side-pane__container > .ck-side-pane.large .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 500px !important;
}
.ck-side-pane__container > .ck-side-pane.big .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 600px !important;
}
.ck-side-pane__container > .ck-side-pane.huge .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 700px !important;
}
.ck-side-pane__container > .ck-side-pane.massive .ck-takeover-panel .ui.slide.reveal > .hidden.content {
  width: 800px !important;
}
.password-field .ck.input .action .ui.button,
.password-field .ck.input .action .ui.button.inverted.outline.base.disabled {
  border-left: none !important;
}
.ck.picker.isHoverable .selected:not(.hover-underline) .hoverable .hover {
  cursor: default;
}
.ck.picker.isHoverable .selected:not(.hover-underline) .picker-item__item-state {
  background-color: #77d3c6;
}
.ck.picker.isHoverable .selected:not(.hover-underline) .picker-item__item-state .ck-icon i.icon {
  opacity: 1;
}
.ck.picker.isHoverable .selected.circular .picker-item__item-state {
  border-radius: 50%;
}
.ck.picker .ck.tooltip {
  display: flex;
}
.ck.picker .picker__inner {
  display: flex;
  flex-wrap: wrap;
}
.ck.picker.centered .picker__inner {
  justify-content: center;
}
.ck.picker .picker__align-left {
  text-align: left;
}
.ck.picker .picker__align-center {
  text-align: center;
}
.ck.picker .picker__align-right {
  text-align: right;
}
.ck.picker .ui.inverted.dimmer {
  color: #ffffff;
}
.ck.picker .picker-item {
  margin: 2.5rem 2.5rem 1rem 2.5rem;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s ease;
}
.ck.picker .picker-item.selected.hover-underline,
.ck.picker .picker-item.hover-underline:hover {
  border-bottom-color: #77d3c6;
}
.ck.picker .picker-item.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ck.picker .picker-item.disabled .picker-item__inner {
  pointer-events: none;
}
.ck.picker .picker-item__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ck.picker .picker-item__inner.error .ck.header {
  border-bottom-color: #ee2f19;
}
.ck.picker .picker-item__item-container {
  position: relative;
}
.ck.picker .picker-item__item-state {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.25s ease;
}
.ck.picker .picker-item__item-state .ck-icon i.icon {
  opacity: 0;
  transition: all 0.25s ease;
  margin: 0;
}
.ck.picker .picker-item__item-state--default {
  background-color: transparent;
}
.ck.picker .picker-item__item-state--loading {
  background-color: #77d3c6;
}
.ck.picker .picker-item__item-state--error {
  background-color: #ee2f19 !important;
}
.ck.picker .picker-item__item-state--default {
  opacity: 0;
}
.ck.picker .picker-item__item-state--loading .ck-icon i.icon,
.ck.picker .picker-item__item-state--error .ck-icon i.icon {
  opacity: 1;
}
.ck.picker .picker-item__item-state--loading:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -4rem 0 0 -4rem;
  width: 8rem;
  height: 8rem;
  border-radius: 500rem;
  border-width: 1rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
}
.ck.picker .picker-item__item-state--loading:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -4rem 0 0 -4rem;
  width: 8rem;
  height: 8rem;
  border-radius: 500rem;
  border-width: 1rem;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-color: #ffffff transparent transparent;
  border-style: solid;
}
.ck.picker .picker-item__hover-text,
.ck.picker .picker-item__item-state {
  font-size: 3.5rem;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  color: #ffffff;
  cursor: pointer;
}
.ck.picker .picker-item__item-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* For some reason, semantic adds a right margin to all icons.
    *  It seems like it is intended to support an icon inline with text.
    *  It throws off the overlay for circular icons so I am overriding it here.
    */
}
.ck.picker .picker-item__item-image .ck-icon i {
  margin: 0;
}
.ck.picker .circular .picker-item__item-image {
  border-radius: 50%;
  overflow: hidden;
}
.ck.picker .picker-item__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 2rem;
}
.ck.picker .picker-item__content.selectable {
  cursor: pointer;
}
.ck.picker .picker-item__header {
  margin-bottom: 1.5rem;
}
.ck.picker .picker-item__header > .ui.header .content {
  font-size: 2.4rem;
}
.ck.picker .picker-item__topline {
  margin-bottom: 1.6rem;
}
.ck.picker .picker-item__topline > .ui.header .content {
  font-size: 3.2rem;
}
.ck.picker-modal {
  background-color: #505959;
  height: 100%;
  overflow-y: scroll;
}
.ck.picker-modal .picker-modal__body {
  padding-top: 2rem;
}
.ck.picker-modal .picker-modal__body__item {
  display: inline-block;
  padding-bottom: 1rem;
  margin-bottom: 2.5rem;
  width: 172px;
}
.ck.picker-modal .picker-modal__body__item.selected {
  border-bottom: 2px solid #77d3c6;
}
.ck.picker-modal .picker-modal__body__item .ck.header {
  margin-top: 1.5rem;
}
.ck.picker-modal .picker-modal__body__item__hover-text {
  font-size: 3.5rem;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
}
.ck.pill .pill-label {
  display: inline-block;
}
.ck.pill .pill-label .ui.label {
  border-radius: 100px;
}
.ck.pill .pill-label.pill-label--mini .ui.label {
  padding: 0.4rem 0.6rem;
}
.ck.pill .pill-label.pill-label--tiny .ui.label,
.ck.pill .pill-label.pill-label--small .ui.label {
  padding: 0.4rem 0.7rem;
}
.ck.pill .pill-label.pill-label--medium .ui.label {
  padding: 0.4rem 0.8rem;
}
.ck.pill .pill-label.pill-label--large .ui.label,
.ck.pill .pill-label.pill-label--big .ui.label,
.ck.pill .pill-label.pill-label--huge .ui.label {
  padding: 0.4rem 1rem;
}
.ck.pill .pill-label.pill-label--massive .ui.label {
  padding: 0.6rem 1.2rem;
}
.ck-popup-menu-trigger {
  /*******************************
             Popup
*******************************/
  /* Wayin Updates */
  /* custom / new variables */
  /* END Wayin Updates */
  /*-------------------
       Element
--------------------*/
  /*-------------------
       Parts
--------------------*/
  /* Placement */
  /* Header */
  /* Content Border */
  /* Arrow */
  /* Arrow color by position */
  /*-------------------
       Types
--------------------*/
  /* Tooltip */
  /* Inverted */
  /* Arrow */
  /*-------------------
       Coupling
--------------------*/
  /* Grid Inside Popup */
  /* (padding * @medium) */
  /*-------------------
       States
--------------------*/
  /*-------------------
       Variations
--------------------*/
  /* Wide */
  /* Inverted */
  /* Arrow color by position */
  color: #394242;
  font-size: 1.3rem;
  cursor: pointer;
  margin: 0 0.4rem;
}
.ck-popup-menu-trigger.inverted {
  color: #ffffff;
}
.ck-popup-menu-trigger:hover,
.ck-popup-menu-trigger.open {
  color: #77d3c6;
}
.ck-popup-menu-trigger:hover .icon.inverted,
.ck-popup-menu-trigger.open .icon.inverted,
.ck-popup-menu-trigger:hover .icon,
.ck-popup-menu-trigger.open .icon {
  color: #77d3c6;
}
.ck-popup-menu-parent {
  /*******************************
             Popup
*******************************/
  /* Wayin Updates */
  /* custom / new variables */
  /* END Wayin Updates */
  /*-------------------
       Element
--------------------*/
  /*-------------------
       Parts
--------------------*/
  /* Placement */
  /* Header */
  /* Content Border */
  /* Arrow */
  /* Arrow color by position */
  /*-------------------
       Types
--------------------*/
  /* Tooltip */
  /* Inverted */
  /* Arrow */
  /*-------------------
       Coupling
--------------------*/
  /* Grid Inside Popup */
  /* (padding * @medium) */
  /*-------------------
       States
--------------------*/
  /*-------------------
       Variations
--------------------*/
  /* Wide */
  /* Inverted */
  /* Arrow color by position */
  /*!
 * # Semantic UI - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
  /*******************************
            Theme
*******************************/
  /*******************************
            Popup
*******************************/
  /*******************************
            Types
*******************************/
  /*--------------
    Tooltip
---------------*/
  /* Content */
  /* Arrow */
  /* Popup */
  /* Default Position (Top Center) */
  /* Animation */
  /* Animation Position */
  /*--------------
    Inverted
---------------*/
  /* Arrow */
  /* Arrow Position */
  /* Popup  */
  /*--------------
    Position
---------------*/
  /* Top Center */
  /* Top Left */
  /* Top Right */
  /* Bottom Center */
  /* Bottom Left */
  /* Bottom Right */
  /* Left Center */
  /* Right Center */
  /* Arrow */
  /* Inverted Arrow Color */
  /*--------------
     Spacing
---------------*/
  /* Extending from Top */
  /* Extending from Vertical Center */
  /* Extending from Bottom */
  /*--------------
     Pointer
---------------*/
  /*--- Below ---*/
  /*rtl:rename*/
  /*rtl:rename*/
  /*--- Above ---*/
  /*rtl:rename*/
  /*rtl:rename*/
  /*--- Left Center ---*/
  /*rtl:rename*/
  /*--- Right Center  ---*/
  /*rtl:rename*/
  /* Arrow Color By Location */
  /* Inverted Arrow Color */
  /*******************************
            Coupling
*******************************/
  /* Immediate Nested Grid */
  /*******************************
            States
*******************************/
  /*******************************
            Variations
*******************************/
  /*--------------
     Basic
---------------*/
  /*--------------
     Wide
---------------*/
  /*--------------
     Fluid
---------------*/
  /*--------------
     Colors
---------------*/
  /* Inverted colors  */
  /*--------------
     Flowing
---------------*/
  /*--------------
     Sizes
---------------*/
}
.ck-popup-menu-parent.ui.popup {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /* Fixes content being squished when inline (moz only) */
  min-width: min-content;
  z-index: 5200;
  border: none;
  line-height: 1;
  max-width: 250px;
  background: #ffffff;
  padding: 0 0;
  font-weight: normal;
  font-style: normal;
  color: #e8ebeb;
  border-radius: 0.2rem;
  box-shadow: 3px 3px 10px 4px rgba(0, 0, 0, 0.14);
}
.ck-popup-menu-parent.ui.popup > .header {
  padding: 0;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: bold;
}
.ck-popup-menu-parent.ui.popup > .header + .content {
  padding-top: 0.7em;
}
.ck-popup-menu-parent.ui.popup:before {
  position: absolute;
  content: '';
  width: 1em;
  height: 1em;
  background: #ffffff;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-tooltip] {
  position: relative;
}
.ck-popup-menu-parent[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: '';
  font-size: 1.3rem;
  width: 1em;
  height: 1em;
  background: #ffffff;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 1.3rem;
  border: none;
  line-height: 1;
  max-width: none;
  background: #ffffff;
  padding: 0 0;
  font-weight: normal;
  font-style: normal;
  color: #e8ebeb;
  border-radius: 0.2rem;
  box-shadow: 3px 3px 10px 4px rgba(0, 0, 0, 0.14);
  z-index: 1;
}
.ck-popup-menu-parent[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #ffffff;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-tooltip]:not([data-position]):after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-tooltip]:before,
.ck-popup-menu-parent[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden;
}
.ck-popup-menu-parent[data-tooltip]:before {
  opacity: 0;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center top;
  transition: all 0.1s ease;
}
.ck-popup-menu-parent[data-tooltip]:after {
  opacity: 1;
  transform-origin: center bottom;
  transition: all 0.1s ease;
}
.ck-popup-menu-parent[data-tooltip]:hover:before,
.ck-popup-menu-parent[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto;
}
.ck-popup-menu-parent[data-tooltip]:hover:before {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1;
}
.ck-popup-menu-parent[data-tooltip]:after,
.ck-popup-menu-parent[data-tooltip][data-position='top center']:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom center']:after {
  transform: translateX(-50%) scale(0) !important;
}
.ck-popup-menu-parent[data-tooltip]:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom center']:hover:after {
  transform: translateX(-50%) scale(1) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='left center']:after,
.ck-popup-menu-parent[data-tooltip][data-position='right center']:after {
  transform: translateY(-50%) scale(0) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='left center']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='right center']:hover:after {
  transform: translateY(-50%) scale(1) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='top left']:after,
.ck-popup-menu-parent[data-tooltip][data-position='top right']:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom left']:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom right']:after {
  transform: scale(0) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='top left']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='top right']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom left']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom right']:hover:after {
  transform: scale(1) !important;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:before {
  box-shadow: none !important;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:after {
  background: #1b1c1d;
  color: #ffffff;
  border: none;
  box-shadow: none;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #ffffff;
}
.ck-popup-menu-parent[data-position='top center'][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-position='top center'][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #ffffff;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-position='top left'][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-position='top left'][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-position='top right'][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-position='top right'][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-position='bottom center'][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.7em;
}
.ck-popup-menu-parent[data-position='bottom center'][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.1rem;
  margin-top: 0.2rem;
}
.ck-popup-menu-parent[data-position='bottom left'][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.7em;
}
.ck-popup-menu-parent[data-position='bottom left'][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.1rem;
  margin-top: 0.2rem;
}
.ck-popup-menu-parent[data-position='bottom right'][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.7em;
}
.ck-popup-menu-parent[data-position='bottom right'][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.2rem;
  margin-top: 0.1rem;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.7em;
  transform: translateY(-50%);
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.2rem;
  margin-right: -0.1rem;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.7em;
  transform: translateY(-50%);
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.1rem;
  margin-left: 0.2rem;
}
.ck-popup-menu-parent[data-position~='bottom'][data-tooltip]:before {
  background: #ffffff;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:before {
  background: #ffffff;
  box-shadow: 1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:before {
  background: #ffffff;
  box-shadow: -1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-position~='top'][data-tooltip]:before {
  background: #ffffff;
}
.ck-popup-menu-parent[data-inverted][data-position~='bottom'][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-inverted][data-position='left center'][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: 1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-inverted][data-position='right center'][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: -1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-inverted][data-position~='top'][data-tooltip]:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent[data-position~='bottom'][data-tooltip]:before {
  transform-origin: center bottom;
}
.ck-popup-menu-parent[data-position~='bottom'][data-tooltip]:after {
  transform-origin: center top;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:before {
  transform-origin: top center;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:after {
  transform-origin: right center;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:before {
  transform-origin: right center;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:after {
  transform-origin: left center;
}
.ck-popup-menu-parent.ui.popup {
  margin: 0;
}
.ck-popup-menu-parent.ui.top.popup {
  margin: 0 0 1em;
}
.ck-popup-menu-parent.ui.top.left.popup {
  transform-origin: left bottom;
}
.ck-popup-menu-parent.ui.top.center.popup {
  transform-origin: center bottom;
}
.ck-popup-menu-parent.ui.top.right.popup {
  transform-origin: right bottom;
}
.ck-popup-menu-parent.ui.left.center.popup {
  margin: 0 1em 0 0;
  transform-origin: right 50%;
}
.ck-popup-menu-parent.ui.right.center.popup {
  margin: 0 0 0 1em;
  transform-origin: left 50%;
}
.ck-popup-menu-parent.ui.bottom.popup {
  margin: 1em 0 0;
}
.ck-popup-menu-parent.ui.bottom.left.popup {
  transform-origin: left top;
}
.ck-popup-menu-parent.ui.bottom.center.popup {
  transform-origin: center top;
}
.ck-popup-menu-parent.ui.bottom.right.popup {
  transform-origin: right top;
}
.ck-popup-menu-parent.ui.bottom.center.popup:before {
  margin-left: -0.45em;
  top: -0.45em;
  left: 50%;
  right: auto;
  bottom: auto;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.bottom.left.popup {
  margin-left: 0em;
}
.ck-popup-menu-parent.ui.bottom.left.popup:before {
  top: -0.45em;
  left: 1em;
  right: auto;
  bottom: auto;
  margin-left: 0;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.bottom.right.popup {
  margin-right: 0em;
}
.ck-popup-menu-parent.ui.bottom.right.popup:before {
  top: -0.45em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.top.center.popup:before {
  top: auto;
  right: auto;
  bottom: -0.45em;
  left: 50%;
  margin-left: -0.45em;
}
.ck-popup-menu-parent.ui.top.left.popup {
  margin-left: 0em;
}
.ck-popup-menu-parent.ui.top.left.popup:before {
  bottom: -0.45em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0;
}
.ck-popup-menu-parent.ui.top.right.popup {
  margin-right: 0em;
}
.ck-popup-menu-parent.ui.top.right.popup:before {
  bottom: -0.45em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0;
}
.ck-popup-menu-parent.ui.left.center.popup:before {
  top: 50%;
  right: -0.45em;
  bottom: auto;
  left: auto;
  margin-top: -0.45em;
  box-shadow: 1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.right.center.popup:before {
  top: 50%;
  left: -0.45em;
  bottom: auto;
  right: auto;
  margin-top: -0.45em;
  box-shadow: -1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.bottom.popup:before {
  background: #ffffff;
}
.ck-popup-menu-parent.ui.right.center.popup:before,
.ck-popup-menu-parent.ui.left.center.popup:before {
  background: #ffffff;
}
.ck-popup-menu-parent.ui.top.popup:before {
  background: #ffffff;
}
.ck-popup-menu-parent.ui.inverted.bottom.popup:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent.ui.inverted.right.center.popup:before,
.ck-popup-menu-parent.ui.inverted.left.center.popup:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent.ui.inverted.top.popup:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem;
}
.ck-popup-menu-parent.ui.loading.popup {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ck-popup-menu-parent.ui.animating.popup,
.ck-popup-menu-parent.ui.visible.popup {
  display: block;
}
.ck-popup-menu-parent.ui.visible.popup {
  transform: translateZ(0px);
  backface-visibility: hidden;
}
.ck-popup-menu-parent.ui.basic.popup:before {
  display: none;
}
.ck-popup-menu-parent.ui.wide.popup {
  max-width: 350px;
}
.ck-popup-menu-parent.ui[class*='very wide'].popup {
  max-width: 550px;
}
@media only screen and (max-width: 767px) {
  .ck-popup-menu-parent.ui.wide.popup,
  .ck-popup-menu-parent.ui[class*='very wide'].popup {
    max-width: 250px;
  }
}
.ck-popup-menu-parent.ui.fluid.popup {
  width: 100%;
  max-width: none;
}
.ck-popup-menu-parent.ui.inverted.popup {
  background: #1b1c1d;
  color: #ffffff;
  border: none;
  box-shadow: none;
}
.ck-popup-menu-parent.ui.inverted.popup .header {
  background-color: none;
  color: #ffffff;
}
.ck-popup-menu-parent.ui.inverted.popup:before {
  background-color: #1b1c1d;
  box-shadow: none !important;
}
.ck-popup-menu-parent.ui.flowing.popup {
  max-width: none;
}
.ck-popup-menu-parent.ui.mini.popup {
  font-size: 1rem;
}
.ck-popup-menu-parent.ui.tiny.popup {
  font-size: 1.1rem;
}
.ck-popup-menu-parent.ui.small.popup {
  font-size: 1.2rem;
}
.ck-popup-menu-parent.ui.popup {
  font-size: 1.3rem;
}
.ck-popup-menu-parent.ui.large.popup {
  font-size: 1.5rem;
}
.ck-popup-menu-parent.ui.huge.popup {
  font-size: 1.8rem;
}
.ck-popup-menu-trigger {
  /*******************************
             Popup
*******************************/
  /* Wayin Updates */
  /* custom / new variables */
  /* END Wayin Updates */
  /*-------------------
       Element
--------------------*/
  /*-------------------
       Parts
--------------------*/
  /* Placement */
  /* Header */
  /* Content Border */
  /* Arrow */
  /* Arrow color by position */
  /*-------------------
       Types
--------------------*/
  /* Tooltip */
  /* Inverted */
  /* Arrow */
  /*-------------------
       Coupling
--------------------*/
  /* Grid Inside Popup */
  /* (padding * @medium) */
  /*-------------------
       States
--------------------*/
  /*-------------------
       Variations
--------------------*/
  /* Wide */
  /* Inverted */
  /* Arrow color by position */
  color: #394242;
  font-size: 1.3rem;
  cursor: pointer;
  margin: 0 0.4rem;
}
.ck-popup-menu-trigger.inverted {
  color: #ffffff;
}
.ck-popup-menu-trigger:hover,
.ck-popup-menu-trigger.open {
  color: #77d3c6;
}
.ck-popup-menu-trigger:hover .icon.inverted,
.ck-popup-menu-trigger.open .icon.inverted,
.ck-popup-menu-trigger:hover .icon,
.ck-popup-menu-trigger.open .icon {
  color: #77d3c6;
}
.ck-popup-menu-parent {
  /*******************************
             Popup
*******************************/
  /* Wayin Updates */
  /* custom / new variables */
  /* END Wayin Updates */
  /*-------------------
       Element
--------------------*/
  /*-------------------
       Parts
--------------------*/
  /* Placement */
  /* Header */
  /* Content Border */
  /* Arrow */
  /* Arrow color by position */
  /*-------------------
       Types
--------------------*/
  /* Tooltip */
  /* Inverted */
  /* Arrow */
  /*-------------------
       Coupling
--------------------*/
  /* Grid Inside Popup */
  /* (padding * @medium) */
  /*-------------------
       States
--------------------*/
  /*-------------------
       Variations
--------------------*/
  /* Wide */
  /* Inverted */
  /* Arrow color by position */
  /*!
 * # Semantic UI - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
  /*******************************
            Theme
*******************************/
  /*******************************
            Popup
*******************************/
  /*******************************
            Types
*******************************/
  /*--------------
    Tooltip
---------------*/
  /* Content */
  /* Arrow */
  /* Popup */
  /* Default Position (Top Center) */
  /* Animation */
  /* Animation Position */
  /*--------------
    Inverted
---------------*/
  /* Arrow */
  /* Arrow Position */
  /* Popup  */
  /*--------------
    Position
---------------*/
  /* Top Center */
  /* Top Left */
  /* Top Right */
  /* Bottom Center */
  /* Bottom Left */
  /* Bottom Right */
  /* Left Center */
  /* Right Center */
  /* Arrow */
  /* Inverted Arrow Color */
  /*--------------
     Spacing
---------------*/
  /* Extending from Top */
  /* Extending from Vertical Center */
  /* Extending from Bottom */
  /*--------------
     Pointer
---------------*/
  /*--- Below ---*/
  /*rtl:rename*/
  /*rtl:rename*/
  /*--- Above ---*/
  /*rtl:rename*/
  /*rtl:rename*/
  /*--- Left Center ---*/
  /*rtl:rename*/
  /*--- Right Center  ---*/
  /*rtl:rename*/
  /* Arrow Color By Location */
  /* Inverted Arrow Color */
  /*******************************
            Coupling
*******************************/
  /* Immediate Nested Grid */
  /*******************************
            States
*******************************/
  /*******************************
            Variations
*******************************/
  /*--------------
     Basic
---------------*/
  /*--------------
     Wide
---------------*/
  /*--------------
     Fluid
---------------*/
  /*--------------
     Colors
---------------*/
  /* Inverted colors  */
  /*--------------
     Flowing
---------------*/
  /*--------------
     Sizes
---------------*/
}
.ck-popup-menu-parent.ui.popup {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /* Fixes content being squished when inline (moz only) */
  min-width: min-content;
  z-index: 5200;
  border: none;
  line-height: 1;
  max-width: 250px;
  background: #ffffff;
  padding: 0 0;
  font-weight: normal;
  font-style: normal;
  color: #e8ebeb;
  border-radius: 0.2rem;
  box-shadow: 3px 3px 10px 4px rgba(0, 0, 0, 0.14);
}
.ck-popup-menu-parent.ui.popup > .header {
  padding: 0;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: bold;
}
.ck-popup-menu-parent.ui.popup > .header + .content {
  padding-top: 0.7em;
}
.ck-popup-menu-parent.ui.popup:before {
  position: absolute;
  content: '';
  width: 1em;
  height: 1em;
  background: #ffffff;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-tooltip] {
  position: relative;
}
.ck-popup-menu-parent[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: '';
  font-size: 1.3rem;
  width: 1em;
  height: 1em;
  background: #ffffff;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 1.3rem;
  border: none;
  line-height: 1;
  max-width: none;
  background: #ffffff;
  padding: 0 0;
  font-weight: normal;
  font-style: normal;
  color: #e8ebeb;
  border-radius: 0.2rem;
  box-shadow: 3px 3px 10px 4px rgba(0, 0, 0, 0.14);
  z-index: 1;
}
.ck-popup-menu-parent[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #ffffff;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-tooltip]:not([data-position]):after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-tooltip]:before,
.ck-popup-menu-parent[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden;
}
.ck-popup-menu-parent[data-tooltip]:before {
  opacity: 0;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center top;
  transition: all 0.1s ease;
}
.ck-popup-menu-parent[data-tooltip]:after {
  opacity: 1;
  transform-origin: center bottom;
  transition: all 0.1s ease;
}
.ck-popup-menu-parent[data-tooltip]:hover:before,
.ck-popup-menu-parent[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto;
}
.ck-popup-menu-parent[data-tooltip]:hover:before {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1;
}
.ck-popup-menu-parent[data-tooltip]:after,
.ck-popup-menu-parent[data-tooltip][data-position='top center']:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom center']:after {
  transform: translateX(-50%) scale(0) !important;
}
.ck-popup-menu-parent[data-tooltip]:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom center']:hover:after {
  transform: translateX(-50%) scale(1) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='left center']:after,
.ck-popup-menu-parent[data-tooltip][data-position='right center']:after {
  transform: translateY(-50%) scale(0) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='left center']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='right center']:hover:after {
  transform: translateY(-50%) scale(1) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='top left']:after,
.ck-popup-menu-parent[data-tooltip][data-position='top right']:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom left']:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom right']:after {
  transform: scale(0) !important;
}
.ck-popup-menu-parent[data-tooltip][data-position='top left']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='top right']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom left']:hover:after,
.ck-popup-menu-parent[data-tooltip][data-position='bottom right']:hover:after {
  transform: scale(1) !important;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:before {
  box-shadow: none !important;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:after {
  background: #1b1c1d;
  color: #ffffff;
  border: none;
  box-shadow: none;
}
.ck-popup-menu-parent[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #ffffff;
}
.ck-popup-menu-parent[data-position='top center'][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-position='top center'][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #ffffff;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-position='top left'][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-position='top left'][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-position='top right'][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.7em;
}
.ck-popup-menu-parent[data-position='top right'][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.1rem;
  margin-bottom: 0.2rem;
}
.ck-popup-menu-parent[data-position='bottom center'][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.7em;
}
.ck-popup-menu-parent[data-position='bottom center'][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.1rem;
  margin-top: 0.2rem;
}
.ck-popup-menu-parent[data-position='bottom left'][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.7em;
}
.ck-popup-menu-parent[data-position='bottom left'][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.1rem;
  margin-top: 0.2rem;
}
.ck-popup-menu-parent[data-position='bottom right'][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.7em;
}
.ck-popup-menu-parent[data-position='bottom right'][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.2rem;
  margin-top: 0.1rem;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.7em;
  transform: translateY(-50%);
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.2rem;
  margin-right: -0.1rem;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.7em;
  transform: translateY(-50%);
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.1rem;
  margin-left: 0.2rem;
}
.ck-popup-menu-parent[data-position~='bottom'][data-tooltip]:before {
  background: #ffffff;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:before {
  background: #ffffff;
  box-shadow: 1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:before {
  background: #ffffff;
  box-shadow: -1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-position~='top'][data-tooltip]:before {
  background: #ffffff;
}
.ck-popup-menu-parent[data-inverted][data-position~='bottom'][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-inverted][data-position='left center'][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: 1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-inverted][data-position='right center'][data-tooltip]:before {
  background: #1b1c1d;
  box-shadow: -1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent[data-inverted][data-position~='top'][data-tooltip]:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent[data-position~='bottom'][data-tooltip]:before {
  transform-origin: center bottom;
}
.ck-popup-menu-parent[data-position~='bottom'][data-tooltip]:after {
  transform-origin: center top;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:before {
  transform-origin: top center;
}
.ck-popup-menu-parent[data-position='left center'][data-tooltip]:after {
  transform-origin: right center;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:before {
  transform-origin: right center;
}
.ck-popup-menu-parent[data-position='right center'][data-tooltip]:after {
  transform-origin: left center;
}
.ck-popup-menu-parent.ui.popup {
  margin: 0;
}
.ck-popup-menu-parent.ui.top.popup {
  margin: 0 0 1em;
}
.ck-popup-menu-parent.ui.top.left.popup {
  transform-origin: left bottom;
}
.ck-popup-menu-parent.ui.top.center.popup {
  transform-origin: center bottom;
}
.ck-popup-menu-parent.ui.top.right.popup {
  transform-origin: right bottom;
}
.ck-popup-menu-parent.ui.left.center.popup {
  margin: 0 1em 0 0;
  transform-origin: right 50%;
}
.ck-popup-menu-parent.ui.right.center.popup {
  margin: 0 0 0 1em;
  transform-origin: left 50%;
}
.ck-popup-menu-parent.ui.bottom.popup {
  margin: 1em 0 0;
}
.ck-popup-menu-parent.ui.bottom.left.popup {
  transform-origin: left top;
}
.ck-popup-menu-parent.ui.bottom.center.popup {
  transform-origin: center top;
}
.ck-popup-menu-parent.ui.bottom.right.popup {
  transform-origin: right top;
}
.ck-popup-menu-parent.ui.bottom.center.popup:before {
  margin-left: -0.45em;
  top: -0.45em;
  left: 50%;
  right: auto;
  bottom: auto;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.bottom.left.popup {
  margin-left: 0em;
}
.ck-popup-menu-parent.ui.bottom.left.popup:before {
  top: -0.45em;
  left: 1em;
  right: auto;
  bottom: auto;
  margin-left: 0;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.bottom.right.popup {
  margin-right: 0em;
}
.ck-popup-menu-parent.ui.bottom.right.popup:before {
  top: -0.45em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0;
  box-shadow: -1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.top.center.popup:before {
  top: auto;
  right: auto;
  bottom: -0.45em;
  left: 50%;
  margin-left: -0.45em;
}
.ck-popup-menu-parent.ui.top.left.popup {
  margin-left: 0em;
}
.ck-popup-menu-parent.ui.top.left.popup:before {
  bottom: -0.45em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0;
}
.ck-popup-menu-parent.ui.top.right.popup {
  margin-right: 0em;
}
.ck-popup-menu-parent.ui.top.right.popup:before {
  bottom: -0.45em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0;
}
.ck-popup-menu-parent.ui.left.center.popup:before {
  top: 50%;
  right: -0.45em;
  bottom: auto;
  left: auto;
  margin-top: -0.45em;
  box-shadow: 1px -1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.right.center.popup:before {
  top: 50%;
  left: -0.45em;
  bottom: auto;
  right: auto;
  margin-top: -0.45em;
  box-shadow: -1px 1px 0px 0px #556d85;
}
.ck-popup-menu-parent.ui.bottom.popup:before {
  background: #ffffff;
}
.ck-popup-menu-parent.ui.right.center.popup:before,
.ck-popup-menu-parent.ui.left.center.popup:before {
  background: #ffffff;
}
.ck-popup-menu-parent.ui.top.popup:before {
  background: #ffffff;
}
.ck-popup-menu-parent.ui.inverted.bottom.popup:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent.ui.inverted.right.center.popup:before,
.ck-popup-menu-parent.ui.inverted.left.center.popup:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent.ui.inverted.top.popup:before {
  background: #1b1c1d;
}
.ck-popup-menu-parent.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem;
}
.ck-popup-menu-parent.ui.loading.popup {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ck-popup-menu-parent.ui.animating.popup,
.ck-popup-menu-parent.ui.visible.popup {
  display: block;
}
.ck-popup-menu-parent.ui.visible.popup {
  transform: translateZ(0px);
  backface-visibility: hidden;
}
.ck-popup-menu-parent.ui.basic.popup:before {
  display: none;
}
.ck-popup-menu-parent.ui.wide.popup {
  max-width: 350px;
}
.ck-popup-menu-parent.ui[class*='very wide'].popup {
  max-width: 550px;
}
@media only screen and (max-width: 767px) {
  .ck-popup-menu-parent.ui.wide.popup,
  .ck-popup-menu-parent.ui[class*='very wide'].popup {
    max-width: 250px;
  }
}
.ck-popup-menu-parent.ui.fluid.popup {
  width: 100%;
  max-width: none;
}
.ck-popup-menu-parent.ui.inverted.popup {
  background: #1b1c1d;
  color: #ffffff;
  border: none;
  box-shadow: none;
}
.ck-popup-menu-parent.ui.inverted.popup .header {
  background-color: none;
  color: #ffffff;
}
.ck-popup-menu-parent.ui.inverted.popup:before {
  background-color: #1b1c1d;
  box-shadow: none !important;
}
.ck-popup-menu-parent.ui.flowing.popup {
  max-width: none;
}
.ck-popup-menu-parent.ui.mini.popup {
  font-size: 1rem;
}
.ck-popup-menu-parent.ui.tiny.popup {
  font-size: 1.1rem;
}
.ck-popup-menu-parent.ui.small.popup {
  font-size: 1.2rem;
}
.ck-popup-menu-parent.ui.popup {
  font-size: 1.3rem;
}
.ck-popup-menu-parent.ui.large.popup {
  font-size: 1.5rem;
}
.ck-popup-menu-parent.ui.huge.popup {
  font-size: 1.8rem;
}
.ck.prompt-modal {
  height: 100%;
}
.ck.prompt-modal input[type='number'].prompt-modal-numeric-input::-webkit-inner-spin-button,
.ck.prompt-modal input[type='number'].prompt-modal-numeric-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ck.prompt-modal input[type='number'].prompt-modal-numeric-input,
.ck.prompt-modal input[type='number'].prompt-modal-numeric-input:focus {
  background-color: transparent !important;
  width: 3.3rem;
  height: 3.5rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #ffffff;
  margin: 0.5rem 1rem 0.5rem 1rem;
  color: #ffffff;
  font-size: 1.4rem;
  padding: 0.5rem;
}
.ck.prompt-modal input[type='number'].prompt-modal-numeric-input.prompt-modal-numeric-input--has-error {
  border-color: #ee2f19;
}
.ck.prompt-modal .ck-icon {
  font-size: 6rem;
}
.ck.prompt-modal .prompt-modal__content {
  padding: 6rem 3rem 6rem 3rem;
}
.ck.prompt-modal .prompt-modal__content.warning,
.ck.prompt-modal.background-warning {
  background-color: #eb8e1b;
}
.ck.prompt-modal .prompt-modal__content.info,
.ck.prompt-modal.background-info {
  background-color: #77d3c6;
}
.ck.prompt-modal .prompt-modal__content.error,
.ck.prompt-modal.background-error {
  background-color: #ee2f19;
}
.ck.prompt-modal .ck.ui.grid.padding-horizontal-none > .row > .column {
  padding-left: 0;
  padding-right: 0;
}
.ck.prompt-modal .ui.checkbox label {
  color: #ffffff;
}
.ck.prompt-modal .math-problem {
  color: #ffffff;
  display: flex;
  align-items: center;
}
.ck.prompt-modal .math-problem .math-problem__input {
  width: 5.5rem;
  text-align: center;
  margin-left: 1rem;
}
.ck.prompt-modal .math-problem .math-problem__input .ck.input .ui.input {
  border-color: #ffffff;
}
.ck.quick-action {
  display: flex;
  cursor: pointer;
  /* layout */
  /* hover */
}
.ck.quick-action i.icon {
  margin: 0;
  color: #394242;
}
.ck.quick-action.quick-action--layout-vertical {
  flex-direction: column;
  text-align: center;
}
.ck.quick-action.quick-action--layout-vertical .quick-action-icon {
  margin-bottom: 1rem;
}
.ck.quick-action.quick-action--layout-horizontal {
  flex-direction: row;
}
.ck.quick-action.quick-action--layout-horizontal .quick-action-icon {
  margin-right: 1rem;
}
.ck.quick-action:hover:not(.quick-action--disabled) .ui.header .content,
.ck.quick-action:hover:not(.quick-action--disabled) i.icon {
  color: #37b8b5;
}
.ck.quick-action:hover:not(.quick-action--disabled) .ui.header .sub.header {
  color: #3ec0ad;
}
.ck.quick-action:hover:not(.quick-action--disabled).quick-action--inverted .ui.header .content,
.ck.quick-action:hover:not(.quick-action--disabled).quick-action--inverted i.icon {
  color: #37b8b5;
}
.ck.quick-action:hover:not(.quick-action--disabled).quick-action--inverted .ui.header .sub.header {
  color: #3ec0ad;
}
.ck.quick-action.quick-action--disabled:hover {
  cursor: not-allowed;
}
.ck.rich-text {
  /*-------------------
        States
--------------------*/
  /* Placeholder */
  /* Focus */
  /* Error */
  /* Loader */
  /* Toolbar */
  /*-------------------
      Variations
--------------------*/
  /* Inverted */
  margin-bottom: 2em;
  width: 300px;
}
.ck.rich-text > .ui.label {
  display: block;
  font-weight: bold;
}
.ck.rich-text .rich-text__editor-wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  cursor: text;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 3.5rem;
  max-height: 3.5rem;
  font-size: 1rem;
  padding: 0.7em;
  border: 0.1rem solid #d4d9d9;
  border-radius: 0.2rem;
}
.ck.rich-text .rich-text__editor-wrapper .resize-textarea__wrapper__drag-handle {
  position: absolute;
  width: 2rem;
  height: 2rem;
  bottom: 0;
  right: 0;
  cursor: ns-resize;
  fill: #d4d9d9;
  visibility: hidden;
}
.ck.rich-text .rich-text__editor-wrapper .resize-textarea__wrapper__drag-handle:hover {
  fill: #2b8679;
}
.ck.rich-text .rich-text__editor-wrapper:hover .resize-textarea__wrapper__drag-handle {
  visibility: visible;
}
.ck.rich-text .rich-text__editor-wrapper:hover {
  border: 0.1rem solid #77d3c6;
}
.ck.rich-text .rich-text__help-icon {
  padding-left: 0.8rem;
  border-left: 0.1rem solid #e8ebeb;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.ck.rich-text.rich-text--fluid {
  width: 100%;
}
.ck.rich-text.rich-text--size-small .rich-text__editor-wrapper {
  height: 3.5rem;
  max-height: 3.5rem;
}
.ck.rich-text.rich-text--size-medium .rich-text__editor-wrapper {
  height: 84px;
  max-height: 84px;
}
.ck.rich-text.rich-text--size-large .rich-text__editor-wrapper {
  height: 168px;
  max-height: 168px;
}
.ck.rich-text.rich-text--size-big .rich-text__editor-wrapper {
  height: 336px;
  max-height: 336px;
}
.ck.rich-text.rich-text--size-huge .rich-text__editor-wrapper {
  height: 772px;
  max-height: 772px;
}
.ck.rich-text.rich-text--focus .rich-text__editor-wrapper {
  border-color: #2b8679;
}
.ck.rich-text.rich-text--focus.rich-text--inverted .rich-text__editor-wrapper {
  border-color: #3ec0ad;
}
.ck.rich-text.rich-text--read-only .rich-text__editor-wrapper,
.ck.rich-text.rich-text--disabled .rich-text__editor-wrapper {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.ck.rich-text.rich-text--read-only.rich-text--inverted .rich-text__editor-wrapper,
.ck.rich-text.rich-text--disabled.rich-text--inverted .rich-text__editor-wrapper {
  background-color: #f7f7f7;
  border-color: #d4d9d9;
}
.ck.rich-text > .error-wrapper {
  display: flex;
  align-items: center;
}
.ck.rich-text.rich-text--error .error-wrapper > .ck.tooltip {
  width: 100%;
}
.ck.rich-text.rich-text--has-error-icon .error-wrapper > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 0;
  opacity: 0;
  width: 0;
  transform: rotateY(90deg);
}
.ck.rich-text.rich-text--has-error-icon.rich-text--error .error-wrapper > .ck.tooltip {
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  transform: rotateY(0deg);
}
.ck.rich-text.rich-text--error .rich-text__editor-wrapper,
.ck.rich-text.rich-text--error .rich-text__editor-wrapper.rich-text--inverted,
.ck.rich-text.rich-text--error .rich-text__editor-wrapper:focus,
.ck.rich-text.rich-text--error .rich-text__editor-wrapper.rich-text--inverted:focus,
.ck.rich-text.rich-text--error .rich-text__editor-wrapper:hover,
.ck.rich-text.rich-text--error .rich-text__editor-wrapper.rich-text--inverted:hover,
.ck.rich-text.rich-text--error .rich-text__editor-wrapper.focus,
.ck.rich-text.rich-text--error .rich-text__editor-wrapper.rich-text--inverted.focus {
  background-color: transparent;
  border-color: #ee2f19 !important;
  color: #ee2f19;
  box-shadow: none;
}
.ck.rich-text .ck-quill-editor-wrapper {
  width: 100%;
}
.ck.rich-text .quill {
  width: 100%;
  height: 100%;
}
.ck.rich-text .quill .ql-container {
  font-size: 1.5rem;
  color: #6c7373;
}
.ck.rich-text .quill .ql-tooltip .ql-tooltip-arrow {
  border-bottom-color: #505959;
}
.ck.rich-text .quill .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top-color: #505959;
}
.ck.rich-text .quill .ql-tooltip,
.ck.rich-text .quill .ql-picker-options {
  border-radius: 0.2rem;
  background-color: #505959;
  color: #ffffff;
}
.ck.rich-text .quill .ql-tooltip {
  z-index: 9999999;
}
.ck.rich-text .quill .ql-bubble .ql-tooltip-editor input[type=text] {
  color: #ffffff;
}
.ck.rich-text .quill .ql-bubble .ql-tooltip-editor input[type=text].ql-error {
  border: 0.1rem solid #ee2f19;
}
.ck.rich-text .quill .ql-toolbar .ql-stroke {
  stroke: #ffffff;
}
.ck.rich-text .quill .ql-toolbar .ql-fill {
  fill: #ffffff;
}
.ck.rich-text .quill .ql-toolbar .ql-active .ql-stroke {
  stroke: #2b8679;
}
.ck.rich-text .quill .ql-toolbar .ql-active .ql-fill {
  fill: #2b8679;
}
.ck.rich-text .quill .ql-toolbar .ql-picker .ql-picker-label,
.ck.rich-text .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-label,
.ck.rich-text .quill .ql-toolbar .ql-picker .ql-picker-options,
.ck.rich-text .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
  color: #ffffff;
}
.ck.rich-text .quill .ql-toolbar .ql-picker .ql-picker-item:hover,
.ck.rich-text .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-item:hover,
.ck.rich-text .quill .ql-toolbar .ql-picker .ql-picker-item.ql-selected,
.ck.rich-text .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-item.ql-selected {
  color: #2b8679;
}
.ck.rich-text .quill .ql-toolbar .ql-picker.ql-size,
.ck.rich-text .quill .ql-toolbar .ql-picker.ql-expanded.ql-size {
  width: 5.5rem;
}
.ck.rich-text .quill .ql-toolbar button.ql-color line.ql-color-label.ql-stroke.ql-transparent,
.ck.rich-text .quill .ql-toolbar button.ql-color.ql-active line.ql-color-label.ql-stroke.ql-transparent {
  stroke: inherit;
  opacity: 1;
}
.ck.rich-text .quill .ql-toolbar .custom-color-button {
  position: relative;
  float: left;
  height: 2.4rem;
  padding: 0.3rem 0.5rem;
  width: 2.8rem;
}
.ck.rich-text .quill .ql-toolbar .custom-color-button .chrome-picker {
  position: absolute;
  top: 2.8rem;
  left: 1.2rem;
  cursor: default;
}
.ck.rich-text .quill .ql-editor {
  padding: 0 0.5rem 0 0;
  line-height: normal;
}
.ck.rich-text .quill .ql-editor p {
  line-height: inherit;
}
.ck.rich-text .quill .ql-editor sup {
  vertical-align: baseline;
  top: -0.25rem;
}
.ck.rich-text .quill .ql-editor sub {
  vertical-align: baseline;
  bottom: -0.25rem;
}
.ck.rich-text .quill .ql-editor em {
  font-style: italic;
}
.ck.rich-text .quill .ql-editor::placeholder,
.ck.rich-text .quill .ql-editor.ql-blank::before {
  color: #8d9494;
  font-style: normal;
  top: 0;
  left: 0;
}
.ck.rich-text .quill .ql-editor span.mention {
  background-color: #77d3c6;
  color: #394242;
  cursor: pointer;
  border-radius: 0.2rem;
}
.ck.rich-text .quill .ql-editor ::selection {
  color: inherit;
  background-color: rgba(119, 211, 198, 0.4);
}
.ck.rich-text .quill .ql-mention-list-container {
  border: 0.1rem solid #77d3c6;
  border-radius: 0.2rem;
  background: #505959;
}
.ck.rich-text .quill .ql-mention-list-container .ql-mention-list {
  color: #ffffff;
}
.ck.rich-text .quill .ql-mention-list-container .ql-mention-list .ql-mention-list-item {
  line-height: 2rem;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
}
.ck.rich-text .quill .ql-mention-list-container .ql-mention-list .ql-mention-list-item.selected,
.ck.rich-text .quill .ql-mention-list-container .ql-mention-list .ql-mention-list-item:focus {
  background-color: #77d3c6;
  color: #ffffff;
}
.ck.rich-text.rich-text--inverted .rich-text__editor-wrapper {
  background-color: transparent;
}
.ck.rich-text.rich-text--inverted .rich-text__editor-wrapper:hover {
  border: 0.1rem solid #3ec0ad;
}
.ck.rich-text.rich-text--inverted .quill .ql-container {
  color: #ffffff;
}
.ck.rich-text.rich-text--inverted .quill .ql-tooltip .ql-tooltip-arrow {
  border-bottom-color: #ffffff;
}
.ck.rich-text.rich-text--inverted .quill .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top-color: #ffffff;
}
.ck.rich-text.rich-text--inverted .quill .ql-tooltip,
.ck.rich-text.rich-text--inverted .quill .ql-picker-options {
  background-color: #ffffff;
  color: #505959;
}
.ck.rich-text.rich-text--inverted .quill .ql-bubble .ql-tooltip-editor input[type=text] {
  padding: 0.5rem;
  color: #505959;
}
.ck.rich-text.rich-text--inverted .quill .ql-bubble .ql-tooltip-editor input[type=text]::placeholder {
  color: #8d9494;
}
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-stroke {
  stroke: #505959;
}
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-fill {
  fill: #505959;
}
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-active .ql-stroke {
  stroke: #3ec0ad;
}
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-active .ql-fill {
  fill: #3ec0ad;
}
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker .ql-picker-label,
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-label,
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker .ql-picker-options,
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
  color: #505959;
}
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker .ql-picker-item:hover,
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-item:hover,
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker .ql-picker-item.ql-selected,
.ck.rich-text.rich-text--inverted .quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-item.ql-selected {
  color: #3ec0ad;
}
.ck.slider {
  width: 300px;
  background: transparent;
}
.ck.slider .rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ck.slider .rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ck.slider .rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e8ebeb;
  height: 0.4rem;
  border-radius: 0.6rem;
}
.ck.slider .rc-slider-track {
  position: absolute;
  left: 0;
  height: 0.4rem;
  border-radius: 0.6rem;
  background-color: #77d3c6;
}
.ck.slider .rc-slider-handle {
  position: absolute;
  margin-left: -0.7rem;
  margin-top: -0.5rem;
  width: 1.4rem;
  height: 1.4rem;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 0.2rem #3ec0ad;
  background-color: #ffffff;
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.ck.slider .rc-slider-handle:hover {
  border-color: #3ec0ad;
}
.ck.slider .rc-slider-handle:active {
  border-color: #3ec0ad;
  box-shadow: 0 0 5px #3ec0ad;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.ck.slider .rc-slider-handle:focus {
  border-color: #3ec0ad;
  background-color: #3ec0ad;
  box-shadow: 0 0 0 0.5rem #3ec0ad;
  outline: none;
}
.ck.slider .rc-slider-mark {
  position: absolute;
  top: 1.8rem;
  left: 0;
  width: 100%;
  font-size: 1.2rem;
}
.ck.slider .rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #8d9494;
}
.ck.slider .rc-slider-mark-text-active {
  color: #6c7373;
}
.ck.slider .rc-slider-step {
  position: absolute;
  width: 100%;
  height: 0.4rem;
  background: transparent;
}
.ck.slider .rc-slider-dot {
  position: absolute;
  bottom: -0.2rem;
  margin-left: -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.2rem solid #e8ebeb;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.ck.slider .rc-slider-dot-active {
  border-color: #3ec0ad;
}
.ck.slider .rc-slider-disabled {
  background-color: #e8ebeb;
}
.ck.slider .rc-slider-disabled .rc-slider-track {
  background-color: #d4d9d9;
}
.ck.slider .rc-slider-disabled .rc-slider-handle,
.ck.slider .rc-slider-disabled .rc-slider-dot {
  border-color: #d4d9d9;
  box-shadow: none;
  background-color: #ffffff;
  cursor: not-allowed;
}
.ck.slider .rc-slider-disabled .rc-slider-mark-text,
.ck.slider .rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.ck.slider .rc-slider-vertical {
  width: 1.4rem;
  height: 100%;
  padding: 0 0.5rem;
}
.ck.slider .rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 0.4rem;
}
.ck.slider .rc-slider-vertical .rc-slider-track {
  left: 0.5rem;
  bottom: 0;
  width: 0.4rem;
}
.ck.slider .rc-slider-vertical .rc-slider-handle {
  margin-left: -0.5rem;
  margin-bottom: -0.7rem;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.ck.slider .rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 1.8rem;
  height: 100%;
}
.ck.slider .rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 0.4rem;
}
.ck.slider .rc-slider-vertical .rc-slider-dot {
  left: 0.2rem;
  margin-bottom: -0.4rem;
}
.ck.slider .rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -0.4rem;
}
.ck.slider .rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -0.4rem;
}
.ck.slider .rc-slider-tooltip-zoom-down-enter,
.ck.slider .rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.ck.slider .rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.ck.slider .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.ck.slider .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.ck.slider .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.ck.slider .rc-slider-tooltip-zoom-down-enter,
.ck.slider .rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ck.slider .rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.ck.slider .rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ck.slider .rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ck.slider .rc-slider-tooltip-hidden {
  display: none;
}
.ck.slider .rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.ck.slider .rc-slider-tooltip-inner {
  padding: 0.6rem 0.2rem;
  min-width: 2.4rem;
  height: 2.4rem;
  font-size: 1.2rem;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #6c7373;
  border-radius: 0.6rem;
  box-shadow: 0 0 0.4rem #e8ebeb;
}
.ck.slider .rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ck.slider .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 0.4rem;
  left: 50%;
  margin-left: -0.4rem;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #6c7373;
}
.ck.slider.fluid {
  width: auto;
}
.ck.slider > .ui.label {
  display: block;
  font-weight: bold;
}
.ck.slider .slider-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ck.slider .slider-inner__slider {
  flex-grow: 1;
}
.ck.slider .slider-inner__label {
  flex-grow: 0;
  margin-top: -0.2rem;
  margin-left: 1rem;
}
.ck.slider .slider-inner__label .ck.ui.label.horizontal {
  padding-left: 1.1em;
}
.ck.slider .rc-slider {
  height: 2.9rem;
  padding: 1rem 0;
}
.ck.slider .rc-slider-rail {
  background: #b2b8b8;
  height: 0.9rem;
  border-radius: 0.9rem;
}
.ck.slider .rc-slider-step {
  height: 0.9rem;
}
.ck.slider .rc-slider-track {
  height: 0.9rem;
  border-radius: 0.9rem;
}
.ck.slider .rc-slider-track {
  background: #77d3c6;
}
.ck.slider .rc-slider-handle {
  border-color: #77d3c6;
  background: #77d3c6;
  height: 2rem;
  width: 2rem;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.2), 0 -0.1rem 0.3rem rgba(0, 0, 0, 0.2);
  margin-top: -0.6rem;
  margin-left: 0;
}
.ck.slider .rc-slider-handle:active,
.ck.slider .rc-slider-handle:focus {
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.2), 0 -0.1rem 0.3rem rgba(0, 0, 0, 0.2);
}
.ck.slider.active .rc-slider-handle {
  border-color: #77d3c6;
  background: #77d3c6;
}
.ck.slider .rc-slider-mark {
  top: 2.6rem;
}
.ck.slider .rc-slider-mark-text {
  color: #6c7373;
}
.ck.slider .rc-slider-mark-text.rc-slider-mark-text-active {
  color: #77d3c6;
}
.ck.slider .rc-slider-dot {
  background: #77d3c6;
  border-color: #77d3c6;
  bottom: -0.2rem;
  height: 1.3rem;
  width: 1.3rem;
  margin-left: -0.7rem;
}
.ck.slider.inverted .rc-slider-rail {
  background: #b2b8b8;
}
.ck.slider.inverted .rc-slider-track,
.ck.slider.inverted .rc-slider-handle {
  background: #77d3c6;
}
.ck.slider.inverted .rc-slider-handle {
  border-color: #77d3c6;
}
.ck.slider.inverted .rc-slider-mark-text {
  color: #ffffff;
}
.ck.slider.inverted .rc-slider-mark-text.rc-slider-mark-text-active {
  color: #77d3c6;
}
.ck.slider.inverted .rc-slider-dot {
  background: #77d3c6;
  border-color: #77d3c6;
}
.ck.slider.animated .rc-slider-handle {
  transition: all 0.3s ease;
}
.ck.slider.animated .rc-slider-track {
  transition: width 0.3s ease;
}
.ck.slider.disabled {
  cursor: not-allowed;
}
.ck.slider.disabled .rc-slider-rail {
  background: #b2b8b8;
}
.ck.slider.disabled .rc-slider-track,
.ck.slider.disabled .rc-slider-handle {
  background: #b2b8b8;
}
.ck.slider.disabled .rc-slider-handle {
  background: #e8ebeb;
  border-color: #e8ebeb;
}
.ck.slider.disabled .rc-slider-dot {
  background: #b2b8b8;
  border-color: #b2b8b8;
}
.ck-save-buttons.has-apply .ck.button:nth-child(1) .ui.button {
  padding-right: 1.4em;
}
.ck-save-buttons.has-apply .ck.button:nth-child(2) .ui.button {
  padding-left: 1.4em;
}
.ck-save-buttons .ui.buttons .button:last-child {
  border-radius: 0.2rem;
}
.ck-save-buttons.fluid {
  width: 100%;
}
/*
  Some of the styles in here are required to support <Panel.Takeover> which is often used inside of <SidePane>
    - height
*/
.ck.scrollable__container {
  height: 100vh;
}
.ck.scrollable__container[class*='raised left'] {
  box-shadow: -0.1rem 0.2rem 0.4rem 0 rgba(27, 28, 29, 0.5);
}
.ck.scrollable__container[class*='raised right'] {
  box-shadow: 0.1rem 0.2rem 0.4rem 0 rgba(27, 28, 29, 0.5);
}
.ck.scrollable {
  overflow-y: auto;
  height: 100%;
}
.ck.sharing .sharing-row {
  padding: 1.5em 0;
}
.ck.sharing .sharing-form {
  margin: 1rem 0;
}
.ck.sharing .sharing-schematic-preview {
  color: #6c7373;
  background: #ffffff;
  border: 1px solid #d4d9d9;
  padding: 1rem;
  border-radius: 0.2rem;
  max-width: 440px;
  float: right;
  margin: 1rem 0;
}
.ck.sharing .sharing-schematic-preview .footerDate {
  display: none;
}
.ck.sharing .sharing-schematic-preview .preview-twitter .footerDate {
  display: inline-block;
}
.ck.sharing .sharing-schematic-preview .actions {
  display: none;
}
.ck.sharing .sharing-schematic-preview .preview-facebook .actions,
.ck.sharing .sharing-schematic-preview .preview-twitter .actions {
  display: inline-block;
}
.ck.sharing .sharing-schematic-preview .ui.image {
  height: auto;
  width: auto;
  max-width: 400px;
  max-height: 310px;
}
.ck.sharing .sharing-schematic-preview .ui.items > .item {
  display: flex;
}
.ck.sharing .sharing-schematic-preview.preview-default .sharing-story .title,
.ck.sharing .sharing-schematic-preview.preview-default .sharing-story .byline,
.ck.sharing .sharing-schematic-preview.preview-default .sharing-story .caption {
  display: block;
}
.ck.sharing .sharing-schematic-preview.preview-default .ui.image {
  display: block;
}
.ck.sharing .sharing-schematic-preview.preview-default .messagePlaceholder {
  display: none;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .sharing-story .byline {
  display: none;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .messagePlaceholder {
  display: block;
}
.ck.sharing .sharing-schematic-preview.preview-twitter .sharing-story .title,
.ck.sharing .sharing-schematic-preview.preview-twitter .sharing-story .byline {
  display: none;
}
.ck.sharing .sharing-schematic-preview.preview-twitter .ui.image {
  display: block;
}
.ck.sharing .sharing-schematic-preview.preview-google .sharing-story .caption {
  display: none;
}
.ck.sharing .sharing-schematic-preview.preview-google .ui.image {
  display: none;
}
.ck.sharing .sharing-schematic-preview.preview-google .messagePlaceholder {
  display: block;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-story .title,
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-story .byline {
  display: none;
}
.ck.sharing .sharing-schematic-preview .content.sharing-story {
  font-size: 1.2rem;
}
.ck.sharing .sharing-schematic-preview .content.sharing-story .title {
  font-weight: 700;
  font-size: 1.4rem;
}
.ck.sharing .sharing-schematic-preview .content.sharing-story .content-placeholder {
  font-style: italic;
}
.ck.sharing .sharing-schematic-preview .content.sharing-story .title {
  margin-top: 0.5rem;
}
.ck.sharing .sharing-schematic-preview .content.sharing-story .byline,
.ck.sharing .sharing-schematic-preview .content.sharing-story .caption {
  margin: 0.5rem 0;
}
.ck.sharing .sharing-schematic-preview .sharing-avatar {
  font-size: 1.4rem;
}
.ck.sharing .sharing-schematic-preview .sharing-avatar .content {
  padding-left: 0.8em !important;
}
.ck.sharing .sharing-schematic-preview .sharing-avatar .title {
  font-size: 1.6rem;
  font-weight: 700;
}
.ck.sharing .sharing-schematic-preview .sharing-avatar .byline {
  margin-top: 0.5rem;
}
.ck.sharing .sharing-schematic-preview .sharing-avatar img {
  width: 5rem;
  height: 5rem;
}
.ck.sharing .sharing-schematic-preview .messagePlaceholder {
  color: #6c7373;
  font-size: 1.4rem;
  font-style: italic;
}
.ck.sharing .sharing-schematic-preview.preview-default .sharing-story {
  font-size: 1.4rem;
}
.ck.sharing .sharing-schematic-preview.preview-default .sharing-story .caption {
  min-height: 75px;
}
.ck.sharing .sharing-schematic-preview.preview-default .ui.image {
  width: 150px;
  height: 100%;
  margin-right: 20px;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .sharing-avatar .title {
  color: #3b5998;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .sharing-avatar .byline {
  color: #89919c;
  font-size: 1.1rem;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .sharing-story {
  color: #666;
  font-size: 1.2rem;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .sharing-story .title {
  margin-top: 0px;
  color: #3b5998;
  font-size: 1.4rem;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .sharing-story .byline {
  color: #89919c;
}
.ck.sharing .sharing-schematic-preview.preview-facebook .sharing-story .caption {
  margin-top: 2rem;
}
.ck.sharing .sharing-schematic-preview.preview-twitter .sharing-story .caption {
  margin: 2rem 0;
  font-size: 2rem;
}
.ck.sharing .sharing-schematic-preview.preview-google {
  padding: 2.5rem;
}
.ck.sharing .sharing-schematic-preview.preview-google .sharing-story .title {
  font-size: 1.6rem;
}
.ck.sharing .sharing-schematic-preview.preview-google .sharing-story .byline {
  font-size: 1.4rem;
}
.ck.sharing .sharing-schematic-preview.preview-google .sharing-avatar img {
  border-radius: 5rem;
}
.ck.sharing .sharing-schematic-preview.preview-google .messagePlaceholder {
  padding: 2rem 0;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest {
  width: 240px;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .pinterest-logo {
  vertical-align: middle;
  margin: 2rem 0;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-story {
  color: #89919c;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .ui.image {
  max-width: 200px;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-avatar {
  color: #666;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-avatar img {
  height: 28px;
  width: 28px;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-avatar .byline {
  margin-top: 0;
}
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-avatar .title,
.ck.sharing .sharing-schematic-preview.preview-pinterest .sharing-avatar .byline {
  font-size: 1rem;
}
.ck-simple-popup-trigger {
  /*******************************
             Popup
*******************************/
  /* Wayin Updates */
  /* custom / new variables */
  /* END Wayin Updates */
  /*-------------------
       Element
--------------------*/
  /*-------------------
       Parts
--------------------*/
  /* Placement */
  /* Header */
  /* Content Border */
  /* Arrow */
  /* Arrow color by position */
  /*-------------------
       Types
--------------------*/
  /* Tooltip */
  /* Inverted */
  /* Arrow */
  /*-------------------
       Coupling
--------------------*/
  /* Grid Inside Popup */
  /* (padding * @medium) */
  /*-------------------
       States
--------------------*/
  /*-------------------
       Variations
--------------------*/
  /* Wide */
  /* Inverted */
  /* Arrow color by position */
  color: #394242;
  cursor: pointer;
}
.ck-simple-popup-trigger.inverted {
  color: #ffffff;
}
.ck-simple-popup-trigger:hover,
.ck-simple-popup-trigger.open {
  color: #77d3c6;
}
.ck-simple-popup-trigger:hover .icon.inverted,
.ck-simple-popup-trigger.open .icon.inverted,
.ck-simple-popup-trigger:hover .icon,
.ck-simple-popup-trigger.open .icon {
  color: #77d3c6;
}
.ck-simple-popup {
  /*******************************
             Popup
*******************************/
  /* Wayin Updates */
  /* custom / new variables */
  /* END Wayin Updates */
  /*-------------------
       Element
--------------------*/
  /*-------------------
       Parts
--------------------*/
  /* Placement */
  /* Header */
  /* Content Border */
  /* Arrow */
  /* Arrow color by position */
  /*-------------------
       Types
--------------------*/
  /* Tooltip */
  /* Inverted */
  /* Arrow */
  /*-------------------
       Coupling
--------------------*/
  /* Grid Inside Popup */
  /* (padding * @medium) */
  /*-------------------
       States
--------------------*/
  /*-------------------
       Variations
--------------------*/
  /* Wide */
  /* Inverted */
  /* Arrow color by position */
  /*!
 * # Semantic UI - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
  /*******************************
            Theme
*******************************/
  /*******************************
            Popup
*******************************/
  /*******************************
            Types
*******************************/
  /*--------------
     Spacing
---------------*/
  /* Extending from Top */
  /* Extending from Vertical Center */
  /* Extending from Bottom */
  /*--------------
     Pointer
---------------*/
  /*--- Below ---*/
  /*rtl:rename*/
  /*rtl:rename*/
  /*--- Above ---*/
  /*rtl:rename*/
  /*rtl:rename*/
  /*--- Left Center ---*/
  /*rtl:rename*/
  /*--- Right Center  ---*/
  /*rtl:rename*/
  /* Arrow Color By Location */
  /* Inverted Arrow Color */
  /*******************************
            Coupling
*******************************/
  /* Immediate Nested Grid */
  /*******************************
            States
*******************************/
  /*******************************
            Variations
*******************************/
  /*--------------
     Basic
---------------*/
  /*--------------
     Wide
---------------*/
  /*--------------
     Fluid
---------------*/
  /*--------------
     Colors
---------------*/
  /* Inverted colors  */
  /*--------------
     Flowing
---------------*/
  /*--------------
     Sizes
---------------*/
}
.ck-simple-popup.ui.popup {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  /* Fixes content being squished when inline (moz only) */
  min-width: min-content;
  z-index: 5200;
  border: none;
  line-height: 1;
  max-width: 250px;
  background: #ffffff;
  padding: 0 0;
  font-weight: normal;
  font-style: normal;
  color: #e8ebeb;
  border-radius: 0.2rem;
  box-shadow: 3px 3px 10px 4px rgba(0, 0, 0, 0.14);
}
.ck-simple-popup.ui.popup:before {
  position: absolute;
  content: '';
  width: 1em;
  height: 1em;
  background: #ffffff;
  transform: rotate(45deg);
  z-index: 2;
}
.ck-simple-popup.ui.popup {
  margin: 0;
}
.ck-simple-popup.ui.top.popup {
  margin: 0 0 1em;
}
.ck-simple-popup.ui.top.left.popup {
  transform-origin: left bottom;
}
.ck-simple-popup.ui.top.center.popup {
  transform-origin: center bottom;
}
.ck-simple-popup.ui.top.right.popup {
  transform-origin: right bottom;
}
.ck-simple-popup.ui.left.center.popup {
  margin: 0 1em 0 0;
  transform-origin: right 50%;
}
.ck-simple-popup.ui.right.center.popup {
  margin: 0 0 0 1em;
  transform-origin: left 50%;
}
.ck-simple-popup.ui.bottom.popup {
  margin: 1em 0 0;
}
.ck-simple-popup.ui.bottom.left.popup {
  transform-origin: left top;
}
.ck-simple-popup.ui.bottom.center.popup {
  transform-origin: center top;
}
.ck-simple-popup.ui.bottom.right.popup {
  transform-origin: right top;
}
.ck-simple-popup.ui.bottom.center.popup:before {
  margin-left: -0.45em;
  top: -0.45em;
  left: 50%;
  right: auto;
  bottom: auto;
}
.ck-simple-popup.ui.bottom.left.popup {
  margin-left: 0em;
}
.ck-simple-popup.ui.bottom.left.popup:before {
  top: -0.45em;
  left: 1em;
  right: auto;
  bottom: auto;
  margin-left: 0;
}
.ck-simple-popup.ui.bottom.right.popup {
  margin-right: 0em;
}
.ck-simple-popup.ui.bottom.right.popup:before {
  top: -0.45em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0;
}
.ck-simple-popup.ui.top.center.popup:before {
  top: auto;
  right: auto;
  bottom: -0.45em;
  left: 50%;
  margin-left: -0.45em;
}
.ck-simple-popup.ui.top.left.popup {
  margin-left: 0em;
}
.ck-simple-popup.ui.top.left.popup:before {
  bottom: -0.45em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0;
}
.ck-simple-popup.ui.top.right.popup {
  margin-right: 0em;
}
.ck-simple-popup.ui.top.right.popup:before {
  bottom: -0.45em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0;
}
.ck-simple-popup.ui.left.center.popup:before {
  top: 50%;
  right: -0.45em;
  bottom: auto;
  left: auto;
  margin-top: -0.45em;
}
.ck-simple-popup.ui.right.center.popup:before {
  top: 50%;
  left: -0.45em;
  bottom: auto;
  right: auto;
  margin-top: -0.45em;
}
.ck-simple-popup.ui.bottom.popup:before {
  background: #ffffff;
}
.ck-simple-popup.ui.right.center.popup:before,
.ck-simple-popup.ui.left.center.popup:before {
  background: #ffffff;
}
.ck-simple-popup.ui.top.popup:before {
  background: #ffffff;
}
.ck-simple-popup.ui.inverted.bottom.popup:before {
  background: #1b1c1d;
}
.ck-simple-popup.ui.inverted.right.center.popup:before,
.ck-simple-popup.ui.inverted.left.center.popup:before {
  background: #1b1c1d;
}
.ck-simple-popup.ui.inverted.top.popup:before {
  background: #1b1c1d;
}
.ck-simple-popup.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem;
}
.ck-simple-popup.ui.loading.popup {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ck-simple-popup.ui.animating.popup,
.ck-simple-popup.ui.visible.popup {
  display: block;
}
.ck-simple-popup.ui.visible.popup {
  transform: translateZ(0px);
  backface-visibility: hidden;
}
.ck-simple-popup.ui.basic.popup:before {
  display: none;
}
.ck-simple-popup.ui.wide.popup {
  max-width: 350px;
}
.ck-simple-popup.ui[class*='very wide'].popup {
  max-width: 550px;
}
@media only screen and (max-width: 767px) {
  .ck-simple-popup.ui.wide.popup,
  .ck-simple-popup.ui[class*='very wide'].popup {
    max-width: 250px;
  }
}
.ck-simple-popup.ui.fluid.popup {
  width: 100%;
  max-width: none;
}
.ck-simple-popup.ui.inverted.popup {
  background: #1b1c1d;
  color: #ffffff;
  border: none;
  box-shadow: none;
}
.ck-simple-popup.ui.inverted.popup .header {
  background-color: none;
  color: #ffffff;
}
.ck-simple-popup.ui.inverted.popup:before {
  background-color: #1b1c1d;
  box-shadow: none !important;
}
.ck-simple-popup.ui.flowing.popup {
  max-width: none;
}
.ck-simple-popup.ui.mini.popup {
  font-size: 1rem;
}
.ck-simple-popup.ui.tiny.popup {
  font-size: 1.1rem;
}
.ck-simple-popup.ui.small.popup {
  font-size: 1.2rem;
}
.ck-simple-popup.ui.popup {
  font-size: 1.3rem;
}
.ck-simple-popup.ui.large.popup {
  font-size: 1.5rem;
}
.ck-simple-popup.ui.huge.popup {
  font-size: 1.8rem;
}
/*
  Some of the styles in here are required to support <Panel.Takeover> which is often used inside of <SidePane>
    - height
    - position
*/
.ck-side-pane__container {
  height: 100vh;
  position: relative;
}
.ck-side-pane__container.floated.right {
  float: right;
}
.ck-side-pane__container.floated.left {
  float: left;
}
.ck-side-pane {
  width: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.ck-side-pane.raised,
.ck-side-pane .raised.floated.left {
  box-shadow: 0 0.2rem 0.4rem 0 rgba(27, 28, 29, 0.5);
}
.ck-side-pane.raised.floated.right {
  box-shadow: 0 -0.2rem 0.4rem 0 rgba(27, 28, 29, 0.5);
}
.ck-side-pane.floated.right {
  float: right;
}
.ck-side-pane.floated.left {
  float: left;
}
.ck-side-pane.inverted.dark {
  background-color: #505959;
}
.ck-side-pane.inverted.darker {
  background-color: #394242;
}
.ck-side-pane.mini {
  width: 60px;
}
.ck-side-pane.tiny {
  width: 100px;
}
.ck-side-pane.small {
  width: 250px;
}
.ck-side-pane.medium {
  width: 400px;
}
.ck-side-pane.large {
  width: 500px;
}
.ck-side-pane.big {
  width: 600px;
}
.ck-side-pane.huge {
  width: 700px;
}
.ck-side-pane.massive {
  width: 800px;
}
.ck.status-label div {
  vertical-align: middle;
}
.ck.status-label.status-label--mini .status-label__status-led {
  height: 0.6rem;
  width: 0.6rem;
}
.ck.status-label.status-label--tiny .status-label__status-led {
  height: 0.7rem;
  width: 0.7rem;
}
.ck.status-label.status-label--small .status-label__status-led {
  height: 0.8rem;
  width: 0.8rem;
}
.ck.status-label.status-label--medium .status-label__status-led {
  height: 0.9rem;
  width: 0.9rem;
}
.ck.status-label.status-label--large .status-label__status-led {
  height: 1rem;
  width: 1rem;
}
.ck.status-label.status-label--big .status-label__status-led {
  height: 1.2rem;
  width: 1.2rem;
}
.ck.status-label.status-label--huge .status-label__status-led {
  height: 1.4rem;
  width: 1.4rem;
}
.ck.status-label.status-label--massive .status-label__status-led {
  height: 1.6rem;
  width: 1.6rem;
}
.ck.status-label .status-label__status-led {
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  display: inline-block;
  margin: 0 0.5rem;
}
.ck.status-label .status-label__status-led {
  background-color: #b2b8b8;
}
.ck.status-label .status-label__status-led--ok,
.ck.status-label .status-label__status-led--started,
.ck.status-label .status-label__status-led--active {
  background-color: #157841;
}
.ck.status-label .status-label__status-led--error {
  background-color: #ee2f19;
}
.ck.status-label .status-label__status-led--review {
  background-color: #77d3c6;
}
.ck.status-label .status-label__status-led--warning {
  background-color: #eb8e1b;
}
.ck.status-label .status-label__status-led--paused {
  background-color: #e0e200;
}
.ck-style-variation-select .ck-style-select-item {
  display: flex;
  align-items: center;
  padding: 0.6em 0;
}
.ck-style-variation-select .ck.color-swatch {
  margin-right: 1rem;
  border: 0.1rem solid #e8ebeb;
}
.ck-style-variation-select .ui.label {
  font-size: 1.5rem;
}
.ck-table {
  height: 100%;
}
.ck-table.ck-table--scroll {
  overflow-y: auto;
}
.ck-table .ui.table {
  color: #394242;
  background: #ffffff;
  border-collapse: collapse;
  border: none;
}
.ck-table .ui.table tr th,
.ck-table .ui.table tr td {
  border-top: none;
  border-bottom: none;
}
.ck-table .ui.table tbody,
.ck-table .ui.table thead,
.ck-table .ui.table tfoot {
  vertical-align: inherit;
}
.ck-table .ui.table th {
  background: #e8ebeb;
  color: #394242;
  padding: 1.2rem 1rem !important;
}
.ck-table .ui.table tr {
  background: #ffffff;
}
.ck-table .ui.table tr.active {
  background: #77d3c6 !important;
  color: #394242 !important;
}
.ck-table .ui.table td {
  padding: 1rem !important;
}
.ck-table .ui.table tfoot tr {
  background: #e8ebeb;
}
.ck-table .ui.table.compact th,
.ck-table .ui.table.compact td {
  padding: 0 !important;
}
.ck-table .ui.table.inverted {
  color: #ffffff;
  background: #505959;
}
.ck-table .ui.table.inverted th {
  background: #394242;
}
.ck-table .ui.table.inverted tr {
  background: #505959;
}
.ck-table .ui.table.inverted tr.active {
  background: #77d3c6 !important;
  color: #394242 !important;
}
.ck-table .ui.table.inverted tfoot tr {
  background: #394242;
}
.ck-table .ui.table.striped tbody tr:nth-child(2n) {
  background: #f7f7f7 !important;
}
.ck-table .ui.table.striped.inverted tbody tr:nth-child(2n) {
  background: #8d9494 !important;
}
.ck-table .ui.table.scrollable thead {
  top: 0;
  position: sticky;
  z-index: 1;
}
.ck-table .ui.table.scrollable tfoot {
  bottom: 0;
  position: sticky;
}
.ck-table .ui.table.font-size--small {
  font-size: 1.2rem;
}
.ck-table .ui.table.font-size--medium {
  font-size: 1.4rem;
}
.ck-table .ui.table.font-size--large {
  font-size: 1.6rem;
}
.ck-table .ui.table td::selection {
  color: inherit !important;
  background-color: transparent !important;
}
.ck-table .ui.table.selectable tbody tr:hover {
  background: #e8ebeb !important;
  color: #394242 !important;
  text-shadow: 0 0 0.75px;
}
.ck-table .ui.table.selectable.inverted tbody tr:hover {
  background: #394242;
  color: #ffffff !important;
}
.ck-table .ui.table.striped.selectable.selectable.selectable tbody tr.active:hover,
.ck-table .ui.table.selectable tbody tr.active:hover,
.ck-table .ui.table.striped.selectable.selectable.selectable tr.active,
.ck-table .ui.table.selectable tr.active {
  background: #77d3c6 !important;
  color: #394242 !important;
}
.ck-table .ui.table.striped.selectable.selectable.selectable.inverted tbody tr.active:hover,
.ck-table .ui.table.selectable.inverted tbody tr.active:hover,
.ck-table .ui.table.striped.selectable.selectable.selectable.inverted tr.active,
.ck-table .ui.table.selectable.inverted tr.active {
  background: #77d3c6 !important;
  color: #394242 !important;
}
.ck-table .ui.table.transparent {
  background: transparent !important;
}
.ck-table .ui.table.transparent th {
  background: transparent;
}
.ck-table .ui.table.transparent tr:not(.active) {
  background: transparent !important;
}
.ck-table .ui.table.transparent.striped tbody tr:nth-child(2n) {
  background: transparent !important;
}
.ck-table .ui.table.transparent.striped.inverted tbody tr:nth-child(2n) {
  background: transparent !important;
}
.ck-table .ui.table.bordered tbody td,
.ck-table .ui.table.bordered thead th {
  border: none;
}
.ck-table .ui.table.bordered.bordered--horizontally tbody td,
.ck-table .ui.table.bordered.bordered--horizontally thead th {
  border-bottom: 0.1rem solid #d4d9d9;
}
.ck-table .ui.table.bordered.bordered--horizontally tbody tr:last-child td {
  border-bottom: none;
}
.ck-table .ui.table.bordered.bordered--horizontally tfoot tr td {
  border-top: 0.1rem solid #d4d9d9;
}
.ck-table .ui.table.bordered.bordered--vertically tbody td,
.ck-table .ui.table.bordered.bordered--vertically thead th,
.ck-table .ui.table.bordered.bordered--vertically tfoot td {
  border-right: 0.1rem solid #d4d9d9;
}
.ck-table .ui.table.bordered.bordered--vertically tbody td:last-child,
.ck-table .ui.table.bordered.bordered--vertically thead th:last-child,
.ck-table .ui.table.bordered.bordered--vertically tfoot td:last-child {
  border-right: none;
}
.ck-table .ui.table.bordered.bordered--outer {
  border: 0.1rem solid #d4d9d9;
}
.ck-table .ui.table.bordered.inverted.bordered--horizontally tbody td,
.ck-table .ui.table.bordered.inverted.bordered--horizontally thead th {
  border-color: #8d9494 !important;
}
.ck-table .ui.table.bordered.inverted.bordered--horizontally tfoot tr td {
  border-color: #8d9494 !important;
}
.ck-table .ui.table.bordered.inverted.bordered--vertically tbody td,
.ck-table .ui.table.bordered.inverted.bordered--vertically thead th,
.ck-table .ui.table.bordered.inverted.bordered--vertically tfoot td {
  border-color: #8d9494 !important;
}
.ck-table .ui.table.bordered.inverted.bordered--outer {
  border-color: #8d9494;
}
.ck-table.fixed-scrolling {
  width: 600px;
}
.ck-table.fixed-scrolling .ui.table {
  table-layout: fixed;
  border-collapse: collapse;
}
.ck-table.fixed-scrolling .ui.table tbody {
  display: block;
  width: 100%;
  overflow: auto;
  height: 150px;
}
.ck-table.fixed-scrolling .ui.table thead tr,
.ck-table.fixed-scrolling .ui.table tfoot tr {
  display: block;
}
.ck-table.fixed-scrolling .ui.table th,
.ck-table.fixed-scrolling .ui.table td {
  width: 200px;
}
/*@import (multiple) '../../../../semantic/src/theme.config';*/
.ui.textarea {
  /*******************************
            Textarea
*******************************/
  /*-------------------
      Element
--------------------*/
  /*-------------------
        Types
--------------------*/
  /* Icon Textarea */
  /* Circular Icon Textarea */
  /* Labeled Textarea */
  /*-------------------
        States
--------------------*/
  /* Placeholder */
  /* Down */
  /* Focus */
  /* Error */
  /* Loader */
  /*-------------------
      Variations
--------------------*/
  /* Inverted */
  /*******************************
           Standard
*******************************/
  /*--------------------
        Textareas
---------------------*/
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: flex;
  color: #6c7373;
  flex-grow: 1;
  /*--------------------
      Placeholder
---------------------*/
  /* browsers require these rules separate */
  /*******************************
            States
*******************************/
  /*--------------------
        Disabled
---------------------*/
  /*--------------------
        Active
---------------------*/
  /*--------------------
        Focus
---------------------*/
  /*******************************
           Variations
*******************************/
  /*--------------------
      Transparent
---------------------*/
  /* Transparent Icon */
  /* Transparent Inverted */
  /*--------------------
         Icon
---------------------*/
  /* Left Icon Textarea */
  /* Focus */
  /*--------------------
        Labeled
---------------------*/
  /* Adjacent Label */
  /* Regular Label on Left */
  /* Regular Label on Right */
  /* Corner Label */
  /* Spacing with corner label */
  /* Left Labeled */
  /* Corner Label Position  */
  /*--------------------
       Inverted
---------------------*/
  /* Standard */
  /*--------------------
        Size
---------------------*/
}
.ui.textarea textarea {
  resize: none;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.2;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  background: transparent;
  border: 1px solid #d4d9d9;
  color: #6c7373;
  border-radius: 0.2rem;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
}
.ui.textarea.resize-textarea__wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  cursor: text;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 8.4rem;
  max-height: 8.4rem;
}
.ui.textarea.resize-textarea__wrapper .resize-textarea__wrapper__drag-handle {
  position: absolute;
  width: 2rem;
  height: 2rem;
  bottom: 0;
  right: 0;
  cursor: ns-resize;
  fill: #d4d9d9;
  visibility: hidden;
}
.ui.textarea.resize-textarea__wrapper .resize-textarea__wrapper__drag-handle:hover {
  fill: #2b8679;
}
.ui.textarea.resize-textarea__wrapper:hover .resize-textarea__wrapper__drag-handle {
  visibility: visible;
}
.ui.textarea textarea::-webkit-textarea-placeholder {
  color: #b2b8b8;
}
.ui.textarea textarea::-moz-placeholder {
  color: #b2b8b8;
}
.ui.textarea textarea:-ms-textarea-placeholder {
  color: #b2b8b8;
}
.ui.textarea.disabled,
.ui.textarea textarea[disabled] {
  opacity: 1;
}
.ui.textarea.disabled textarea,
.ui.textarea textarea[disabled] {
  pointer-events: none;
}
.ui.textarea textarea:active,
.ui.textarea.down textarea {
  border-color: rgba(0, 0, 0, 0.3);
  background: transparent;
  color: #6c7373;
  box-shadow: none;
}
.ui.textarea.focus textarea,
.ui.textarea textarea:focus {
  border-color: #3ec0ad;
  background: transparent;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
}
.ui.textarea.focus textarea::-webkit-textarea-placeholder,
.ui.textarea textarea:focus::-webkit-textarea-placeholder {
  color: #b2b8b8;
}
.ui.textarea.focus textarea::-moz-placeholder,
.ui.textarea textarea:focus::-moz-placeholder {
  color: #b2b8b8;
}
.ui.textarea.focus textarea:-ms-textarea-placeholder,
.ui.textarea textarea:focus:-ms-textarea-placeholder {
  color: #b2b8b8;
}
.ui.textarea.transparent textarea {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.ui.textarea.transparent.icon > i.icon {
  width: 1.1em;
}
.ui.textarea.transparent.icon > textarea {
  padding-left: 0 !important;
  padding-right: 2em !important;
}
.ui.textarea.transparent[class*='left icon'] > textarea {
  padding-left: 2em !important;
  padding-right: 0 !important;
}
.ui.textarea.transparent.inverted {
  color: #ffffff;
}
.ui.textarea.transparent.inverted textarea {
  color: inherit;
}
.ui.textarea.transparent.inverted textarea::-webkit-textarea-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.textarea.transparent.inverted textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.textarea.transparent.inverted textarea:-ms-textarea-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.textarea.icon > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.5em;
  opacity: 1;
  border-radius: 0 0.2rem 0.2rem 0;
  transition: opacity 0.3s ease;
}
.ui.textarea.icon > i.icon:not(.link) {
  pointer-events: none;
}
.ui.textarea.icon textarea {
  padding-right: 2.5em !important;
}
.ui.textarea.icon > i.icon:before,
.ui.textarea.icon > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}
.ui.textarea.icon > i.link.icon {
  cursor: pointer;
}
.ui.textarea.icon > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}
.ui.textarea[class*='left icon'] > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.2rem 0 0 0.2rem;
}
.ui.textarea[class*='left icon'] > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui.textarea[class*='left icon'] > textarea {
  padding-left: 2.5em !important;
  padding-right: 0.7em !important;
}
.ui.textarea.icon > textarea:focus ~ i.icon {
  opacity: 1;
}
.ui.textarea.labeled > .label {
  flex: 0 0 auto;
  margin: 0;
  font-size: 1.3em;
}
.ui.textarea.labeled > .label:not(.corner) {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
.ui.textarea.labeled:not([class*='corner labeled']) .label:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui.textarea.labeled:not([class*='corner labeled']) .label:first-child + textarea {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
}
.ui.textarea.labeled:not([class*='corner labeled']) .label:first-child + textarea:focus {
  border-left-color: #3ec0ad;
}
.ui.textarea[class*='right labeled'] textarea {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent !important;
}
.ui.textarea[class*='right labeled'] textarea + .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ui.textarea[class*='right labeled'] textarea:focus {
  border-right-color: #3ec0ad !important;
}
.ui.textarea.labeled .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.9em;
  border-radius: 0 0.2rem 0 0;
}
.ui.textarea[class*='corner labeled']:not([class*='left corner labeled']).labeled textarea {
  padding-right: 2.5em !important;
}
.ui.textarea[class*='corner labeled'].icon:not([class*='left corner labeled']) > textarea {
  padding-right: 3.25em !important;
}
.ui.textarea[class*='corner labeled'].icon:not([class*='left corner labeled']) > .icon {
  margin-right: 1.25em;
}
.ui.textarea[class*='left corner labeled'].labeled textarea {
  padding-left: 2.5em !important;
}
.ui.textarea[class*='left corner labeled'].icon > textarea {
  padding-left: 3.25em !important;
}
.ui.textarea[class*='left corner labeled'].icon > .icon {
  margin-left: 1.25em;
}
.ui.textarea > .ui.corner.label {
  top: 1px;
  right: 1px;
}
.ui.textarea > .ui.left.corner.label {
  right: auto;
  left: 1px;
}
.ui.textarea.inverted textarea {
  border: none;
}
.ui.textarea.large {
  font-size: 1.5rem;
}
.ui.textarea.large textarea {
  padding: 0.2em 0.7em;
  margin: 0.5rem 0;
  height: 7.2rem;
}
.ck.textarea {
  /*******************************
            Textarea
*******************************/
  /*-------------------
      Element
--------------------*/
  /*-------------------
        Types
--------------------*/
  /* Icon Textarea */
  /* Circular Icon Textarea */
  /* Labeled Textarea */
  /*-------------------
        States
--------------------*/
  /* Placeholder */
  /* Down */
  /* Focus */
  /* Error */
  /* Loader */
  /*-------------------
      Variations
--------------------*/
  /* Inverted */
  width: 300px;
  /*--------------------
        Fluid
  ---------------------*/
  /*--------------------
        Error
---------------------*/
}
.ck.textarea.fluid {
  width: auto;
}
.ck.textarea.fluid > textarea {
  width: 0 !important;
}
.ck.textarea .ui.label {
  background-color: transparent;
}
.ck.textarea > .ui.label {
  display: block;
  font-weight: bold;
}
.ck.textarea .error-wrapper {
  display: flex;
  align-items: center;
}
.ck.textarea .error-wrapper > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 0;
  opacity: 0;
  width: 0;
  transform: rotateY(90deg);
}
.ck.textarea.error .error-wrapper > .ck.tooltip {
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  transform: rotateY(0deg);
}
.ck.textarea.error .ui.textarea,
.ck.textarea.error .ui.textarea.inverted,
.ck.textarea.error .ui.textarea:focus,
.ck.textarea.error .ui.textarea.inverted:focus,
.ck.textarea.error .ui.textarea:hover,
.ck.textarea.error .ui.textarea.inverted:hover,
.ck.textarea.error .ui.textarea.focus,
.ck.textarea.error .ui.textarea.inverted.focus {
  background-color: transparent;
  border-color: #ee2f19 !important;
  color: #ee2f19;
  box-shadow: none;
}
.ck.textarea .ui.textarea {
  border: 1px solid #d4d9d9;
  border-radius: 0.2rem;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* loading */
}
.ck.textarea .ui.textarea:focus,
.ck.textarea .ui.textarea:hover,
.ck.textarea .ui.textarea.focus {
  outline: none;
  border: 1px solid #77d3c6 !important;
}
.ck.textarea .ui.textarea > .ui.label {
  padding-left: 0.833em;
  color: #b2b8b8;
}
.ck.textarea .ui.textarea textarea {
  border: none;
  color: #6c7373;
}
.ck.textarea .ui.textarea textarea::placeholder {
  color: #b2b8b8;
}
.ck.textarea .ui.textarea textarea[type='number'] {
  -moz-appearance: textfield !important;
}
.ck.textarea .ui.textarea textarea[type='number']::-webkit-inner-spin-button,
.ck.textarea .ui.textarea textarea[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.ck.textarea .ui.textarea.large {
  font-size: 1.5rem;
}
.ck.textarea .ui.textarea.error {
  border-color: #ee2f19 !important;
}
.ck.textarea .ui.textarea.disabled {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  cursor: not-allowed;
}
.ck.textarea .ui.textarea.disabled:focus,
.ck.textarea .ui.textarea.disabled:hover,
.ck.textarea .ui.textarea.disabled.focus {
  border: 1px solid #d4d9d9 !important;
}
.ck.textarea .ui.textarea.disabled textarea {
  color: #b2b8b8;
}
.ck.textarea .ui.textarea.disabled .ui.label {
  color: #b2b8b8;
}
.ck.textarea .ui.textarea.inverted {
  border: 1px solid #d4d9d9;
}
.ck.textarea .ui.textarea.inverted:focus,
.ck.textarea .ui.textarea.inverted:hover,
.ck.textarea .ui.textarea.inverted.focus {
  outline: none;
  border: 1px solid #3ec0ad !important;
}
.ck.textarea .ui.textarea.inverted textarea {
  color: #ffffff;
}
.ck.textarea .ui.textarea.inverted textarea::placeholder {
  color: #b2b8b8;
}
.ck.textarea .ui.textarea.inverted.labeled .ui.label {
  color: #ffffff !important;
}
.ck.textarea .ui.textarea.inverted.labeled.disabled .ui.label {
  color: #b2b8b8 !important;
}
.ck.textarea .ui.textarea.inverted .icon {
  color: #d4d9d9;
}
.ck.textarea .ui.textarea.inverted.error textarea {
  color: #ffffff;
}
.ck.textarea .ui.textarea.inverted.transparent {
  border: 1px solid transparent !important;
}
.ck.textarea .ui.textarea.inverted.transparent textarea {
  padding: 5px 0.7em 0.2em 0.7em !important;
}
.ck.textarea .ui.textarea.inverted.transparent textarea::placeholder {
  color: #b2b8b8;
}
.ck.textarea .ui.textarea.inverted.disabled {
  background-color: #e8ebeb;
  border-color: #e8ebeb;
}
.ck.textarea .ui.textarea.inverted.disabled:focus,
.ck.textarea .ui.textarea.inverted.disabled:hover,
.ck.textarea .ui.textarea.inverted.disabled.focus {
  border-color: #e8ebeb !important;
}
.ck.textarea .ui.textarea.inverted.disabled textarea {
  color: #b2b8b8;
}
.ck.textarea .ui.textarea.inverted.disabled .ui.label {
  color: #b2b8b8;
}
.ck.textarea .ui.textarea .ui.selection.dropdown {
  border: none;
  padding-bottom: 0.55em;
  line-height: 1.214em;
}
.ck.textarea .ui.textarea .ui.selection.dropdown .icon {
  color: #ffffff;
}
.ck.textarea .ui.textarea.labeled > .label {
  font-size: 1.5rem;
  line-height: 1.72;
}
.ck.textarea .ui.textarea.loading > i.icon {
  animation: none;
}
.ck.textarea .ui.textarea.loading > i.icon:before {
  border: 0.3rem dotted rgba(0, 0, 0, 0.15);
}
.ck.textarea .ui.textarea.loading > i.icon:after {
  border-style: dotted;
  border-color: transparent #77d3c6 transparent transparent;
}
.ck.textarea .ui.textarea.loading > .ck.textarea .ui.textarea.loading.inverted i.icon:before {
  border: 0.3rem dotted rgba(0, 0, 0, 0.15);
}
.ck.textarea .ui.textarea.loading > .ck.textarea .ui.textarea.loading.inverted i.icon:after {
  border-style: dotted !important;
  border-color: transparent #77d3c6 transparent transparent;
}
.ck.textarea .max-char {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  transition: border 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ck.textarea .max-char .ck-label-text {
  font-size: 1.5rem;
}
.ck.textarea .max-char.max-char-error .ck-label-text {
  color: #ee2f19;
  font-size: 1.5rem;
}
.ck.textarea .max-char.max-char-warning .ck-label-text {
  color: #eb8e1b;
  font-size: 1.5rem;
}
.ck.textarea .max-char .ui.basic.label {
  padding: 0 1rem;
}
.ck.textarea .max-char.left {
  border-right: 0.1rem solid #d4d9d9;
}
.ck.textarea .max-char.right {
  border-left: 0.1rem solid #d4d9d9;
}
.ck.textarea .ui.textarea:not(.disabled).focus.action .ui.button,
.ck.textarea .ui.textarea:not(.disabled):focus.action .ui.button,
.ck.textarea .ui.textarea:not(.disabled):hover.action .ui.button,
.ck.textarea .ui.textarea:not(.disabled).focus .max-char,
.ck.textarea .ui.textarea:not(.disabled):focus .max-char,
.ck.textarea .ui.textarea:not(.disabled):hover .max-char {
  border-color: #3ec0ad;
}
textarea::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
textarea::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
textarea::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
.ck-toggleable-control-group .ck-checkbox-group {
  padding-left: 5.25rem;
}
.ck.toolbar {
  display: flex;
  align-items: center;
  height: 7.5rem;
  padding-left: 4rem;
  border-bottom: 0.1rem solid transparent;
}
.ck.toolbar.inverted.bordered {
  border-color: #77d3c6;
}
.ck.toolbar.inverted .toolbar-save-buttons.divided {
  border-left: 0.1rem solid #d4d9d9;
}
.ck.toolbar.bordered {
  border-color: #77d3c6;
}
.ck.toolbar .toolbar-header {
  flex-grow: 1;
}
.ck.toolbar .toolbar-header.with-menu {
  height: 100%;
}
.ck.toolbar .toolbar-header .toolbar-header__content.divided .ui.header > .content {
  padding-left: 1.5rem;
  border-left-width: 0.1rem;
  border-left-style: solid;
  border-color: currentColor;
}
.ck.toolbar .toolbar-header .ui.menu {
  margin: 0;
}
.ck.toolbar .toolbar-content {
  display: flex;
  align-items: center;
}
.ck.toolbar .toolbar-save-buttons {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.ck.toolbar .toolbar-save-buttons .ck-save-buttons,
.ck.toolbar .toolbar-save-buttons .ck.buttons {
  height: 100%;
}
.ck.toolbar .toolbar-save-buttons .ui.buttons {
  align-items: center;
  height: inherit;
}
.ck.toolbar .toolbar-save-buttons:not(.divided) {
  padding-right: 1rem;
}
.ck.toolbar .toolbar-save-buttons.divided {
  border-left: 1px solid #d4d9d9;
  margin-left: 2.4rem;
  padding-left: 1rem;
}
/*******************************
             Popup
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Parts
--------------------*/
/* Placement */
/* Header */
/* Content Border */
/* Arrow */
/* Arrow color by position */
/* arrow background for 'error' color*/
/*-------------------
       Types
--------------------*/
/* Tooltip */
/* Inverted */
/* Arrow */
/* tooltip error background color */
/*-------------------
       Coupling
--------------------*/
/* Grid Inside Popup */
/* (padding * @medium) */
/*-------------------
       States
--------------------*/
/*-------------------
       Variations
--------------------*/
/* Wide */
/* Inverted */
/* Arrow color by position */
/* BELOW COPIED FROM SEMANTIC's popup.less */
/*--------------
    Tooltip
---------------*/
/* Content */
[data-ck-tooltip] {
  position: relative;
}
.ck.tooltip.inline {
  display: inline-block;
}
/*--------------
    Inverted
---------------*/
.ck.tooltip.inverted {
  /* Popup  */
}
.ck.tooltip.inverted[data-ck-tooltip]:after {
  color: #505959;
  background: #ffffff;
}
/* Arrow */
[data-ck-tooltip]:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border-style: solid;
  border-color: #505959 transparent;
  display: block;
  width: 0;
  z-index: 20;
}
/* Popup */
[data-ck-tooltip]:after {
  pointer-events: none;
  content: attr(data-ck-tooltip);
  position: absolute;
  text-transform: none;
  text-align: center;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.1rem;
  border: none;
  line-height: 1.2;
  width: 50ch;
  background: #505959;
  padding: 0.833em 1em;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  border-radius: 0.2rem;
  box-shadow: 0 0.8rem 2rem 0 rgba(57, 66, 66, 0.5);
  z-index: 10;
}
[data-ck-tooltip]:after.inverted {
  box-shadow: 0 0.8rem 2rem 0 rgba(0, 0, 0, 0.6);
}
.ck.tooltip.tooltip--compact[data-ck-tooltip]:after {
  max-width: 35ch;
  min-width: 10ch;
  width: auto;
  white-space: nowrap;
}
.ck.tooltip.tooltip--multiline[data-ck-tooltip]:after {
  white-space: pre;
  text-align: left;
  min-width: 5ch;
}
.ck.tooltip.tooltip--width-small[data-ck-tooltip]:after {
  width: 35ch;
}
.ck.tooltip.tooltip--width-large[data-ck-tooltip]:after {
  width: 70ch;
}
/* Animation */
[data-ck-tooltip].ck.tooltip.tooltip--hidden:before,
[data-ck-tooltip].ck.tooltip.tooltip--hidden:after {
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s ease 0.2s, opacity 0.2s ease;
  opacity: 0;
}
[data-ck-tooltip].ck.tooltip:before,
[data-ck-tooltip].ck.tooltip:after {
  pointer-events: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0.2s, opacity 0.2s ease;
}
[data-ck-tooltip].ck.tooltip:hover:after,
[data-ck-tooltip].ck.tooltip:hover:before {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.2s;
}
/*--------------
    Position
---------------*/
/* Default Position (Top Center) */
[data-ck-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.7rem;
}
[data-ck-tooltip]:before {
  transform: translateX(-50%);
  left: 50%;
  top: -0.7rem;
  border-width: 0.6rem 0.6rem 0;
}
/* Top Center */
[data-ck-position='top center'][data-ck-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.7rem;
}
[data-ck-position='top center'][data-ck-tooltip]:before {
  transform: translateX(-50%);
  left: 50%;
  top: -0.7rem;
  border-width: 0.6rem 0.6rem 0;
}
.inverted[data-ck-position='top center'][data-ck-tooltip]:before {
  border-color: #ffffff transparent;
}
/* Top Left */
[data-ck-position='top left'][data-ck-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  transform: translateX(0%);
  bottom: 100%;
  margin-bottom: 0.7rem;
}
[data-ck-position='top left'][data-ck-tooltip]:before {
  right: 1em;
  top: -0.7rem;
  border-width: 0.6rem 0.6rem 0;
  transform: translateX(0%);
  left: auto;
}
.inverted[data-ck-position='top left'][data-ck-tooltip]:before {
  border-color: #ffffff transparent;
}
/* Top Right */
[data-ck-position='top right'][data-ck-tooltip]:after {
  top: auto;
  left: 0;
  right: auto;
  transform: translateX(0%);
  bottom: 100%;
  margin-bottom: 0.7rem;
}
[data-ck-position='top right'][data-ck-tooltip]:before {
  left: 1em;
  top: -0.7rem;
  border-width: 0.6rem 0.6rem 0;
  transform: translateX(0%);
  right: auto;
}
.inverted[data-ck-position='top right'][data-ck-tooltip]:before {
  border-color: #ffffff transparent;
}
/* Bottom Center */
[data-ck-position='bottom center'][data-ck-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.7rem;
}
[data-ck-position='bottom center'][data-ck-tooltip]:before {
  transform: translateX(-50%);
  left: 50%;
  bottom: -0.7rem;
  border-width: 0 0.6rem 0.6rem;
  pointer-events: none;
}
.inverted[data-ck-position='bottom center'][data-ck-tooltip]:before {
  border-color: #ffffff transparent;
}
/* Bottom Left */
[data-ck-position='bottom left'][data-ck-tooltip]:after {
  right: 0;
  left: auto;
  transform: translateX(0%);
  top: 100%;
  bottom: auto;
  margin-top: 0.7rem;
}
[data-ck-position='bottom left'][data-ck-tooltip]:before {
  right: 1em;
  bottom: -0.7rem;
  border-width: 0 0.6rem 0.6rem;
  transform: translateX(0%);
  left: auto;
}
.inverted[data-ck-position='bottom left'][data-ck-tooltip]:before {
  border-color: #ffffff transparent;
}
/* Bottom Right */
[data-ck-position='bottom right'][data-ck-tooltip]:after {
  right: auto;
  left: 0;
  transform: translateX(0%);
  top: 100%;
  bottom: auto;
  margin-top: 0.7rem;
}
[data-ck-position='bottom right'][data-ck-tooltip]:before {
  left: 1em;
  bottom: -0.7rem;
  border-width: 0 0.6rem 0.6rem;
  transform: translateX(0%);
  right: auto;
}
.inverted[data-ck-position='bottom right'][data-ck-tooltip]:before {
  border-color: #ffffff transparent;
}
/* Left Center */
[data-ck-position='left center'][data-ck-tooltip]:after {
  top: 50%;
  bottom: auto;
  left: 0;
  transform: translate(-100%, -50%);
  right: auto;
  margin-left: -0.7rem;
}
[data-ck-position='left center'][data-ck-tooltip]:before {
  transform: translateY(-50%);
  top: 50%;
  left: -0.8rem;
  border-color: transparent #505959;
  border-width: 0.6rem 0 0.6rem 0.6rem;
}
.inverted[data-ck-position='left center'][data-ck-tooltip]:before {
  border-color: transparent #ffffff;
}
/* Right Center */
[data-ck-position='right center'][data-ck-tooltip]:after {
  top: 50%;
  bottom: auto;
  transform: translate(0%, -50%);
  left: 100%;
  margin-left: 0.7rem;
}
[data-ck-position='right center'][data-ck-tooltip]:before {
  transform: translateY(-50%);
  top: 50%;
  left: auto;
  right: -0.7rem;
  border-color: transparent #505959;
  border-width: 0.6rem 0.6rem 0.6rem 0;
}
.inverted[data-ck-position='right center'][data-ck-tooltip]:before {
  border-color: transparent #ffffff;
}
/* error color */
.ck.tooltip.error[data-ck-tooltip]:before {
  border-color: #ee2f19 transparent;
}
.ck.tooltip.error[data-ck-position='left center'][data-ck-tooltip]:before {
  border-color: transparent #ee2f19;
}
.ck.tooltip.error[data-ck-position='right center'][data-ck-tooltip]:before {
  border-color: transparent #ee2f19;
}
.ck.tooltip.error[data-ck-tooltip]:after {
  background-color: #ee2f19;
  color: white;
}
.ck.timeline {
  font-size: 1rem;
  margin: 0;
}
.ck.timeline .timeline-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 4rem 0;
}
.ck.timeline .timeline-item__date {
  flex-grow: 0;
  min-width: 100px;
  opacity: 1;
  transition: opacity ease 0.2s;
}
.ck.timeline .timeline-item__body {
  flex-grow: 1;
}
.ck.timeline .timeline-item__date {
  max-width: 200px;
}
.ck.timeline .timeline-item__badge {
  margin: 0 2rem;
  z-index: 1;
}
.ck.timeline .timeline-item__badge .ui.icon {
  margin: 0;
}
.ck.timeline .timeline-item__body {
  border: 0.1rem solid #d4d9d9;
  padding: 1rem;
  border-radius: 0.4rem;
  position: relative;
  max-width: 600px;
}
.ck.timeline .timeline-item__body:before {
  content: ' ';
  position: absolute;
  border-left: 0.1rem solid #e8ebeb;
  height: calc(100% + 50px);
  transform: translateY(-50%);
  top: 50%;
  left: -4.5rem;
}
.ck.timeline .timeline-item:first-of-type .timeline-item__body:after {
  content: ' ';
  position: absolute;
  border: 0.1rem solid #e8ebeb;
  border-radius: 2rem;
  height: 1.1rem;
  width: 1.1rem;
  top: -3rem;
  left: -5rem;
  background-color: #e8ebeb;
}
.ck.timeline .timeline-item:last-of-type .timeline-item__body:after {
  content: ' ';
  position: absolute;
  border: 0.1rem solid #e8ebeb;
  border-radius: 2rem;
  height: 1.1rem;
  width: 1.1rem;
  bottom: -3rem;
  left: -5rem;
  background-color: #e8ebeb;
}
@media (max-width: 780px) {
  .ck.timeline .timeline-item .timeline-item__date {
    width: 0;
    opacity: 0;
    min-width: 0;
  }
}
.ck.paging .ck.input {
  display: inline-block;
}
.ck.paging .ck.input input {
  width: 5rem;
  text-align: center;
}
.ck.paging .ui.label {
  margin: 0 0.5rem;
  padding: 0;
}
.ck.wizard-ui {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-x: hidden;
}
.ck.wizard-ui.inverted {
  background-color: #505959;
}
.ck.wizard-ui.inverted .wizard-ui-crumbs {
  background: #505959;
}
.ck.wizard-ui .wizard-ui-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-grow: 1;
  overflow-y: scroll;
}
.ck.wizard-ui .wizard-ui-step__wrapper {
  display: flex;
  padding: 5.2rem;
  flex-grow: 1;
}
.ck.wizard-ui.hasNav .wizard-ui-step__wrapper {
  padding: 5.2rem 0;
}
.ck.wizard-ui.hasToolbar .wizard-ui-step__wrapper {
  padding: 0;
}
.ck.wizard-ui .wizard-ui-step__inner {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
.ck.wizard-ui .wizard-ui-step__inner .showing {
  opacity: 1;
}
.ck.wizard-ui .wizard-ui-step__inner .hiding {
  opacity: 0;
}
.ck.wizard-ui .toolbar__actions .ck.ui.button.basic :hover,
.ck.wizard-ui .toolbar__actions .ck.ui.button.basic.inverted:hover {
  background-color: transparent !important;
}
.ck.wizard-ui .wizard-ui-navigation {
  display: flex;
  align-items: center;
}
.ck.wizard-ui .wizard-ui-navigation.wizard-ui-navigation__button-next .ck.ui.button.basic :hover,
.ck.wizard-ui .wizard-ui-navigation.wizard-ui-navigation__button-previous .ck.ui.button.basic :hover,
.ck.wizard-ui .wizard-ui-navigation.wizard-ui-navigation__button-next .ck.ui.button.basic.inverted:hover,
.ck.wizard-ui .wizard-ui-navigation.wizard-ui-navigation__button-previous .ck.ui.button.basic.inverted:hover {
  background-color: transparent !important;
}
.ck.wizard-ui .wizard-ui-crumbs {
  height: 10%;
  display: inline-block;
  position: relative;
  min-height: 100px;
  background: #ffffff;
}
.ck.wizard-ui .wizard-ui-crumbs__inner {
  border-top: 0.1rem dotted #e8ebeb;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  position: relative;
}
.ck.wizard-ui .wizard-ui-crumbs__crumb-current {
  position: absolute;
  top: -1rem;
  transition: left 0.2s ease;
  z-index: 1;
  background-color: #505959;
}
.ck.wizard-ui .wizard-ui-crumbs__crumb-current .icon {
  margin: 0;
}
.ck.wizard-ui .wizard-ui-crumb {
  height: 0.9rem;
  width: 0.9rem;
  border-radius: 1rem;
  margin-top: -0.5rem;
  background-color: #77d3c6;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.ck.wizard-ui .wizard-ui-crumb.wizard-ui-crumb--active,
.ck.wizard-ui .wizard-ui-crumb.wizard-ui-crumb--hidden {
  opacity: 0;
}
.ck.mux-video .video__wrapper {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.ck.mux-video .video__wrapper.hidden {
  opacity: 0;
}
.ck.instagram-video .instagram-video__media {
  margin: auto !important;
  min-width: unset !important;
  position: static !important;
  width: 100%;
}
.ck.instagram-video .instagram-video__thumbnail {
  width: 100%;
  min-height: 2rem;
  margin: -1rem auto 0;
  background: #ffffff;
}
.ck.modal-application {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.ck.modal-application .modal-app-panel {
  display: flex;
  flex-direction: column;
}
.ck.modal-application .modal-app-panel.size-mini {
  width: 60px;
}
.ck.modal-application .modal-app-panel.size-small {
  width: 400px;
}
.ck.modal-application .modal-app-panel.size-medium {
  width: 600px;
}
.ck.modal-application .modal-app-panel.size-large {
  width: 800px;
}
.ck.modal-application .modal-app-panel.size-massive {
  flex: 1;
}
.ck.modal-application .modal-app-panel.bg-color-darker {
  background-color: #394242;
}
.ck.modal-application .modal-app-panel.bg-color-dark {
  background-color: #505959;
}
.ck.modal-application .modal-app-panel.bg-color-grey {
  background-color: #e8ebeb;
}
.ck.modal-application .modal-app-panel.bg-color-white {
  background-color: #ffffff;
}
.ck.modal-application .modal-app-panel .modal-app-panel__header-container {
  height: 75px;
  min-height: 75px;
  border-bottom: 1px solid #77d3c6;
  display: flex;
  flex-direction: column;
}
.ck.modal-application .modal-app-panel .modal-app-panel__content-container {
  height: calc(100vh -  75px );
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body .ui[class*='left aligned'] {
  text-align: left;
}
body .ui[class*='right aligned'] {
  text-align: right;
}
body .ui[class*='center aligned'] {
  text-align: center;
}
body .ui.justified {
  text-align: justified;
}
body .ui.caps {
  text-transform: uppercase;
}
body .ui.font-custom-light {
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
}
body .ui.font-custom-regular {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
body .ui.font-custom-medium {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
}
body .ui.font-system-light {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: lighter;
}
body .ui.font-system-regular {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: normal;
}
body .ui.font-system-medium {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: bolder;
}
body .ck.clickable {
  cursor: pointer;
}
/* Elements */
/*!
 * # Semantic UI - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Button
*******************************/
/*-------------------
       Element
--------------------*/
/* Button */
/* Button defaults to using same height as input globally */
/* Text */
/* Internal Shadow */
/* Box Shadow */
/* Icon */
/* Loader */
/*
@willChange: box-shadow, transform, opacity, color, background;
*/
/*-------------------
        Group
--------------------*/
/*-------------------
        States
--------------------*/
/* Hovered */
/* Focused */
/* Disabled */
/* Pressed Down */
/* Active */
/* Active + Hovered */
/* Loading */
/*-------------------
        Types
--------------------*/
/* Or */
/* Icon */
/* Labeled */
/* hypotenuse of triangle */
/* Labeled Icon */
/* Inverted */
/* Basic */
/* Basic Hover */
/* Basic Focus */
/* Basic Down */
/* Basic Active */
/* Basic Inverted */
/* Basic Group */
/*-------------------
      Variations
--------------------*/
/* Colors */
/* Colored */
/* Inverted */
/* Ordinality */
/* Compact */
/* Attached */
/* Floated */
/* Animated */
/* Packaged Theme */
/*******************************
            Button
*******************************/
/*-------------------
       Element
--------------------*/
/* Button */
/* Button defaults to using same height as input globally */
/* Text */
/* Internal Shadow */
/* Box Shadow */
/* Icon */
/* Loader */
/*
@willChange: box-shadow, transform, opacity, color, background;
*/
/*-------------------
        Group
--------------------*/
/*-------------------
        States
--------------------*/
/* Hovered */
/* Focused */
/* Disabled */
/* Pressed Down */
/* Active */
/* Active + Hovered */
/* Loading */
/*-------------------
        Types
--------------------*/
/* Or */
/* Icon */
/* Labeled */
/* hypotenuse of triangle */
/* Labeled Icon */
/* Inverted */
/* Basic */
/* Basic Hover */
/* Basic Focus */
/* Basic Down */
/* Basic Active */
/* Basic Inverted */
/* Basic Group */
/*-------------------
      Variations
--------------------*/
/* Colors */
/* Colored */
/* Inverted */
/* Ordinality */
/* Compact */
/* Attached */
/* Floated */
/* Animated */
/* Site Theme */
/*******************************
            Button
*******************************/
/*-------------------
       Element
--------------------*/
/* ----------- Heavily updated ------------------- */
/*

FROM SEPTEMBER 2019 GOING FORWARD
variable naming convention;


@[buttonClass][Colorvariant][Element][State(optional)]

buttonClass: basic, outline, solid (basic is sdecondary buttons, outline and solid are primary
ColorVariant: accent, base, dark, darker, super, warning, white etc.
Element: TextColor, BackgroundColor, IconColor etc.
State: Hover, Inverted, Active etc.


examples:

@primaryDarkerTextColorHover
@primaryDarkerBackgroundColor
@primaryDarkerBackgroundColorInverted
@secondarySuperIconColor
@secondaryWarningColor

*/
/* Basic */
/* Primary */
/* Secondary */
/* ----------------------------------------------------- */
/*-------------------
        State
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Group */
/* Labeled */
/* Colored */
/* Emotive */
/* Inverted */
/* Loading */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Button
*******************************/
.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: transparent none;
  color: #77d3c6;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  margin: 0em 0 0 0em;
  padding: 0.8em 1.8em 0.8em;
  text-transform: none;
  text-shadow: none;
  font-weight: normal;
  line-height: 1;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.2em;
  box-shadow: 0px 0px 0px 1px #77d3c6 inset, 0px 0px 0px 0px transparent;
  user-select: none;
  transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}
/*******************************
            States
*******************************/
/*--------------
      Hover
---------------*/
.ui.button:hover {
  background-color: #3ec0ad;
  background-image: none;
  box-shadow: none;
  color: #ffffff;
}
.ui.button:hover .icon {
  opacity: 1;
}
/*--------------
      Focus
---------------*/
.ui.button:focus {
  background-color: #3ec0ad;
  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: #ffffff;
  background-image: none;
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 0px 1px #77d3c6 inset;
}
/*--------------
     Active
---------------*/
.ui.active.button {
  background-color: #77d3c6;
  background-image: none;
  box-shadow: 0px 0px 0px 1px #ffffff inset;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:hover {
  background-color: #77d3c6;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:active {
  background-color: #77d3c6;
  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;
  transition: all 0s linear, opacity 0.1s ease;
}
.ui.loading.button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1rem 0em 0em -1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 500rem;
  border: 0.3rem solid rgba(0, 0, 0, 0.15);
}
.ui.loading.button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1rem 0em 0em -1rem;
  width: 2rem;
  height: 2rem;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 0.3rem;
  box-shadow: 0px 0px 0px 1px transparent;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  box-shadow: none;
}
@keyframes button-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ui.basic.loading.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.basic.loading.button:not(.inverted):after {
  border-top-color: #77d3c6;
}
/*-------------------
      Disabled
--------------------*/
.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 1 !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: #e8ebeb;
}
/*******************************
             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.8em;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}
/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  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.5;
}
.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 {
  transition: top 0.3s ease, transform 0.3s ease;
}
.ui.vertical.animated.button .visible.content {
  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 {
  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 {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  transform: scale(1);
}
.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0%;
  right: auto;
  transform: scale(1.5);
}
.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  transform: scale(0.75);
}
.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
  left: 0%;
  right: auto;
  opacity: 1;
  transform: scale(1);
}
/*-------------------
       Inverted
--------------------*/
.ui.inverted.button {
  box-shadow: 0px 0px 0px 1px #ffffff inset !important;
  background: transparent none;
  color: #ffffff;
  text-shadow: none !important;
}
/* Group */
.ui.inverted.buttons .button {
  margin: 0px 0px 0px -1px;
}
.ui.inverted.buttons .button:first-child {
  margin-left: 0em;
}
.ui.inverted.vertical.buttons .button {
  margin: 0px 0px -1px 0px;
}
.ui.inverted.vertical.buttons .button:first-child {
  margin-top: 0em;
}
/* States */
/* Hover */
.ui.inverted.button:hover {
  background: #ffffff;
  box-shadow: 0px 0px 0px 1px #ffffff inset !important;
  color: #ffffff;
}
/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
  background: #ffffff;
  box-shadow: 0px 0px 0px 1px #ffffff inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/* Active Focus */
.ui.inverted.button.active:focus {
  background: #dcddde;
  box-shadow: 0px 0px 0px 1px #dcddde inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/*-------------------
    Labeled Button
--------------------*/
.ui.labeled.button:not(.icon) {
  display: inline-flex;
  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: flex;
  align-items: center;
  margin: 0px 0px 0px 0px !important;
  padding: '';
  font-size: 1.4em;
  border-color: #d4d9d9;
}
/* 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: none;
}
.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: #55acee;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
}
.ui.twitter.button:hover {
  background-color: #35a2f4;
  color: #ffffff;
  text-shadow: none;
}
.ui.twitter.button:active {
  background-color: #2795e9;
  color: #ffffff;
  text-shadow: none;
}
/* Google Plus */
.ui.google.plus.button {
  background-color: #dd4b39;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
}
.ui.google.plus.button:hover {
  background-color: #e0321c;
  color: #ffffff;
  text-shadow: none;
}
.ui.google.plus.button:active {
  background-color: #c23321;
  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: none;
}
.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: none;
}
.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: #bd081c;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
}
.ui.pinterest.button:hover {
  background-color: #ac0013;
  color: #ffffff;
  text-shadow: none;
}
.ui.pinterest.button:active {
  background-color: #8c0615;
  color: #ffffff;
  text-shadow: none;
}
/* VK */
.ui.vk.button {
  background-color: #4D7198;
  color: #ffffff;
  background-image: none;
  box-shadow: none;
}
.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: 1.1em;
  opacity: 0.8;
  margin: 0em 0.6em 0em -0.3em;
  transition: opacity 0.1s ease;
  vertical-align: '';
  color: '';
}
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
  margin: 0em 0.6em 0em -0.3em;
}
.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
  margin: 0em -0.3em 0em 0.6em;
}
/*******************************
           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.6em 1.35em 0.6em;
}
.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
  padding: 0.6em 0.6em 0.6em;
}
.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
  padding: 0.6em 3.35em 0.6em;
}
/*-------------------
        Sizes
--------------------*/
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 1rem;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 1.1rem;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 1.2rem;
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 1.4rem;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.5rem;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.7rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.8rem;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 2.4rem;
}
/*--------------
    Icon Only
---------------*/
.ui.icon.buttons .button,
.ui.icon.button {
  padding: 0.8em 0.8em 0.8em;
}
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0em !important;
  vertical-align: top;
}
/*-------------------
        Basic
--------------------*/
.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none !important;
  color: #77d3c6 !important;
  font-weight: normal;
  border-radius: 2px;
  text-transform: none;
  text-shadow: none !important;
  box-shadow: 0px 0px 0px 0px #d4d9d9 inset;
}
.ui.basic.buttons {
  box-shadow: none;
  border: 0px solid #d4d9d9;
  border-radius: 0.2em;
}
.ui.basic.buttons .button {
  border-radius: 0em;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #3ec0ad !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: none;
}
.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
  background: #3ec0ad !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: none;
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background: #77d3c6 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0px 0px 0px 1px #77d3c6 inset;
}
.ui.basic.buttons .active.button,
.ui.basic.active.button {
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.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: none inset;
}
.ui.basic.buttons .button:active {
  box-shadow: 0px 0px 0px 1px #77d3c6 inset inset;
}
.ui.basic.buttons .active.button {
  box-shadow: none !important;
}
/* Standard Basic Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent !important;
  color: #f9fafb !important;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #ffffff !important;
  box-shadow: none !important;
}
.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #ffffff !important;
  box-shadow: 0px 0px 0px 1px #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 1px 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 1px 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: none !important;
}
/* Basic Group */
.ui.basic.buttons .button {
  border-left: 0px solid #d4d9d9;
  box-shadow: none;
}
.ui.basic.vertical.buttons .button {
  border-left: none;
}
.ui.basic.vertical.buttons .button {
  border-left-width: 0px;
  border-top: 0px solid #d4d9d9;
}
.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: 3.8em !important;
  padding-right: 1.8em !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: 2em;
  background-color: transparent;
  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: 3.8em !important;
  padding-left: 1.8em !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;
  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.2em;
  border-bottom-left-radius: 0.2em;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.2em;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.2em;
}
/* Fluid Labeled */
.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
  padding-left: 1.8em !important;
  padding-right: 1.8em !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: #3D9400 !important;
  box-shadow: none !important;
  text-shadow: none;
  color: #ffffff !important;
}
.ui.button.toggle.active:hover {
  background-color: #327b00 !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.6em;
  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.9em;
  margin-left: -0.9em;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: bold;
  box-shadow: 0px 0px 0px 1px #77d3c6 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 #d4d9d9 !important;
}
/* Top / Bottom */
.ui.attached.top.button {
  border-radius: 0.2em 0.2em 0em 0em;
}
.ui.attached.bottom.button {
  border-radius: 0em 0em 0.2em 0.2em;
}
/* Left / Right */
.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.2em 0em 0em 0.2em;
}
.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0em 0.2em 0.2em 0em;
}
/* Plural */
.ui.attached.buttons {
  position: relative;
  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.2em 0.2em 0em 0em;
}
.ui[class*="top attached"].buttons .button:first-child {
  border-radius: 0.2em 0em 0em 0em;
}
.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0em 0.2em 0em 0em;
}
.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0em 0em 0.2em 0.2em;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0em 0em 0em 0.2em;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0em 0em 0.2em 0em;
}
/* Left / Right */
.ui[class*="left attached"].buttons {
  display: inline-flex;
  margin-right: 0em;
  margin-left: -1px;
  border-radius: 0em 0.2em 0.2em 0em;
}
.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0em 0.2em 0em 0em;
}
.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0.2em 0em;
}
.ui[class*="right attached"].buttons {
  display: inline-flex;
  margin-left: 0em;
  margin-right: -1px;
  border-radius: 0.2em 0em 0em 0.2em;
}
.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0.2em 0em 0em 0em;
}
.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0em 0.2em;
}
/*-------------------
        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: 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: none;
}
.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 0px #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 1px #77d3c6 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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #77d3c6 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: #77d3c6;
}
.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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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: #77d3c6;
}
.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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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: #77d3c6;
}
.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 1px 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 1px #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 1px #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 1px #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 1px #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: none;
}
.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 0px #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 1px #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: #77d3c6;
}
.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 1px 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 1px #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 1px #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 1px #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 1px #ebcd00 inset !important;
  color: #ffe21f !important;
}
/*-------------------
       Primary
--------------------*/
/*--- Standard ---*/
.ui.primary.buttons .button,
.ui.primary.button {
  background-color: #77d3c6;
  color: #394242;
  text-shadow: none;
  background-image: none;
}
.ui.primary.button {
  box-shadow: none;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: #3ec0ad;
  color: #394242;
  text-shadow: none;
}
.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: #4dd4c1;
  color: #394242;
  text-shadow: none;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: #50c7b6;
  color: #394242;
  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: #5cd5c4;
  color: #394242;
  text-shadow: none;
}
/* Basic */
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  box-shadow: 0px 0px 0px 0px #77d3c6 inset !important;
  color: #77d3c6 !important;
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #3ec0ad inset !important;
  color: #3ec0ad !important;
}
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #4dd4c1 inset !important;
  color: #3ec0ad !important;
}
.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #5cd5c4 inset !important;
  color: #50c7b6 !important;
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  box-shadow: 0px 0px 0px 1px #50c7b6 inset !important;
  color: #50c7b6 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.primary.buttons .button,
.ui.inverted.primary.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px #54c8ff inset !important;
  color: #54c8ff;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover,
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus,
.ui.inverted.primary.buttons .button.active,
.ui.inverted.primary.button.active,
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  box-shadow: none !important;
  color: #ffffff;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover {
  background-color: #3ac0ff;
}
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus {
  background-color: #2bbbff;
}
.ui.inverted.primary.buttons .active.button,
.ui.inverted.primary.active.button {
  background-color: #3ac0ff;
}
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  background-color: #21b8ff;
}
/* Inverted Basic */
.ui.inverted.primary.basic.buttons .button,
.ui.inverted.primary.buttons .basic.button,
.ui.inverted.primary.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.primary.basic.buttons .button:hover,
.ui.inverted.primary.buttons .basic.button:hover,
.ui.inverted.primary.basic.button:hover {
  box-shadow: 0px 0px 0px 1px #3ac0ff inset !important;
  color: #54c8ff !important;
}
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.button:focus {
  box-shadow: 0px 0px 0px 1px #2bbbff inset !important;
  color: #54c8ff !important;
}
.ui.inverted.primary.basic.buttons .active.button,
.ui.inverted.primary.buttons .basic.active.button,
.ui.inverted.primary.basic.active.button {
  box-shadow: 0px 0px 0px 1px #3ac0ff inset !important;
  color: #54c8ff !important;
}
.ui.inverted.primary.basic.buttons .button:active,
.ui.inverted.primary.buttons .basic.button:active,
.ui.inverted.primary.basic.button:active {
  box-shadow: 0px 0px 0px 1px #21b8ff inset !important;
  color: #54c8ff !important;
}
/*-------------------
      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: none;
}
.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 0px #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;
}
/* Inverted */
.ui.inverted.secondary.buttons .button,
.ui.inverted.secondary.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px #545454 inset !important;
  color: #545454;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover,
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus,
.ui.inverted.secondary.buttons .button.active,
.ui.inverted.secondary.button.active,
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  box-shadow: none !important;
  color: #ffffff;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover {
  background-color: #616161;
}
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus {
  background-color: #686868;
}
.ui.inverted.secondary.buttons .active.button,
.ui.inverted.secondary.active.button {
  background-color: #616161;
}
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  background-color: #6e6e6e;
}
/* Inverted Basic */
.ui.inverted.secondary.basic.buttons .button,
.ui.inverted.secondary.buttons .basic.button,
.ui.inverted.secondary.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important;
  color: #ffffff !important;
}
.ui.inverted.secondary.basic.buttons .button:hover,
.ui.inverted.secondary.buttons .basic.button:hover,
.ui.inverted.secondary.basic.button:hover {
  box-shadow: 0px 0px 0px 1px #616161 inset !important;
  color: #545454 !important;
}
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.button:focus {
  box-shadow: 0px 0px 0px 1px #686868 inset !important;
  color: #545454 !important;
}
.ui.inverted.secondary.basic.buttons .active.button,
.ui.inverted.secondary.buttons .basic.active.button,
.ui.inverted.secondary.basic.active.button {
  box-shadow: 0px 0px 0px 1px #616161 inset !important;
  color: #545454 !important;
}
.ui.inverted.secondary.basic.buttons .button:active,
.ui.inverted.secondary.buttons .basic.button:active,
.ui.inverted.secondary.basic.button:active {
  box-shadow: 0px 0px 0px 1px #6e6e6e inset !important;
  color: #545454 !important;
}
/*---------------
    Positive
----------------*/
/* Standard */
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: #3D9400;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.positive.button {
  box-shadow: none;
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
  background-color: #327b00;
  color: #ffffff;
  text-shadow: none;
}
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
  background-color: #2c6b00;
  color: #ffffff;
  text-shadow: none;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: #286100;
  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: #327b00;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
  box-shadow: 0px 0px 0px 0px #3D9400 inset !important;
  color: #3D9400 !important;
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #327b00 inset !important;
  color: #327b00 !important;
}
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2c6b00 inset !important;
  color: #327b00 !important;
}
.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #327b00 inset !important;
  color: #286100 !important;
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
  box-shadow: 0px 0px 0px 1px #286100 inset !important;
  color: #286100 !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: #D34836;
  color: #ffffff;
  text-shadow: none;
  background-image: none;
}
.ui.negative.button {
  box-shadow: none;
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
  background-color: #cc3723;
  color: #ffffff;
  text-shadow: none;
}
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
  background-color: #c62e1a;
  color: #ffffff;
  text-shadow: none;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: #b03626;
  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: #d03420;
  color: #ffffff;
  text-shadow: none;
}
/* Basic */
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
  box-shadow: 0px 0px 0px 0px #D34836 inset !important;
  color: #D34836 !important;
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #cc3723 inset !important;
  color: #cc3723 !important;
}
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #c62e1a inset !important;
  color: #cc3723 !important;
}
.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #d03420 inset !important;
  color: #b03626 !important;
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
  box-shadow: 0px 0px 0px 1px #b03626 inset !important;
  color: #b03626 !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/*******************************
            Groups
*******************************/
.ui.buttons {
  display: inline-flex;
  flex-direction: row;
  font-size: 0em;
  vertical-align: baseline;
  margin: 0 0 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 {
  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 #77d3c6 inset, 0px 0px 0px 0px transparent;
}
.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0em;
  border-top-left-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
/* Vertical  Style */
.ui.vertical.buttons {
  display: inline-flex;
  flex-direction: column;
}
.ui.vertical.buttons .button {
  display: block;
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
  box-shadow: none;
  border-radius: 0em;
}
.ui.vertical.buttons .button:first-child {
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}
.ui.vertical.buttons .button:last-child {
  margin-bottom: 0px;
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
}
.ui.vertical.buttons .button:only-child {
  border-radius: 0.2em;
}
/*******************************
         Theme Overrides
*******************************/
.ck.buttons .ck.ui.button,
.ck.ui.button {
  display: inline-block;
  letter-spacing: 0.02em;
  min-width: 3em;
  border-radius: 0.2rem;
  box-shadow: none !important;
  position: relative;
  /** SUCCESS and ERROR styles **/
  /* This specificity is needed to override semantic and our own overrides */
  /** END SUCCESS and ERRROR styles **/
  /* *** MIXINS *** */
  /* *** disabled colours for basic, outline and solid buttons *** */
  /* *** disabled inverted colours for basic, outline and solid buttons *** */
  /* *** BASIC BUTTON  *** */
  /* *** basic buttons hover state mixin *** */
  /* *** basic buttons inverted hover state mixin *** */
  /* ***  OUTLINE BUTTONS  *** */
  /* *** default hover states mixin *** */
  /* *** default inverted hover state mixin *** */
  /* ***  SOLID BUTTONS  *** */
  /* *** solid buttons hover state mixin *** */
  /* *** solid buttons inverted hover state mixin *** */
  /* *** default active state mixin *** */
  /* *** default inverted active state mixin *** */
  /* *** secondary button border/shadow *** */
  /* icon only */
  /* primary */
  /* icon */
  /* loading */
}
.ck.buttons .ck.ui.button.inverted,
.ck.ui.button.inverted {
  box-shadow: none !important;
}
.ck.buttons .ck.ui.button.caps,
.ck.ui.button.caps {
  text-transform: uppercase;
}
.ck.buttons .ck.ui.button:hover,
.ck.ui.button:hover {
  box-shadow: none;
}
.ck.buttons .ck.ui.button:focus,
.ck.ui.button:focus {
  background-color: transparent;
}
.ck.buttons .ck.ui.button:before,
.ck.ui.button:before {
  content: '';
  font-family: 'Engvetica';
  font-size: 2rem;
  font-weight: 800;
  text-transform: none;
  color: #ffffff;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 250ms ease 0s;
}
.ck.buttons .ck.ui.button.error,
.ck.ui.button.error,
.ck.buttons .ck.ui.button.error--exiting,
.ck.ui.button.error--exiting,
.ck.buttons .ck.ui.button.success,
.ck.ui.button.success,
.ck.buttons .ck.ui.button.success--exiting,
.ck.ui.button.success--exiting {
  position: relative;
  cursor: default;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
}
.ck.buttons .ck.ui.button.error:before,
.ck.ui.button.error:before,
.ck.buttons .ck.ui.button.error--exiting:before,
.ck.ui.button.error--exiting:before,
.ck.buttons .ck.ui.button.success:before,
.ck.ui.button.success:before,
.ck.buttons .ck.ui.button.success--exiting:before,
.ck.ui.button.success--exiting:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ck.buttons .ck.ui.button.error > .button-text,
.ck.ui.button.error > .button-text,
.ck.buttons .ck.ui.button.error--exiting > .button-text,
.ck.ui.button.error--exiting > .button-text,
.ck.buttons .ck.ui.button.success > .button-text,
.ck.ui.button.success > .button-text,
.ck.buttons .ck.ui.button.success--exiting > .button-text,
.ck.ui.button.success--exiting > .button-text {
  color: transparent !important;
}
.ck.buttons .ck.ui.button.error,
.ck.ui.button.error,
.ck.buttons .ck.ui.button.error--exiting,
.ck.ui.button.error--exiting {
  background-color: #ee2f19 !important;
}
.ck.buttons .ck.ui.button.outline.accent.error,
.ck.ui.button.outline.accent.error,
.ck.buttons .ck.ui.button.outline.accent.error--exiting,
.ck.ui.button.outline.accent.error--exiting,
.ck.buttons .ck.ui.button.outline.accent.inverted.error,
.ck.ui.button.outline.accent.inverted.error,
.ck.buttons .ck.ui.button.outline.accent.inverted.error--exiting,
.ck.ui.button.outline.accent.inverted.error--exiting,
.ck.buttons .ck.ui.button.outline.base.error,
.ck.ui.button.outline.base.error,
.ck.buttons .ck.ui.button.outline.base.error--exiting,
.ck.ui.button.outline.base.error--exiting,
.ck.buttons .ck.ui.button.outline.base.inverted.error,
.ck.ui.button.outline.base.inverted.error,
.ck.buttons .ck.ui.button.outline.base.inverted.error--exiting,
.ck.ui.button.outline.base.inverted.error--exiting,
.ck.buttons .ck.ui.button.outline.dark.error,
.ck.ui.button.outline.dark.error,
.ck.buttons .ck.ui.button.outline.dark.error--exiting,
.ck.ui.button.outline.dark.error--exiting,
.ck.buttons .ck.ui.button.outline.dark.inverted.error,
.ck.ui.button.outline.dark.inverted.error,
.ck.buttons .ck.ui.button.outline.dark.inverted.error--exiting,
.ck.ui.button.outline.dark.inverted.error--exiting,
.ck.buttons .ck.ui.button.outline.darker.error,
.ck.ui.button.outline.darker.error,
.ck.buttons .ck.ui.button.outline.darker.error--exiting,
.ck.ui.button.outline.darker.error--exiting,
.ck.buttons .ck.ui.button.outline.darker.inverted.error,
.ck.ui.button.outline.darker.inverted.error,
.ck.buttons .ck.ui.button.outline.darker.inverted.error--exiting,
.ck.ui.button.outline.darker.inverted.error--exiting,
.ck.buttons .ck.ui.button.outline.super.error,
.ck.ui.button.outline.super.error,
.ck.buttons .ck.ui.button.outline.super.error--exiting,
.ck.ui.button.outline.super.error--exiting,
.ck.buttons .ck.ui.button.outline.super.inverted.error,
.ck.ui.button.outline.super.inverted.error,
.ck.buttons .ck.ui.button.outline.super.inverted.error--exiting,
.ck.ui.button.outline.super.inverted.error--exiting,
.ck.buttons .ck.ui.button.outline.action.error,
.ck.ui.button.outline.action.error,
.ck.buttons .ck.ui.button.outline.action.error--exiting,
.ck.ui.button.outline.action.error--exiting,
.ck.buttons .ck.ui.button.outline.action.inverted.error,
.ck.ui.button.outline.action.inverted.error,
.ck.buttons .ck.ui.button.outline.action.inverted.error--exiting,
.ck.ui.button.outline.action.inverted.error--exiting,
.ck.buttons .ck.ui.button.outline.white.error,
.ck.ui.button.outline.white.error,
.ck.buttons .ck.ui.button.outline.white.error--exiting,
.ck.ui.button.outline.white.error--exiting,
.ck.buttons .ck.ui.button.outline.white.inverted.error,
.ck.ui.button.outline.white.inverted.error,
.ck.buttons .ck.ui.button.outline.white.inverted.error--exiting,
.ck.ui.button.outline.white.inverted.error--exiting,
.ck.buttons .ck.ui.button.outline.warning.error,
.ck.ui.button.outline.warning.error,
.ck.buttons .ck.ui.button.outline.warning.error--exiting,
.ck.ui.button.outline.warning.error--exiting,
.ck.buttons .ck.ui.button.outline.warning.inverted.error,
.ck.ui.button.outline.warning.inverted.error,
.ck.buttons .ck.ui.button.outline.warning.inverted.error--exiting,
.ck.ui.button.outline.warning.inverted.error--exiting {
  box-shadow: 0 0 0 1px #ee2f19 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.error:hover,
.ck.ui.button.outline.accent.error:hover,
.ck.buttons .ck.ui.button.outline.accent.error--exiting:hover,
.ck.ui.button.outline.accent.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.accent.inverted.error:hover,
.ck.ui.button.outline.accent.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.accent.inverted.error--exiting:hover,
.ck.ui.button.outline.accent.inverted.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.base.error:hover,
.ck.ui.button.outline.base.error:hover,
.ck.buttons .ck.ui.button.outline.base.error--exiting:hover,
.ck.ui.button.outline.base.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.base.inverted.error:hover,
.ck.ui.button.outline.base.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.base.inverted.error--exiting:hover,
.ck.ui.button.outline.base.inverted.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.dark.error:hover,
.ck.ui.button.outline.dark.error:hover,
.ck.buttons .ck.ui.button.outline.dark.error--exiting:hover,
.ck.ui.button.outline.dark.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.dark.inverted.error:hover,
.ck.ui.button.outline.dark.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.dark.inverted.error--exiting:hover,
.ck.ui.button.outline.dark.inverted.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.darker.error:hover,
.ck.ui.button.outline.darker.error:hover,
.ck.buttons .ck.ui.button.outline.darker.error--exiting:hover,
.ck.ui.button.outline.darker.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.darker.inverted.error:hover,
.ck.ui.button.outline.darker.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.darker.inverted.error--exiting:hover,
.ck.ui.button.outline.darker.inverted.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.super.error:hover,
.ck.ui.button.outline.super.error:hover,
.ck.buttons .ck.ui.button.outline.super.error--exiting:hover,
.ck.ui.button.outline.super.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.super.inverted.error:hover,
.ck.ui.button.outline.super.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.super.inverted.error--exiting:hover,
.ck.ui.button.outline.super.inverted.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.action.error:hover,
.ck.ui.button.outline.action.error:hover,
.ck.buttons .ck.ui.button.outline.action.error--exiting:hover,
.ck.ui.button.outline.action.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.action.inverted.error:hover,
.ck.ui.button.outline.action.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.action.inverted.error--exiting:hover,
.ck.ui.button.outline.action.inverted.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.white.error:hover,
.ck.ui.button.outline.white.error:hover,
.ck.buttons .ck.ui.button.outline.white.error--exiting:hover,
.ck.ui.button.outline.white.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.white.inverted.error:hover,
.ck.ui.button.outline.white.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.white.inverted.error--exiting:hover,
.ck.ui.button.outline.white.inverted.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.warning.error:hover,
.ck.ui.button.outline.warning.error:hover,
.ck.buttons .ck.ui.button.outline.warning.error--exiting:hover,
.ck.ui.button.outline.warning.error--exiting:hover,
.ck.buttons .ck.ui.button.outline.warning.inverted.error:hover,
.ck.ui.button.outline.warning.inverted.error:hover,
.ck.buttons .ck.ui.button.outline.warning.inverted.error--exiting:hover,
.ck.ui.button.outline.warning.inverted.error--exiting:hover {
  box-shadow: 0 0 0 1px #ee2f19 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.success,
.ck.ui.button.outline.accent.success,
.ck.buttons .ck.ui.button.outline.accent.success--exiting,
.ck.ui.button.outline.accent.success--exiting,
.ck.buttons .ck.ui.button.outline.accent.inverted.success,
.ck.ui.button.outline.accent.inverted.success,
.ck.buttons .ck.ui.button.outline.accent.inverted.success--exiting,
.ck.ui.button.outline.accent.inverted.success--exiting,
.ck.buttons .ck.ui.button.outline.base.success,
.ck.ui.button.outline.base.success,
.ck.buttons .ck.ui.button.outline.base.success--exiting,
.ck.ui.button.outline.base.success--exiting,
.ck.buttons .ck.ui.button.outline.base.inverted.success,
.ck.ui.button.outline.base.inverted.success,
.ck.buttons .ck.ui.button.outline.base.inverted.success--exiting,
.ck.ui.button.outline.base.inverted.success--exiting,
.ck.buttons .ck.ui.button.outline.dark.success,
.ck.ui.button.outline.dark.success,
.ck.buttons .ck.ui.button.outline.dark.success--exiting,
.ck.ui.button.outline.dark.success--exiting,
.ck.buttons .ck.ui.button.outline.dark.inverted.success,
.ck.ui.button.outline.dark.inverted.success,
.ck.buttons .ck.ui.button.outline.dark.inverted.success--exiting,
.ck.ui.button.outline.dark.inverted.success--exiting,
.ck.buttons .ck.ui.button.outline.darker.success,
.ck.ui.button.outline.darker.success,
.ck.buttons .ck.ui.button.outline.darker.success--exiting,
.ck.ui.button.outline.darker.success--exiting,
.ck.buttons .ck.ui.button.outline.darker.inverted.success,
.ck.ui.button.outline.darker.inverted.success,
.ck.buttons .ck.ui.button.outline.darker.inverted.success--exiting,
.ck.ui.button.outline.darker.inverted.success--exiting,
.ck.buttons .ck.ui.button.outline.super.success,
.ck.ui.button.outline.super.success,
.ck.buttons .ck.ui.button.outline.super.success--exiting,
.ck.ui.button.outline.super.success--exiting,
.ck.buttons .ck.ui.button.outline.super.inverted.success,
.ck.ui.button.outline.super.inverted.success,
.ck.buttons .ck.ui.button.outline.super.inverted.success--exiting,
.ck.ui.button.outline.super.inverted.success--exiting,
.ck.buttons .ck.ui.button.outline.action.success,
.ck.ui.button.outline.action.success,
.ck.buttons .ck.ui.button.outline.action.success--exiting,
.ck.ui.button.outline.action.success--exiting,
.ck.buttons .ck.ui.button.outline.action.inverted.success,
.ck.ui.button.outline.action.inverted.success,
.ck.buttons .ck.ui.button.outline.action.inverted.success--exiting,
.ck.ui.button.outline.action.inverted.success--exiting,
.ck.buttons .ck.ui.button.outline.white.success,
.ck.ui.button.outline.white.success,
.ck.buttons .ck.ui.button.outline.white.success--exiting,
.ck.ui.button.outline.white.success--exiting,
.ck.buttons .ck.ui.button.outline.white.inverted.success,
.ck.ui.button.outline.white.inverted.success,
.ck.buttons .ck.ui.button.outline.white.inverted.success--exiting,
.ck.ui.button.outline.white.inverted.success--exiting,
.ck.buttons .ck.ui.button.outline.warning.success,
.ck.ui.button.outline.warning.success,
.ck.buttons .ck.ui.button.outline.warning.success--exiting,
.ck.ui.button.outline.warning.success--exiting,
.ck.buttons .ck.ui.button.outline.warning.inverted.success,
.ck.ui.button.outline.warning.inverted.success,
.ck.buttons .ck.ui.button.outline.warning.inverted.success--exiting,
.ck.ui.button.outline.warning.inverted.success--exiting {
  box-shadow: 0 0 0 1px #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.success:hover,
.ck.ui.button.outline.accent.success:hover,
.ck.buttons .ck.ui.button.outline.accent.success--exiting:hover,
.ck.ui.button.outline.accent.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.accent.inverted.success:hover,
.ck.ui.button.outline.accent.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.accent.inverted.success--exiting:hover,
.ck.ui.button.outline.accent.inverted.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.base.success:hover,
.ck.ui.button.outline.base.success:hover,
.ck.buttons .ck.ui.button.outline.base.success--exiting:hover,
.ck.ui.button.outline.base.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.base.inverted.success:hover,
.ck.ui.button.outline.base.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.base.inverted.success--exiting:hover,
.ck.ui.button.outline.base.inverted.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.dark.success:hover,
.ck.ui.button.outline.dark.success:hover,
.ck.buttons .ck.ui.button.outline.dark.success--exiting:hover,
.ck.ui.button.outline.dark.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.dark.inverted.success:hover,
.ck.ui.button.outline.dark.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.dark.inverted.success--exiting:hover,
.ck.ui.button.outline.dark.inverted.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.darker.success:hover,
.ck.ui.button.outline.darker.success:hover,
.ck.buttons .ck.ui.button.outline.darker.success--exiting:hover,
.ck.ui.button.outline.darker.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.darker.inverted.success:hover,
.ck.ui.button.outline.darker.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.darker.inverted.success--exiting:hover,
.ck.ui.button.outline.darker.inverted.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.super.success:hover,
.ck.ui.button.outline.super.success:hover,
.ck.buttons .ck.ui.button.outline.super.success--exiting:hover,
.ck.ui.button.outline.super.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.super.inverted.success:hover,
.ck.ui.button.outline.super.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.super.inverted.success--exiting:hover,
.ck.ui.button.outline.super.inverted.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.action.success:hover,
.ck.ui.button.outline.action.success:hover,
.ck.buttons .ck.ui.button.outline.action.success--exiting:hover,
.ck.ui.button.outline.action.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.action.inverted.success:hover,
.ck.ui.button.outline.action.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.action.inverted.success--exiting:hover,
.ck.ui.button.outline.action.inverted.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.white.success:hover,
.ck.ui.button.outline.white.success:hover,
.ck.buttons .ck.ui.button.outline.white.success--exiting:hover,
.ck.ui.button.outline.white.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.white.inverted.success:hover,
.ck.ui.button.outline.white.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.white.inverted.success--exiting:hover,
.ck.ui.button.outline.white.inverted.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.warning.success:hover,
.ck.ui.button.outline.warning.success:hover,
.ck.buttons .ck.ui.button.outline.warning.success--exiting:hover,
.ck.ui.button.outline.warning.success--exiting:hover,
.ck.buttons .ck.ui.button.outline.warning.inverted.success:hover,
.ck.ui.button.outline.warning.inverted.success:hover,
.ck.buttons .ck.ui.button.outline.warning.inverted.success--exiting:hover,
.ck.ui.button.outline.warning.inverted.success--exiting:hover {
  box-shadow: 0 0 0 1px #3ec0ad inset !important;
}
.ck.buttons .ck.ui.button.success,
.ck.ui.button.success,
.ck.buttons .ck.ui.button.success--exiting,
.ck.ui.button.success--exiting {
  background-color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.success.inverted,
.ck.ui.button.success.inverted,
.ck.buttons .ck.ui.button.success--exiting.inverted,
.ck.ui.button.success--exiting.inverted {
  background-color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.error:before,
.ck.ui.button.error:before {
  content: '\78';
  opacity: 1;
}
.ck.buttons .ck.ui.button.error--exiting:before,
.ck.ui.button.error--exiting:before {
  content: '\78';
  opacity: 0;
}
.ck.buttons .ck.ui.button.success:before,
.ck.ui.button.success:before {
  content: '\79';
  opacity: 1;
}
.ck.buttons .ck.ui.button.success--exiting:before,
.ck.ui.button.success--exiting:before {
  content: '\79';
  opacity: 0;
}
.ck.buttons .ck.ui.button .button-text,
.ck.ui.button .button-text {
  line-height: normal;
  vertical-align: middle;
}
.ck.buttons .ck.ui.button .ck-icon:only-child i.icon,
.ck.ui.button .ck-icon:only-child i.icon {
  margin-right: 0;
}
.ck.buttons .ck.ui.button .solidDefaultHover,
.ck.ui.button .solidDefaultHover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button .solidDefaultHover i.icon,
.ck.ui.button .solidDefaultHover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button .solidDefaultHoverInverted,
.ck.ui.button .solidDefaultHoverInverted {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button .solidDefaultHoverInverted i.icon,
.ck.ui.button .solidDefaultHoverInverted i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.basic.accent,
.ck.ui.button.basic.accent {
  color: #2b8679 !important;
}
.ck.buttons .ck.ui.button.basic.accent .ck-icon .icon,
.ck.ui.button.basic.accent .ck-icon .icon {
  color: #2b8679 !important;
}
.ck.buttons .ck.ui.button.basic.accent.active,
.ck.ui.button.basic.accent.active,
.ck.buttons .ck.ui.button.basic.accent:active,
.ck.ui.button.basic.accent:active,
.ck.buttons .ck.ui.button.basic.accent:focus,
.ck.ui.button.basic.accent:focus,
.ck.buttons .ck.ui.button.basic.accent:hover,
.ck.ui.button.basic.accent:hover {
  color: #37b8b5 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.accent.active i.icon,
.ck.ui.button.basic.accent.active i.icon,
.ck.buttons .ck.ui.button.basic.accent:active i.icon,
.ck.ui.button.basic.accent:active i.icon,
.ck.buttons .ck.ui.button.basic.accent:focus i.icon,
.ck.ui.button.basic.accent:focus i.icon,
.ck.buttons .ck.ui.button.basic.accent:hover i.icon,
.ck.ui.button.basic.accent:hover i.icon {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.accent.loading:not(.solid):after,
.ck.ui.button.basic.accent.loading:not(.solid):after {
  border-color: #2b8679 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.accent.inverted,
.ck.ui.button.basic.accent.inverted {
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.basic.accent.inverted .ck-icon .icon,
.ck.ui.button.basic.accent.inverted .ck-icon .icon {
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.basic.accent.inverted.active,
.ck.ui.button.basic.accent.inverted.active,
.ck.buttons .ck.ui.button.basic.accent.inverted:active,
.ck.ui.button.basic.accent.inverted:active,
.ck.buttons .ck.ui.button.basic.accent.inverted:focus,
.ck.ui.button.basic.accent.inverted:focus,
.ck.buttons .ck.ui.button.basic.accent.inverted:hover,
.ck.ui.button.basic.accent.inverted:hover {
  color: #77d3c6 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.accent.inverted.active i.icon,
.ck.ui.button.basic.accent.inverted.active i.icon,
.ck.buttons .ck.ui.button.basic.accent.inverted:active i.icon,
.ck.ui.button.basic.accent.inverted:active i.icon,
.ck.buttons .ck.ui.button.basic.accent.inverted:focus i.icon,
.ck.ui.button.basic.accent.inverted:focus i.icon,
.ck.buttons .ck.ui.button.basic.accent.inverted:hover i.icon,
.ck.ui.button.basic.accent.inverted:hover i.icon {
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.basic.accent.inverted.loading:not(.solid):after,
.ck.ui.button.basic.accent.inverted.loading:not(.solid):after {
  border-color: #77d3c6 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.base,
.ck.ui.button.basic.base {
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.basic.base .ck-icon .icon,
.ck.ui.button.basic.base .ck-icon .icon {
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.basic.base.active,
.ck.ui.button.basic.base.active,
.ck.buttons .ck.ui.button.basic.base:active,
.ck.ui.button.basic.base:active,
.ck.buttons .ck.ui.button.basic.base:focus,
.ck.ui.button.basic.base:focus,
.ck.buttons .ck.ui.button.basic.base:hover,
.ck.ui.button.basic.base:hover {
  color: #37b8b5 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.base.active i.icon,
.ck.ui.button.basic.base.active i.icon,
.ck.buttons .ck.ui.button.basic.base:active i.icon,
.ck.ui.button.basic.base:active i.icon,
.ck.buttons .ck.ui.button.basic.base:focus i.icon,
.ck.ui.button.basic.base:focus i.icon,
.ck.buttons .ck.ui.button.basic.base:hover i.icon,
.ck.ui.button.basic.base:hover i.icon {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.base.loading:not(.solid):after,
.ck.ui.button.basic.base.loading:not(.solid):after {
  border-color: #394242 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.base.inverted,
.ck.ui.button.basic.base.inverted {
  color: #e8ebeb !important;
}
.ck.buttons .ck.ui.button.basic.base.inverted .ck-icon .icon,
.ck.ui.button.basic.base.inverted .ck-icon .icon {
  color: #e8ebeb !important;
}
.ck.buttons .ck.ui.button.basic.base.inverted.active,
.ck.ui.button.basic.base.inverted.active,
.ck.buttons .ck.ui.button.basic.base.inverted:active,
.ck.ui.button.basic.base.inverted:active,
.ck.buttons .ck.ui.button.basic.base.inverted:focus,
.ck.ui.button.basic.base.inverted:focus,
.ck.buttons .ck.ui.button.basic.base.inverted:hover,
.ck.ui.button.basic.base.inverted:hover {
  color: #77d3c6 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.base.inverted.active i.icon,
.ck.ui.button.basic.base.inverted.active i.icon,
.ck.buttons .ck.ui.button.basic.base.inverted:active i.icon,
.ck.ui.button.basic.base.inverted:active i.icon,
.ck.buttons .ck.ui.button.basic.base.inverted:focus i.icon,
.ck.ui.button.basic.base.inverted:focus i.icon,
.ck.buttons .ck.ui.button.basic.base.inverted:hover i.icon,
.ck.ui.button.basic.base.inverted:hover i.icon {
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.basic.base.inverted.loading:not(.solid):after,
.ck.ui.button.basic.base.inverted.loading:not(.solid):after {
  border-color: #e8ebeb transparent transparent;
}
.ck.buttons .ck.ui.button.basic.dark,
.ck.ui.button.basic.dark {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.dark .ck-icon .icon,
.ck.ui.button.basic.dark .ck-icon .icon {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.dark.active,
.ck.ui.button.basic.dark.active,
.ck.buttons .ck.ui.button.basic.dark:active,
.ck.ui.button.basic.dark:active,
.ck.buttons .ck.ui.button.basic.dark:focus,
.ck.ui.button.basic.dark:focus,
.ck.buttons .ck.ui.button.basic.dark:hover,
.ck.ui.button.basic.dark:hover {
  color: #37b8b5 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.dark.active i.icon,
.ck.ui.button.basic.dark.active i.icon,
.ck.buttons .ck.ui.button.basic.dark:active i.icon,
.ck.ui.button.basic.dark:active i.icon,
.ck.buttons .ck.ui.button.basic.dark:focus i.icon,
.ck.ui.button.basic.dark:focus i.icon,
.ck.buttons .ck.ui.button.basic.dark:hover i.icon,
.ck.ui.button.basic.dark:hover i.icon {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.dark.loading:not(.solid):after,
.ck.ui.button.basic.dark.loading:not(.solid):after {
  border-color: #37b8b5 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.dark.inverted,
.ck.ui.button.basic.dark.inverted {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.dark.inverted .ck-icon .icon,
.ck.ui.button.basic.dark.inverted .ck-icon .icon {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.dark.inverted.active,
.ck.ui.button.basic.dark.inverted.active,
.ck.buttons .ck.ui.button.basic.dark.inverted:active,
.ck.ui.button.basic.dark.inverted:active,
.ck.buttons .ck.ui.button.basic.dark.inverted:focus,
.ck.ui.button.basic.dark.inverted:focus,
.ck.buttons .ck.ui.button.basic.dark.inverted:hover,
.ck.ui.button.basic.dark.inverted:hover {
  color: #77d3c6 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.dark.inverted.active i.icon,
.ck.ui.button.basic.dark.inverted.active i.icon,
.ck.buttons .ck.ui.button.basic.dark.inverted:active i.icon,
.ck.ui.button.basic.dark.inverted:active i.icon,
.ck.buttons .ck.ui.button.basic.dark.inverted:focus i.icon,
.ck.ui.button.basic.dark.inverted:focus i.icon,
.ck.buttons .ck.ui.button.basic.dark.inverted:hover i.icon,
.ck.ui.button.basic.dark.inverted:hover i.icon {
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.basic.dark.inverted.loading:not(.solid):after,
.ck.ui.button.basic.dark.inverted.loading:not(.solid):after {
  border-color: #37b8b5 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.darker,
.ck.ui.button.basic.darker {
  color: #2b8679 !important;
}
.ck.buttons .ck.ui.button.basic.darker .ck-icon .icon,
.ck.ui.button.basic.darker .ck-icon .icon {
  color: #2b8679 !important;
}
.ck.buttons .ck.ui.button.basic.darker.active,
.ck.ui.button.basic.darker.active,
.ck.buttons .ck.ui.button.basic.darker:active,
.ck.ui.button.basic.darker:active,
.ck.buttons .ck.ui.button.basic.darker:focus,
.ck.ui.button.basic.darker:focus,
.ck.buttons .ck.ui.button.basic.darker:hover,
.ck.ui.button.basic.darker:hover {
  color: #37b8b5 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.darker.active i.icon,
.ck.ui.button.basic.darker.active i.icon,
.ck.buttons .ck.ui.button.basic.darker:active i.icon,
.ck.ui.button.basic.darker:active i.icon,
.ck.buttons .ck.ui.button.basic.darker:focus i.icon,
.ck.ui.button.basic.darker:focus i.icon,
.ck.buttons .ck.ui.button.basic.darker:hover i.icon,
.ck.ui.button.basic.darker:hover i.icon {
  color: #37b8b5 !important;
}
.ck.buttons .ck.ui.button.basic.darker.loading:not(.solid):after,
.ck.ui.button.basic.darker.loading:not(.solid):after {
  border-color: #2b8679 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.darker.inverted,
.ck.ui.button.basic.darker.inverted {
  color: #2b8679 !important;
}
.ck.buttons .ck.ui.button.basic.darker.inverted .ck-icon .icon,
.ck.ui.button.basic.darker.inverted .ck-icon .icon {
  color: #2b8679 !important;
}
.ck.buttons .ck.ui.button.basic.darker.inverted.active,
.ck.ui.button.basic.darker.inverted.active,
.ck.buttons .ck.ui.button.basic.darker.inverted:active,
.ck.ui.button.basic.darker.inverted:active,
.ck.buttons .ck.ui.button.basic.darker.inverted:focus,
.ck.ui.button.basic.darker.inverted:focus,
.ck.buttons .ck.ui.button.basic.darker.inverted:hover,
.ck.ui.button.basic.darker.inverted:hover {
  color: #77d3c6 !important;
  background: rgba(62, 192, 173, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.darker.inverted.active i.icon,
.ck.ui.button.basic.darker.inverted.active i.icon,
.ck.buttons .ck.ui.button.basic.darker.inverted:active i.icon,
.ck.ui.button.basic.darker.inverted:active i.icon,
.ck.buttons .ck.ui.button.basic.darker.inverted:focus i.icon,
.ck.ui.button.basic.darker.inverted:focus i.icon,
.ck.buttons .ck.ui.button.basic.darker.inverted:hover i.icon,
.ck.ui.button.basic.darker.inverted:hover i.icon {
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.basic.darker.inverted.loading:not(.solid):after,
.ck.ui.button.basic.darker.inverted.loading:not(.solid):after {
  border-color: #2b8679 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.super,
.ck.ui.button.basic.super {
  color: #e0e200 !important;
}
.ck.buttons .ck.ui.button.basic.super:focus,
.ck.ui.button.basic.super:focus,
.ck.buttons .ck.ui.button.basic.super:hover,
.ck.ui.button.basic.super:hover,
.ck.buttons .ck.ui.button.basic.super:active,
.ck.ui.button.basic.super:active,
.ck.buttons .ck.ui.button.basic.super.active,
.ck.ui.button.basic.super.active {
  background-color: rgba(224, 226, 0, 0.1) !important;
  color: #e0e200 !important;
}
.ck.buttons .ck.ui.button.basic.super:focus i.icon,
.ck.ui.button.basic.super:focus i.icon,
.ck.buttons .ck.ui.button.basic.super:hover i.icon,
.ck.ui.button.basic.super:hover i.icon,
.ck.buttons .ck.ui.button.basic.super:active i.icon,
.ck.ui.button.basic.super:active i.icon,
.ck.buttons .ck.ui.button.basic.super.active i.icon,
.ck.ui.button.basic.super.active i.icon {
  color: #e0e200 !important;
}
.ck.buttons .ck.ui.button.basic.super.loading:not(.solid):after,
.ck.ui.button.basic.super.loading:not(.solid):after {
  border-color: #e0e200 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.action,
.ck.ui.button.basic.action {
  color: #157841 !important;
}
.ck.buttons .ck.ui.button.basic.action:focus,
.ck.ui.button.basic.action:focus,
.ck.buttons .ck.ui.button.basic.action:hover,
.ck.ui.button.basic.action:hover,
.ck.buttons .ck.ui.button.basic.action:active,
.ck.ui.button.basic.action:active,
.ck.buttons .ck.ui.button.basic.action.active,
.ck.ui.button.basic.action.active {
  background-color: rgba(21, 120, 65, 0.1) !important;
  color: #157841 !important;
}
.ck.buttons .ck.ui.button.basic.action:focus i.icon,
.ck.ui.button.basic.action:focus i.icon,
.ck.buttons .ck.ui.button.basic.action:hover i.icon,
.ck.ui.button.basic.action:hover i.icon,
.ck.buttons .ck.ui.button.basic.action:active i.icon,
.ck.ui.button.basic.action:active i.icon,
.ck.buttons .ck.ui.button.basic.action.active i.icon,
.ck.ui.button.basic.action.active i.icon {
  color: #157841 !important;
}
.ck.buttons .ck.ui.button.basic.action.loading:not(.solid):after,
.ck.ui.button.basic.action.loading:not(.solid):after {
  border-color: #157841 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.action.inverted,
.ck.ui.button.basic.action.inverted {
  color: #20b965 !important;
}
.ck.buttons .ck.ui.button.basic.action.inverted:focus,
.ck.ui.button.basic.action.inverted:focus,
.ck.buttons .ck.ui.button.basic.action.inverted:hover,
.ck.ui.button.basic.action.inverted:hover,
.ck.buttons .ck.ui.button.basic.action.inverted:active,
.ck.ui.button.basic.action.inverted:active,
.ck.buttons .ck.ui.button.basic.action.inverted.active,
.ck.ui.button.basic.action.inverted.active {
  background-color: rgba(32, 185, 101, 0.1) !important;
}
.ck.buttons .ck.ui.button.basic.action.inverted .ck-icon .icon,
.ck.ui.button.basic.action.inverted .ck-icon .icon {
  color: #20b965 !important;
}
.ck.buttons .ck.ui.button.basic.action.inverted.loading:not(.solid):after,
.ck.ui.button.basic.action.inverted.loading:not(.solid):after {
  border-color: #20b965 transparent transparent;
}
.ck.buttons .ck.ui.button.basic.white,
.ck.ui.button.basic.white {
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.basic.white:focus,
.ck.ui.button.basic.white:focus,
.ck.buttons .ck.ui.button.basic.white:hover,
.ck.ui.button.basic.white:hover,
.ck.buttons .ck.ui.button.basic.white:active,
.ck.ui.button.basic.white:active,
.ck.buttons .ck.ui.button.basic.white.active,
.ck.ui.button.basic.white.active {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.basic.white:focus i.icon,
.ck.ui.button.basic.white:focus i.icon,
.ck.buttons .ck.ui.button.basic.white:hover i.icon,
.ck.ui.button.basic.white:hover i.icon,
.ck.buttons .ck.ui.button.basic.white:active i.icon,
.ck.ui.button.basic.white:active i.icon,
.ck.buttons .ck.ui.button.basic.white.active i.icon,
.ck.ui.button.basic.white.active i.icon {
  color: #77d3c6;
}
.ck.buttons .ck.ui.button.basic.white.loading:not(.solid):after,
.ck.ui.button.basic.white.loading:not(.solid):after {
  border-color: #ffffff transparent transparent;
}
.ck.buttons .ck.ui.button.basic.warning,
.ck.ui.button.basic.warning {
  color: #eb8e1b !important;
}
.ck.buttons .ck.ui.button.basic.warning:focus,
.ck.ui.button.basic.warning:focus,
.ck.buttons .ck.ui.button.basic.warning:hover,
.ck.ui.button.basic.warning:hover,
.ck.buttons .ck.ui.button.basic.warning:active,
.ck.ui.button.basic.warning:active,
.ck.buttons .ck.ui.button.basic.warning.active,
.ck.ui.button.basic.warning.active {
  background-color: rgba(235, 142, 27, 0.1) !important;
  color: #eb8e1b !important;
}
.ck.buttons .ck.ui.button.basic.warning:focus i.icon,
.ck.ui.button.basic.warning:focus i.icon,
.ck.buttons .ck.ui.button.basic.warning:hover i.icon,
.ck.ui.button.basic.warning:hover i.icon,
.ck.buttons .ck.ui.button.basic.warning:active i.icon,
.ck.ui.button.basic.warning:active i.icon,
.ck.buttons .ck.ui.button.basic.warning.active i.icon,
.ck.ui.button.basic.warning.active i.icon {
  color: #eb8e1b;
}
.ck.buttons .ck.ui.button.basic.warning.loading:not(.solid):after,
.ck.ui.button.basic.warning.loading:not(.solid):after {
  border-color: #eb8e1b transparent transparent;
}
.ck.buttons .ck.ui.button.basic.compact,
.ck.ui.button.basic.compact,
.ck.buttons .ck.ui.button.basic.icon.compact,
.ck.ui.button.basic.icon.compact {
  padding: 0.4em;
  min-width: 1em;
}
.ck.buttons .ck.ui.button.basic.icon-only.active,
.ck.ui.button.basic.icon-only.active,
.ck.buttons .ck.ui.button.basic.icon-only:active,
.ck.ui.button.basic.icon-only:active,
.ck.buttons .ck.ui.button.basic.icon-only:focus,
.ck.ui.button.basic.icon-only:focus,
.ck.buttons .ck.ui.button.basic.icon-only:hover,
.ck.ui.button.basic.icon-only:hover {
  background: transparent !important;
}
.ck.buttons .ck.ui.button.basic.icon-only.inverted.active,
.ck.ui.button.basic.icon-only.inverted.active,
.ck.buttons .ck.ui.button.basic.icon-only.inverted:active,
.ck.ui.button.basic.icon-only.inverted:active,
.ck.buttons .ck.ui.button.basic.icon-only.inverted:focus,
.ck.ui.button.basic.icon-only.inverted:focus,
.ck.buttons .ck.ui.button.basic.icon-only.inverted:hover,
.ck.ui.button.basic.icon-only.inverted:hover {
  background: transparent !important;
}
.ck.buttons .ck.ui.button.basic.icon-only:not(.disabled).white:hover .ck-icon .icon,
.ck.ui.button.basic.icon-only:not(.disabled).white:hover .ck-icon .icon {
  color: #3ec0ad !important;
}
.ck.buttons .ck.ui.button.basic.icon-only:not(.disabled).inverted.white:hover .ck-icon .icon,
.ck.ui.button.basic.icon-only:not(.disabled).inverted.white:hover .ck-icon .icon {
  color: #3ec0ad !important;
}
.ck.buttons .ck.ui.button.outline.compact,
.ck.ui.button.outline.compact,
.ck.buttons .ck.ui.button.outline.icon.compact,
.ck.ui.button.outline.icon.compact {
  padding: 0.4em;
}
.ck.buttons .ck.ui.button.outline:focus,
.ck.ui.button.outline:focus {
  background-color: #77d3c6;
}
.ck.buttons .ck.ui.button.outline.accent,
.ck.ui.button.outline.accent {
  color: #77d3c6;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.inverted,
.ck.ui.button.outline.accent.inverted {
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.inverted:focus,
.ck.ui.button.outline.accent.inverted:focus,
.ck.buttons .ck.ui.button.outline.accent.inverted:hover,
.ck.ui.button.outline.accent.inverted:hover,
.ck.buttons .ck.ui.button.outline.accent.inverted:active,
.ck.ui.button.outline.accent.inverted:active,
.ck.buttons .ck.ui.button.outline.accent.inverted.active,
.ck.ui.button.outline.accent.inverted.active {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.inverted:focus i.icon,
.ck.ui.button.outline.accent.inverted:focus i.icon,
.ck.buttons .ck.ui.button.outline.accent.inverted:hover i.icon,
.ck.ui.button.outline.accent.inverted:hover i.icon,
.ck.buttons .ck.ui.button.outline.accent.inverted:active i.icon,
.ck.ui.button.outline.accent.inverted:active i.icon,
.ck.buttons .ck.ui.button.outline.accent.inverted.active i.icon,
.ck.ui.button.outline.accent.inverted.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.accent:hover,
.ck.ui.button.outline.accent:hover {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent:hover i.icon,
.ck.ui.button.outline.accent:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.accent.active,
.ck.ui.button.outline.accent.active,
.ck.buttons .ck.ui.button.outline.accent:active,
.ck.ui.button.outline.accent:active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.active i.icon,
.ck.ui.button.outline.accent.active i.icon,
.ck.buttons .ck.ui.button.outline.accent:active i.icon,
.ck.ui.button.outline.accent:active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.base,
.ck.ui.button.outline.base {
  color: #394242;
  box-shadow: 0 0 0 0.1rem #394242 inset !important;
}
.ck.buttons .ck.ui.button.outline.base .ck-icon .icon,
.ck.ui.button.outline.base .ck-icon .icon {
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.outline.base.inverted,
.ck.ui.button.outline.base.inverted {
  box-shadow: 0 0 0 0.1rem #394242 inset !important;
}
.ck.buttons .ck.ui.button.outline.base.inverted .ck-icon .icon,
.ck.ui.button.outline.base.inverted .ck-icon .icon {
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.outline.base.inverted:focus,
.ck.ui.button.outline.base.inverted:focus,
.ck.buttons .ck.ui.button.outline.base.inverted:hover,
.ck.ui.button.outline.base.inverted:hover,
.ck.buttons .ck.ui.button.outline.base.inverted:active,
.ck.ui.button.outline.base.inverted:active,
.ck.buttons .ck.ui.button.outline.base.inverted.active,
.ck.ui.button.outline.base.inverted.active {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.base.inverted:focus i.icon,
.ck.ui.button.outline.base.inverted:focus i.icon,
.ck.buttons .ck.ui.button.outline.base.inverted:hover i.icon,
.ck.ui.button.outline.base.inverted:hover i.icon,
.ck.buttons .ck.ui.button.outline.base.inverted:active i.icon,
.ck.ui.button.outline.base.inverted:active i.icon,
.ck.buttons .ck.ui.button.outline.base.inverted.active i.icon,
.ck.ui.button.outline.base.inverted.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.base:hover,
.ck.ui.button.outline.base:hover {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.base:hover i.icon,
.ck.ui.button.outline.base:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.base:active,
.ck.ui.button.outline.base:active,
.ck.buttons .ck.ui.button.outline.base.active,
.ck.ui.button.outline.base.active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.base:active i.icon,
.ck.ui.button.outline.base:active i.icon,
.ck.buttons .ck.ui.button.outline.base.active i.icon,
.ck.ui.button.outline.base.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.dark,
.ck.ui.button.outline.dark {
  color: #37b8b5 !important;
  box-shadow: 0 0 0 0.1rem #37b8b5 inset !important;
}
.ck.buttons .ck.ui.button.outline.dark .ck-icon .icon,
.ck.ui.button.outline.dark .ck-icon .icon {
  color: #37b8b5;
}
.ck.buttons .ck.ui.button.outline.dark.inverted.active,
.ck.ui.button.outline.dark.inverted.active,
.ck.buttons .ck.ui.button.outline.dark.inverted:active,
.ck.ui.button.outline.dark.inverted:active,
.ck.buttons .ck.ui.button.outline.dark.inverted:hover,
.ck.ui.button.outline.dark.inverted:hover {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.dark.inverted.active i.icon,
.ck.ui.button.outline.dark.inverted.active i.icon,
.ck.buttons .ck.ui.button.outline.dark.inverted:active i.icon,
.ck.ui.button.outline.dark.inverted:active i.icon,
.ck.buttons .ck.ui.button.outline.dark.inverted:hover i.icon,
.ck.ui.button.outline.dark.inverted:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.dark:hover,
.ck.ui.button.outline.dark:hover {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.dark:hover i.icon,
.ck.ui.button.outline.dark:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.dark.active,
.ck.ui.button.outline.dark.active,
.ck.buttons .ck.ui.button.outline.dark:active,
.ck.ui.button.outline.dark:active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.dark.active i.icon,
.ck.ui.button.outline.dark.active i.icon,
.ck.buttons .ck.ui.button.outline.dark:active i.icon,
.ck.ui.button.outline.dark:active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.darker,
.ck.ui.button.outline.darker {
  color: #2b8679 !important;
  box-shadow: 0 0 0 0.1rem #2b8679 inset !important;
}
.ck.buttons .ck.ui.button.outline.darker .ck-icon .icon,
.ck.ui.button.outline.darker .ck-icon .icon {
  color: #2b8679;
}
.ck.buttons .ck.ui.button.outline.darker.inverted.active,
.ck.ui.button.outline.darker.inverted.active,
.ck.buttons .ck.ui.button.outline.darker.inverted:active,
.ck.ui.button.outline.darker.inverted:active,
.ck.buttons .ck.ui.button.outline.darker.inverted:hover,
.ck.ui.button.outline.darker.inverted:hover {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.darker.inverted.active i.icon,
.ck.ui.button.outline.darker.inverted.active i.icon,
.ck.buttons .ck.ui.button.outline.darker.inverted:active i.icon,
.ck.ui.button.outline.darker.inverted:active i.icon,
.ck.buttons .ck.ui.button.outline.darker.inverted:hover i.icon,
.ck.ui.button.outline.darker.inverted:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.darker:hover,
.ck.ui.button.outline.darker:hover {
  background-color: #77d3c6 !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.darker:hover i.icon,
.ck.ui.button.outline.darker:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.darker:active,
.ck.ui.button.outline.darker:active,
.ck.buttons .ck.ui.button.outline.darker.active,
.ck.ui.button.outline.darker.active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.outline.darker:active i.icon,
.ck.ui.button.outline.darker:active i.icon,
.ck.buttons .ck.ui.button.outline.darker.active i.icon,
.ck.ui.button.outline.darker.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.super,
.ck.ui.button.outline.super {
  box-shadow: 0 0 0 0.1rem #e0e200 inset !important;
  color: #e0e200;
}
.ck.buttons .ck.ui.button.outline.super.active,
.ck.ui.button.outline.super.active,
.ck.buttons .ck.ui.button.outline.super:active,
.ck.ui.button.outline.super:active,
.ck.buttons .ck.ui.button.outline.super:hover,
.ck.ui.button.outline.super:hover {
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.outline.super.active i.icon,
.ck.ui.button.outline.super.active i.icon,
.ck.buttons .ck.ui.button.outline.super:active i.icon,
.ck.ui.button.outline.super:active i.icon,
.ck.buttons .ck.ui.button.outline.super:hover i.icon,
.ck.ui.button.outline.super:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.super:hover,
.ck.ui.button.outline.super:hover {
  background-color: #e0e200;
}
.ck.buttons .ck.ui.button.outline.super:active,
.ck.ui.button.outline.super:active,
.ck.buttons .ck.ui.button.outline.super.active,
.ck.ui.button.outline.super.active {
  background-color: #adaf00;
  box-shadow: 0 0 0 0.1rem #adaf00 inset !important;
}
.ck.buttons .ck.ui.button.outline.action,
.ck.ui.button.outline.action {
  box-shadow: 0 0 0 0.1rem #157841 inset !important;
  color: #157841;
}
.ck.buttons .ck.ui.button.outline.action.active,
.ck.ui.button.outline.action.active,
.ck.buttons .ck.ui.button.outline.action:active,
.ck.ui.button.outline.action:active,
.ck.buttons .ck.ui.button.outline.action:hover,
.ck.ui.button.outline.action:hover {
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.outline.action.active i.icon,
.ck.ui.button.outline.action.active i.icon,
.ck.buttons .ck.ui.button.outline.action:active i.icon,
.ck.ui.button.outline.action:active i.icon,
.ck.buttons .ck.ui.button.outline.action:hover i.icon,
.ck.ui.button.outline.action:hover i.icon {
  color: #ffffff;
}
.ck.buttons .ck.ui.button.outline.action:hover,
.ck.ui.button.outline.action:hover {
  background-color: #20b965;
}
.ck.buttons .ck.ui.button.outline.action:active,
.ck.ui.button.outline.action:active,
.ck.buttons .ck.ui.button.outline.action.active,
.ck.ui.button.outline.action.active {
  background-color: #157841;
  box-shadow: 0 0 0 0.1rem #157841 inset !important;
}
.ck.buttons .ck.ui.button.outline.action.inverted,
.ck.ui.button.outline.action.inverted {
  color: #20b965 !important;
  box-shadow: 0 0 0 0.1rem #20b965 inset !important;
}
.ck.buttons .ck.ui.button.outline.action.inverted .ck-icon .icon,
.ck.ui.button.outline.action.inverted .ck-icon .icon {
  color: #20b965 !important;
}
.ck.buttons .ck.ui.button.outline.action.inverted.active,
.ck.ui.button.outline.action.inverted.active,
.ck.buttons .ck.ui.button.outline.action.inverted:active,
.ck.ui.button.outline.action.inverted:active,
.ck.buttons .ck.ui.button.outline.action.inverted:hover,
.ck.ui.button.outline.action.inverted:hover {
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.outline.action.inverted.active .ck-icon .icon,
.ck.ui.button.outline.action.inverted.active .ck-icon .icon,
.ck.buttons .ck.ui.button.outline.action.inverted:active .ck-icon .icon,
.ck.ui.button.outline.action.inverted:active .ck-icon .icon,
.ck.buttons .ck.ui.button.outline.action.inverted:hover .ck-icon .icon,
.ck.ui.button.outline.action.inverted:hover .ck-icon .icon {
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.outline.action.inverted:active,
.ck.ui.button.outline.action.inverted:active,
.ck.buttons .ck.ui.button.outline.action.inverted.active,
.ck.ui.button.outline.action.inverted.active {
  background-color: #157841;
  box-shadow: 0 0 0 0.1rem #157841 inset !important;
}
.ck.buttons .ck.ui.button.outline.white,
.ck.ui.button.outline.white {
  box-shadow: 0 0 0 0.1rem #ffffff inset !important;
  color: #ffffff;
}
.ck.buttons .ck.ui.button.outline.white.active,
.ck.ui.button.outline.white.active,
.ck.buttons .ck.ui.button.outline.white:active,
.ck.ui.button.outline.white:active,
.ck.buttons .ck.ui.button.outline.white:hover,
.ck.ui.button.outline.white:hover {
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.outline.white.active i.icon,
.ck.ui.button.outline.white.active i.icon,
.ck.buttons .ck.ui.button.outline.white:active i.icon,
.ck.ui.button.outline.white:active i.icon,
.ck.buttons .ck.ui.button.outline.white:hover i.icon,
.ck.ui.button.outline.white:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.outline.white:hover,
.ck.ui.button.outline.white:hover {
  background-color: #ffffff;
}
.ck.buttons .ck.ui.button.outline.white:active,
.ck.ui.button.outline.white:active,
.ck.buttons .ck.ui.button.outline.white.active,
.ck.ui.button.outline.white.active {
  background-color: #e6e6e6;
  box-shadow: 0 0 0 0.1rem #e6e6e6 inset !important;
}
.ck.buttons .ck.ui.button.outline.warning,
.ck.ui.button.outline.warning {
  box-shadow: 0 0 0 0.1rem #eb8e1b inset !important;
  color: #eb8e1b;
}
.ck.buttons .ck.ui.button.outline.warning.active,
.ck.ui.button.outline.warning.active,
.ck.buttons .ck.ui.button.outline.warning:active,
.ck.ui.button.outline.warning:active,
.ck.buttons .ck.ui.button.outline.warning:hover,
.ck.ui.button.outline.warning:hover {
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.outline.warning.active i.icon,
.ck.ui.button.outline.warning.active i.icon,
.ck.buttons .ck.ui.button.outline.warning:active i.icon,
.ck.ui.button.outline.warning:active i.icon,
.ck.buttons .ck.ui.button.outline.warning:hover i.icon,
.ck.ui.button.outline.warning:hover i.icon {
  color: #ffffff;
}
.ck.buttons .ck.ui.button.outline.warning:hover,
.ck.ui.button.outline.warning:hover {
  background-color: #eeb82b;
}
.ck.buttons .ck.ui.button.outline.warning:active,
.ck.ui.button.outline.warning:active,
.ck.buttons .ck.ui.button.outline.warning.active,
.ck.ui.button.outline.warning.active {
  background-color: #eb8e1b;
  box-shadow: 0 0 0 0.1rem #eb8e1b inset !important;
}
.ck.buttons .ck.ui.button.solid.compact,
.ck.ui.button.solid.compact,
.ck.buttons .ck.ui.button.solid.icon.compact,
.ck.ui.button.solid.icon.compact {
  padding: 0.4em;
}
.ck.buttons .ck.ui.button.solid.accent,
.ck.ui.button.solid.accent {
  background-color: #77d3c6;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.accent i.icon,
.ck.ui.button.solid.accent i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.accent.inverted,
.ck.ui.button.solid.accent.inverted {
  background: #77d3c6;
}
.ck.buttons .ck.ui.button.solid.accent.inverted:hover,
.ck.ui.button.solid.accent.inverted:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.accent.inverted:hover i.icon,
.ck.ui.button.solid.accent.inverted:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.accent.inverted:active,
.ck.ui.button.solid.accent.inverted:active,
.ck.buttons .ck.ui.button.solid.accent.inverted.active,
.ck.ui.button.solid.accent.inverted.active {
  background-color: #77d3c6;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.accent.inverted:active i.icon,
.ck.ui.button.solid.accent.inverted:active i.icon,
.ck.buttons .ck.ui.button.solid.accent.inverted.active i.icon,
.ck.ui.button.solid.accent.inverted.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.accent:hover,
.ck.ui.button.solid.accent:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.accent:hover i.icon,
.ck.ui.button.solid.accent:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.accent:active,
.ck.ui.button.solid.accent:active,
.ck.buttons .ck.ui.button.solid.accent.active,
.ck.ui.button.solid.accent.active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.accent:active i.icon,
.ck.ui.button.solid.accent:active i.icon,
.ck.buttons .ck.ui.button.solid.accent.active i.icon,
.ck.ui.button.solid.accent.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.base,
.ck.ui.button.solid.base {
  background: #394242;
  color: #e8ebeb !important;
}
.ck.buttons .ck.ui.button.solid.base i.icon,
.ck.ui.button.solid.base i.icon {
  color: #e8ebeb;
}
.ck.buttons .ck.ui.button.solid.base.inverted,
.ck.ui.button.solid.base.inverted {
  background: #394242;
}
.ck.buttons .ck.ui.button.solid.base.inverted:hover,
.ck.ui.button.solid.base.inverted:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.base.inverted:hover i.icon,
.ck.ui.button.solid.base.inverted:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.base.inverted:active,
.ck.ui.button.solid.base.inverted:active,
.ck.buttons .ck.ui.button.solid.base.inverted.active,
.ck.ui.button.solid.base.inverted.active {
  background-color: #77d3c6;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.base.inverted:active i.icon,
.ck.ui.button.solid.base.inverted:active i.icon,
.ck.buttons .ck.ui.button.solid.base.inverted.active i.icon,
.ck.ui.button.solid.base.inverted.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.base:hover,
.ck.ui.button.solid.base:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.base:hover i.icon,
.ck.ui.button.solid.base:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.base:active,
.ck.ui.button.solid.base:active,
.ck.buttons .ck.ui.button.solid.base.active,
.ck.ui.button.solid.base.active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.base:active i.icon,
.ck.ui.button.solid.base:active i.icon,
.ck.buttons .ck.ui.button.solid.base.active i.icon,
.ck.ui.button.solid.base.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.dark,
.ck.ui.button.solid.dark {
  background: #37b8b5;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.dark i.icon,
.ck.ui.button.solid.dark i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.dark:hover,
.ck.ui.button.solid.dark:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.dark:hover i.icon,
.ck.ui.button.solid.dark:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.dark.inverted,
.ck.ui.button.solid.dark.inverted {
  background: #37b8b5;
}
.ck.buttons .ck.ui.button.solid.dark.inverted:hover,
.ck.ui.button.solid.dark.inverted:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.dark.inverted:hover i.icon,
.ck.ui.button.solid.dark.inverted:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.dark.inverted:active,
.ck.ui.button.solid.dark.inverted:active,
.ck.buttons .ck.ui.button.solid.dark.inverted.active,
.ck.ui.button.solid.dark.inverted.active {
  background-color: #77d3c6;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.dark.inverted:active i.icon,
.ck.ui.button.solid.dark.inverted:active i.icon,
.ck.buttons .ck.ui.button.solid.dark.inverted.active i.icon,
.ck.ui.button.solid.dark.inverted.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.dark:hover,
.ck.ui.button.solid.dark:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.dark:hover i.icon,
.ck.ui.button.solid.dark:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.dark:active,
.ck.ui.button.solid.dark:active,
.ck.buttons .ck.ui.button.solid.dark.active,
.ck.ui.button.solid.dark.active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.dark:active i.icon,
.ck.ui.button.solid.dark:active i.icon,
.ck.buttons .ck.ui.button.solid.dark.active i.icon,
.ck.ui.button.solid.dark.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.darker,
.ck.ui.button.solid.darker {
  background: #2b8679;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.darker i.icon,
.ck.ui.button.solid.darker i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.darker:hover,
.ck.ui.button.solid.darker:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.darker:hover i.icon,
.ck.ui.button.solid.darker:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.darker.inverted,
.ck.ui.button.solid.darker.inverted {
  background: #2b8679;
}
.ck.buttons .ck.ui.button.solid.darker.inverted:hover,
.ck.ui.button.solid.darker.inverted:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.darker.inverted:hover i.icon,
.ck.ui.button.solid.darker.inverted:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.darker.inverted:active,
.ck.ui.button.solid.darker.inverted:active,
.ck.buttons .ck.ui.button.solid.darker.inverted.active,
.ck.ui.button.solid.darker.inverted.active {
  background-color: #77d3c6;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.darker.inverted:active i.icon,
.ck.ui.button.solid.darker.inverted:active i.icon,
.ck.buttons .ck.ui.button.solid.darker.inverted.active i.icon,
.ck.ui.button.solid.darker.inverted.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.darker:hover,
.ck.ui.button.solid.darker:hover {
  background: #3ec0ad;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.darker:hover i.icon,
.ck.ui.button.solid.darker:hover i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.darker:active,
.ck.ui.button.solid.darker:active,
.ck.buttons .ck.ui.button.solid.darker.active,
.ck.ui.button.solid.darker.active {
  background-color: #3ec0ad !important;
  color: #394242 !important;
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.solid.darker:active i.icon,
.ck.ui.button.solid.darker:active i.icon,
.ck.buttons .ck.ui.button.solid.darker.active i.icon,
.ck.ui.button.solid.darker.active i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.super,
.ck.ui.button.solid.super {
  background: #e0e200;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.super i.icon,
.ck.ui.button.solid.super i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.super:focus,
.ck.ui.button.solid.super:focus,
.ck.buttons .ck.ui.button.solid.super:hover,
.ck.ui.button.solid.super:hover,
.ck.buttons .ck.ui.button.solid.super:active,
.ck.ui.button.solid.super:active,
.ck.buttons .ck.ui.button.solid.super.active,
.ck.ui.button.solid.super.active {
  background-color: #ced100;
  box-shadow: 0 0 0 0.1rem #ced100 inset !important;
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.solid.super:focus i.icon,
.ck.ui.button.solid.super:focus i.icon,
.ck.buttons .ck.ui.button.solid.super:hover i.icon,
.ck.ui.button.solid.super:hover i.icon,
.ck.buttons .ck.ui.button.solid.super:active i.icon,
.ck.ui.button.solid.super:active i.icon,
.ck.buttons .ck.ui.button.solid.super.active i.icon,
.ck.ui.button.solid.super.active i.icon {
  color: #ffffff;
}
.ck.buttons .ck.ui.button.solid.action,
.ck.ui.button.solid.action {
  background: #157841;
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.solid.action i.icon,
.ck.ui.button.solid.action i.icon {
  color: #ffffff;
}
.ck.buttons .ck.ui.button.solid.action:focus,
.ck.ui.button.solid.action:focus,
.ck.buttons .ck.ui.button.solid.action:hover,
.ck.ui.button.solid.action:hover {
  background-color: #20b965;
}
.ck.buttons .ck.ui.button.solid.action:active,
.ck.ui.button.solid.action:active,
.ck.buttons .ck.ui.button.solid.action.active,
.ck.ui.button.solid.action.active {
  background-color: #157841;
  box-shadow: 0 0 0 0.1rem #157841 inset !important;
}
.ck.buttons .ck.ui.button.solid.action:active i.icon,
.ck.ui.button.solid.action:active i.icon,
.ck.buttons .ck.ui.button.solid.action.active i.icon,
.ck.ui.button.solid.action.active i.icon {
  color: #ffffff;
}
.ck.buttons .ck.ui.button.solid.white,
.ck.ui.button.solid.white {
  background: #ffffff;
  color: #394242 !important;
}
.ck.buttons .ck.ui.button.solid.white i.icon,
.ck.ui.button.solid.white i.icon {
  color: #394242;
}
.ck.buttons .ck.ui.button.solid.white:focus,
.ck.ui.button.solid.white:focus,
.ck.buttons .ck.ui.button.solid.white:hover,
.ck.ui.button.solid.white:hover,
.ck.buttons .ck.ui.button.solid.white:active,
.ck.ui.button.solid.white:active,
.ck.buttons .ck.ui.button.solid.white.active,
.ck.ui.button.solid.white.active {
  background: #ffffff;
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.solid.white:focus i.icon,
.ck.ui.button.solid.white:focus i.icon,
.ck.buttons .ck.ui.button.solid.white:hover i.icon,
.ck.ui.button.solid.white:hover i.icon,
.ck.buttons .ck.ui.button.solid.white:active i.icon,
.ck.ui.button.solid.white:active i.icon,
.ck.buttons .ck.ui.button.solid.white.active i.icon,
.ck.ui.button.solid.white.active i.icon {
  color: #77d3c6 !important;
}
.ck.buttons .ck.ui.button.solid.warning,
.ck.ui.button.solid.warning {
  background: #eb8e1b;
  color: #ffffff !important;
}
.ck.buttons .ck.ui.button.solid.warning i.icon,
.ck.ui.button.solid.warning i.icon {
  color: #ffffff;
}
.ck.buttons .ck.ui.button.solid.warning:focus,
.ck.ui.button.solid.warning:focus,
.ck.buttons .ck.ui.button.solid.warning:hover,
.ck.ui.button.solid.warning:hover {
  background-color: #eeb82b;
}
.ck.buttons .ck.ui.button.solid.warning:active,
.ck.ui.button.solid.warning:active,
.ck.buttons .ck.ui.button.solid.warning.active,
.ck.ui.button.solid.warning.active {
  background-color: #eb8e1b;
  box-shadow: 0 0 0 0.1rem #eb8e1b inset !important;
}
.ck.buttons .ck.ui.button.solid.warning:active i.icon,
.ck.ui.button.solid.warning:active i.icon,
.ck.buttons .ck.ui.button.solid.warning.active i.icon,
.ck.ui.button.solid.warning.active i.icon {
  color: #ffffff;
}
.ck.buttons .ck.ui.button.icon .icon,
.ck.ui.button.icon .icon {
  vertical-align: middle;
}
.ck.buttons .ck.ui.button.icon.icon-left,
.ck.ui.button.icon.icon-left,
.ck.buttons .ck.ui.button.icon.icon-right,
.ck.ui.button.icon.icon-right {
  padding: 0.8em 1.8em;
}
.ck.buttons .ck.ui.button.icon > .ck-icon,
.ck.ui.button.icon > .ck-icon {
  line-height: 1;
}
.ck.buttons .ck.ui.button.icon.icon-left > .ck-icon,
.ck.ui.button.icon.icon-left > .ck-icon {
  margin-right: 0.8em;
}
.ck.buttons .ck.ui.button.icon.icon-right > .ck-icon,
.ck.ui.button.icon.icon-right > .ck-icon {
  margin-left: 0.8em;
}
.ck.buttons .ck.ui.button.icon.icon-right > .ck-icon i.icon,
.ck.ui.button.icon.icon-right > .ck-icon i.icon {
  margin-right: 0;
}
.ck.buttons .ck.ui.button.icon.loading > .ck-icon,
.ck.ui.button.icon.loading > .ck-icon,
.ck.buttons .ck.ui.button.icon.success > .ck-icon,
.ck.ui.button.icon.success > .ck-icon,
.ck.buttons .ck.ui.button.icon.success--exiting > .ck-icon,
.ck.ui.button.icon.success--exiting > .ck-icon,
.ck.buttons .ck.ui.button.icon.error > .ck-icon,
.ck.ui.button.icon.error > .ck-icon,
.ck.buttons .ck.ui.button.icon.error--exiting > .ck-icon,
.ck.ui.button.icon.error--exiting > .ck-icon {
  visibility: hidden;
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.ck.buttons .ck.ui.button.accent.disabled,
.ck.ui.button.accent.disabled,
.ck.buttons .ck.ui.button.base.disabled,
.ck.ui.button.base.disabled,
.ck.buttons .ck.ui.button.dark.disabled,
.ck.ui.button.dark.disabled,
.ck.buttons .ck.ui.button.darker.disabled,
.ck.ui.button.darker.disabled,
.ck.buttons .ck.ui.button.super.disabled,
.ck.ui.button.super.disabled,
.ck.buttons .ck.ui.button.action.disabled,
.ck.ui.button.action.disabled,
.ck.buttons .ck.ui.button.white.disabled,
.ck.ui.button.white.disabled,
.ck.buttons .ck.ui.button.warning.disabled,
.ck.ui.button.warning.disabled,
.ck.buttons .ck.ui.button.accent.disabled:hover,
.ck.ui.button.accent.disabled:hover,
.ck.buttons .ck.ui.button.base.disabled:hover,
.ck.ui.button.base.disabled:hover,
.ck.buttons .ck.ui.button.dark.disabled:hover,
.ck.ui.button.dark.disabled:hover,
.ck.buttons .ck.ui.button.darker.disabled:hover,
.ck.ui.button.darker.disabled:hover,
.ck.buttons .ck.ui.button.super.disabled:hover,
.ck.ui.button.super.disabled:hover,
.ck.buttons .ck.ui.button.action.disabled:hover,
.ck.ui.button.action.disabled:hover,
.ck.buttons .ck.ui.button.white.disabled:hover,
.ck.ui.button.white.disabled:hover,
.ck.buttons .ck.ui.button.warning.disabled:hover,
.ck.ui.button.warning.disabled:hover {
  background-color: transparent !important;
  cursor: not-allowed;
  pointer-events: auto !important;
}
.ck.buttons .ck.ui.button.outline.accent.disabled,
.ck.ui.button.outline.accent.disabled,
.ck.buttons .ck.ui.button.outline.base.disabled,
.ck.ui.button.outline.base.disabled,
.ck.buttons .ck.ui.button.outline.dark.disabled,
.ck.ui.button.outline.dark.disabled,
.ck.buttons .ck.ui.button.outline.darker.disabled,
.ck.ui.button.outline.darker.disabled,
.ck.buttons .ck.ui.button.outline.super.disabled,
.ck.ui.button.outline.super.disabled,
.ck.buttons .ck.ui.button.outline.action.disabled,
.ck.ui.button.outline.action.disabled,
.ck.buttons .ck.ui.button.outline.white.disabled,
.ck.ui.button.outline.white.disabled,
.ck.buttons .ck.ui.button.outline.warning.disabled,
.ck.ui.button.outline.warning.disabled,
.ck.buttons .ck.ui.button.outline.accent.disabled:hover,
.ck.ui.button.outline.accent.disabled:hover,
.ck.buttons .ck.ui.button.outline.base.disabled:hover,
.ck.ui.button.outline.base.disabled:hover,
.ck.buttons .ck.ui.button.outline.dark.disabled:hover,
.ck.ui.button.outline.dark.disabled:hover,
.ck.buttons .ck.ui.button.outline.darker.disabled:hover,
.ck.ui.button.outline.darker.disabled:hover,
.ck.buttons .ck.ui.button.outline.super.disabled:hover,
.ck.ui.button.outline.super.disabled:hover,
.ck.buttons .ck.ui.button.outline.action.disabled:hover,
.ck.ui.button.outline.action.disabled:hover,
.ck.buttons .ck.ui.button.outline.white.disabled:hover,
.ck.ui.button.outline.white.disabled:hover,
.ck.buttons .ck.ui.button.outline.warning.disabled:hover,
.ck.ui.button.outline.warning.disabled:hover {
  color: #8d9494 !important;
  background: #e8ebeb !important;
  box-shadow: 0 0 0 0.1rem #e8ebeb inset !important;
}
.ck.buttons .ck.ui.button.outline.accent.loading,
.ck.ui.button.outline.accent.loading,
.ck.buttons .ck.ui.button.outline.base.loading,
.ck.ui.button.outline.base.loading,
.ck.buttons .ck.ui.button.outline.dark.loading,
.ck.ui.button.outline.dark.loading,
.ck.buttons .ck.ui.button.outline.darker.loading,
.ck.ui.button.outline.darker.loading,
.ck.buttons .ck.ui.button.outline.super.loading,
.ck.ui.button.outline.super.loading,
.ck.buttons .ck.ui.button.outline.action.loading,
.ck.ui.button.outline.action.loading,
.ck.buttons .ck.ui.button.outline.white.loading,
.ck.ui.button.outline.white.loading,
.ck.buttons .ck.ui.button.outline.warning.loading,
.ck.ui.button.outline.warning.loading,
.ck.buttons .ck.ui.button.outline.accent.loading:hover,
.ck.ui.button.outline.accent.loading:hover,
.ck.buttons .ck.ui.button.outline.base.loading:hover,
.ck.ui.button.outline.base.loading:hover,
.ck.buttons .ck.ui.button.outline.dark.loading:hover,
.ck.ui.button.outline.dark.loading:hover,
.ck.buttons .ck.ui.button.outline.darker.loading:hover,
.ck.ui.button.outline.darker.loading:hover,
.ck.buttons .ck.ui.button.outline.super.loading:hover,
.ck.ui.button.outline.super.loading:hover,
.ck.buttons .ck.ui.button.outline.action.loading:hover,
.ck.ui.button.outline.action.loading:hover,
.ck.buttons .ck.ui.button.outline.white.loading:hover,
.ck.ui.button.outline.white.loading:hover,
.ck.buttons .ck.ui.button.outline.warning.loading:hover,
.ck.ui.button.outline.warning.loading:hover {
  background-color: transparent !important;
  color: transparent !important;
}
.ck.buttons .ck.ui.button.solid.accent.disabled,
.ck.ui.button.solid.accent.disabled,
.ck.buttons .ck.ui.button.solid.base.disabled,
.ck.ui.button.solid.base.disabled,
.ck.buttons .ck.ui.button.solid.dark.disabled,
.ck.ui.button.solid.dark.disabled,
.ck.buttons .ck.ui.button.solid.darker.disabled,
.ck.ui.button.solid.darker.disabled,
.ck.buttons .ck.ui.button.solid.super.disabled,
.ck.ui.button.solid.super.disabled,
.ck.buttons .ck.ui.button.solid.action.disabled,
.ck.ui.button.solid.action.disabled,
.ck.buttons .ck.ui.button.solid.white.disabled,
.ck.ui.button.solid.white.disabled,
.ck.buttons .ck.ui.button.solid.warning.disabled,
.ck.ui.button.solid.warning.disabled,
.ck.buttons .ck.ui.button.solid.accent.disabled:hover,
.ck.ui.button.solid.accent.disabled:hover,
.ck.buttons .ck.ui.button.solid.base.disabled:hover,
.ck.ui.button.solid.base.disabled:hover,
.ck.buttons .ck.ui.button.solid.dark.disabled:hover,
.ck.ui.button.solid.dark.disabled:hover,
.ck.buttons .ck.ui.button.solid.darker.disabled:hover,
.ck.ui.button.solid.darker.disabled:hover,
.ck.buttons .ck.ui.button.solid.super.disabled:hover,
.ck.ui.button.solid.super.disabled:hover,
.ck.buttons .ck.ui.button.solid.action.disabled:hover,
.ck.ui.button.solid.action.disabled:hover,
.ck.buttons .ck.ui.button.solid.white.disabled:hover,
.ck.ui.button.solid.white.disabled:hover,
.ck.buttons .ck.ui.button.solid.warning.disabled:hover,
.ck.ui.button.solid.warning.disabled:hover {
  color: #8d9494 !important;
  background: #e8ebeb;
  box-shadow: 0 0 0 0.1rem #e8ebeb inset !important;
}
.ck.buttons .ck.ui.button.solid.accent.disabled i.icon,
.ck.ui.button.solid.accent.disabled i.icon,
.ck.buttons .ck.ui.button.solid.base.disabled i.icon,
.ck.ui.button.solid.base.disabled i.icon,
.ck.buttons .ck.ui.button.solid.dark.disabled i.icon,
.ck.ui.button.solid.dark.disabled i.icon,
.ck.buttons .ck.ui.button.solid.darker.disabled i.icon,
.ck.ui.button.solid.darker.disabled i.icon,
.ck.buttons .ck.ui.button.solid.super.disabled i.icon,
.ck.ui.button.solid.super.disabled i.icon,
.ck.buttons .ck.ui.button.solid.action.disabled i.icon,
.ck.ui.button.solid.action.disabled i.icon,
.ck.buttons .ck.ui.button.solid.white.disabled i.icon,
.ck.ui.button.solid.white.disabled i.icon,
.ck.buttons .ck.ui.button.solid.warning.disabled i.icon,
.ck.ui.button.solid.warning.disabled i.icon,
.ck.buttons .ck.ui.button.solid.accent.disabled:hover i.icon,
.ck.ui.button.solid.accent.disabled:hover i.icon,
.ck.buttons .ck.ui.button.solid.base.disabled:hover i.icon,
.ck.ui.button.solid.base.disabled:hover i.icon,
.ck.buttons .ck.ui.button.solid.dark.disabled:hover i.icon,
.ck.ui.button.solid.dark.disabled:hover i.icon,
.ck.buttons .ck.ui.button.solid.darker.disabled:hover i.icon,
.ck.ui.button.solid.darker.disabled:hover i.icon,
.ck.buttons .ck.ui.button.solid.super.disabled:hover i.icon,
.ck.ui.button.solid.super.disabled:hover i.icon,
.ck.buttons .ck.ui.button.solid.action.disabled:hover i.icon,
.ck.ui.button.solid.action.disabled:hover i.icon,
.ck.buttons .ck.ui.button.solid.white.disabled:hover i.icon,
.ck.ui.button.solid.white.disabled:hover i.icon,
.ck.buttons .ck.ui.button.solid.warning.disabled:hover i.icon,
.ck.ui.button.solid.warning.disabled:hover i.icon {
  color: #8d9494 !important;
}
.ck.buttons .ck.ui.button.solid.accent.loading,
.ck.ui.button.solid.accent.loading,
.ck.buttons .ck.ui.button.solid.base.loading,
.ck.ui.button.solid.base.loading,
.ck.buttons .ck.ui.button.solid.dark.loading,
.ck.ui.button.solid.dark.loading,
.ck.buttons .ck.ui.button.solid.darker.loading,
.ck.ui.button.solid.darker.loading,
.ck.buttons .ck.ui.button.solid.super.loading,
.ck.ui.button.solid.super.loading,
.ck.buttons .ck.ui.button.solid.action.loading,
.ck.ui.button.solid.action.loading,
.ck.buttons .ck.ui.button.solid.white.loading,
.ck.ui.button.solid.white.loading,
.ck.buttons .ck.ui.button.solid.warning.loading,
.ck.ui.button.solid.warning.loading,
.ck.buttons .ck.ui.button.solid.accent.loading:hover,
.ck.ui.button.solid.accent.loading:hover,
.ck.buttons .ck.ui.button.solid.base.loading:hover,
.ck.ui.button.solid.base.loading:hover,
.ck.buttons .ck.ui.button.solid.dark.loading:hover,
.ck.ui.button.solid.dark.loading:hover,
.ck.buttons .ck.ui.button.solid.darker.loading:hover,
.ck.ui.button.solid.darker.loading:hover,
.ck.buttons .ck.ui.button.solid.super.loading:hover,
.ck.ui.button.solid.super.loading:hover,
.ck.buttons .ck.ui.button.solid.action.loading:hover,
.ck.ui.button.solid.action.loading:hover,
.ck.buttons .ck.ui.button.solid.white.loading:hover,
.ck.ui.button.solid.white.loading:hover,
.ck.buttons .ck.ui.button.solid.warning.loading:hover,
.ck.ui.button.solid.warning.loading:hover {
  color: transparent !important;
}
.ck.buttons .ck.ui.button.basic.accent.disabled,
.ck.ui.button.basic.accent.disabled,
.ck.buttons .ck.ui.button.basic.base.disabled,
.ck.ui.button.basic.base.disabled,
.ck.buttons .ck.ui.button.basic.dark.disabled,
.ck.ui.button.basic.dark.disabled,
.ck.buttons .ck.ui.button.basic.darker.disabled,
.ck.ui.button.basic.darker.disabled,
.ck.buttons .ck.ui.button.basic.super.disabled,
.ck.ui.button.basic.super.disabled,
.ck.buttons .ck.ui.button.basic.action.disabled,
.ck.ui.button.basic.action.disabled,
.ck.buttons .ck.ui.button.basic.white.disabled,
.ck.ui.button.basic.white.disabled,
.ck.buttons .ck.ui.button.basic.warning.disabled,
.ck.ui.button.basic.warning.disabled,
.ck.buttons .ck.ui.button.basic.accent.disabled:hover,
.ck.ui.button.basic.accent.disabled:hover,
.ck.buttons .ck.ui.button.basic.base.disabled:hover,
.ck.ui.button.basic.base.disabled:hover,
.ck.buttons .ck.ui.button.basic.dark.disabled:hover,
.ck.ui.button.basic.dark.disabled:hover,
.ck.buttons .ck.ui.button.basic.darker.disabled:hover,
.ck.ui.button.basic.darker.disabled:hover,
.ck.buttons .ck.ui.button.basic.super.disabled:hover,
.ck.ui.button.basic.super.disabled:hover,
.ck.buttons .ck.ui.button.basic.action.disabled:hover,
.ck.ui.button.basic.action.disabled:hover,
.ck.buttons .ck.ui.button.basic.white.disabled:hover,
.ck.ui.button.basic.white.disabled:hover,
.ck.buttons .ck.ui.button.basic.warning.disabled:hover,
.ck.ui.button.basic.warning.disabled:hover {
  color: #8d9494 !important;
  background: #e8ebeb;
  box-shadow: none;
}
.ck.buttons .ck.ui.button.basic.accent.disabled i.icon,
.ck.ui.button.basic.accent.disabled i.icon,
.ck.buttons .ck.ui.button.basic.base.disabled i.icon,
.ck.ui.button.basic.base.disabled i.icon,
.ck.buttons .ck.ui.button.basic.dark.disabled i.icon,
.ck.ui.button.basic.dark.disabled i.icon,
.ck.buttons .ck.ui.button.basic.darker.disabled i.icon,
.ck.ui.button.basic.darker.disabled i.icon,
.ck.buttons .ck.ui.button.basic.super.disabled i.icon,
.ck.ui.button.basic.super.disabled i.icon,
.ck.buttons .ck.ui.button.basic.action.disabled i.icon,
.ck.ui.button.basic.action.disabled i.icon,
.ck.buttons .ck.ui.button.basic.white.disabled i.icon,
.ck.ui.button.basic.white.disabled i.icon,
.ck.buttons .ck.ui.button.basic.warning.disabled i.icon,
.ck.ui.button.basic.warning.disabled i.icon,
.ck.buttons .ck.ui.button.basic.accent.disabled:hover i.icon,
.ck.ui.button.basic.accent.disabled:hover i.icon,
.ck.buttons .ck.ui.button.basic.base.disabled:hover i.icon,
.ck.ui.button.basic.base.disabled:hover i.icon,
.ck.buttons .ck.ui.button.basic.dark.disabled:hover i.icon,
.ck.ui.button.basic.dark.disabled:hover i.icon,
.ck.buttons .ck.ui.button.basic.darker.disabled:hover i.icon,
.ck.ui.button.basic.darker.disabled:hover i.icon,
.ck.buttons .ck.ui.button.basic.super.disabled:hover i.icon,
.ck.ui.button.basic.super.disabled:hover i.icon,
.ck.buttons .ck.ui.button.basic.action.disabled:hover i.icon,
.ck.ui.button.basic.action.disabled:hover i.icon,
.ck.buttons .ck.ui.button.basic.white.disabled:hover i.icon,
.ck.ui.button.basic.white.disabled:hover i.icon,
.ck.buttons .ck.ui.button.basic.warning.disabled:hover i.icon,
.ck.ui.button.basic.warning.disabled:hover i.icon {
  color: #8d9494 !important;
}
.ck.buttons .ck.ui.button.basic.accent.loading,
.ck.ui.button.basic.accent.loading,
.ck.buttons .ck.ui.button.basic.base.loading,
.ck.ui.button.basic.base.loading,
.ck.buttons .ck.ui.button.basic.dark.loading,
.ck.ui.button.basic.dark.loading,
.ck.buttons .ck.ui.button.basic.darker.loading,
.ck.ui.button.basic.darker.loading,
.ck.buttons .ck.ui.button.basic.super.loading,
.ck.ui.button.basic.super.loading,
.ck.buttons .ck.ui.button.basic.action.loading,
.ck.ui.button.basic.action.loading,
.ck.buttons .ck.ui.button.basic.white.loading,
.ck.ui.button.basic.white.loading,
.ck.buttons .ck.ui.button.basic.warning.loading,
.ck.ui.button.basic.warning.loading,
.ck.buttons .ck.ui.button.basic.accent.loading:hover,
.ck.ui.button.basic.accent.loading:hover,
.ck.buttons .ck.ui.button.basic.base.loading:hover,
.ck.ui.button.basic.base.loading:hover,
.ck.buttons .ck.ui.button.basic.dark.loading:hover,
.ck.ui.button.basic.dark.loading:hover,
.ck.buttons .ck.ui.button.basic.darker.loading:hover,
.ck.ui.button.basic.darker.loading:hover,
.ck.buttons .ck.ui.button.basic.super.loading:hover,
.ck.ui.button.basic.super.loading:hover,
.ck.buttons .ck.ui.button.basic.action.loading:hover,
.ck.ui.button.basic.action.loading:hover,
.ck.buttons .ck.ui.button.basic.white.loading:hover,
.ck.ui.button.basic.white.loading:hover,
.ck.buttons .ck.ui.button.basic.warning.loading:hover,
.ck.ui.button.basic.warning.loading:hover {
  background-color: transparent !important;
  color: transparent !important;
}
.ck.buttons .ck.ui.button.basic.accent:focus,
.ck.ui.button.basic.accent:focus,
.ck.buttons .ck.ui.button.basic.base:focus,
.ck.ui.button.basic.base:focus,
.ck.buttons .ck.ui.button.basic.dark:focus,
.ck.ui.button.basic.dark:focus,
.ck.buttons .ck.ui.button.basic.darker:focus,
.ck.ui.button.basic.darker:focus,
.ck.buttons .ck.ui.button.basic.super:focus,
.ck.ui.button.basic.super:focus,
.ck.buttons .ck.ui.button.basic.action:focus,
.ck.ui.button.basic.action:focus,
.ck.buttons .ck.ui.button.basic.white:focus,
.ck.ui.button.basic.white:focus,
.ck.buttons .ck.ui.button.basic.warning:focus,
.ck.ui.button.basic.warning:focus,
.ck.buttons .ck.ui.button.basic.accent.active,
.ck.ui.button.basic.accent.active,
.ck.buttons .ck.ui.button.basic.base.active,
.ck.ui.button.basic.base.active,
.ck.buttons .ck.ui.button.basic.dark.active,
.ck.ui.button.basic.dark.active,
.ck.buttons .ck.ui.button.basic.darker.active,
.ck.ui.button.basic.darker.active,
.ck.buttons .ck.ui.button.basic.super.active,
.ck.ui.button.basic.super.active,
.ck.buttons .ck.ui.button.basic.action.active,
.ck.ui.button.basic.action.active,
.ck.buttons .ck.ui.button.basic.white.active,
.ck.ui.button.basic.white.active,
.ck.buttons .ck.ui.button.basic.warning.active,
.ck.ui.button.basic.warning.active,
.ck.buttons .ck.ui.button.basic.accent:active,
.ck.ui.button.basic.accent:active,
.ck.buttons .ck.ui.button.basic.base:active,
.ck.ui.button.basic.base:active,
.ck.buttons .ck.ui.button.basic.dark:active,
.ck.ui.button.basic.dark:active,
.ck.buttons .ck.ui.button.basic.darker:active,
.ck.ui.button.basic.darker:active,
.ck.buttons .ck.ui.button.basic.super:active,
.ck.ui.button.basic.super:active,
.ck.buttons .ck.ui.button.basic.action:active,
.ck.ui.button.basic.action:active,
.ck.buttons .ck.ui.button.basic.white:active,
.ck.ui.button.basic.white:active,
.ck.buttons .ck.ui.button.basic.warning:active,
.ck.ui.button.basic.warning:active {
  box-shadow: none !important;
}
.ck.buttons .ck.ui.button.inverted.outline.accent.disabled,
.ck.ui.button.inverted.outline.accent.disabled,
.ck.buttons .ck.ui.button.inverted.outline.base.disabled,
.ck.ui.button.inverted.outline.base.disabled,
.ck.buttons .ck.ui.button.inverted.outline.dark.disabled,
.ck.ui.button.inverted.outline.dark.disabled,
.ck.buttons .ck.ui.button.inverted.outline.darker.disabled,
.ck.ui.button.inverted.outline.darker.disabled,
.ck.buttons .ck.ui.button.inverted.outline.super.disabled,
.ck.ui.button.inverted.outline.super.disabled,
.ck.buttons .ck.ui.button.inverted.outline.action.disabled,
.ck.ui.button.inverted.outline.action.disabled,
.ck.buttons .ck.ui.button.inverted.outline.white.disabled,
.ck.ui.button.inverted.outline.white.disabled,
.ck.buttons .ck.ui.button.inverted.outline.warning.disabled,
.ck.ui.button.inverted.outline.warning.disabled,
.ck.buttons .ck.ui.button.inverted.outline.accent.disabled:hover,
.ck.ui.button.inverted.outline.accent.disabled:hover,
.ck.buttons .ck.ui.button.inverted.outline.base.disabled:hover,
.ck.ui.button.inverted.outline.base.disabled:hover,
.ck.buttons .ck.ui.button.inverted.outline.dark.disabled:hover,
.ck.ui.button.inverted.outline.dark.disabled:hover,
.ck.buttons .ck.ui.button.inverted.outline.darker.disabled:hover,
.ck.ui.button.inverted.outline.darker.disabled:hover,
.ck.buttons .ck.ui.button.inverted.outline.super.disabled:hover,
.ck.ui.button.inverted.outline.super.disabled:hover,
.ck.buttons .ck.ui.button.inverted.outline.action.disabled:hover,
.ck.ui.button.inverted.outline.action.disabled:hover,
.ck.buttons .ck.ui.button.inverted.outline.white.disabled:hover,
.ck.ui.button.inverted.outline.white.disabled:hover,
.ck.buttons .ck.ui.button.inverted.outline.warning.disabled:hover,
.ck.ui.button.inverted.outline.warning.disabled:hover {
  color: #8d9494 !important;
  border-color: #e8ebeb;
  box-shadow: 0 0 0 0.1rem #e8ebeb inset !important;
}
.ck.buttons .ck.ui.button.inverted.outline.accent.disabled i.icon,
.ck.ui.button.inverted.outline.accent.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.base.disabled i.icon,
.ck.ui.button.inverted.outline.base.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.dark.disabled i.icon,
.ck.ui.button.inverted.outline.dark.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.darker.disabled i.icon,
.ck.ui.button.inverted.outline.darker.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.super.disabled i.icon,
.ck.ui.button.inverted.outline.super.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.action.disabled i.icon,
.ck.ui.button.inverted.outline.action.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.white.disabled i.icon,
.ck.ui.button.inverted.outline.white.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.warning.disabled i.icon,
.ck.ui.button.inverted.outline.warning.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.outline.accent.disabled:hover i.icon,
.ck.ui.button.inverted.outline.accent.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.outline.base.disabled:hover i.icon,
.ck.ui.button.inverted.outline.base.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.outline.dark.disabled:hover i.icon,
.ck.ui.button.inverted.outline.dark.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.outline.darker.disabled:hover i.icon,
.ck.ui.button.inverted.outline.darker.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.outline.super.disabled:hover i.icon,
.ck.ui.button.inverted.outline.super.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.outline.action.disabled:hover i.icon,
.ck.ui.button.inverted.outline.action.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.outline.white.disabled:hover i.icon,
.ck.ui.button.inverted.outline.white.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.outline.warning.disabled:hover i.icon,
.ck.ui.button.inverted.outline.warning.disabled:hover i.icon {
  color: #8d9494 !important;
}
.ck.buttons .ck.ui.button.inverted.solid.accent.disabled,
.ck.ui.button.inverted.solid.accent.disabled,
.ck.buttons .ck.ui.button.inverted.solid.base.disabled,
.ck.ui.button.inverted.solid.base.disabled,
.ck.buttons .ck.ui.button.inverted.solid.dark.disabled,
.ck.ui.button.inverted.solid.dark.disabled,
.ck.buttons .ck.ui.button.inverted.solid.darker.disabled,
.ck.ui.button.inverted.solid.darker.disabled,
.ck.buttons .ck.ui.button.inverted.solid.super.disabled,
.ck.ui.button.inverted.solid.super.disabled,
.ck.buttons .ck.ui.button.inverted.solid.action.disabled,
.ck.ui.button.inverted.solid.action.disabled,
.ck.buttons .ck.ui.button.inverted.solid.white.disabled,
.ck.ui.button.inverted.solid.white.disabled,
.ck.buttons .ck.ui.button.inverted.solid.warning.disabled,
.ck.ui.button.inverted.solid.warning.disabled,
.ck.buttons .ck.ui.button.inverted.solid.accent.disabled:hover,
.ck.ui.button.inverted.solid.accent.disabled:hover,
.ck.buttons .ck.ui.button.inverted.solid.base.disabled:hover,
.ck.ui.button.inverted.solid.base.disabled:hover,
.ck.buttons .ck.ui.button.inverted.solid.dark.disabled:hover,
.ck.ui.button.inverted.solid.dark.disabled:hover,
.ck.buttons .ck.ui.button.inverted.solid.darker.disabled:hover,
.ck.ui.button.inverted.solid.darker.disabled:hover,
.ck.buttons .ck.ui.button.inverted.solid.super.disabled:hover,
.ck.ui.button.inverted.solid.super.disabled:hover,
.ck.buttons .ck.ui.button.inverted.solid.action.disabled:hover,
.ck.ui.button.inverted.solid.action.disabled:hover,
.ck.buttons .ck.ui.button.inverted.solid.white.disabled:hover,
.ck.ui.button.inverted.solid.white.disabled:hover,
.ck.buttons .ck.ui.button.inverted.solid.warning.disabled:hover,
.ck.ui.button.inverted.solid.warning.disabled:hover {
  color: #8d9494 !important;
  border-color: #e8ebeb;
  box-shadow: 0 0 0 0.1rem #e8ebeb inset !important;
}
.ck.buttons .ck.ui.button.inverted.solid.accent.disabled i.icon,
.ck.ui.button.inverted.solid.accent.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.base.disabled i.icon,
.ck.ui.button.inverted.solid.base.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.dark.disabled i.icon,
.ck.ui.button.inverted.solid.dark.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.darker.disabled i.icon,
.ck.ui.button.inverted.solid.darker.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.super.disabled i.icon,
.ck.ui.button.inverted.solid.super.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.action.disabled i.icon,
.ck.ui.button.inverted.solid.action.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.white.disabled i.icon,
.ck.ui.button.inverted.solid.white.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.warning.disabled i.icon,
.ck.ui.button.inverted.solid.warning.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.solid.accent.disabled:hover i.icon,
.ck.ui.button.inverted.solid.accent.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.solid.base.disabled:hover i.icon,
.ck.ui.button.inverted.solid.base.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.solid.dark.disabled:hover i.icon,
.ck.ui.button.inverted.solid.dark.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.solid.darker.disabled:hover i.icon,
.ck.ui.button.inverted.solid.darker.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.solid.super.disabled:hover i.icon,
.ck.ui.button.inverted.solid.super.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.solid.action.disabled:hover i.icon,
.ck.ui.button.inverted.solid.action.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.solid.white.disabled:hover i.icon,
.ck.ui.button.inverted.solid.white.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.solid.warning.disabled:hover i.icon,
.ck.ui.button.inverted.solid.warning.disabled:hover i.icon {
  color: #8d9494 !important;
}
.ck.buttons .ck.ui.button.inverted.basic.accent.disabled,
.ck.ui.button.inverted.basic.accent.disabled,
.ck.buttons .ck.ui.button.inverted.basic.base.disabled,
.ck.ui.button.inverted.basic.base.disabled,
.ck.buttons .ck.ui.button.inverted.basic.dark.disabled,
.ck.ui.button.inverted.basic.dark.disabled,
.ck.buttons .ck.ui.button.inverted.basic.darker.disabled,
.ck.ui.button.inverted.basic.darker.disabled,
.ck.buttons .ck.ui.button.inverted.basic.super.disabled,
.ck.ui.button.inverted.basic.super.disabled,
.ck.buttons .ck.ui.button.inverted.basic.action.disabled,
.ck.ui.button.inverted.basic.action.disabled,
.ck.buttons .ck.ui.button.inverted.basic.white.disabled,
.ck.ui.button.inverted.basic.white.disabled,
.ck.buttons .ck.ui.button.inverted.basic.warning.disabled,
.ck.ui.button.inverted.basic.warning.disabled,
.ck.buttons .ck.ui.button.inverted.basic.accent.disabled:hover,
.ck.ui.button.inverted.basic.accent.disabled:hover,
.ck.buttons .ck.ui.button.inverted.basic.base.disabled:hover,
.ck.ui.button.inverted.basic.base.disabled:hover,
.ck.buttons .ck.ui.button.inverted.basic.dark.disabled:hover,
.ck.ui.button.inverted.basic.dark.disabled:hover,
.ck.buttons .ck.ui.button.inverted.basic.darker.disabled:hover,
.ck.ui.button.inverted.basic.darker.disabled:hover,
.ck.buttons .ck.ui.button.inverted.basic.super.disabled:hover,
.ck.ui.button.inverted.basic.super.disabled:hover,
.ck.buttons .ck.ui.button.inverted.basic.action.disabled:hover,
.ck.ui.button.inverted.basic.action.disabled:hover,
.ck.buttons .ck.ui.button.inverted.basic.white.disabled:hover,
.ck.ui.button.inverted.basic.white.disabled:hover,
.ck.buttons .ck.ui.button.inverted.basic.warning.disabled:hover,
.ck.ui.button.inverted.basic.warning.disabled:hover {
  color: #8d9494 !important;
  border-color: #e8ebeb;
  box-shadow: none !important;
}
.ck.buttons .ck.ui.button.inverted.basic.accent.disabled i.icon,
.ck.ui.button.inverted.basic.accent.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.base.disabled i.icon,
.ck.ui.button.inverted.basic.base.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.dark.disabled i.icon,
.ck.ui.button.inverted.basic.dark.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.darker.disabled i.icon,
.ck.ui.button.inverted.basic.darker.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.super.disabled i.icon,
.ck.ui.button.inverted.basic.super.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.action.disabled i.icon,
.ck.ui.button.inverted.basic.action.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.white.disabled i.icon,
.ck.ui.button.inverted.basic.white.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.warning.disabled i.icon,
.ck.ui.button.inverted.basic.warning.disabled i.icon,
.ck.buttons .ck.ui.button.inverted.basic.accent.disabled:hover i.icon,
.ck.ui.button.inverted.basic.accent.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.basic.base.disabled:hover i.icon,
.ck.ui.button.inverted.basic.base.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.basic.dark.disabled:hover i.icon,
.ck.ui.button.inverted.basic.dark.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.basic.darker.disabled:hover i.icon,
.ck.ui.button.inverted.basic.darker.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.basic.super.disabled:hover i.icon,
.ck.ui.button.inverted.basic.super.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.basic.action.disabled:hover i.icon,
.ck.ui.button.inverted.basic.action.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.basic.white.disabled:hover i.icon,
.ck.ui.button.inverted.basic.white.disabled:hover i.icon,
.ck.buttons .ck.ui.button.inverted.basic.warning.disabled:hover i.icon,
.ck.ui.button.inverted.basic.warning.disabled:hover i.icon {
  color: #8d9494 !important;
}
.ck.buttons .ck.ui.button.inverted.basic.accent:focus,
.ck.ui.button.inverted.basic.accent:focus,
.ck.buttons .ck.ui.button.inverted.basic.base:focus,
.ck.ui.button.inverted.basic.base:focus,
.ck.buttons .ck.ui.button.inverted.basic.dark:focus,
.ck.ui.button.inverted.basic.dark:focus,
.ck.buttons .ck.ui.button.inverted.basic.darker:focus,
.ck.ui.button.inverted.basic.darker:focus,
.ck.buttons .ck.ui.button.inverted.basic.super:focus,
.ck.ui.button.inverted.basic.super:focus,
.ck.buttons .ck.ui.button.inverted.basic.action:focus,
.ck.ui.button.inverted.basic.action:focus,
.ck.buttons .ck.ui.button.inverted.basic.white:focus,
.ck.ui.button.inverted.basic.white:focus,
.ck.buttons .ck.ui.button.inverted.basic.warning:focus,
.ck.ui.button.inverted.basic.warning:focus,
.ck.buttons .ck.ui.button.inverted.basic.accent.active,
.ck.ui.button.inverted.basic.accent.active,
.ck.buttons .ck.ui.button.inverted.basic.base.active,
.ck.ui.button.inverted.basic.base.active,
.ck.buttons .ck.ui.button.inverted.basic.dark.active,
.ck.ui.button.inverted.basic.dark.active,
.ck.buttons .ck.ui.button.inverted.basic.darker.active,
.ck.ui.button.inverted.basic.darker.active,
.ck.buttons .ck.ui.button.inverted.basic.super.active,
.ck.ui.button.inverted.basic.super.active,
.ck.buttons .ck.ui.button.inverted.basic.action.active,
.ck.ui.button.inverted.basic.action.active,
.ck.buttons .ck.ui.button.inverted.basic.white.active,
.ck.ui.button.inverted.basic.white.active,
.ck.buttons .ck.ui.button.inverted.basic.warning.active,
.ck.ui.button.inverted.basic.warning.active,
.ck.buttons .ck.ui.button.inverted.basic.accent:active,
.ck.ui.button.inverted.basic.accent:active,
.ck.buttons .ck.ui.button.inverted.basic.base:active,
.ck.ui.button.inverted.basic.base:active,
.ck.buttons .ck.ui.button.inverted.basic.dark:active,
.ck.ui.button.inverted.basic.dark:active,
.ck.buttons .ck.ui.button.inverted.basic.darker:active,
.ck.ui.button.inverted.basic.darker:active,
.ck.buttons .ck.ui.button.inverted.basic.super:active,
.ck.ui.button.inverted.basic.super:active,
.ck.buttons .ck.ui.button.inverted.basic.action:active,
.ck.ui.button.inverted.basic.action:active,
.ck.buttons .ck.ui.button.inverted.basic.white:active,
.ck.ui.button.inverted.basic.white:active,
.ck.buttons .ck.ui.button.inverted.basic.warning:active,
.ck.ui.button.inverted.basic.warning:active {
  box-shadow: none !important;
}
.ck.buttons .ck.ui.button.basic.loading.button:not(.inverted):before,
.ck.ui.button.basic.loading.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, 0.15);
}
.ck.buttons .ck.ui.button.loading.loading:before,
.ck.ui.button.loading.loading:before {
  opacity: 1;
}
.ck.buttons .ck.ui.button.loading > .ck-icon,
.ck.ui.button.loading > .ck-icon {
  border-width: 0.3rem;
  border-style: solid;
}
.ck.buttons .ck.ui.button.loading.outline:before,
.ck.ui.button.loading.outline:before {
  border-width: 0.3rem;
  border-style: solid;
}
.ck.buttons .ck.ui.button.loading.compact:before,
.ck.ui.button.loading.compact:before,
.ck.buttons .ck.ui.button.loading.compact:after,
.ck.ui.button.loading.compact:after {
  border-width: 0.2rem;
  margin: auto;
  width: 1rem;
  height: 1rem;
}
.ck.buttons .ck.ui.button.loading.compact:after,
.ck.ui.button.loading.compact:after {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.ck.buttons .ck.ui.button.basic.hover-border.accent:focus,
.ck.ui.button.basic.hover-border.accent:focus,
.ck.buttons .ck.ui.button.basic.hover-border.base:focus,
.ck.ui.button.basic.hover-border.base:focus,
.ck.buttons .ck.ui.button.basic.hover-border.dark:focus,
.ck.ui.button.basic.hover-border.dark:focus,
.ck.buttons .ck.ui.button.basic.hover-border.darker:focus,
.ck.ui.button.basic.hover-border.darker:focus,
.ck.buttons .ck.ui.button.basic.hover-border.accent:hover,
.ck.ui.button.basic.hover-border.accent:hover,
.ck.buttons .ck.ui.button.basic.hover-border.base:hover,
.ck.ui.button.basic.hover-border.base:hover,
.ck.buttons .ck.ui.button.basic.hover-border.dark:hover,
.ck.ui.button.basic.hover-border.dark:hover,
.ck.buttons .ck.ui.button.basic.hover-border.darker:hover,
.ck.ui.button.basic.hover-border.darker:hover {
  box-shadow: 0 0 0 0.1rem #37b8b5 inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.accent.inverted:focus,
.ck.ui.button.basic.hover-border.accent.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.base.inverted:focus,
.ck.ui.button.basic.hover-border.base.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.dark.inverted:focus,
.ck.ui.button.basic.hover-border.dark.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.darker.inverted:focus,
.ck.ui.button.basic.hover-border.darker.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.accent.inverted:hover,
.ck.ui.button.basic.hover-border.accent.inverted:hover,
.ck.buttons .ck.ui.button.basic.hover-border.base.inverted:hover,
.ck.ui.button.basic.hover-border.base.inverted:hover,
.ck.buttons .ck.ui.button.basic.hover-border.dark.inverted:hover,
.ck.ui.button.basic.hover-border.dark.inverted:hover,
.ck.buttons .ck.ui.button.basic.hover-border.darker.inverted:hover,
.ck.ui.button.basic.hover-border.darker.inverted:hover {
  box-shadow: 0 0 0 0.1rem #77d3c6 inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.super:focus,
.ck.ui.button.basic.hover-border.super:focus,
.ck.buttons .ck.ui.button.basic.hover-border.super:hover,
.ck.ui.button.basic.hover-border.super:hover {
  box-shadow: 0 0 0 0.1rem #e0e200 inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.super.inverted:focus,
.ck.ui.button.basic.hover-border.super.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.super.inverted:hover,
.ck.ui.button.basic.hover-border.super.inverted:hover {
  box-shadow: 0 0 0 0.1rem #e0e200 inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.action:focus,
.ck.ui.button.basic.hover-border.action:focus,
.ck.buttons .ck.ui.button.basic.hover-border.action:hover,
.ck.ui.button.basic.hover-border.action:hover {
  box-shadow: 0 0 0 0.1rem #157841 inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.action.inverted:focus,
.ck.ui.button.basic.hover-border.action.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.action.inverted:hover,
.ck.ui.button.basic.hover-border.action.inverted:hover {
  box-shadow: 0 0 0 0.1rem #157841 inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.white:focus,
.ck.ui.button.basic.hover-border.white:focus,
.ck.buttons .ck.ui.button.basic.hover-border.white:hover,
.ck.ui.button.basic.hover-border.white:hover {
  box-shadow: 0 0 0 0.1rem #ffffff inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.white.inverted:focus,
.ck.ui.button.basic.hover-border.white.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.white.inverted:hover,
.ck.ui.button.basic.hover-border.white.inverted:hover {
  box-shadow: 0 0 0 0.1rem #ffffff inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.warning:focus,
.ck.ui.button.basic.hover-border.warning:focus,
.ck.buttons .ck.ui.button.basic.hover-border.warning:hover,
.ck.ui.button.basic.hover-border.warning:hover {
  box-shadow: 0 0 0 0.1rem #eb8e1b inset !important;
}
.ck.buttons .ck.ui.button.basic.hover-border.warning.inverted:focus,
.ck.ui.button.basic.hover-border.warning.inverted:focus,
.ck.buttons .ck.ui.button.basic.hover-border.warning.inverted:hover,
.ck.ui.button.basic.hover-border.warning.inverted:hover {
  box-shadow: 0 0 0 0.1rem #eb8e1b inset !important;
}
.ck.buttons .ck.ui.button:first-of-type .ck.ui.button,
.ck.ui.button:first-of-type .ck.ui.button {
  margin-left: 0;
}
.ui.buttons:not(.basic):not(.inverted) > .button {
  box-shadow: none;
}
.ck.buttons {
  display: inline-flex;
  align-items: center;
}
.ck.buttons.fluid {
  width: 100%;
  justify-content: space-between;
}
.ck.buttons.fluid .ck.ui.button {
  flex-grow: 0;
}
.ck.buttons.fluid .ck.ui.button.fluid {
  width: auto;
  flex-grow: 1;
}
.ck.buttons.vertical.fluid .ck.ui.button.fluid {
  width: 100%;
}
.ck.buttons.vertical[class*='small vertical-spacing'] .ui.button,
.ck.buttons.vertical[class*='small vertical-spacing'] .ui.button.basic {
  margin: 0.3em 0;
}
.ck.buttons.vertical[class*='medium vertical-spacing'] .ui.button,
.ck.buttons.vertical[class*='medium vertical-spacing'] .ui.button.basic {
  margin: 0.7em 0;
}
.ck.buttons.vertical[class*='large vertical-spacing'] .ui.button,
.ck.buttons.vertical[class*='large vertical-spacing'] .ui.button.basic {
  margin: 1.1em 0;
}
.ck.buttons[class*='small horizontal-spacing'] .ui.button,
.ck.buttons[class*='small horizontal-spacing'] .ui.button.basic {
  margin: 0 0.4em;
}
.ck.buttons[class*='medium horizontal-spacing'] .ui.button,
.ck.buttons[class*='medium horizontal-spacing'] .ui.button.basic {
  margin: 0 0.8em;
}
.ck.buttons[class*='large horizontal-spacing'] .ui.button,
.ck.buttons[class*='large horizontal-spacing'] .ui.button.basic {
  margin: 0 1.2em;
}
.ck.buttons .ui.button {
  margin: 0 0 0 0.9em;
}
.ck.buttons.vertical .ui.button,
.ck.buttons.vertical .ck-adaptive-tooltip__children-wrapper,
.ck.buttons.vertical .ck.tooltip {
  margin: 0.4em 0;
  width: 100%;
}
.ck.buttons.vertical .ui.button.basic,
.ck.buttons.vertical .ck-adaptive-tooltip__children-wrapper.basic,
.ck.buttons.vertical .ck.tooltip.basic {
  margin: 0;
}
/*
needed to support <Button.Group> - child <Button> size override
as Semantic targets `.ui.buttons .ui.button` and sets @medium font-size
*/
.ui.buttons .ui.mini.button {
  font-size: 1rem;
}
.ui.buttons .ui.tiny.button {
  font-size: 1.1rem;
}
.ui.buttons .ui.small.button {
  font-size: 1.2rem;
}
.ui.buttons .ui.button {
  font-size: 1.4rem;
}
.ui.buttons .ui.large.button {
  font-size: 1.5rem;
}
.ui.buttons .ui.big.button {
  font-size: 1.7rem;
}
.ui.buttons .ui.huge.button {
  font-size: 1.8rem;
}
.ui.buttons .ui.massive.button {
  font-size: 2.4rem;
}
.ck.tooltip .ck.buttons .ck.ui.button,
.ck.tooltip .ck.ui.button {
  margin-left: 0.9rem;
  /* disabled */
}
.ck.tooltip .ck.buttons .ck.ui.button.disabled,
.ck.tooltip .ck.ui.button.disabled {
  cursor: not-allowed;
}
.ck.tooltip .ck.buttons .ck.ui.button.outline.accent.disabled,
.ck.tooltip .ck.ui.button.outline.accent.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.outline.base.disabled,
.ck.tooltip .ck.ui.button.outline.base.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.outline.white.disabled,
.ck.tooltip .ck.ui.button.outline.white.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.outline.accent.disabled:hover,
.ck.tooltip .ck.ui.button.outline.accent.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.outline.base.disabled:hover,
.ck.tooltip .ck.ui.button.outline.base.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.outline.white.disabled:hover,
.ck.tooltip .ck.ui.button.outline.white.disabled:hover {
  pointer-events: none !important;
}
.ck.tooltip .ck.buttons .ck.ui.button.basic.accent.disabled,
.ck.tooltip .ck.ui.button.basic.accent.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.basic.base.disabled,
.ck.tooltip .ck.ui.button.basic.base.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.basic.white.disabled,
.ck.tooltip .ck.ui.button.basic.white.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.basic.accent.disabled:hover,
.ck.tooltip .ck.ui.button.basic.accent.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.basic.base.disabled:hover,
.ck.tooltip .ck.ui.button.basic.base.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.basic.white.disabled:hover,
.ck.tooltip .ck.ui.button.basic.white.disabled:hover {
  pointer-events: none !important;
}
.ck.tooltip .ck.buttons .ck.ui.button.inverted.outline.accent.disabled,
.ck.tooltip .ck.ui.button.inverted.outline.accent.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.outline.base.disabled,
.ck.tooltip .ck.ui.button.inverted.outline.base.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.outline.white.disabled,
.ck.tooltip .ck.ui.button.inverted.outline.white.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.outline.accent.disabled:hover,
.ck.tooltip .ck.ui.button.inverted.outline.accent.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.outline.base.disabled:hover,
.ck.tooltip .ck.ui.button.inverted.outline.base.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.outline.white.disabled:hover,
.ck.tooltip .ck.ui.button.inverted.outline.white.disabled:hover {
  pointer-events: none !important;
}
.ck.tooltip .ck.buttons .ck.ui.button.inverted.basic.accent.disabled,
.ck.tooltip .ck.ui.button.inverted.basic.accent.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.basic.base.disabled,
.ck.tooltip .ck.ui.button.inverted.basic.base.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.basic.white.disabled,
.ck.tooltip .ck.ui.button.inverted.basic.white.disabled,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.basic.accent.disabled:hover,
.ck.tooltip .ck.ui.button.inverted.basic.accent.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.basic.base.disabled:hover,
.ck.tooltip .ck.ui.button.inverted.basic.base.disabled:hover,
.ck.tooltip .ck.buttons .ck.ui.button.inverted.basic.white.disabled:hover,
.ck.tooltip .ck.ui.button.inverted.basic.white.disabled:hover {
  pointer-events: none !important;
}
.ck.vertical .ck.tooltip .ck.buttons .ck.ui.button,
.ck.vertical .ck.tooltip .ck.ui.button {
  margin-left: 0;
}
/*!
 * # Semantic UI - Container
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Container
*******************************/
/*-------------------
       Element
--------------------*/
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/* Coupling (Add Negative Margin to container size) */
/*-------------------
       Types
--------------------*/
/* Text */
/* Packaged Theme */
/*******************************
            Container
*******************************/
/*-------------------
       Element
--------------------*/
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/* Coupling (Add Negative Margin to container size) */
/*-------------------
       Types
--------------------*/
/* Text */
/* Site Theme */
/*******************************
            Container
*******************************/
/*-------------------
       Element
--------------------*/
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/* Coupling (Add Negative Margin to container size) */
/*-------------------
       Types
--------------------*/
/* Text */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            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: 731px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc(731px + 2rem) !important;
  }
  .ui.relaxed.grid.container {
    width: calc(731px + 3rem) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc(731px + 5rem) !important;
  }
}
/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container {
    width: 945px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc(945px + 2rem) !important;
  }
  .ui.relaxed.grid.container {
    width: calc(945px + 3rem) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc(945px + 5rem) !important;
  }
}
/* Large Monitor */
@media only screen and (min-width: 1200px) {
  .ui.container {
    width: 1143px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc(1143px + 2rem) !important;
  }
  .ui.relaxed.grid.container {
    width: calc(1143px + 3rem) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc(1143px + 5rem) !important;
  }
}
/*******************************
             Types
*******************************/
/* Text Container */
.ui.text.container {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  max-width: 700px !important;
  line-height: 1.5;
}
.ui.text.container {
  font-size: 1.5rem;
}
/* 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;
  hyphens: auto;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Divider
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Divider
*******************************/
/*-------------------
       Element
--------------------*/
/* Text */
/*-------------------
       Coupling
--------------------*/
/* Icon */
/*******************************
         Variations
*******************************/
/* Horizontal / Vertical */
/* Inverted */
/* Section */
/* Sizes */
/* Packaged Theme */
/*******************************
            Divider
*******************************/
/*-------------------
       Element
--------------------*/
/* Text */
/*-------------------
       Coupling
--------------------*/
/* Icon */
/*******************************
         Variations
*******************************/
/* Horizontal / Vertical */
/* Inverted */
/* Section */
/* Sizes */
/* Site Theme */
/*******************************
            Divider
*******************************/
/*-------------------
       Element
--------------------*/
/* Text */
/*-------------------
       Coupling
--------------------*/
/* Icon */
/*******************************
         Variations
*******************************/
/* Horizontal / Vertical */
/* Inverted */
/* Section */
/* Sizes */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            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);
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*--------------
      Basic
---------------*/
.ui.divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid #d4d9d9;
  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;
  transform: translateX(-50%);
}
.ui.vertical.divider:before,
.ui.vertical.divider:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid #d4d9d9;
  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;
    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: #d4d9d9 !important;
  border-left-color: #d4d9d9 !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');
  }
}
/*******************************
         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');
  }
}
/*!
 * # Semantic UI - Header
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Header
*******************************/
/*-------------------
       Element
--------------------*/
/* Sub Heading */
/* Sub Header */
/* Icon */
/* Image */
/* Label */
/* Content */
/* Paragraph after Header */
/*-------------------
      Variations
--------------------*/
/* Sizing */
/* Sub Header */
/* Icon Header */
/* No Line Height Offset */
/* Divided */
/* Block */
/* Attached */
/* Inverted */
/* Floated */
/* Packaged Theme */
/*******************************
            Header
*******************************/
/*-------------------
       Element
--------------------*/
/* Sub Heading */
/* Sub Header */
/* Icon */
/* Image */
/* Label */
/* Content */
/* Paragraph after Header */
/*-------------------
      Variations
--------------------*/
/* Sizing */
/* Sub Header */
/* Icon Header */
/* No Line Height Offset */
/* Divided */
/* Block */
/* Attached */
/* Inverted */
/* Floated */
/* Site Theme */
/*******************************
            Header
*******************************/
/*-------------------
       Element
--------------------*/
/* Sub Heading */
/* Sub Header */
/* Icon */
/* Image */
/* Label */
/* Content */
/* Paragraph after Header */
/*-------------------
      Variations
--------------------*/
/* Sizing */
/* Sub Header */
/* Icon Header */
/* No Line Height Offset */
/* Divided */
/* Block */
/* Attached */
/* Inverted */
/* Floated */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Header
*******************************/
/* Standard */
.ui.header {
  border: none;
  margin: 0 0;
  padding: 0em 0em;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  color: #b2b8b8;
}
.ui.header:first-child {
  margin-top: 0;
}
.ui.header:last-child {
  margin-bottom: 0;
}
/*--------------
   Sub Header
---------------*/
.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0em;
  margin: 0em;
  font-size: 1.2rem;
  line-height: 1.7em;
  color: #6c7373;
}
/*--------------
      Icon
---------------*/
.ui.header > .icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0em;
  vertical-align: middle;
}
/* With Text Node */
.ui.header .icon:only-child {
  display: inline-block;
  padding: 0em;
  margin-right: 0.75rem;
}
/*-------------------
        Image
--------------------*/
.ui.header > .image:not(.icon),
.ui.header > img {
  display: inline-block;
  margin-top: 0em;
  width: 2.5em;
  height: auto;
  vertical-align: middle;
}
.ui.header > .image:not(.icon):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.5rem;
}
h2.ui.header .sub.header {
  font-size: 1.5rem;
}
h3.ui.header .sub.header {
  font-size: 1.3rem;
}
h4.ui.header .sub.header {
  font-size: 1.3rem;
}
h5.ui.header .sub.header {
  font-size: 1.2rem;
}
/*--------------
 Content Heading
---------------*/
.ui.huge.header {
  min-height: 1em;
  font-size: 2.4rem;
}
.ui.large.header {
  font-size: 1.8rem;
}
.ui.medium.header {
  font-size: 1.6rem;
}
.ui.small.header {
  font-size: 1.4rem;
}
.ui.tiny.header {
  font-size: 1.1rem;
}
/* Sub Header */
.ui.huge.header .sub.header {
  font-size: 1.2rem;
}
.ui.large.header .sub.header {
  font-size: 1.2rem;
}
.ui.header .sub.header {
  font-size: 1.2rem;
}
.ui.small.header .sub.header {
  font-size: 1.2rem;
}
.ui.tiny.header .sub.header {
  font-size: 1.2rem;
}
/*--------------
   Sub Heading
---------------*/
.ui.sub.header {
  padding: 0em;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: '';
}
.ui.small.sub.header {
  font-size: 1.2rem;
}
.ui.sub.header {
  font-size: 1.6rem;
}
.ui.large.sub.header {
  font-size: 1.8rem;
}
.ui.huge.sub.header {
  font-size: 2.4rem;
}
/*-------------------
        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: none;
  margin: 0em auto 0.5em;
  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: 1;
}
/*******************************
           Variations
*******************************/
/*-------------------
      Inverted
--------------------*/
.ui.inverted.header {
  color: #ffffff;
}
.ui.inverted.header .sub.header {
  color: #b2b8b8;
}
.ui.inverted.attached.header {
  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
  border-color: transparent;
}
.ui.inverted.block.header {
  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.3rem;
  border-bottom: 1px solid #d4d9d9;
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.3rem;
}
.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: 1rem 1.3rem;
  box-shadow: none;
  border: 1px solid #6c87a1;
  border-radius: 0.2rem;
}
.ui.tiny.block.header {
  font-size: 1.1rem;
}
.ui.small.block.header {
  font-size: 1.2rem;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.3rem;
}
.ui.large.block.header {
  font-size: 1.5rem;
}
.ui.huge.block.header {
  font-size: 1.8rem;
}
/*-------------------
       Attached
--------------------*/
.ui.attached.header {
  background: #ffffff;
  padding: 1rem 1.3rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #6c87a1;
}
.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.2rem 0.2rem 0em 0em;
}
.ui.bottom.attached.header {
  margin-top: 0em;
  border-top: none;
  border-radius: 0em 0em 0.2rem 0.2rem;
}
/* Attached Sizes */
.ui.tiny.attached.header {
  font-size: 1.1em;
}
.ui.small.attached.header {
  font-size: 1.2em;
}
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.3em;
}
.ui.large.attached.header {
  font-size: 1.5em;
}
.ui.huge.attached.header {
  font-size: 1.8em;
}
/*-------------------
        Sizing
--------------------*/
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.6rem;
}
/*******************************
         Theme Overrides
*******************************/
.ui.header {
  letter-spacing: 0.02em;
  color: #394242;
  line-height: 1.2em;
}
.ui.header > .header__inline-content > .content,
.ui.header > .content {
  max-width: 100%;
}
.ui.header > .header__inline-content > .content.font-caps,
.ui.header > .content.font-caps {
  text-transform: uppercase;
}
.ui.header .sub.header {
  color: #8d9494;
}
.ui.header > .divided.icon {
  display: inline;
}
.ui.header > .divided.icon ~ .content {
  display: inline;
  padding-left: 0;
}
.ui.header.icon .ck-icon__svg {
  margin: 0em auto 0.5em;
}
.ui.header .ck-icon__svg {
  margin-right: 0.75rem;
}
.ui.header > .image {
  margin: 0em 0 0.75rem;
}
.ui.header.big {
  font-size: 2rem;
}
.ui.header.big .sub.header {
  font-size: 1.4rem;
}
.ui.header.huge {
  font-size: 2.4rem;
}
.ui.header.huge .sub.header {
  font-size: 1.6rem;
}
.ui.header.massive {
  font-size: 4rem;
}
.ui.header.massive .sub.header {
  font-size: 1.8rem;
}
.ui.header.font-system-light {
  font-weight: lighter;
}
.ui.header.font-system-regular {
  font-weight: normal;
}
.ui.header.font-system-medium {
  font-weight: bolder;
}
.ui.header.header__text--wrap > .header__inline-content > .content,
.ui.header.header__text--wrap > .content {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ui.header.header__text--ellipsis > .header__inline-content > .content,
.ui.header.header__text--ellipsis > .content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui.header .sub.header {
  text-transform: none;
  letter-spacing: normal;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: normal;
  margin-top: 0.5em;
}
.ui.header.inline-byline > .image {
  margin-bottom: 0;
}
.ui.header.inline-byline .ck-icon {
  vertical-align: middle;
}
.ui.header.inline-byline .header__inline-content {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  margin-left: 0.75rem;
}
.ui.header.white {
  color: #ffffff;
}
.ui.header.white .sub.header {
  color: #ffffff;
}
.ui.header.accent {
  color: #77d3c6;
}
.ui.header.dark {
  color: #37b8b5;
}
.ui.header.darker {
  color: #2b8679;
}
.ui.header.disabled {
  color: #b2b8b8;
}
.ui.header.disabled .sub.header {
  color: #b2b8b8;
}
.ui.header.inverted.accent {
  color: #77d3c6;
}
.ui.header.inverted.dark {
  color: #37b8b5;
}
.ui.header.inverted.darker {
  color: #2b8679;
}
.ui.header.inverted.disabled {
  color: #b2b8b8;
}
.ui.header.inverted.disabled .sub.header {
  color: #b2b8b8;
}
/*!
 * # Semantic UI - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Icon
*******************************/
/*--------------
   Font Files
---------------*/
/*--------------
 Optional Files
---------------*/
/* Outline Icons */
/* Brand Icons */
/*--------------
   Definition
---------------*/
/* Icon Variables */
/* Variations */
/* Packaged Theme */
/*******************************
             Icon
*******************************/
/*--------------
   Font Files
---------------*/
/*--------------
 Optional Files
---------------*/
/* Outline Icons */
/* Brand Icons */
/*--------------
   Definition
---------------*/
/* Icon Variables */
/* Variations */
/* Site Theme */
/*******************************
             Icon
*******************************/
/*-------------------
   Icon Variables
--------------------*/
/* Variations */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
             Icon
*******************************/
@font-face {
  font-family: 'Icons';
  src: url(/fonts/engvetica.svg);
  src: url(/fonts/engvetica.woff) format("woff");
  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;
  backface-visibility: hidden;
}
i.icon:before {
  background: none !important;
}
/*******************************
             Types
*******************************/
/*--------------
    Loading
---------------*/
i.icon.loading {
  height: 1em;
  line-height: 1;
  animation: icon-loading 2s linear infinite;
}
@keyframes icon-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    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: 1 !important;
}
/*******************************
           Variations
*******************************/
/*-------------------
        Fitted
--------------------*/
i.fitted.icon {
  width: auto;
  margin: 0em !important;
}
/*-------------------
         Link
--------------------*/
i.link.icon,
i.link.icons {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.1s ease;
}
i.link.icon:hover,
i.link.icons: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 {
  transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  transform: scale(1, -1);
}
/*-------------------
      Rotated
--------------------*/
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  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.5em;
}
i.tiny.icon,
i.tiny.icons {
  line-height: 1;
  font-size: 0.75em;
}
i.small.icon,
i.small.icons {
  line-height: 1;
  font-size: 1em;
}
i.icon,
i.icons {
  font-size: 1.25em;
}
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: 2.5em;
}
i.massive.icon,
i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
}
/*******************************
            Groups
*******************************/
i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
}
i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0em;
  margin: 0;
}
i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  transform: none;
  margin-right: 0.25rem;
}
/* Corner Icon */
i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  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 .top.right.corner.icon {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
}
i.icons .top.left.corner.icon {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}
i.icons .bottom.left.corner.icon {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
}
i.icons .bottom.right.corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
}
i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1b1c1d, 1px -1px 0 #1b1c1d, -1px 1px 0 #1b1c1d, 1px 1px 0 #1b1c1d;
}
.ck-icon {
  text-transform: none;
  display: inline-block;
}
@font-face {
  font-family: 'Engvetica';
  src: url(/fonts/engvetica.svg);
  src: url(/fonts/engvetica.woff) format("woff");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
.ck-icon i.icon {
  backface-visibility: unset;
  font-family: 'Engvetica';
}
.ck-icon i.icon:before {
  width: 100%;
}
.ck-icon i.icon.disabled {
  color: #8d9494 !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.ck-icon i.icon.disabled.is-circular,
.ck-icon i.icon.disabled.solid {
  border-color: #b2b8b8;
}
.ck-icon i.icon.disabled.solid {
  color: #ffffff;
  background-color: #b2b8b8;
}
.ck-icon i.icon.inverted.disabled {
  color: #8d9494 !important;
}
.ck-icon i.icon.inverted.disabled.is-circular,
.ck-icon i.icon.inverted.disabled.solid {
  border-color: #b2b8b8;
}
.ck-icon i.icon.inverted.disabled.solid {
  color: #ffffff;
  background-color: #b2b8b8;
}
.ck-icon i.icon.color-white,
.ck-icon i.icon.inverted.color-white {
  color: #ffffff;
}
.ck-icon i.icon.color-white.is-circular,
.ck-icon i.icon.inverted.color-white.is-circular,
.ck-icon i.icon.color-white.solid,
.ck-icon i.icon.inverted.color-white.solid {
  border-color: #ffffff;
}
.ck-icon i.icon.color-white.solid,
.ck-icon i.icon.inverted.color-white.solid {
  color: #394242;
  background-color: #ffffff;
}
.ck-icon i.icon.color-accent,
.ck-icon i.icon.inverted.color-accent {
  color: #77d3c6;
}
.ck-icon i.icon.color-accent.is-circular,
.ck-icon i.icon.inverted.color-accent.is-circular,
.ck-icon i.icon.color-accent.solid,
.ck-icon i.icon.inverted.color-accent.solid {
  border-color: #77d3c6;
}
.ck-icon i.icon.color-accent.solid,
.ck-icon i.icon.inverted.color-accent.solid {
  color: #ffffff;
  background-color: #77d3c6;
}
.ck-icon i.icon.color-base {
  color: #394242;
}
.ck-icon i.icon.color-base.is-circular,
.ck-icon i.icon.color-base.solid {
  border-color: #394242;
}
.ck-icon i.icon.color-base.solid {
  color: #ffffff;
  background-color: #394242;
}
.ck-icon i.icon.inverted.color-base {
  color: #ffffff;
}
.ck-icon i.icon.inverted.color-base.is-circular,
.ck-icon i.icon.inverted.color-base.solid {
  border-color: #ffffff;
}
.ck-icon i.icon.inverted.color-base.solid {
  color: #394242;
  background-color: #ffffff;
}
.ck-icon i.icon.color-dark {
  color: #d4d9d9;
}
.ck-icon i.icon.color-dark.is-circular,
.ck-icon i.icon.color-dark.solid {
  border-color: #d4d9d9;
}
.ck-icon i.icon.color-dark.solid {
  color: #ffffff;
  background-color: #d4d9d9;
}
.ck-icon i.icon.inverted.color-dark {
  color: #ffffff;
}
.ck-icon i.icon.inverted.color-dark.is-circular,
.ck-icon i.icon.inverted.color-dark.solid {
  border-color: #ffffff;
}
.ck-icon i.icon.inverted.color-dark.solid {
  color: #394242;
  background-color: #ffffff;
}
.ck-icon i.icon.color-darker {
  color: #77d3c6;
}
.ck-icon i.icon.color-darker.is-circular,
.ck-icon i.icon.color-darker.solid {
  border-color: #77d3c6;
}
.ck-icon i.icon.color-darker.solid {
  color: #ffffff;
  background-color: #77d3c6;
}
.ck-icon i.icon.inverted.color-darker {
  color: #77d3c6;
}
.ck-icon i.icon.inverted.color-darker.is-circular,
.ck-icon i.icon.inverted.color-darker.solid {
  border-color: #77d3c6;
}
.ck-icon i.icon.inverted.color-darker.solid {
  color: #ffffff;
  background-color: #77d3c6;
}
.ck-icon i.icon.color-error,
.ck-icon i.icon.inverted.color-error {
  color: #ee2f19;
}
.ck-icon i.icon.color-error.is-circular,
.ck-icon i.icon.inverted.color-error.is-circular,
.ck-icon i.icon.color-error.solid,
.ck-icon i.icon.inverted.color-error.solid {
  border-color: #ee2f19;
}
.ck-icon i.icon.color-error.solid,
.ck-icon i.icon.inverted.color-error.solid {
  color: #ffffff;
  background-color: #ee2f19;
}
.ck-icon i.icon.color-warning,
.ck-icon i.icon.inverted.color-warning {
  color: #eb8e1b;
}
.ck-icon i.icon.color-warning.is-circular,
.ck-icon i.icon.inverted.color-warning.is-circular,
.ck-icon i.icon.color-warning.solid,
.ck-icon i.icon.inverted.color-warning.solid {
  border-color: #eb8e1b;
}
.ck-icon i.icon.color-warning.solid,
.ck-icon i.icon.inverted.color-warning.solid {
  color: #ffffff;
  background-color: #eb8e1b;
}
.ck-icon i.icon.color-action,
.ck-icon i.icon.inverted.color-action {
  color: #157841;
}
.ck-icon i.icon.color-action.is-circular,
.ck-icon i.icon.inverted.color-action.is-circular,
.ck-icon i.icon.color-action.solid,
.ck-icon i.icon.inverted.color-action.solid {
  border-color: #157841;
}
.ck-icon i.icon.color-action.solid,
.ck-icon i.icon.inverted.color-action.solid {
  color: #ffffff;
  background-color: #157841;
}
.ck-icon i.icon.color-super,
.ck-icon i.icon.inverted.color-super {
  color: #e0e200;
}
.ck-icon i.icon.color-super.is-circular,
.ck-icon i.icon.inverted.color-super.is-circular,
.ck-icon i.icon.color-super.solid,
.ck-icon i.icon.inverted.color-super.solid {
  border-color: #e0e200;
}
.ck-icon i.icon.color-super.solid,
.ck-icon i.icon.inverted.color-super.solid {
  color: #ffffff;
  background-color: #e0e200;
}
.ck-icon i.icon.is-circular,
.ck-icon i.icon.is-circular.inverted {
  border-width: 0.2rem;
  border-style: solid;
  padding: 1.5em;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  line-height: 3em;
}
.ck-icon i.icon.is-circular:before,
.ck-icon i.icon.is-circular.inverted:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0px);
}
.ck-icon i.icon.solid:not(.is-circular) {
  border-width: 0.2rem;
  border-style: solid;
  padding: 1.5em;
  border-radius: 0.2rem;
  position: relative;
  line-height: 3em;
  color: #ffffff;
}
.ck-icon i.icon.solid:not(.is-circular):before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0px);
}
.ck-icon .ck-icon__svg {
  line-height: 1;
  /*
      TODO
      - Transform origin doesn't seem to have an impact
      - Browser compatibility
     */
}
.ck-icon .ck-icon__svg.disabled {
  fill: #b2b8b8;
  opacity: 1;
  cursor: not-allowed;
  pointer-events: auto;
}
.ck-icon .ck-icon__svg.inverted.disabled {
  fill: #b2b8b8;
}
.ck-icon .ck-icon__svg.mini {
  width: 0.5em;
  height: 0.5em;
}
.ck-icon .ck-icon__svg.tiny {
  width: 0.75em;
  height: 0.75em;
}
.ck-icon .ck-icon__svg.small {
  width: 1em;
  height: 1em;
}
.ck-icon .ck-icon__svg.medium {
  width: 1.25em;
  height: 1.25em;
}
.ck-icon .ck-icon__svg.large {
  width: 1.5em;
  height: 1.5em;
}
.ck-icon .ck-icon__svg.big {
  width: 2em;
  height: 2em;
}
.ck-icon .ck-icon__svg.huge {
  width: 2.5em;
  height: 2.5em;
}
.ck-icon .ck-icon__svg.massive {
  width: 3em;
  height: 3em;
}
.ck-icon .ck-icon__svg.bordered {
  padding: 0.5em 0.41em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}
.ck-icon .ck-icon__svg.bordered.inverted {
  border: none;
  box-shadow: none;
}
.ck-icon .ck-icon__svg.circular {
  border-radius: 500em !important;
  padding: 0.5em 0.5em !important;
  border: none;
  box-shadow: none;
}
.ck-icon .ck-icon__svg.bordered.circular {
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}
.ck-icon .ck-icon__svg.circular.inverted {
  border: none;
  box-shadow: none;
}
.ck-icon .ck-icon__svg.loading {
  height: 1em;
  line-height: 1;
  animation: svg-icon-loading 2s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes svg-icon-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ck-icons.vertical {
  display: inline-flex;
  flex-direction: column;
}
.ck-icons.horizontal {
  display: inline-flex;
  flex-direction: row;
}
.ck-icon .icon.icon-trash:before {
  content: "\e91f";
}
.ck-icon .icon.icon-quiz-result:before {
  content: "\e91e";
}
.ck-icon .icon.icon-complexity-intermediate:before {
  content: "\e91b";
}
.ck-icon .icon.icon-complexity-beginner:before {
  content: "\e91c";
}
.ck-icon .icon.icon-complexity-advanced:before {
  content: "\e91d";
}
.ck-icon .icon.icon-spin-the-wheel:before {
  content: "\e91a";
}
.ck-icon .icon.icon-cookie-bite:before {
  content: "\e919";
}
.ck-icon .icon.icon-dice:before {
  content: "\e918";
}
.ck-icon .icon.icon-journey-map:before {
  content: "\e917";
}
.ck-icon .icon.icon-book-search:before {
  content: "\e915";
}
.ck-icon .icon.icon-file-checked:before {
  content: "\e916";
}
.ck-icon .icon.icon-branching:before {
  content: "\e913";
}
.ck-icon .icon.icon-help-strong:before {
  content: "\2047";
}
.ck-icon .icon.icon-more-vertical:before {
  content: "\205d";
}
.ck-icon .icon.icon-number:before {
  content: "\e90c";
}
.ck-icon .icon.icon-facebook-outline:before {
  content: "\e902";
}
.ck-icon .icon.icon-facebook:before {
  content: "\46";
}
.ck-icon .icon.icon-staging:before {
  content: "\53";
}
.ck-icon .icon.icon-twitter:before {
  content: "\54";
}
.ck-icon .icon.icon-instagram:before {
  content: "\49";
}
.ck-icon .icon.icon-pinterest:before {
  content: "\50";
}
.ck-icon .icon.icon-googleplus:before {
  content: "\47";
}
.ck-icon .icon.icon-youtube:before {
  content: "\59";
}
.ck-icon .icon.icon-snapchat:before {
  content: "\e90b";
}
.ck-icon .icon.icon-flickr:before {
  content: "\4b";
}
.ck-icon .icon.icon-tumblr:before {
  content: "\a5";
}
.ck-icon .icon.icon-vine:before {
  content: "\221a";
}
.ck-icon .icon.icon-linkedin:before {
  content: "\2c6";
}
.ck-icon .icon.icon-vk:before {
  content: "\2d8";
}
.ck-icon .icon.icon-rss:before {
  content: "\52";
}
.ck-icon .icon.icon-bazaarvoice:before {
  content: "\e90a";
}
.ck-icon .icon.icon-vimeo:before {
  content: "\e907";
}
.ck-icon .icon.icon-newscred:before {
  content: "\e906";
}
.ck-icon .icon.icon-lithium:before {
  content: "\e905";
}
.ck-icon .icon.icon-edit:before {
  content: "\65";
}
.ck-icon .icon.icon-content:before {
  content: "\e901";
}
.ck-icon .icon.icon-publish:before {
  content: "\70";
}
.ck-icon .icon.icon-campaign:before {
  content: "\39";
}
.ck-icon .icon.icon-exclusive:before {
  content: "\b4";
}
.ck-icon .icon.icon-contest:before {
  content: "\2211";
}
.ck-icon .icon.icon-promotion:before {
  content: "\4f";
}
.ck-icon .icon.icon-inbox:before {
  content: "\b6";
}
.ck-icon .icon.icon-keep:before {
  content: "\a1";
}
.ck-icon .icon.icon-archive:before {
  content: "\a2";
}
.ck-icon .icon.icon-cta:before {
  content: "\24";
}
.ck-icon .icon.icon-settings2:before {
  content: "\71";
}
.ck-icon .icon.icon-lego:before {
  content: "\7a";
}
.ck-icon .icon.icon-info:before {
  content: "\2f";
}
.ck-icon .icon.icon-help:before {
  content: "\3f";
}
.ck-icon .icon.icon-inherit:before {
  content: "\2018";
}
.ck-icon .icon.icon-screens:before {
  content: "\c8";
}
.ck-icon .icon.icon-screendesigner:before {
  content: "\201";
}
.ck-icon .icon.icon-pause:before {
  content: "\e912";
}
.ck-icon .icon.icon-favourite-solid:before {
  content: "\e90d";
}
.ck-icon .icon.icon-warning-solid:before {
  content: "\e90e";
}
.ck-icon .icon.icon-feed:before {
  content: "\e904";
}
.ck-icon .icon.icon-voting:before {
  content: "\e914";
}
.ck-icon .icon.icon-previous:before {
  content: "\3c";
}
.ck-icon .icon.icon-next:before {
  content: "\3e";
}
.ck-icon .icon.icon-up:before {
  content: "\29";
}
.ck-icon .icon.icon-down:before {
  content: "\28";
}
.ck-icon .icon.icon-arrow-previous:before {
  content: "\2264";
}
.ck-icon .icon.icon-arrow-next:before {
  content: "\2265";
}
.ck-icon .icon.icon-arrow-first:before {
  content: "\b7";
}
.ck-icon .icon.icon-arrow-last:before {
  content: "\201a";
}
.ck-icon .icon.icon-quiz:before {
  content: "\153";
}
.ck-icon .icon.icon-coupon:before {
  content: "\e7";
}
.ck-icon .icon.icon-trophy:before {
  content: "\ae";
}
.ck-icon .icon.icon-competition:before {
  content: "\df";
}
.ck-icon .icon.icon-game:before {
  content: "\2122";
}
.ck-icon .icon.icon-starburst:before {
  content: "\c5";
}
.ck-icon .icon.icon-socialwall:before {
  content: "\e911";
}
.ck-icon .icon.icon-template:before {
  content: "\67";
}
.ck-icon .icon.icon-layout:before {
  content: "\6c";
}
.ck-icon .icon.icon-theme:before {
  content: "\74";
}
.ck-icon .icon.icon-carousel:before {
  content: "\e900";
}
.ck-icon .icon.icon-comment:before {
  content: "\27";
}
.ck-icon .icon.icon-comments:before {
  content: "\e5";
}
.ck-icon .icon.icon-quote:before {
  content: "\51";
}
.ck-icon .icon.icon-advocacy:before {
  content: "\22";
}
.ck-icon .icon.icon-man:before {
  content: "\4d";
}
.ck-icon .icon.icon-superfan:before {
  content: "\48";
}
.ck-icon .icon.icon-advocate:before {
  content: "\61";
}
.ck-icon .icon.icon-frau:before {
  content: "\66";
}
.ck-icon .icon.icon-cheerleader:before {
  content: "\2365";
}
.ck-icon .icon.icon-user:before {
  content: "\4a";
}
.ck-icon .icon.icon-audience:before {
  content: "\45";
}
.ck-icon .icon.icon-preview:before {
  content: "\3d";
}
.ck-icon .icon.icon-settings:before {
  content: "\63";
}
.ck-icon .icon.icon-config:before {
  content: "\c7";
}
.ck-icon .icon.icon-moderate:before {
  content: "\e903";
}
.ck-icon .icon.icon-cloud:before {
  content: "\57";
}
.ck-icon .icon.icon-unpublish:before {
  content: "\75";
}
.ck-icon .icon.icon-upload:before {
  content: "\6e";
}
.ck-icon .icon.icon-download:before {
  content: "\64";
}
.ck-icon .icon.icon-review:before {
  content: "\a7";
}
.ck-icon .icon.icon-engaged:before {
  content: "\72";
}
.ck-icon .icon.icon-live:before {
  content: "\4c";
}
.ck-icon .icon.icon-chart:before {
  content: "\2c";
}
.ck-icon .icon.icon-insights:before {
  content: "\69";
}
.ck-icon .icon.icon-assets:before {
  content: "\2dc";
}
.ck-icon .icon.icon-image:before {
  content: "\31";
}
.ck-icon .icon.icon-gallery:before {
  content: "\32";
}
.ck-icon .icon.icon-video:before {
  content: "\33";
}
.ck-icon .icon.icon-videogallery:before {
  content: "\34";
}
.ck-icon .icon.icon-form:before {
  content: "\36";
}
.ck-icon .icon.icon-file:before {
  content: "\35";
}
.ck-icon .icon.icon-folder:before {
  content: "\f7";
}
.ck-icon .icon.icon-invite:before {
  content: "\37";
}
.ck-icon .icon.icon-rules:before {
  content: "\6a";
}
.ck-icon .icon.icon-share:before {
  content: "\73";
}
.ck-icon .icon.icon-home:before {
  content: "\7e";
}
.ck-icon .icon.icon-switch:before {
  content: "\7c";
}
.ck-icon .icon.icon-menu:before {
  content: "\2260";
}
.ck-icon .icon.icon-bookmark:before {
  content: "\222b";
}
.ck-icon .icon.icon-logout:before {
  content: "\6f";
}
.ck-icon .icon.icon-refresh:before {
  content: "\76";
}
.ck-icon .icon.icon-open:before {
  content: "\26";
}
.ck-icon .icon.icon-play:before {
  content: "\2206";
}
.ck-icon .icon.icon-stop:before {
  content: "\2248";
}
.ck-icon .icon.icon-play3:before {
  content: "\f8";
}
.ck-icon .icon.icon-fullscreen:before {
  content: "\5e";
}
.ck-icon .icon.icon-target:before {
  content: "\2c7";
}
.ck-icon .icon.icon-copy:before {
  content: "\ce";
}
.ck-icon .icon.icon-search:before {
  content: "\38";
}
.ck-icon .icon.icon-rows:before {
  content: "\ac";
}
.ck-icon .icon.icon-bullet:before {
  content: "\3a";
}
.ck-icon .icon.icon-grid-small:before {
  content: "\7b";
}
.ck-icon .icon.icon-grid-large:before {
  content: "\7d";
}
.ck-icon .icon.icon-grid:before {
  content: "\5b";
}
.ck-icon .icon.icon-grid-items:before {
  content: "\5d";
}
.ck-icon .icon.icon-channel:before {
  content: "\4e";
}
.ck-icon .icon.icon-live2:before {
  content: "\43";
}
.ck-icon .icon.icon-heart:before {
  content: "\d8";
}
.ck-icon .icon.icon-favourite:before {
  content: "\2a";
}
.ck-icon .icon.icon-reply:before {
  content: "\2014";
}
.ck-icon .icon.icon-retweet:before {
  content: "\b1";
}
.ck-icon .icon.icon-pricing:before {
  content: "\a3";
}
.ck-icon .icon.icon-email:before {
  content: "\40";
}
.ck-icon .icon.icon-connect:before {
  content: "\2d";
}
.ck-icon .icon.icon-disconnect:before {
  content: "\5f";
}
.ck-icon .icon.icon-socialplugin:before {
  content: "\e910";
}
.ck-icon .icon.icon-code:before {
  content: "\5a";
}
.ck-icon .icon.icon-text:before {
  content: "\41";
}
.ck-icon .icon.icon-phone:before {
  content: "\2020";
}
.ck-icon .icon.icon-calendar:before {
  content: "\44";
}
.ck-icon .icon.icon-countdown:before {
  content: "\56";
}
.ck-icon .icon.icon-location:before {
  content: "\5c";
}
.ck-icon .icon.icon-promote2:before {
  content: "\25";
}
.ck-icon .icon.icon-contact:before {
  content: "\55";
}
.ck-icon .icon.icon-security:before {
  content: "\23";
}
.ck-icon .icon.icon-locked:before {
  content: "\6b";
}
.ck-icon .icon.icon-cursor:before {
  content: "\30";
}
.ck-icon .icon.icon-app:before {
  content: "\2e";
}
.ck-icon .icon.icon-science:before {
  content: "\3c0";
}
.ck-icon .icon.icon-test:before {
  content: "\cd";
}
.ck-icon .icon.icon-map:before {
  content: "\bf";
}
.ck-icon .icon.icon-score:before {
  content: "\2030";
}
.ck-icon .icon.icon-results:before {
  content: "\d2";
}
.ck-icon .icon.icon-filter:before {
  content: "\192";
}
.ck-icon .icon.icon-warning:before {
  content: "\cf";
}
.ck-icon .icon.icon-bug:before {
  content: "\42";
}
.ck-icon .icon.icon-stress:before {
  content: "\3b";
}
.ck-icon .icon.icon-danger:before {
  content: "\21";
}
.ck-icon .icon.icon-shocked:before {
  content: "\278e";
}
.ck-icon .icon.icon-sad:before {
  content: "\278a";
}
.ck-icon .icon.icon-neutral:before {
  content: "\278b";
}
.ck-icon .icon.icon-smiley:before {
  content: "\278c";
}
.ck-icon .icon.icon-happy:before {
  content: "\278d";
}
.ck-icon .icon.icon-minion:before {
  content: "\2202";
}
.ck-icon .icon.icon-pacman:before {
  content: "\220f";
}
.ck-icon .icon.icon-robotmod:before {
  content: "\3a9";
}
.ck-icon .icon.icon-rocket:before {
  content: "\221e";
}
.ck-icon .icon.icon-minus:before {
  content: "\e908";
}
.ck-icon .icon.icon-col:before {
  content: "\2044";
}
.ck-icon .icon.icon-col2:before {
  content: "\20ac";
}
.ck-icon .icon.icon-col3:before {
  content: "\2039";
}
.ck-icon .icon.icon-colL:before {
  content: "\203a";
}
.ck-icon .icon.icon-colR:before {
  content: "\fb01";
}
.ck-icon .icon.icon-radio-unselected:before {
  content: "\2d9";
}
.ck-icon .icon.icon-radio-selected:before {
  content: "\62";
}
.ck-icon .icon.icon-check-unselected:before {
  content: "\bb";
}
.ck-icon .icon.icon-check-selected:before {
  content: "\60";
}
.ck-icon .icon.icon-carousel-active:before {
  content: "\aa";
}
.ck-icon .icon.icon-pin:before {
  content: "\2da";
}
.ck-icon .icon.icon-share2:before {
  content: "\2dd";
}
.ck-icon .icon.icon-talk:before {
  content: "\b8";
}
.ck-icon .icon.icon-cart:before {
  content: "\c1";
}
.ck-icon .icon.icon-shop:before {
  content: "\152";
}
.ck-icon .icon.icon-champion:before {
  content: "\201d";
}
.ck-icon .icon.icon-target2:before {
  content: "\2019";
}
.ck-icon .icon.icon-broadcast:before {
  content: "\d3";
}
.ck-icon .icon.icon-promote:before {
  content: "\d4";
}
.ck-icon .icon.icon-mosaic:before {
  content: "\e909";
}
.ck-icon .icon.icon-join:before {
  content: "\da";
}
.ck-icon .icon.icon-interact:before {
  content: "\2db";
}
.ck-icon .icon.icon-sine:before {
  content: "\25ca";
}
.ck-icon .icon.icon-activity:before {
  content: "\131";
}
.ck-icon .icon.icon-premium:before {
  content: "\e6";
}
.ck-icon .icon.icon-rankings:before {
  content: "\ab";
}
.ck-icon .icon.icon-line:before {
  content: "\2026";
}
.ck-icon .icon.icon-polygonal:before {
  content: "\f8ff";
}
.ck-icon .icon.icon-close:before {
  content: "\58";
}
.ck-icon .icon.icon-cancel:before {
  content: "\78";
}
.ck-icon .icon.icon-plus:before {
  content: "\2b";
}
.ck-icon .icon.icon-approve:before {
  content: "\79";
}
.ck-icon .icon.icon-move:before {
  content: "\c2";
}
.ck-icon .icon.icon-copyright:before {
  content: "\a9";
}
.ck-icon .icon.icon-web:before {
  content: "\ba";
}
.ck-icon .icon.icon-desktop:before {
  content: "\77";
}
.ck-icon .icon.icon-mobile:before {
  content: "\6d";
}
.ck-icon .icon.icon-tablet:before {
  content: "\b5";
}
.ck-icon .icon.icon-themerize:before {
  content: "\e600";
}
.ck-icon .icon.icon-lineheight:before {
  content: "\af";
}
.ck-icon .icon.icon-height:before {
  content: "\68";
}
.ck-icon .icon.icon-width:before {
  content: "\201e";
}
.ck-icon .icon.icon-align-left:before {
  content: "\fb02";
}
.ck-icon .icon.icon-align-center:before {
  content: "\2021";
}
.ck-icon .icon.icon-align-right:before {
  content: "\b0";
}
.ck-icon .icon.icon-nav:before {
  content: "\c6";
}
.ck-icon .icon.icon-function:before {
  content: "\201c";
}
.ck-icon .icon.icon-module:before {
  content: "\2013";
}
.ck-icon .icon.icon-preview-off:before {
  content: "\2205";
}
.ck-icon .icon.icon-score-quiz:before {
  content: "\e90f";
}
.ck-icon .icon.icon-infinite:before {
  content: "\ea2f";
}
.ck-icon .icon.icon-sound-on:before {
  content: "\e920";
}
.ck-icon .icon.icon-sound-off:before {
  content: "\e921";
}
.ck-icon .icon.icon-whatsapp:before {
  content: "\e922";
}
.ck-icon .icon-swipe:before {
  content: "\e923";
}
/*!
 * # Semantic UI - Image
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Image
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Types
--------------------*/
/* Avatar */
/*-------------------
       Variations
--------------------*/
/* Spaced */
/* Floated */
/* Size */
/* Packaged Theme */
/*******************************
            Image
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Types
--------------------*/
/* Avatar */
/*-------------------
       Variations
--------------------*/
/* Spaced */
/* Floated */
/* Size */
/* Site Theme */
/*******************************
            Image
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Types
--------------------*/
/* Avatar */
/*-------------------
       Variations
--------------------*/
/* Spaced */
/* Floated */
/* Size */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
             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.images > .hidden.transition {
  display: inline-block;
  visibility: hidden;
}
.ui.disabled.images,
.ui.disabled.image {
  cursor: default;
  opacity: 1;
}
/*******************************
          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 #bcc8d4;
}
/*--------------
    Circular
---------------*/
.ui.circular.images,
.ui.circular.image {
  overflow: hidden;
}
.ui.circular.images .image,
.ui.circular.image,
.ui.circular.images .image > *,
.ui.circular.image > * {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*--------------
     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;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*-------------------
       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: 1rem;
}
.ui.tiny.images .image,
.ui.tiny.images img,
.ui.tiny.images svg,
.ui.tiny.image {
  width: 80px;
  height: auto;
  font-size: 1.1rem;
}
.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg,
.ui.small.image {
  width: 150px;
  height: auto;
  font-size: 1.2rem;
}
.ui.medium.images .image,
.ui.medium.images img,
.ui.medium.images svg,
.ui.medium.image {
  width: 300px;
  height: auto;
  font-size: 1.3rem;
}
.ui.large.images .image,
.ui.large.images img,
.ui.large.images svg,
.ui.large.image {
  width: 450px;
  height: auto;
  font-size: 1.5rem;
}
.ui.big.images .image,
.ui.big.images img,
.ui.big.images svg,
.ui.big.image {
  width: 600px;
  height: auto;
  font-size: 1.7rem;
}
.ui.huge.images .image,
.ui.huge.images img,
.ui.huge.images svg,
.ui.huge.image {
  width: 800px;
  height: auto;
  font-size: 1.8rem;
}
.ui.massive.images .image,
.ui.massive.images img,
.ui.massive.images svg,
.ui.massive.image {
  width: 960px;
  height: auto;
  font-size: 2.4rem;
}
/*******************************
              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
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Input
*******************************/
/*-------------------
      Element
--------------------*/
/*-------------------
        Types
--------------------*/
/* Icon Input */
/* Circular Icon Input */
/* Labeled Input */
/*-------------------
        States
--------------------*/
/* Placeholder */
/* Down */
/* Focus */
/* Error */
/* Loader */
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Packaged Theme */
/*******************************
            Input
*******************************/
/*-------------------
      Element
--------------------*/
/*-------------------
        Types
--------------------*/
/* Icon Input */
/* Circular Icon Input */
/* Labeled Input */
/*-------------------
        States
--------------------*/
/* Placeholder */
/* Down */
/* Focus */
/* Error */
/* Loader */
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Site Theme */
/*******************************
            Input
*******************************/
/*-------------------
      Element
--------------------*/
/*-------------------
        Types
--------------------*/
/* Icon Input */
/* Circular Icon Input */
/* Labeled Input */
/*-------------------
        States
--------------------*/
/* Placeholder */
/* Down */
/* Focus */
/* Error */
/* Loader */
/*-------------------
      Variations
--------------------*/
/* Inverted */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
           Standard
*******************************/
/*--------------------
        Inputs
---------------------*/
.ui.input {
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: inline-flex;
  color: #6c7373;
}
.ui.input > input {
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 2;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  padding: 0 0.7em;
  background: transparent;
  border: 1px solid #d4d9d9;
  color: #6c7373;
  border-radius: 0.2rem;
  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: #b2b8b8;
}
.ui.input > input::-moz-placeholder {
  color: #b2b8b8;
}
.ui.input > input:-ms-input-placeholder {
  color: #b2b8b8;
}
/*******************************
            States
*******************************/
/*--------------------
        Disabled
---------------------*/
.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
  opacity: 1;
}
.ui.disabled.input > input,
.ui.input:not(.disabled) 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: #6c7373;
  box-shadow: none;
}
/*--------------------
       Loading
---------------------*/
.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.65em 0em 0em -0.65em;
  width: 1.3em;
  height: 1.3em;
  border-radius: 500rem;
  border: 0.3rem solid rgba(0, 0, 0, 0.15);
}
.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.65em 0em 0em -0.65em;
  width: 1.3em;
  height: 1.3em;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
  border-width: 0.3rem;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*--------------------
        Focus
---------------------*/
.ui.input.focus > input,
.ui.input > input:focus {
  border-color: #3ec0ad;
  background: transparent;
  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: #b2b8b8;
}
.ui.input.focus > input::-moz-placeholder,
.ui.input > input:focus::-moz-placeholder {
  color: #b2b8b8;
}
.ui.input.focus > input:-ms-input-placeholder,
.ui.input > input:focus:-ms-input-placeholder {
  color: #b2b8b8;
}
/*--------------------
        Error
---------------------*/
.ui.input.error > input {
  background-color: transparent;
  border-color: #ee2f19;
  color: #ee2f19;
  box-shadow: none;
}
/* Error Placeholder */
.ui.input.error > input::-webkit-input-placeholder {
  color: #fcdbd7;
}
.ui.input.error > input::-moz-placeholder {
  color: #fcdbd7;
}
.ui.input.error > input:-ms-input-placeholder {
  color: #fcdbd7 !important;
}
/* Focused Error Placeholder */
.ui.input.error > input:focus::-webkit-input-placeholder {
  color: #f9b0a7;
}
.ui.input.error > input:focus::-moz-placeholder {
  color: #f9b0a7;
}
.ui.input.error > input:focus:-ms-input-placeholder {
  color: #f9b0a7 !important;
}
/*******************************
           Variations
*******************************/
/*--------------------
      Transparent
---------------------*/
.ui.transparent.input > input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
  border-radius: 0px !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.5em;
  opacity: 1;
  border-radius: 0em 0.2rem 0.2rem 0em;
  transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.icon.input > input {
  padding-right: 2.5em !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.2rem 0em 0em 0.2rem;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui[class*="left icon"].input > input {
  padding-left: 2.5em !important;
  padding-right: 0.7em !important;
}
/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}
/*--------------------
        Labeled
---------------------*/
/* Adjacent Label */
.ui.labeled.input > .label {
  flex: 0 0 auto;
  margin: 0;
  font-size: 1.3em;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
/* 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: #3ec0ad;
}
/* 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: #3ec0ad !important;
}
/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.9em;
  border-radius: 0em 0.2rem 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: flex;
  align-items: center;
  flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  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.2rem 0.2rem 0px;
}
/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: #3ec0ad !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.2rem 0px 0px 0.2rem;
}
/* Input Focus */
.ui[class*="left action"].input > input:focus {
  border-left-color: #3ec0ad !important;
}
/*--------------------
       Inverted
---------------------*/
/* Standard */
.ui.inverted.input > input {
  border: none;
}
/*--------------------
        Fluid
---------------------*/
.ui.fluid.input {
  display: flex;
}
.ui.fluid.input > input {
  width: 0px !important;
}
/*--------------------
        Size
---------------------*/
.ui.mini.input {
  font-size: 1em;
}
.ui.small.input {
  font-size: 1.2em;
}
.ui.input {
  font-size: 1.3em;
}
.ui.large.input {
  font-size: 1.5em;
}
.ui.big.input {
  font-size: 1.7em;
}
.ui.huge.input {
  font-size: 1.8em;
}
.ui.massive.input {
  font-size: 2.4em;
}
/*******************************
         Theme Overrides
*******************************/
.ck.input {
  font-size: 1rem;
  position: relative;
  /*--------------------
        Fluid
---------------------*/
  /*--------------------
  Copied from definitions because the addition of .ck-icon broke the selectors
---------------------*/
  /* Left Icon Input */
  /* Focus */
}
.ck.input:not(.is-number) {
  width: 300px;
}
.ck.input.read-only .ui.input {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.ck.input.read-only .ui.input:focus,
.ck.input.read-only .ui.input:hover,
.ck.input.read-only .ui.input.focus {
  border-color: #f7f7f7 !important;
}
.ck.input.read-only .ui.input input {
  -webkit-text-fill-color: #b2b8b8 !important;
  /* required on safari */
  opacity: 1;
  /* required on iOS */
  color: #b2b8b8 !important;
}
.ck.input.read-only .ui.input .ui.label {
  color: #b2b8b8;
}
.ck.input.read-only .ui.input .ui.button,
.ck.input.read-only .ui.input .ui.button:hover {
  box-shadow: none !important;
  border-color: #d4d9d9 !important;
}
.ck.input.is-number input {
  max-width: 77px;
  width: 100%;
  flex-shrink: 1;
}
.ck.input.is-number .ui.icon input {
  max-width: 105px;
}
.ck.input .small input {
  font-size: 1.1rem;
}
.ck.input .mini.input.action .ck.dropdown,
.ck.input .mini.input input {
  font-size: 1rem !important;
}
.ck.input .small.input.action .ck.dropdown,
.ck.input .small.input input {
  font-size: 1.2rem !important;
}
.ck.input .input.action .ck.dropdown,
.ck.input .input input {
  font-size: 1.3rem !important;
}
.ck.input .large.input.action .ck.dropdown,
.ck.input .large.input input {
  font-size: 1.5rem !important;
}
.ck.input .big.input.action .ck.dropdown,
.ck.input .big.input input {
  font-size: 1.7rem !important;
}
.ck.input .huge.input.action .ck.dropdown,
.ck.input .huge.input input {
  font-size: 1.8rem !important;
}
.ck.input .massive.input.action .ck.dropdown,
.ck.input .massive.input input {
  font-size: 2.4rem !important;
}
.ck.input.fluid {
  width: auto;
}
.ck.input.fluid .ui.input {
  display: flex;
  flex-grow: 1;
}
.ck.input.fluid.is-number input {
  max-width: none;
}
.ck.input.fluid > input {
  width: 0 !important;
}
.ck.input .ui.label {
  background-color: transparent;
}
.ck.input > .ui.label {
  display: block;
  font-weight: bold;
}
.ck.input > .error-wrapper {
  display: flex;
  align-items: center;
}
.ck.input.error > .error-wrapper > .ck.tooltip,
.ck.input > .error-wrapper > .ck.tooltip {
  width: 100%;
}
.ck.input.has-error-icon > .error-wrapper > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 0;
  opacity: 0;
  width: 0;
  transform: rotateY(90deg);
}
.ck.input.has-error-icon.error > .error-wrapper > .ck.tooltip {
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  transform: rotateY(0deg);
}
.ck.input.error .ui.input,
.ck.input.error .ui.input.inverted,
.ck.input.error .ui.input:focus,
.ck.input.error .ui.input.inverted:focus,
.ck.input.error .ui.input:hover,
.ck.input.error .ui.input.inverted:hover,
.ck.input.error .ui.input.focus,
.ck.input.error .ui.input.inverted.focus {
  background-color: transparent;
  border-color: #ee2f19 !important;
  color: #ee2f19;
  box-shadow: none;
}
.ck.input .ui.input {
  border: 1px solid #d4d9d9;
  border-radius: 0.2rem;
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ck.input .ui.input.underlined {
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}
.ck.input .ui.input:focus,
.ck.input .ui.input:hover,
.ck.input .ui.input.focus {
  outline: none;
  border: 1px solid #77d3c6 !important;
}
.ck.input .ui.input:focus.underlined,
.ck.input .ui.input:hover.underlined,
.ck.input .ui.input.focus.underlined {
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}
.ck.input .ui.input > .ui.label {
  padding-left: 0.833em;
  color: #6c7373;
}
.ck.input .ui.input input {
  color: #6c7373;
  border: none;
  line-height: 2.2;
}
.ck.input .ui.input input::placeholder {
  color: #b2b8b8;
}
.ck.input .ui.input input ~ .ui.label {
  padding-left: 0;
}
.ck.input .ui.input input[type='number'] {
  -moz-appearance: textfield !important;
}
.ck.input .ui.input input[type='number']::-webkit-inner-spin-button,
.ck.input .ui.input input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.ck.input .ui.input .ui.button {
  box-shadow: none !important;
  padding-left: 1.17em;
  padding-right: 1.17em;
}
.ck.input .ui.input.action[class*='left action'] input {
  padding-right: 1.2em;
}
.ck.input .ui.input.action[class*='left action'] .ui.button {
  border-right: 0.1rem solid #d4d9d9;
  border-left: none;
}
.ck.input .ui.input.action[class*='left action'] .ui.selection.dropdown {
  border-left: none;
  border-top: none;
  border-bottom: none;
}
.ck.input .ui.input.action[class*='action right'] .ui.dropdown {
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.ck.input .ui.input.action .ui.button,
.ck.input .ui.input.action .ui.button.inverted.outline.base.disabled {
  transition: border 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  margin-right: 0;
  border-radius: 0;
  box-shadow: none !important;
  border-left: 0.1rem solid #d4d9d9;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}
.ck.input .ui.input.action .ui.button.inverted.outline.base.disabled {
  border-left: 1px solid #e8ebeb;
}
.ck.input .ui.input.action:focus .ui.dropdown,
.ck.input .ui.input.action:hover .ui.dropdown {
  border-color: #3ec0ad;
}
.ck.input .ui.input.action:focus .ui.button,
.ck.input .ui.input.action:hover .ui.button,
.ck.input .ui.input.action:focus .ui.button.inverted,
.ck.input .ui.input.action:hover .ui.button.inverted {
  border-color: #3ec0ad;
}
.ck.input .ui.input.action .ui.selection.dropdown {
  min-height: 2.1em;
  min-width: 7em;
}
.ck.input .ui.input.action .ck.dropdown {
  width: auto;
}
.ck.input .ui.input.large {
  font-size: 1.5rem;
}
.ck.input .ui.input.error {
  border-color: #ee2f19 !important;
}
.ck.input .ui.input.disabled {
  cursor: not-allowed;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.ck.input .ui.input.disabled:focus,
.ck.input .ui.input.disabled:hover,
.ck.input .ui.input.disabled.focus {
  border-color: #f7f7f7 !important;
}
.ck.input .ui.input.disabled input {
  -webkit-text-fill-color: #b2b8b8 !important;
  /* required on safari */
  opacity: 1;
  /* required on iOS */
  color: #b2b8b8 !important;
}
.ck.input .ui.input.disabled .ui.label {
  color: #b2b8b8;
}
.ck.input .ui.input.disabled .ui.button,
.ck.input .ui.input.disabled .ui.button:hover {
  box-shadow: none !important;
  border-color: #d4d9d9 !important;
}
.ck.input .ui.input.inverted {
  border: 1px solid #d4d9d9;
}
.ck.input .ui.input.inverted.underlined {
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}
.ck.input .ui.input.inverted input {
  color: #ffffff;
}
.ck.input .ui.input.inverted input::placeholder {
  color: #b2b8b8;
}
.ck.input .ui.input.inverted.action[class*='left action'] .ui.button {
  border-right-color: #d4d9d9;
  border-left: none;
}
.ck.input .ui.input.inverted.action .ui.button,
.ck.input .ui.input.inverted.action .ui.button.inverted.outline.base.disabled {
  border-left: 0.1rem solid #d4d9d9;
}
.ck.input .ui.input.inverted.disabled {
  background-color: #e8ebeb;
  border-color: #e8ebeb;
}
.ck.input .ui.input.inverted.disabled:focus,
.ck.input .ui.input.inverted.disabled:hover,
.ck.input .ui.input.inverted.disabled.focus {
  border-color: #e8ebeb !important;
}
.ck.input .ui.input.inverted:focus,
.ck.input .ui.input.inverted:hover,
.ck.input .ui.input.inverted.focus {
  outline: none;
  border: 1px solid #3ec0ad !important;
}
.ck.input .ui.input.inverted:focus.underlined,
.ck.input .ui.input.inverted:hover.underlined,
.ck.input .ui.input.inverted.focus.underlined {
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
}
.ck.input .ui.input.inverted.labeled .ui.label {
  color: #ffffff !important;
}
.ck.input .ui.input.inverted.labeled.disabled .ui.label {
  color: #b2b8b8 !important;
}
.ck.input .ui.input.inverted.error input {
  color: #ffffff;
}
.ck.input .ui.input.inverted.transparent {
  border: 1px solid transparent !important;
}
.ck.input .ui.input.inverted.transparent input {
  padding: 0 0.7em !important;
}
.ck.input .ui.input.inverted.transparent input::placeholder {
  color: #b2b8b8;
}
.ck.input .ui.input[class*='left labeled'] > .label {
  padding-right: 0;
}
.ck.input .ui.input.labeled > .label {
  font-size: 1.5rem;
  line-height: 1.72;
}
.ck.input .ui.input.loading.left.icon > input {
  padding-left: 0.7em !important;
}
.ck.input .max-char {
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  transition: border 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.ck.input .max-char .ck-label-text {
  font-size: 1.5rem;
}
.ck.input .max-char.max-char-error .ck-label-text {
  color: #ee2f19;
}
.ck.input .max-char.max-char-warning .ck-label-text {
  color: #eb8e1b;
}
.ck.input .max-char .ui.basic.label {
  padding: 0 1rem;
}
.ck.input .max-char.left {
  border-right: 0.1rem solid #d4d9d9;
}
.ck.input .max-char.right {
  border-left: 0.1rem solid #d4d9d9;
}
.ck.input .ui.input:not(.disabled).focus.action .ui.button,
.ck.input .ui.input:not(.disabled):focus.action .ui.button,
.ck.input .ui.input:not(.disabled):hover.action .ui.button,
.ck.input .ui.input:not(.disabled).focus .max-char,
.ck.input .ui.input:not(.disabled):focus .max-char,
.ck.input .ui.input:not(.disabled):hover .max-char {
  border-color: #3ec0ad;
}
.ck.input .ui.icon.input > .ck-icon {
  position: relative;
}
.ck.input .ui.icon.input > .ck-icon > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 2.5em;
  opacity: 1;
  border-radius: 0em 0.2rem 0.2rem 0em;
  transition: opacity 0.3s ease;
}
.ck.input .ui.icon.input > .ck-icon > i.icon:not(.link) {
  pointer-events: none;
}
.ck.input .ui.icon.input input {
  padding-right: 2.5em !important;
}
.ck.input .ui.left.icon.input input {
  padding-right: 0 !important;
}
.ck.input .ui.icon.input > .ck-icon > i.icon:before,
.ck.input .ui.icon.input > .ck-icon > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}
.ck.input .ui.icon.input > .ck-icon > i.link.icon {
  cursor: pointer;
}
.ck.input .ui.icon.input > .ck-icon > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}
.ck.input .ui[class*='left icon'].input > .ck-icon > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.2rem 0 0 0.2rem;
}
.ck.input .ui[class*='left icon'].input > .ck-icon > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ck.input .ui[class*='left icon'].input > .ck-icon > input {
  padding-left: 2.5em !important;
  padding-right: 0.7em !important;
}
.ck.input .ui.icon.input > input:focus ~ .ck-icon > i.icon {
  opacity: 1;
}
.ck.input__loader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.1rem;
}
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: #2b8679;
}
/*!
 * # Semantic UI - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Label
*******************************/
/*-------------------
       Element
--------------------*/
/* medium is not @emSize custom value required */
/* Group */
/*-------------------
        Parts
--------------------*/
/* Link */
/* Icon */
/* Image */
/* Detail */
/* Delete */
/*-------------------
        Types
--------------------*/
/* Image Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Active */
/* Active Hover */
/*-------------------
      Variations
--------------------*/
/* Basic */
/* Tag */
/* Avoids error with background: inherit; on animation */
/* Ribbon */
/* Rounding Offset on Triangle */
/* Rounding Offset on Triangle */
/* Colors */
/* Attached */
/* Corner */
/* Corner Text */
/* Horizontal */
/* Circular Padding */
/* Pointing */
/* Basic Pointing */
/* Floating */
/*-------------------
        Group
--------------------*/
/* Sizing */
/* Packaged Theme */
/*******************************
             Label
*******************************/
/*-------------------
       Element
--------------------*/
/* medium is not @emSize custom value required */
/* Group */
/*-------------------
        Parts
--------------------*/
/* Link */
/* Icon */
/* Image */
/* Detail */
/* Delete */
/*-------------------
        Types
--------------------*/
/* Image Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Active */
/* Active Hover */
/*-------------------
      Variations
--------------------*/
/* Basic */
/* Tag */
/* Avoids error with background: inherit; on animation */
/* Ribbon */
/* Rounding Offset on Triangle */
/* Rounding Offset on Triangle */
/* Colors */
/* Attached */
/* Corner */
/* Corner Text */
/* Horizontal */
/* Circular Padding */
/* Pointing */
/* Basic Pointing */
/* Floating */
/*-------------------
        Group
--------------------*/
/* Sizing */
/* Site Theme */
/*******************************
             Label
*******************************/
/*-------------------
    Wayin Updates
--------------------*/
/*--------------------*/
/*-------------------
       Element
--------------------*/
/* medium is not @emSize custom value required */
/* Group */
/*-------------------
        Parts
--------------------*/
/* Link */
/* Icon */
/* Image */
/* Detail */
/* Delete */
/*-------------------
        Types
--------------------*/
/* Image Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Active */
/* Active Hover */
/*-------------------
      Variations
--------------------*/
/* Basic */
/* Tag */
/* Avoids error with background: inherit; on animation */
/* Ribbon */
/* Rounding Offset on Triangle */
/* Rounding Offset on Triangle */
/* Colors */
/* Attached */
/* Corner */
/* Corner Text */
/* Horizontal */
/* Circular Padding */
/* Pointing */
/* Basic Pointing */
/* Floating */
/*-------------------
        Group
--------------------*/
/* Sizing */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Label
*******************************/
.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.2em;
  background-color: #e8ebeb;
  background-image: none;
  padding: 0.475em 1.1em;
  color: #6c7373;
  text-transform: none;
  font-weight: normal;
  border: 0px solid transparent;
  border-radius: 0.2rem;
  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;
  transition: 0.1s opacity ease;
}
.ui.label > a:hover {
  opacity: 1;
}
/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 1.95em !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: 1.2em;
  opacity: 1;
  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.2375em;
}
/* 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: #e8ebeb;
  padding: 0.475em 1.1em 0.475em 0.5em;
  border-radius: 0.2rem;
  box-shadow: none;
}
.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 1.95em;
  margin: -0.475em 0.5em -0.475em -0.5em;
  border-radius: 0.2rem 0em 0em 0.2rem;
}
.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -0.475em -1.1em -0.475em 0.5em;
  padding: 0.475em 1.1em;
  border-radius: 0em 0.2rem 0.2rem 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.2rem 0.2rem 0em;
  transition: none;
}
.ui.tag.labels .label:before,
.ui.tag.label:before {
  position: absolute;
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  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: #e8ebeb;
  width: 4em;
  height: 4em;
  z-index: 1;
  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;
  transition: border-color 0.1s ease;
}
.ui.corner.label .icon {
  cursor: default;
  position: relative;
  top: 0.9em;
  left: 1.1em;
  font-size: 1.5em;
  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: -1.1em;
}
/* 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: max-content;
  border-radius: 0em 0.2rem 0.2rem 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;
  transform: translateX(-100%);
  border-radius: 0.2rem 0em 0em 0.2rem;
}
.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: 1.1em;
}
/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc(-1em - 1.2em);
}
.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% + 1em + 1.2em);
  padding-left: 1.1em;
}
/*-------------------
      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.3rem 0.3rem 0em 0em;
}
.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0em;
  border-radius: 0em 0em 0.3rem 0.3rem;
}
.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0em !important;
  border-radius: 0.3rem 0em 0.2rem 0em;
}
.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0em;
  border-radius: 0em 0.3rem 0em 0.2rem;
}
.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0em;
  border-radius: 0em 0.2rem 0em 0.3rem;
}
.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0em;
  left: auto;
  right: 0em;
  width: auto;
  border-radius: 0.2rem 0em 0.3rem 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:not(.dropdown) {
  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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent !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: transparent;
  border: none;
  color: #505959;
  box-shadow: none;
}
/* Link */
a.ui.basic.label:hover {
  text-decoration: none;
  background: transparent;
  color: #37b8b5;
  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: #ffffff !important;
}
/*-------------------
     Horizontal
--------------------*/
.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0em 0.5em 0em 0em;
  padding: 0.475em 1.1em;
  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: '';
  transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  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;
  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;
  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;
  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;
  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.9rem;
}
.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 1rem;
}
.ui.small.labels .label,
.ui.small.label {
  font-size: 1.1rem;
}
.ui.labels .label,
.ui.label {
  font-size: 1.2rem;
}
.ui.large.labels .label,
.ui.large.label {
  font-size: 1.3rem;
}
.ui.big.labels .label,
.ui.big.label {
  font-size: 1.7rem;
}
.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.8rem;
}
.ui.massive.labels .label,
.ui.massive.label {
  font-size: 2.4rem;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*  todo get styling from components/core/input/input.less for this label as the current
    styling for label is not yet finalized.
*/
.ck.ui.label {
  padding-left: 0;
  line-height: 1.3;
  /*-------------------
        Sizes
--------------------*/
}
.ck.ui.label.horizontal {
  text-align: inherit;
  vertical-align: middle;
  display: inline-flex;
  margin: 0 0.5em 0 0;
  padding: 0.5em 1.1em;
  min-width: 3em;
}
.ck.ui.label.horizontal .ck-icon {
  vertical-align: middle;
}
.ck.ui.label.horizontal .ck-icon i.icon {
  margin: 0 0.25em 0 0;
}
.ck.ui.label.font-custom {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.ck.ui.label.disabled {
  opacity: 1;
}
.ck.ui.label.solid {
  padding-left: 1.1rem;
}
.ck.ui.label.white {
  background: #ffffff;
  color: #394242 !important;
}
.ck.ui.label.white .icon {
  color: #394242;
}
.ck.ui.label.base {
  background: #394242;
  color: #e8ebeb;
}
.ck.ui.label.base .icon {
  color: #e8ebeb;
}
.ck.ui.label.accent {
  background: #77d3c6;
  color: #394242;
}
.ck.ui.label.accent .icon {
  color: #394242;
}
.ck.ui.label.dark {
  background: #37b8b5;
  color: #ffffff;
}
.ck.ui.label.dark .icon {
  color: #ffffff;
}
.ck.ui.label.darker {
  background: #2b8679;
  color: #ffffff;
}
.ck.ui.label.darker .icon {
  color: #ffffff;
}
.ck.ui.label.warning {
  background: #eb8e1b;
  color: #ffffff;
}
.ck.ui.label.warning .icon {
  color: #ffffff;
}
.ck.ui.label.error {
  background: #ee2f19;
  color: #ffffff;
}
.ck.ui.label.error .icon {
  color: #ffffff;
}
.ck.ui.label.super {
  background: #e0e200;
  color: #394242;
}
.ck.ui.label.super .icon {
  color: #394242;
}
.ck.ui.label.disabled {
  background: #e8ebeb;
}
.ck.ui.label.clickable {
  cursor: pointer;
}
.ck.ui.label.clickable :hover {
  color: #3ec0ad;
}
.ck.ui.label.inverted.clickable :hover {
  color: #3ec0ad;
}
.ck.ui.label.inverted.white {
  background: #ffffff;
  color: #394242 !important;
}
.ck.ui.label.inverted.error {
  background: #ee2f19;
}
.ck.ui.label.inverted.super {
  background: #e0e200;
  color: #394242 !important;
}
.ck.ui.label.inverted.warning {
  background: #eb8e1b;
}
.ck.ui.label.inverted.base {
  background: #394242;
  color: #e8ebeb !important;
}
.ck.ui.label.inverted.dark {
  background: #37b8b5;
  color: #e8ebeb !important;
}
.ck.ui.label.inverted.dark .icon {
  color: #e8ebeb;
}
.ck.ui.label.inverted.darker {
  background: #2b8679;
  color: #e8ebeb !important;
}
.ck.ui.label.inverted.darker .icon {
  color: #e8ebeb;
}
.ck.ui.label.inverted.accent {
  background: #77d3c6;
  color: #394242 !important;
}
.ck.ui.label.inverted.accent .icon {
  color: #394242;
}
.ck.ui.label.inverted.dark {
  background: #37b8b5;
}
.ck.ui.label.inverted.darker {
  background: #2b8679;
}
.ck.ui.label.inverted.disabled {
  background: #b2b8b8;
}
.ck.ui.label.basic {
  background-color: transparent;
  color: #505959;
}
.ck.ui.label.basic.white {
  color: #ffffff !important;
}
.ck.ui.label.basic.white .icon {
  color: #ffffff;
}
.ck.ui.label.basic.base {
  color: #394242 !important;
}
.ck.ui.label.basic.base .icon {
  color: #394242;
}
.ck.ui.label.basic.accent {
  color: #77d3c6 !important;
}
.ck.ui.label.basic.accent .icon {
  color: #77d3c6;
}
.ck.ui.label.basic.dark {
  color: #37b8b5 !important;
}
.ck.ui.label.basic.dark .icon {
  color: #37b8b5;
}
.ck.ui.label.basic.darker {
  color: #2b8679 !important;
}
.ck.ui.label.basic.darker .icon {
  color: #2b8679;
}
.ck.ui.label.basic.error {
  color: #ee2f19 !important;
}
.ck.ui.label.basic.error .icon {
  color: #ee2f19;
}
.ck.ui.label.basic.warning {
  color: #eb8e1b !important;
}
.ck.ui.label.basic.warning .icon {
  color: #eb8e1b;
}
.ck.ui.label.basic.super {
  color: #e0e200 !important;
}
.ck.ui.label.basic.super .icon {
  color: #e0e200;
}
.ck.ui.label.basic.disabled {
  color: #b2b8b8 !important;
}
.ck.ui.label.basic.disabled .icon {
  color: #b2b8b8 !important;
}
.ck.ui.label.basic.inverted {
  background-color: transparent;
  color: #ffffff !important;
}
.ck.ui.label.basic.inverted.white {
  color: #ffffff !important;
}
.ck.ui.label.basic.inverted.super {
  color: #e0e200 !important;
}
.ck.ui.label.basic.inverted.error {
  color: #ee2f19 !important;
}
.ck.ui.label.basic.inverted.warning {
  color: #eb8e1b !important;
}
.ck.ui.label.basic.inverted.base {
  color: #e8ebeb !important;
}
.ck.ui.label.basic.inverted.base .icon {
  color: #e8ebeb !important;
}
.ck.ui.label.basic.inverted.dark {
  color: #37b8b5 !important;
}
.ck.ui.label.basic.inverted.dark .icon {
  color: #37b8b5 !important;
}
.ck.ui.label.basic.inverted.darker {
  color: #2b8679 !important;
}
.ck.ui.label.basic.inverted.darker .icon {
  color: #2b8679 !important;
}
.ck.ui.label.basic.inverted.accent {
  color: #77d3c6 !important;
}
.ck.ui.label.basic.inverted.accent .icon {
  color: #77d3c6 !important;
}
.ck.ui.label.basic.inverted.disabled {
  color: #b2b8b8 !important;
}
.ck.ui.label.basic.inverted.disabled .icon {
  color: #b2b8b8 !important;
}
.ck.ui.label.outline {
  background-color: transparent;
  padding-left: 1.1rem;
}
.ck.ui.label.outline.white {
  color: #ffffff !important;
  border: 1px solid #ffffff;
}
.ck.ui.label.outline.white .icon {
  color: #ffffff;
}
.ck.ui.label.outline.base {
  color: #37b8b5 !important;
  border: 0.1rem solid #37b8b5;
}
.ck.ui.label.outline.base .icon {
  color: #37b8b5;
}
.ck.ui.label.outline.accent {
  color: #77d3c6 !important;
  border: 0.1rem solid #77d3c6;
}
.ck.ui.label.outline.accent .icon {
  color: #77d3c6;
}
.ck.ui.label.outline.dark {
  color: #37b8b5 !important;
  border: 0.1rem solid #37b8b5;
}
.ck.ui.label.outline.dark .icon {
  color: #37b8b5;
}
.ck.ui.label.outline.darker {
  color: #2b8679 !important;
  border: 0.1rem solid #2b8679;
}
.ck.ui.label.outline.darker .icon {
  color: #2b8679;
}
.ck.ui.label.outline.error {
  color: #ee2f19 !important;
  border: 0.1rem solid #ee2f19;
}
.ck.ui.label.outline.error .icon {
  color: #ee2f19;
}
.ck.ui.label.outline.warning {
  color: #eb8e1b !important;
  border: 0.1rem solid #eb8e1b;
}
.ck.ui.label.outline.warning .icon {
  color: #eb8e1b;
}
.ck.ui.label.outline.super {
  color: #e0e200 !important;
  border: 0.1rem solid #e0e200;
}
.ck.ui.label.outline.super .icon {
  color: #e0e200;
}
.ck.ui.label.outline.disabled {
  color: #b2b8b8 !important;
  border-color: #b2b8b8;
}
.ck.ui.label.outline.disabled .icon {
  color: #b2b8b8;
}
.ck.ui.label.outline.inverted {
  background-color: transparent;
}
.ck.ui.label.outline.inverted.base {
  color: #e8ebeb !important;
  border: 0.1rem solid #e8ebeb;
}
.ck.ui.label.outline.inverted.base .icon {
  color: #e8ebeb;
}
.ck.ui.label.outline.inverted.accent {
  color: #77d3c6 !important;
  border: 0.1rem solid #77d3c6;
}
.ck.ui.label.outline.inverted.accent .icon {
  color: #77d3c6;
}
.ck.ui.label.outline.inverted.dark {
  color: #37b8b5 !important;
  border: 0.1rem solid #37b8b5;
}
.ck.ui.label.outline.inverted.dark .icon {
  color: #37b8b5;
}
.ck.ui.label.outline.inverted.darker {
  color: #2b8679 !important;
  border: 0.1rem solid #2b8679;
}
.ck.ui.label.outline.inverted.darker .icon {
  color: #2b8679;
}
.ck.ui.label.outline.inverted.super {
  color: #e0e200 !important;
  border: 0.1rem solid #e0e200;
}
.ck.ui.label.outline.inverted.super .icon {
  color: #e0e200;
}
.ck.ui.label.outline.inverted.error {
  color: #ee2f19 !important;
  border: 0.1rem solid #ee2f19;
}
.ck.ui.label.outline.inverted.error .icon {
  color: #ee2f19;
}
.ck.ui.label.outline.inverted.warning {
  color: #eb8e1b !important;
  border: 0.1rem solid #eb8e1b;
}
.ck.ui.label.outline.inverted.warning .icon {
  color: #eb8e1b;
}
.ck.ui.label.outline.inverted.disabled {
  color: #b2b8b8 !important;
  border-color: #b2b8b8;
}
.ck.ui.label.outline.inverted.disabled .icon {
  color: #b2b8b8;
}
.ck.ui.label.mini {
  font-size: 0.9rem;
}
.ck.ui.label.tiny {
  font-size: 1rem;
}
.ck.ui.label.small {
  font-size: 1.1rem;
}
.ck.ui.label.large {
  font-size: 1.4rem;
}
.ck.ui.label.big {
  font-size: 1.7rem;
}
.ck.ui.label.huge {
  font-size: 1.8rem;
}
.ck.ui.label.massive {
  font-size: 2.4rem;
}
.ck.ui.label .ck-label-text + .ck-icon {
  margin: 0 0 0 0.75em;
}
/*!
 * # Semantic UI - List
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             List
*******************************/
/*-------------------
         View
--------------------*/
/* List */
/* List Item */
/* Sub List */
/* Sub List Item */
/*-------------------
      Elements
--------------------*/
/* Icon */
/* Image */
/* Content */
/* Header */
/* Description */
/* Link */
/* Header Link */
/* Linked Icon */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Float */
/* Horizontal */
/* Inverted */
/* Link List */
/* Inverted Link List */
/* Selection List */
/* Selection List States */
/* Inverted Selection List */
/* Animated List */
/* Bulleted */
/* Horizontal Bullets */
/* Ordered List */
/* Horizontal Ordered */
/* Divided */
/* Divided Horizontal */
/* Divided */
/* Divided Horizontal */
/* Relaxed */
/* Very Relaxed */
/* Packaged Theme */
/*******************************
             List
*******************************/
/*-------------------
         View
--------------------*/
/* List */
/* List Item */
/* Sub List */
/* Sub List Item */
/*-------------------
      Elements
--------------------*/
/* Icon */
/* Image */
/* Content */
/* Header */
/* Description */
/* Link */
/* Header Link */
/* Linked Icon */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Float */
/* Horizontal */
/* Inverted */
/* Link List */
/* Inverted Link List */
/* Selection List */
/* Selection List States */
/* Inverted Selection List */
/* Animated List */
/* Bulleted */
/* Horizontal Bullets */
/* Ordered List */
/* Horizontal Ordered */
/* Divided */
/* Divided Horizontal */
/* Divided */
/* Divided Horizontal */
/* Relaxed */
/* Very Relaxed */
/* Site Theme */
/*******************************
             List
*******************************/
/*-------------------
         View
--------------------*/
/* List */
/* List Item */
/* Sub List */
/* Sub List Item */
/*-------------------
      Elements
--------------------*/
/* Icon */
/* Image */
/* Content */
/* Header */
/* Description */
/* Link */
/* Header Link */
/* Linked Icon */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Float */
/* Horizontal */
/* Inverted */
/* Link List */
/* Inverted Link List */
/* Selection List */
/* Selection List States */
/* Inverted Selection List */
/* Animated List */
/* Bulleted */
/* Horizontal Bullets */
/* Ordered List */
/* Horizontal Ordered */
/* Divided */
/* Divided Horizontal */
/* Divided */
/* Divided Horizontal */
/* Relaxed */
/* Very Relaxed */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            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.3em 0em;
  line-height: 1.5em;
}
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.2em 0em;
  line-height: inherit;
}
/* Icon */
.ui.list .list > .item > i.icon,
.ui.list > .item > i.icon {
  display: table-cell;
  margin: 0em;
  padding-top: 0.25em;
  padding-right: 0.4em;
  vertical-align: top;
  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.5em;
}
.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;
  width: 100%;
  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;
  width: auto;
}
.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-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-weight: bold;
  color: #b2b8b8;
}
/* 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: #2b8679;
}
.ui.list .list > a.item:hover,
.ui.list > a.item:hover {
  color: #37b8b5;
}
/* 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: #2b8679 !important;
}
.ui.list .list > .item a.header:hover,
.ui.list > .item a.header:hover {
  color: #37b8b5 !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.3em 0em;
  line-height: 1.5em;
}
.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.3em;
  padding-bottom: 0.3em;
}
/* 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: #6c7373 !important;
}
/*-------------------
        Hover
--------------------*/
.ui.list .list > a.item:hover .icon,
.ui.list > a.item:hover .icon {
  color: #b2b8b8;
}
/*******************************
           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: #ffffff;
}
.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: #ffffff;
}
.ui.inverted.list .list > a.item:hover,
.ui.inverted.list > a.item:hover {
  color: #37b8b5;
}
/* Linking Content */
.ui.inverted.list .item a:not(.ui) {
  color: #ffffff !important;
}
.ui.inverted.list .item a:not(.ui):hover {
  color: #37b8b5 !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);
  transition: 0.1s color ease;
}
.ui.link.list.list a.item:hover,
.ui.link.list.list .item a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.link.list.list a.item:active,
.ui.link.list.list .item a:not(.ui):active {
  color: rgba(0, 0, 0, 0.9);
}
.ui.link.list.list .active.item,
.ui.link.list.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.list a.item:hover,
.ui.inverted.link.list.list .item a:not(.ui):hover {
  color: #ffffff;
}
.ui.inverted.link.list.list a.item:active,
.ui.inverted.link.list.list .item a:not(.ui):active {
  color: #ffffff;
}
.ui.inverted.link.list.list a.active.item,
.ui.inverted.link.list.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;
  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 {
  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 {
  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: #b2b8b8;
}
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: #b2b8b8;
}
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;
  user-select: none;
  pointer-events: none;
  margin-left: -1.25rem;
  counter-increment: ordered;
  content: counters(ordered, ".") " ";
  text-align: right;
  color: #b2b8b8;
  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 #d4d9d9;
}
.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.3em;
}
.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 #d4d9d9;
  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 #d4d9d9;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.celled.list > .item:last-child {
  border-bottom: 1px solid #d4d9d9;
}
/* Padding on all elements */
.ui.celled.list > .item:first-child,
.ui.celled.list > .item:last-child {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
/* 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.3em;
}
/* 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.3em;
}
.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 #d4d9d9;
  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 #d4d9d9;
}
/* 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.6em;
}
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.6em;
}
.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: 1.2em;
}
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 1.2em;
}
.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: 1em;
}
.ui.tiny.list {
  font-size: 1.1em;
}
.ui.small.list {
  font-size: 1.2em;
}
.ui.list {
  font-size: 1.3em;
}
.ui.large.list {
  font-size: 1.5em;
}
.ui.big.list {
  font-size: 1.7em;
}
.ui.huge.list {
  font-size: 1.8em;
}
.ui.massive.list {
  font-size: 2.4em;
}
.ui.mini.horizontal.list .list > .item,
.ui.mini.horizontal.list > .item {
  font-size: 1rem;
}
.ui.tiny.horizontal.list .list > .item,
.ui.tiny.horizontal.list > .item {
  font-size: 1.1rem;
}
.ui.small.horizontal.list .list > .item,
.ui.small.horizontal.list > .item {
  font-size: 1.2rem;
}
.ui.horizontal.list .list > .item,
.ui.horizontal.list > .item {
  font-size: 1.3rem;
}
.ui.large.horizontal.list .list > .item,
.ui.large.horizontal.list > .item {
  font-size: 1.5rem;
}
.ui.big.horizontal.list .list > .item,
.ui.big.horizontal.list > .item {
  font-size: 1.7rem;
}
.ui.huge.horizontal.list .list > .item,
.ui.huge.horizontal.list > .item {
  font-size: 1.8rem;
}
.ui.massive.horizontal.list .list > .item,
.ui.massive.horizontal.list > .item {
  font-size: 2.4rem;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
.ui.mini.list {
  font-size: 1rem;
}
.ui.tiny.list {
  font-size: 1.1rem;
}
.ui.small.list {
  font-size: 1.2rem;
}
.ui.list {
  font-size: 1.3rem;
}
.ui.large.list {
  font-size: 1.5rem;
}
.ui.big.list {
  font-size: 1.7rem;
}
.ui.huge.list {
  font-size: 1.8rem;
}
.ui.massive.list {
  font-size: 2.4rem;
}
/*!
 * # Semantic UI - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Loader
*******************************/
/* Some global loader styles defined in site.variables */
/*-------------------
      Standard
--------------------*/
/*-------------------
        Types
--------------------*/
/* Text */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Exact Sizes (Avoids Rounding Errors) */
/* Packaged Theme */
/*******************************
             Loader
*******************************/
/* Some global loader styles defined in site.variables */
/*-------------------
      Standard
--------------------*/
/*-------------------
        Types
--------------------*/
/* Text */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Exact Sizes (Avoids Rounding Errors) */
/* Site Theme */
/*******************************
             Loader
*******************************/
/* Some global loader styles defined in site.variables */
/*-------------------
      Standard
--------------------*/
/*-------------------
        Types
--------------------*/
/* Text */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Exact Sizes (Avoids Rounding Errors) */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Loader
*******************************/
/* Standard Size */
.ui.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  text-align: center;
  z-index: 1000;
  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.3rem solid rgba(0, 0, 0, 0.15);
}
/* Active Shape */
.ui.loader:after {
  position: absolute;
  content: '';
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  animation: loader 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
  border-width: 0.3rem;
  box-shadow: 0px 0px 0px 1px transparent;
}
/* Active Animation */
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Sizes */
.ui.mini.loader:before,
.ui.mini.loader:after {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0em 0em 0em -0.7rem;
}
.ui.tiny.loader:before,
.ui.tiny.loader:after {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0em 0em 0em -0.8rem;
}
.ui.small.loader:before,
.ui.small.loader:after {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0em 0em 0em -1.2rem;
}
.ui.loader:before,
.ui.loader:after {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0em 0em 0em -1.6rem;
}
.ui.large.loader:before,
.ui.large.loader:after {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0em 0em 0em -2.4rem;
}
.ui.big.loader:before,
.ui.big.loader:after {
  width: 5.2rem;
  height: 5.2rem;
  margin: 0em 0em 0em -2.6rem;
}
.ui.huge.loader:before,
.ui.huge.loader:after {
  width: 5.8rem;
  height: 5.8rem;
  margin: 0em 0em 0em -2.9rem;
}
.ui.massive.loader:before,
.ui.massive.loader:after {
  width: 6.4rem;
  height: 6.4rem;
  margin: 0em 0em 0em -3.2rem;
}
/*-------------------
      Coupling
--------------------*/
/* Show inside active dimmer */
.ui.dimmer .loader {
  display: block;
}
/* Black Dimmer */
.ui.dimmer .ui.loader {
  color: #ffffff;
}
.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: #b2b8b8;
}
.ui.inverted.dimmer .ui.loader:before {
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.inverted.dimmer .ui.loader:after {
  border-color: #77d3c6 transparent transparent;
}
/*******************************
             Types
*******************************/
/*-------------------
        Text
--------------------*/
.ui.text.loader {
  width: auto !important;
  height: auto !important;
  text-align: center;
  font-style: normal;
}
/*******************************
            States
*******************************/
.ui.indeterminate.loader:after {
  animation-direction: reverse;
  animation-duration: 3.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: 1.4rem;
  height: 1.4rem;
  font-size: 1em;
}
.ui.inverted.dimmer .ui.tiny.loader,
.ui.tiny.loader {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.1em;
}
.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.2em;
}
.ui.inverted.dimmer .ui.loader,
.ui.loader {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.3em;
}
.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
  width: 4.8rem;
  height: 4.8rem;
  font-size: 1.5em;
}
.ui.inverted.dimmer .ui.big.loader,
.ui.big.loader {
  width: 5.2rem;
  height: 5.2rem;
  font-size: 1.7em;
}
.ui.inverted.dimmer .ui.huge.loader,
.ui.huge.loader {
  width: 5.8rem;
  height: 5.8rem;
  font-size: 1.8em;
}
.ui.inverted.dimmer .ui.massive.loader,
.ui.massive.loader {
  width: 6.4rem;
  height: 6.4rem;
  font-size: 2.4em;
}
/* Text Loader */
.ui.mini.text.loader {
  min-width: 1.4rem;
  padding-top: 2.4rem;
}
.ui.tiny.text.loader {
  min-width: 1.6rem;
  padding-top: 2.6rem;
}
.ui.small.text.loader {
  min-width: 2.4rem;
  padding-top: 3.4rem;
}
.ui.text.loader {
  min-width: 3.2rem;
  padding-top: 4.2rem;
}
.ui.large.text.loader {
  min-width: 4.8rem;
  padding-top: 5.8rem;
}
.ui.big.text.loader {
  min-width: 5.2rem;
  padding-top: 6.2rem;
}
.ui.huge.text.loader {
  min-width: 5.8rem;
  padding-top: 6.8rem;
}
.ui.massive.text.loader {
  min-width: 6.4rem;
  padding-top: 7.4rem;
}
/*-------------------
       Inverted
--------------------*/
.ui.inverted.loader {
  color: #ffffff;
}
.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;
  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
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Reveal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Reveal
*******************************/
/* Types */
/* Packaged Theme */
/*******************************
            Reveal
*******************************/
/* Types */
/* Site Theme */
/*******************************
            Reveal
*******************************/
/* Types */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            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;
  transition: all 0.5s ease 0.2s;
}
.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%;
  white-space: normal;
  float: left;
  margin: 0em;
  transition: all 0.5s ease 0.2s;
}
.ui.slide.reveal > .visible.content {
  position: relative !important;
}
.ui.slide.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important;
  transform: translateX(100%) !important;
}
.ui.slide.active.reveal > .visible.content,
.ui.slide.reveal:hover > .visible.content {
  transform: translateX(-100%) !important;
}
.ui.slide.active.reveal > .hidden.content,
.ui.slide.reveal:hover > .hidden.content {
  transform: translateX(0%) !important;
}
.ui.slide.right.reveal > .visible.content {
  transform: translateX(0%) !important;
}
.ui.slide.right.reveal > .hidden.content {
  transform: translateX(-100%) !important;
}
.ui.slide.right.active.reveal > .visible.content,
.ui.slide.right.reveal:hover > .visible.content {
  transform: translateX(100%) !important;
}
.ui.slide.right.active.reveal > .hidden.content,
.ui.slide.right.reveal:hover > .hidden.content {
  transform: translateX(0%) !important;
}
.ui.slide.up.reveal > .hidden.content {
  transform: translateY(100%) !important;
}
.ui.slide.up.active.reveal > .visible.content,
.ui.slide.up.reveal:hover > .visible.content {
  transform: translateY(-100%) !important;
}
.ui.slide.up.active.reveal > .hidden.content,
.ui.slide.up.reveal:hover > .hidden.content {
  transform: translateY(0%) !important;
}
.ui.slide.down.reveal > .hidden.content {
  transform: translateY(-100%) !important;
}
.ui.slide.down.active.reveal > .visible.content,
.ui.slide.down.reveal:hover > .visible.content {
  transform: translateY(100%) !important;
}
.ui.slide.down.active.reveal > .hidden.content,
.ui.slide.down.reveal:hover > .hidden.content {
  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;
  white-space: normal;
  margin: 0em;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.2s;
}
.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 {
  transform: translateX(-100%) !important;
}
.ui.move.right.active.reveal > .visible.content,
.ui.move.right.reveal:hover > .visible.content {
  transform: translateX(100%) !important;
}
.ui.move.up.active.reveal > .visible.content,
.ui.move.up.reveal:hover > .visible.content {
  transform: translateY(-100%) !important;
}
.ui.move.down.active.reveal > .visible.content,
.ui.move.down.reveal:hover > .visible.content {
  transform: translateY(100%) !important;
}
/*--------------
     Rotate
---------------*/
.ui.rotate.reveal > .visible.content {
  transition-duration: 0.5s;
  transform: rotate(0deg);
}
.ui.rotate.reveal > .visible.content,
.ui.rotate.right.reveal > .visible.content {
  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 {
  transform: rotate(110deg);
}
.ui.rotate.left.reveal > .visible.content {
  transform-origin: bottom left;
}
.ui.rotate.left.active.reveal > .visible.content,
.ui.rotate.left.reveal:hover > .visible.content {
  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;
  transform: none !important;
}
.ui.disabled.reveal:hover > .hidden.hidden.content {
  display: none !important;
}
/*******************************
           Coupling
*******************************/
.ui.reveal > .ui.ribbon.label {
  z-index: 5;
}
/*******************************
           Variations
*******************************/
/*--------------
     Visible
---------------*/
.ui.visible.reveal {
  overflow: visible;
}
/*--------------
     Instant
---------------*/
.ui.instant.reveal > .content {
  transition-delay: 0s !important;
}
/*--------------
     Sizing
---------------*/
.ui.reveal > .content {
  font-size: 1.3rem !important;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
.ui.reveal > .content {
  font-size: 1rem !important;
}
.ui.reveal.slide {
  white-space: normal;
  transition: all 0.5s ease 0.2s;
  display: flex;
  overflow: visible !important;
}
.ui.reveal.slide.down:not(.active):hover > .ui.visible.content {
  transform: none !important;
}
.ui.reveal.slide.down:not(.active) > .hidden.content {
  margin-top: 0rem;
  overflow: hidden !important;
}
.ui.reveal.slide.down > .hidden.content {
  position: static !important;
  transform: none !important;
}
.ui.reveal.slide.down > .hidden.content.transitioning {
  overflow: hidden !important;
}
.ui.reveal.slide.down.active .hidden.content {
  display: block !important;
  transform: none !important;
}
.ui.reveal.slide.right > .hidden.content {
  display: block !important;
  z-index: 50 !important;
  position: absolute !important;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  visibility: hidden;
}
.ui.reveal.slide.right.active > .hidden.content {
  visibility: visible;
}
.ui.reveal.slide.right:hover > .hidden.content {
  transform: translateX(-100%) !important;
}
.ui.reveal.slide.right.active:hover > .hidden.content {
  transform: translateX(0) !important;
}
.ui.reveal.slide.left > .hidden.content {
  z-index: 50 !important;
  position: absolute !important;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  left: auto !important;
  right: 0;
}
.ui.reveal.slide.left:hover > .hidden.content {
  transform: translateX(100%) !important;
}
.ui.reveal.slide.left.active:hover > .hidden.content {
  transform: translateX(0) !important;
}
/*!
 * # Semantic UI - Segment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Segment
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Group
--------------------*/
/*-------------------
       Coupling
--------------------*/
/* Page Grid Segment */
/*******************************
            Types
*******************************/
/* Placeholder */
/* Piled */
/* Circular */
/* Stacked */
/*******************************
            States
*******************************/
/* Loading Dimmer */
/* Loading Spinner */
/*******************************
            Variations
*******************************/
/* Raised */
/* Padded */
/* Attached */
/* Inverted */
/* Floated */
/* Basic */
/* Colors */
/* Ordinality */
/* Packaged Theme */
/*******************************
            Segment
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Group
--------------------*/
/*-------------------
       Coupling
--------------------*/
/* Page Grid Segment */
/*******************************
            Types
*******************************/
/* Placeholder */
/* Piled */
/* Circular */
/* Stacked */
/*******************************
            States
*******************************/
/* Loading Dimmer */
/* Loading Spinner */
/*******************************
            Variations
*******************************/
/* Raised */
/* Padded */
/* Attached */
/* Inverted */
/* Floated */
/* Basic */
/* Colors */
/* Ordinality */
/* Site Theme */
/*******************************
            Segment
*******************************/
/*-------------------
       Element
--------------------*/
/* wayin updates */
/**/
/*-------------------
       Group
--------------------*/
/*-------------------
       Coupling
--------------------*/
/* Page Grid Segment */
/*******************************
            States
*******************************/
/* Loading Dimmer */
/* Loading Spinner */
/*******************************
            Variations
*******************************/
/* Piled */
/* Circular */
/* Stacked */
/* Raised */
/* Padded */
/* Attached */
/* Floated */
/* Basic */
/* Colors */
/* Ordinality */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Segment
*******************************/
.ui.segment {
  position: relative;
  background: transparent;
  box-shadow: none;
  margin: 0em 0em;
  padding: 0;
  border-radius: 0.2rem;
  border: none;
}
.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 #d4d9d9;
}
.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: 0em 0em;
  border-radius: 0.2rem;
}
/* Table */
.ui.basic.table.segment {
  background: transparent;
  border: none;
  box-shadow: none;
}
.ui[class*="very basic"].table.segment {
  padding: 0;
}
/*******************************
             Types
*******************************/
/*-------------------
     Placeholder
--------------------*/
.ui.placeholder.segment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: initial;
  animation: none;
  overflow: visible;
  padding: 0;
  min-height: 18rem;
  background: #f9fafb;
  border-color: #d4d9d9;
  box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
}
.ui.placeholder.segment .button,
.ui.placeholder.segment textarea {
  display: block;
}
.ui.placeholder.segment .field,
.ui.placeholder.segment textarea,
.ui.placeholder.segment > .ui.input,
.ui.placeholder.segment .button {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment .column .button,
.ui.placeholder.segment .column .field,
.ui.placeholder.segment .column textarea,
.ui.placeholder.segment .column > .ui.input {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment > .inline {
  align-self: center;
}
.ui.placeholder.segment > .inline > .button {
  display: inline-block;
  width: auto;
  margin: 0px 0.5rem 0px 0px;
}
.ui.placeholder.segment > .inline > .button:last-child {
  margin-right: 0px;
}
/*-------------------
        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: none;
  box-shadow: "";
}
.ui.piled.segments:before,
.ui.piled.segment:before {
  transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}
.ui.piled.segments:after,
.ui.piled.segment:after {
  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 #d4d9d9;
  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 #77d3c6;
}
/*-------------------
       Padded
--------------------*/
.ui.padded.segment {
  padding: 1.5em;
}
.ui[class*="very padded"].segment {
  padding: 3em;
}
/* Padded vertical */
.ui.padded.segment.vertical.segment,
.ui[class*="very padded"].vertical.segment {
  padding-left: 0px;
  padding-right: 0px;
}
/*-------------------
       Compact
--------------------*/
.ui.compact.segment {
  display: table;
}
/* Compact Group */
.ui.compact.segments {
  display: inline-flex;
}
.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  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 {
  flex-direction: column;
  position: relative;
  margin: 0em 0em;
  border: none;
  box-shadow: none;
  border-radius: 0.2rem;
}
.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: none;
}
.ui.segments:not(.horizontal) > .segment:first-child {
  border-top: none;
  margin-top: 0em;
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  border-radius: 0.2rem 0.2rem 0em 0em;
}
/* Bottom */
.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 0em;
  box-shadow: none, none;
  border-radius: 0em 0em 0.2rem 0.2rem;
}
/* Only */
.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.2rem;
}
/* Nested Group */
.ui.segments > .ui.segments {
  border-top: none;
  margin: 0em 0em;
}
.ui.segments > .segments:first-child {
  border-top: none;
}
.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0em;
}
/* Horizontal Group */
.ui.horizontal.segments {
  display: flex;
  flex-direction: row;
  border-radius: 0px;
  padding: 0em;
  background-color: transparent;
  box-shadow: none;
  margin: 0em 0em;
  border-radius: 0.2rem;
  border: none;
}
/* Nested Horizontal Group */
.ui.segments > .horizontal.segments {
  margin: 0em;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-top: none;
}
/* Horizontal Segment */
.ui.horizontal.segments > .segment {
  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 #d4d9d9;
}
/* 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: 1;
  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;
  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.2rem;
  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;
  animation: segment-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #77d3c6 rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-width: 0.3rem;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@keyframes segment-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    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 !important;
}
.ui.inverted.red.segment {
  background-color: #db2828 !important;
  color: #ffffff !important;
}
/* Orange */
.ui.orange.segment:not(.inverted) {
  border-top: 2px solid #f2711c !important;
}
.ui.inverted.orange.segment {
  background-color: #f2711c !important;
  color: #ffffff !important;
}
/* Yellow */
.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #fbbd08 !important;
}
.ui.inverted.yellow.segment {
  background-color: #fbbd08 !important;
  color: #ffffff !important;
}
/* Olive */
.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #b5cc18 !important;
}
.ui.inverted.olive.segment {
  background-color: #b5cc18 !important;
  color: #ffffff !important;
}
/* Green */
.ui.green.segment:not(.inverted) {
  border-top: 2px solid #21ba45 !important;
}
.ui.inverted.green.segment {
  background-color: #21ba45 !important;
  color: #ffffff !important;
}
/* Teal */
.ui.teal.segment:not(.inverted) {
  border-top: 2px solid #00b5ad !important;
}
.ui.inverted.teal.segment {
  background-color: #00b5ad !important;
  color: #ffffff !important;
}
/* Blue */
.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #2185d0 !important;
}
.ui.inverted.blue.segment {
  background-color: #2185d0 !important;
  color: #ffffff !important;
}
/* Violet */
.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6435c9 !important;
}
.ui.inverted.violet.segment {
  background-color: #6435c9 !important;
  color: #ffffff !important;
}
/* Purple */
.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #a333c8 !important;
}
.ui.inverted.purple.segment {
  background-color: #a333c8 !important;
  color: #ffffff !important;
}
/* Pink */
.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #e03997 !important;
}
.ui.inverted.pink.segment {
  background-color: #e03997 !important;
  color: #ffffff !important;
}
/* Brown */
.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #a5673f !important;
}
.ui.inverted.brown.segment {
  background-color: #a5673f !important;
  color: #ffffff !important;
}
/* Grey */
.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #767676 !important;
}
.ui.inverted.grey.segment {
  background-color: #767676 !important;
  color: #ffffff !important;
}
/* Black */
.ui.black.segment:not(.inverted) {
  border-top: 2px solid #1b1c1d !important;
}
.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: transparent;
  color: #ffffff;
}
/* Nested */
.ui.inverted.segment .segment {
  color: #b2b8b8;
}
.ui.inverted.segment .inverted.segment {
  color: #ffffff;
}
/* Attached */
.ui.inverted.attached.segment {
  border-color: #555555;
}
/*-------------------
     Emphasis
--------------------*/
/* Secondary */
.ui.secondary.segment {
  background: #f3f4f5;
  color: #6c7373;
}
.ui.secondary.inverted.segment {
  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  color: #b2b8b8;
}
/* Tertiary */
.ui.tertiary.segment {
  background: #dcddde;
  color: #6c7373;
}
.ui.tertiary.inverted.segment {
  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  color: #b2b8b8;
}
/*-------------------
      Attached
--------------------*/
/* Middle */
.ui.attached.segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% + --1px * 2);
  max-width: calc(100% + --1px * 2);
  box-shadow: none;
  border: 1px solid #6c87a1;
}
.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: 0em;
  border-radius: 0.2rem 0.2rem 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: 0em;
  box-shadow: none, none;
  border-radius: 0em 0em 0.2rem 0.2rem;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}
/*-------------------
        Size
--------------------*/
.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 1rem;
}
.ui.tiny.segments .segment,
.ui.tiny.segment {
  font-size: 1.1rem;
}
.ui.small.segments .segment,
.ui.small.segment {
  font-size: 1.2rem;
}
.ui.segments .segment,
.ui.segment {
  font-size: 1.3rem;
}
.ui.large.segments .segment,
.ui.large.segment {
  font-size: 1.5rem;
}
.ui.big.segments .segment,
.ui.big.segment {
  font-size: 1.7rem;
}
.ui.huge.segments .segment,
.ui.huge.segment {
  font-size: 1.8rem;
}
.ui.massive.segments .segment,
.ui.massive.segment {
  font-size: 2.4rem;
}
/*******************************
         Theme Overrides
*******************************/
.ui.segment.accent {
  background: #ffffff;
}
.ui.segment.accent.inverted {
  background: #505959;
}
.ui.segment.base {
  background: #d4d9d9;
}
.ui.segment.base.inverted {
  background: #394242;
}
/*!
 * # Semantic UI - Step
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Step
*******************************/
/*--------------
   Load Theme
---------------*/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Step
*******************************/
/*-------------------
       Group
--------------------*/
/*-------------------
      Element
--------------------*/
/* Icon */
/* Title */
/* Description */
/* Arrow */
/* Mobile */
/*-------------------
       Types
--------------------*/
/* Vertical */
/*-------------------
      Variations
--------------------*/
/*-------------------
       States
--------------------*/
/* Completed */
/* Hover */
/* Down */
/* Active */
/* Active + Hover */
/* Disabled */
/* Packaged Theme */
/*******************************
             Step
*******************************/
/*-------------------
       Group
--------------------*/
/*-------------------
      Element
--------------------*/
/* Icon */
/* Title */
/* Description */
/* Arrow */
/* Mobile */
/*-------------------
       Types
--------------------*/
/* Vertical */
/*-------------------
      Variations
--------------------*/
/*-------------------
       States
--------------------*/
/* Completed */
/* Hover */
/* Down */
/* Active */
/* Active + Hover */
/* Disabled */
/* Site Theme */
/*******************************
             Step
*******************************/
/*-------------------
       Group
--------------------*/
/*-------------------
      Element
--------------------*/
/* Icon */
/* Title */
/* Description */
/* Arrow */
/* Mobile */
/*-------------------
       Types
--------------------*/
/* Vertical */
/*-------------------
      Variations
--------------------*/
/*-------------------
       States
--------------------*/
/* Completed */
/* Hover */
/* Down */
/* Active */
/* Active + Hover */
/* Disabled */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Plural
*******************************/
.ui.steps {
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  margin: 1em 0em;
  background: "";
  box-shadow: none;
  line-height: 1.5em;
  border-radius: 0.2rem;
  border: 1px solid #d4d9d9;
}
/* 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: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
  flex-direction: row;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin: 0em 0em;
  padding: 1.5em 2em;
  background: #ffffff;
  color: #b2b8b8;
  box-shadow: none;
  border-radius: 0em;
  border: none;
  border-right: 1px solid #d4d9d9;
  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.5em;
  height: 1.5em;
  border-style: solid;
  border-color: #d4d9d9;
  border-width: 0px 1px 1px 0px;
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
/* First Step */
.ui.steps .step:first-child {
  padding-left: 2em;
  border-radius: 0.2rem 0em 0em 0.2rem;
}
/* Last Step */
.ui.steps .step:last-child {
  border-radius: 0em 0.2rem 0.2rem 0em;
}
.ui.steps .step:last-child {
  border-right: none;
  margin-right: 0em;
}
/* Only Step */
.ui.steps .step:only-child {
  border-radius: 0.2rem;
}
/*******************************
            Content
*******************************/
/* Title */
.ui.steps .step .title {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-size: 1.5em;
  font-weight: bold;
}
.ui.steps .step > .title {
  width: 100%;
}
/* Description */
.ui.steps .step .description {
  font-weight: normal;
  font-size: 1.2em;
  color: #b2b8b8;
}
.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;
  flex: 0 1 auto;
  align-self: middle;
}
.ui.steps .step > .icon ~ .content {
  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, ".");
  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;
  align-self: middle;
}
/*--------------
    Vertical
---------------*/
.ui.vertical.steps {
  display: inline-flex;
  flex-direction: column;
  overflow: visible;
}
.ui.vertical.steps .step {
  justify-content: flex-start;
  border-radius: 0em;
  padding: 1.5em 2em;
  border-right: none;
  border-bottom: 1px solid #d4d9d9;
}
.ui.vertical.steps .step:first-child {
  padding: 1.5em 2em;
  border-radius: 0.2rem 0.2rem 0em 0em;
}
.ui.vertical.steps .step:last-child {
  border-bottom: none;
  border-radius: 0em 0em 0.2rem 0.2rem;
}
.ui.vertical.steps .step:only-child {
  border-radius: 0.2rem;
}
/* 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:not(.unstackable) {
    display: inline-flex;
    overflow: visible;
    flex-direction: column;
  }
  .ui.steps:not(.unstackable) .step {
    width: 100% !important;
    flex-direction: column;
    border-radius: 0em;
    padding: 1.5em 2em;
  }
  .ui.steps:not(.unstackable) .step:first-child {
    padding: 1.5em 2em;
    border-radius: 0.2rem 0.2rem 0em 0em;
  }
  .ui.steps:not(.unstackable) .step:last-child {
    border-radius: 0em 0em 0.2rem 0.2rem;
  }
  /* Arrow */
  .ui.steps:not(.unstackable) .step:after {
    display: none !important;
  }
  /* Content */
  .ui.steps:not(.unstackable) .step .content {
    text-align: center;
  }
  /* Icon */
  .ui.steps:not(.unstackable) .step > .icon,
  .ui.ordered.steps:not(.unstackable) .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: #2b8679;
}
.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: #b2b8b8;
}
/* 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: inline-flex;
    overflow: visible;
    flex-direction: column;
  }
  /* Steps */
  .ui[class*="tablet stackable"].steps .step {
    flex-direction: column;
    border-radius: 0em;
    padding: 1.5em 2em;
  }
  .ui[class*="tablet stackable"].steps .step:first-child {
    padding: 1.5em 2em;
    border-radius: 0.2rem 0.2rem 0em 0em;
  }
  .ui[class*="tablet stackable"].steps .step:last-child {
    border-radius: 0em 0em 0.2rem 0.2rem;
  }
  /* 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: flex;
  width: 100%;
}
/*--------------
    Attached
---------------*/
/* Top */
.ui.attached.steps {
  width: calc(100% + --1px * 2) !important;
  margin: 0em -1px 0;
  max-width: calc(100% + --1px * 2);
  border-radius: 0.2rem 0.2rem 0em 0em;
}
.ui.attached.steps .step:first-child {
  border-radius: 0.2rem 0em 0em 0em;
}
.ui.attached.steps .step:last-child {
  border-radius: 0em 0.2rem 0em 0em;
}
/* Bottom */
.ui.bottom.attached.steps {
  margin: 0 -1px 0em;
  border-radius: 0em 0em 0.2rem 0.2rem;
}
.ui.bottom.attached.steps .step:first-child {
  border-radius: 0em 0em 0em 0.2rem;
}
.ui.bottom.attached.steps .step:last-child {
  border-radius: 0em 0em 0.2rem 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 {
  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: 1rem;
}
.ui.tiny.steps .step,
.ui.tiny.step {
  font-size: 1.1rem;
}
.ui.small.steps .step,
.ui.small.step {
  font-size: 1.2rem;
}
.ui.steps .step,
.ui.step {
  font-size: 1.3rem;
}
.ui.large.steps .step,
.ui.large.step {
  font-size: 1.5rem;
}
.ui.big.steps .step,
.ui.big.step {
  font-size: 1.7rem;
}
.ui.huge.steps .step,
.ui.huge.step {
  font-size: 1.8rem;
}
.ui.massive.steps .step,
.ui.massive.step {
  font-size: 2.4rem;
}
/*******************************
         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';
  /* '' */
}
/*******************************
         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';
  /* '' */
}
/* Collections */
/*!
 * # Semantic UI - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Form
*******************************/
/*-------------------
       Elements
--------------------*/
/* Form */
/* Text */
/* Field */
/* Fields */
/* Form Label */
/* Input */
/* Select */
/* Text Area */
/* Checkbox */
/* Inline Validation Prompt */
/*-------------------
        States
--------------------*/
/* Focus */
/* Input Focus */
/* Text Area Focus */
/* Disabled */
/* Errored Input */
/* AutoFill */
/* Input Error */
/* Dropdown Error */
/* Focused Error */
/* Placeholder Error */
/* Loading Dimmer */
/* Loading Spinner */
/*-------------------
        Types
--------------------*/
/* Required */
/* Inverted */
/*-------------------
      Variations
--------------------*/
/* Grouped Fields */
/* Inline */
/*-------------------
       Groups
--------------------*/
/* Packaged Theme */
/*******************************
             Form
*******************************/
/*-------------------
       Elements
--------------------*/
/* Form */
/* Text */
/* Field */
/* Fields */
/* Form Label */
/* Input */
/* Select */
/* Text Area */
/* Checkbox */
/* Inline Validation Prompt */
/*-------------------
        States
--------------------*/
/* Focus */
/* Input Focus */
/* Text Area Focus */
/* Disabled */
/* Errored Input */
/* AutoFill */
/* Input Error */
/* Dropdown Error */
/* Focused Error */
/* Placeholder Error */
/* Loading Dimmer */
/* Loading Spinner */
/*-------------------
        Types
--------------------*/
/* Required */
/* Inverted */
/*-------------------
      Variations
--------------------*/
/* Grouped Fields */
/* Inline */
/*-------------------
       Groups
--------------------*/
/* Site Theme */
/*******************************
             Form
*******************************/
/*-------------------
       Elements
--------------------*/
/* Form */
/* Text */
/* Field */
/* Fields */
/* Form Label */
/* Input */
/* Select */
/* Text Area */
/* Checkbox */
/* Inline Validation Prompt */
/*-------------------
        States
--------------------*/
/* Focus */
/* Input Focus */
/* Text Area Focus */
/* Disabled */
/* Errored Input */
/* AutoFill */
/* Input Error */
/* Dropdown Error */
/* Focused Error */
/* Placeholder Error */
/* Loading Dimmer */
/* Loading Spinner */
/*-------------------
        Types
--------------------*/
/* Required */
/* Inverted */
/*-------------------
      Variations
--------------------*/
/* Grouped Fields */
/* Inline */
/*-------------------
       Groups
--------------------*/
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            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.4rem 0em;
  color: #b2b8b8;
  font-size: 1.2em;
  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="file"],
.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: 2;
}
.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="file"],
.ui.form input[type="url"] {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 2;
  padding: -0.3em 0.7em;
  font-size: 1em;
  background: transparent;
  border: 1px solid #d4d9d9;
  color: #b2b8b8;
  border-radius: 0.2rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  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.2em 0.7em;
  background: transparent;
  border: 1px solid #d4d9d9;
  outline: none;
  color: #b2b8b8;
  border-radius: 0.2rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  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 #d4d9d9;
  border-radius: 0.2rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 0.7em;
  color: #b2b8b8;
  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 {
  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 #e84141 !important;
  color: #ee2f19 !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: #b2b8b8;
}
.ui.form :-ms-input-placeholder {
  color: #b2b8b8 !important;
}
.ui.form ::-moz-placeholder {
  color: #b2b8b8;
}
.ui.form :focus::-webkit-input-placeholder {
  color: #b2b8b8;
}
.ui.form :focus:-ms-input-placeholder {
  color: #b2b8b8 !important;
}
.ui.form :focus::-moz-placeholder {
  color: #b2b8b8;
}
/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #fcdbd7;
}
.ui.form .error :-ms-input-placeholder {
  color: #fcdbd7 !important;
}
.ui.form .error ::-moz-placeholder {
  color: #fcdbd7;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #f9b0a7;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #f9b0a7 !important;
}
.ui.form .error :focus::-moz-placeholder {
  color: #f9b0a7;
}
/*--------------------
        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="file"]:focus,
.ui.form input[type="url"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #3ec0ad;
  border-radius: 0.2rem;
  background: transparent;
  box-shadow: 0px 0em 0em 0em #77d3c6 inset;
}
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: #3ec0ad;
  border-radius: 0.2rem;
  background: transparent;
  box-shadow: 0px 0em 0em 0em #77d3c6 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: 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: 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: 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: #ee2f19;
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: #ee2f19;
  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="file"],
.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="file"],
.ui.form .field.error input[type="url"] {
  background: transparent;
  border-color: #e84141;
  color: #ee2f19;
  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="file"]:focus,
.ui.form .field.error input[type="url"]:focus {
  background: transparent;
  border-color: #e84141;
  color: #ee2f19;
  -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: transparent;
  color: #ee2f19;
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
  border-color: #e84141 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
  border-color: #e84141 !important;
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
  border-color: #e84141;
}
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: #ee2f19;
}
/* 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: #ee2f19;
}
.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: transparent;
  border-color: #e84141;
}
.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: #ee2f19;
}
/*--------------------
       Disabled
---------------------*/
.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
  pointer-events: none;
  opacity: 1;
}
.ui.form .field.disabled > label,
.ui.form .fields.disabled > label {
  opacity: 1;
}
.ui.form .field.disabled :disabled {
  opacity: 1;
}
/*--------------
    Loading
---------------*/
.ui.loading.form {
  position: relative;
  cursor: default;
  pointer-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;
  animation: form-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #77d3c6 rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-width: 0.3rem;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@keyframes form-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    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: #ffffff;
}
/* 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="file"],
.ui.inverted.form input[type="url"] {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.1);
  color: #b2b8b8;
  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.4rem 0em;
  color: #b2b8b8;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 1.75em 0em;
  padding: 0em;
}
/*--------------------
        Fields
---------------------*/
/* Split fields */
.ui.form .fields {
  display: flex;
  flex-direction: row;
  margin: 0em -0.5em 1em;
}
.ui.form .fields > .field {
  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 {
    flex-wrap: wrap;
  }
  .ui[class*="equal width"].form:not(.unstackable) .fields > .field,
  .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .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:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .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%;
  flex: 1 1 auto;
}
/*--------------------
    Inline Fields
---------------------*/
.ui.form .inline.fields {
  margin: 0em 0em 1em;
  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: 1.2em;
  font-weight: bold;
  color: #b2b8b8;
  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: 1.3em;
}
/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0em 1.1em 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: flex;
  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: 1rem;
}
.ui.tiny.form {
  font-size: 1.1rem;
}
.ui.small.form {
  font-size: 1.2rem;
}
.ui.form {
  font-size: 1.3rem;
}
.ui.large.form {
  font-size: 1.5rem;
}
.ui.big.form {
  font-size: 1.7rem;
}
.ui.huge.form {
  font-size: 1.8rem;
}
.ui.massive.form {
  font-size: 2.4rem;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Grid
*******************************/
/* Inherited From Site */
/*******************************
            Grid
*******************************/
/*******************************
           Variations
*******************************/
/*--------------
     Relaxed
---------------*/
/*--------------
     Divided
---------------*/
/*--------------
    Celled
---------------*/
/*--------------
    Stackable
---------------*/
/*******************************
             Legacy
*******************************/
/*--------------
     Page
---------------*/
/* Legacy (DO NOT USE)
 */
/* Packaged Theme */
/*******************************
             Grid
*******************************/
/* Inherited From Site */
/*******************************
            Grid
*******************************/
/*******************************
           Variations
*******************************/
/*--------------
     Relaxed
---------------*/
/*--------------
     Divided
---------------*/
/*--------------
    Celled
---------------*/
/*--------------
    Stackable
---------------*/
/*******************************
             Legacy
*******************************/
/*--------------
     Page
---------------*/
/* Legacy (DO NOT USE)
 */
/* Site Theme */
/*******************************
             Grid
*******************************/
/* Inherited From Site */
/*******************************
            Grid
*******************************/
/*******************************
           Variations
*******************************/
/*--------------
     Relaxed
---------------*/
/*--------------
     Divided
---------------*/
/*--------------
    Celled
---------------*/
/*--------------
    Stackable
---------------*/
/*******************************
             Legacy
*******************************/
/*--------------
     Page
---------------*/
/* Legacy (DO NOT USE)
 */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Standard
*******************************/
.ui.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  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: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: inherit;
  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 {
  flex-grow: 1;
  margin: 1rem 1rem;
}
.ui.grid .column + .ui.vertical.divider {
  height: calc(50% - (2rem / 2));
}
/* 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;
  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 #d4d9d9;
}
/* 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 #d4d9d9;
}
.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 #d4d9d9;
}
/* 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 #e8ebeb;
}
.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 #e8ebeb;
}
/* 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: 2.5rem;
  margin-right: 2.5rem;
  width: calc(100% - 5rem);
}
/*----------------------
         Celled
-----------------------*/
.ui.celled.grid {
  width: 100%;
  margin: 1em 0em;
  box-shadow: 0px 0px 0px 1px #d4d9d9;
}
.ui.celled.grid > .row {
  width: 100% !important;
  margin: 0em;
  padding: 0em;
  box-shadow: 0px -1px 0px 0px #d4d9d9;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  box-shadow: -1px 0px 0px 0px #d4d9d9;
}
.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 {
  flex-direction: column;
  vertical-align: top;
  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 {
  flex-direction: column;
  vertical-align: middle;
  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 {
  flex-direction: column;
  vertical-align: bottom;
  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: inline-flex !important;
  align-self: stretch;
  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 > * {
  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.column {
  text-align: left;
  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.column {
  text-align: center;
  align-self: inherit;
}
.ui[class*="center aligned"].grid {
  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.column {
  text-align: right;
  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.column {
  text-align: justify;
  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;
  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 {
  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 {
    flex-direction: row-reverse;
  }
  .ui[class*="mobile vertically reversed"].grid,
  .ui.stackable[class*="mobile reversed"] {
    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 #d4d9d9;
  }
  .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 #d4d9d9;
  }
  .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 #d4d9d9;
  }
  .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 {
    flex-direction: row-reverse;
  }
  .ui[class*="tablet vertically reversed"].grid {
    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 #d4d9d9;
  }
  .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 #d4d9d9;
  }
  .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 #d4d9d9;
  }
  .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 {
    flex-direction: row-reverse;
  }
  .ui[class*="computer vertically reversed"].grid {
    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 #d4d9d9;
  }
  .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 #d4d9d9;
  }
  .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 #d4d9d9;
  }
  .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 #d4d9d9;
    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
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*
  If you change the gutter padding then you need you tweak the calculation in layout.js:onMeasure
*/
.ck.ui.grid {
  /*----------------------
          Padded
  -----------------------*/
  /*
    Semantic does this whenever a color is applied at the column level so it takes up full height.
    Seemed more deterministic to have this always be the case, but if causes bugs could be scoped
      to just when colors are present (though that doesn't solve the bug) since color could still
      be present under those conditions.
  */
  /* Swap from padding to margin on columns to have dividers align */
  /* Row Based Overrides
    This is because Layout defaults to columns=equal and semantic doesn't expect this
    This allows the row overrides to take effect even when grids have their default
  */
}
.ck.ui.grid.layout-fluid-height {
  height: 100%;
}
.ck.ui.grid.celled {
  margin: 0;
}
.ck.ui.grid.celled > .row {
  padding: 1rem 0;
}
.ck.ui.grid.padding-none {
  margin: 0 !important;
}
.ck.ui.grid.padding-small {
  margin: 1rem !important;
}
.ck.ui.grid.padding-medium {
  margin: 2rem !important;
}
.ck.ui.grid.padding-large {
  margin: 4rem !important;
}
.ck.ui.grid.padding-vertical-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.ck.ui.grid.padding-vertical-small {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.ck.ui.grid.padding-vertical-medium {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.ck.ui.grid.padding-vertical-large {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.ck.ui.grid.padding-horizontal-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ck.ui.grid.padding-horizontal-small {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.ck.ui.grid.padding-horizontal-medium {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.ck.ui.grid.padding-horizontal-large {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.ck.ui.grid.inverted {
  /* First Row Vertically Divided */
}
.ck.ui.grid.inverted.celled:not(.internally) {
  box-shadow: 0px 0px 0px 1px #3a6682;
}
.ck.ui.grid.inverted.celled > .row {
  box-shadow: 0 -1px 0 0 #3a6682;
}
.ck.ui.grid.inverted.celled > .column:not(.row),
.ck.ui.grid.inverted.celled > .row > .column {
  box-shadow: -1px 0px 0px 0px #3a6682;
}
.ck.ui.grid.inverted.celled > .column:first-child,
.ck.ui.grid.inverted.celled > .row > .column:first-child {
  box-shadow: none;
}
.ck.ui.grid.inverted[class*='internally celled'].grid > .row:first-child,
.ck.ui.grid.inverted[class*='internally celled'].grid > .row > .column:first-child {
  box-shadow: none;
}
.ck.ui.grid.inverted[class*='vertically divided'] > .row:first-child:before {
  box-shadow: none;
}
.ck.ui.grid .row.white,
.ck.ui.grid .column.white {
  background-color: #ffffff;
}
.ck.ui.grid .row.base,
.ck.ui.grid .column.base {
  background-color: #d4d9d9;
}
.ck.ui.grid .row.accent,
.ck.ui.grid .column.accent {
  background-color: #ffffff;
}
.ck.ui.grid .row.inverted.base,
.ck.ui.grid .column.inverted.base {
  background-color: #394242;
}
.ck.ui.grid .row.inverted.accent,
.ck.ui.grid .column.inverted.accent {
  background-color: #505959;
}
.ck.ui.grid > .row > .column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ck.ui.grid[class*='vertically divided'] > .column:not(.row),
.ck.ui.grid[class*='vertically divided'] > .row > .column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ck.ui.grid[class*='vertically divided'] > .row:before {
  margin: 0;
  width: 100%;
}
.ck.ui.grid.relaxed > .column:not(.row),
.ck.ui.grid.relaxed > .row > .column,
.ck.ui.grid > .relaxed.row > .column {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.ck.ui.grid[class*='very relaxed'].grid > .column:not(.row),
.ck.ui.grid[class*='very relaxed'].grid > .row > .column,
.ck.ui.grid > [class*='very relaxed'].row > .column {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.ck.ui.grid .row[class*='horizontally divided'] {
  box-shadow: 0 0.1rem 0 0 #d4d9d9;
}
.ck.ui.grid .row[class*='horizontally divided'] .column {
  box-shadow: none;
}
.ck.ui.grid .row[class*='horizontally divided'].inverted {
  box-shadow: 0 0.1rem 0 0 #3a6682;
}
.ck.ui.grid[class*='equal width'] > .row.column > .column {
  flex-grow: 0;
}
.ck.ui.grid .row > .column.centered-content {
  display: flex;
  align-items: center;
}
.ck.box {
  /* Height */
  /* Width */
  /* Flex */
  /* Flex Align */
  /* Flex Justify */
  /* Flex Direction */
  /* Flex Wrap */
  /* Color */
  /* Color Inverted */
  /* Position */
  /* Placement */
  /* Overflow */
  /* Gap */
  /* Padding */
  /* Margin */
  /* Flex Child */
}
.ck.box.height-full {
  height: 100%;
}
.ck.box.height-auto {
  height: auto;
}
.ck.box.height-viewport {
  height: 100vh;
}
.ck.box.height-max-full {
  max-height: 100%;
}
.ck.box.height-min-full {
  min-height: 100%;
}
.ck.box.height-min-0 {
  min-height: 0;
}
.ck.box.width-full {
  width: 100%;
}
.ck.box.width-auto {
  width: auto;
}
.ck.box.width-viewport {
  width: 100vw;
}
.ck.box.width-max-full {
  max-width: 100%;
}
.ck.box.width-min-full {
  min-width: 100%;
}
.ck.box.width-min-0 {
  min-width: 0;
}
.ck.box.flex {
  display: flex;
}
.ck.box.in-flex {
  display: inline-flex;
}
.ck.box.align-flex-start {
  align-items: flex-start;
}
.ck.box.align-center {
  align-items: center;
}
.ck.box.align-flex-end {
  align-items: flex-end;
}
.ck.box.justify-flex-start {
  justify-content: flex-start;
}
.ck.box.justify-flex-end {
  justify-content: flex-end;
}
.ck.box.justify-center {
  justify-content: center;
}
.ck.box.justify-space-between {
  justify-content: space-between;
}
.ck.box.direction-row {
  flex-direction: row;
}
.ck.box.direction-column {
  flex-direction: column;
}
.ck.box.flow-wrap {
  flex-flow: wrap;
}
.ck.box.color-white {
  background-color: #ffffff;
}
.ck.box.color-error {
  border-color: #ee2f19;
}
.ck.box.inverted.color-white {
  background-color: #394242;
}
.ck.box.position-relative {
  position: relative;
}
.ck.box.position-absolute {
  position: absolute;
}
.ck.box.position-fixed {
  position: fixed;
}
.ck.box.position-sticky {
  position: sticky;
}
.ck.box.placement-top-left {
  top: 0;
  left: 0;
}
.ck.box.placement-top-right {
  top: 0;
  right: 0;
}
.ck.box.placement-bottom-left {
  bottom: 0;
  left: 0;
}
.ck.box.placement-bottom-right {
  bottom: 0;
  right: 0;
}
.ck.box.placement-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ck.box.overflow-auto {
  overflow: auto;
}
.ck.box.overflow-hidden {
  overflow: hidden;
}
.ck.box.gap-small {
  gap: 0.5rem;
}
.ck.box.gap-medium {
  gap: 2rem;
}
.ck.box.gap-large {
  gap: 3rem;
}
.ck.box.padding-auto {
  padding: auto;
}
.ck.box.padding-0 {
  padding: 0;
}
.ck.box.padding-small {
  padding: 0.5rem;
}
.ck.box.padding-medium {
  padding: 2rem;
}
.ck.box.padding-large {
  padding: 3rem;
}
.ck.box.padding-left-auto {
  padding-left: auto;
}
.ck.box.padding-left-0 {
  padding-left: 0;
}
.ck.box.padding-left-small {
  padding-left: 0.5rem;
}
.ck.box.padding-left-medium {
  padding-left: 2rem;
}
.ck.box.padding-left-large {
  padding-left: 3rem;
}
.ck.box.padding-right-auto {
  padding-right: auto;
}
.ck.box.padding-right-0 {
  padding-right: 0;
}
.ck.box.padding-right-small {
  padding-right: 0.5rem;
}
.ck.box.padding-right-medium {
  padding-right: 2rem;
}
.ck.box.padding-right-large {
  padding-right: 3rem;
}
.ck.box.padding-top-auto {
  padding-top: auto;
}
.ck.box.padding-top-0 {
  padding-top: 0;
}
.ck.box.padding-top-small {
  padding-top: 0.5rem;
}
.ck.box.padding-top-medium {
  padding-top: 2rem;
}
.ck.box.padding-top-large {
  padding-top: 3rem;
}
.ck.box.padding-bottom-auto {
  padding-bottom: auto;
}
.ck.box.padding-bottom-0 {
  padding-bottom: 0;
}
.ck.box.padding-bottom-small {
  padding-bottom: 0.5rem;
}
.ck.box.padding-bottom-medium {
  padding-bottom: 2rem;
}
.ck.box.padding-bottom-large {
  padding-bottom: 2rem;
}
.ck.box.margin-auto {
  margin: auto;
}
.ck.box.margin-0 {
  margin: 0;
}
.ck.box.margin-small {
  margin: 0.5rem;
}
.ck.box.margin-medium {
  margin: 2rem;
}
.ck.box.margin-large {
  margin: 3rem;
}
.ck.box.margin-left-auto {
  margin-left: auto;
}
.ck.box.margin-left-0 {
  margin-left: 0;
}
.ck.box.margin-left-small {
  margin-left: 0.5rem;
}
.ck.box.margin-left-medium {
  margin-left: 2rem;
}
.ck.box.margin-left-large {
  margin-left: 3rem;
}
.ck.box.margin-right-auto {
  margin-right: auto;
}
.ck.box.margin-right-0 {
  margin-right: 0;
}
.ck.box.margin-right-small {
  margin-right: 0.5rem;
}
.ck.box.margin-right-medium {
  margin-right: 2rem;
}
.ck.box.margin-right-large {
  margin-right: 3rem;
}
.ck.box.margin-top-auto {
  margin-top: auto;
}
.ck.box.margin-top-0 {
  margin-top: 0;
}
.ck.box.margin-top-small {
  margin-top: 0.5rem;
}
.ck.box.margin-top-medium {
  margin-top: 2rem;
}
.ck.box.margin-top-large {
  margin-top: 3rem;
}
.ck.box.margin-bottom-auto {
  margin-bottom: auto;
}
.ck.box.margin-bottom-0 {
  margin-bottom: 0;
}
.ck.box.margin-bottom-small {
  margin-bottom: 0.5rem;
}
.ck.box.margin-bottom-medium {
  margin-bottom: 2rem;
}
.ck.box.margin-bottom-large {
  margin-bottom: 3rem;
}
.ck.box.flex-basis-auto {
  flex-basis: auto;
}
.ck.box.flex-grow-0 {
  flex-grow: 0;
}
.ck.box.flex-grow-1 {
  flex-grow: 1;
}
.ck.box.flex-shrink-0 {
  flex-shrink: 0;
}
.ck.box.flex-shrink-1 {
  flex-shrink: 1;
}
/*
 * # Semantic - Menu
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Menu
*******************************/
/*-------------------
      Collection
--------------------*/
/* Menu */
/* Menu Item */
/* Divider */
/* Sub Menu */
/* Text Item */
/*--------------
    Elements
---------------*/
/* Icon */
/* Dropdown Icon */
/* Header */
/* Vertical Icon */
/* Vertical Header */
/* Pointing Arrow */
/*--------------
    Couplings
---------------*/
/* Button */
/* Input */
/* Image */
/* Label */
/* Dropdown in Menu */
/* Dropdown Variations */
/*--------------
     States
---------------*/
/* Hovered Item */
/* Pressed Item */
/* Active Item */
/* Active Hovered Item */
/* Selected Dropdown */
/* Active Dropdown */
/* Active Sub Menu */
/*--------------
     Types
---------------*/
/* Vertical */
/* Secondary */
/* Pointing */
/* Inverted Secondary */
/* Inverted Pointing */
/* Tiered */
/* Icon */
/* Tabular */
/* Pagination */
/* Labeled Icon */
/* Text */
/*--------------
   Variations
---------------*/
/* Inverted */
/* Inverted Sub Menu */
/* Inverted Hover */
/* Pressed */
/* Inverted Active */
/* Inverted Active Hover  */
/* Inverted Menu Divider */
/* Inverted Colored */
/* Fixed */
/* Floated */
/* Attached */
/* Resize large sizes */
/* Sizes */
/* Packaged Theme */
/*******************************
             Menu
*******************************/
/*-------------------
      Collection
--------------------*/
/* Menu */
/* Menu Item */
/* Divider */
/* Sub Menu */
/* Text Item */
/*--------------
    Elements
---------------*/
/* Icon */
/* Dropdown Icon */
/* Header */
/* Vertical Icon */
/* Vertical Header */
/* Pointing Arrow */
/*--------------
    Couplings
---------------*/
/* Button */
/* Input */
/* Image */
/* Label */
/* Dropdown in Menu */
/* Dropdown Variations */
/*--------------
     States
---------------*/
/* Hovered Item */
/* Pressed Item */
/* Active Item */
/* Active Hovered Item */
/* Selected Dropdown */
/* Active Dropdown */
/* Active Sub Menu */
/*--------------
     Types
---------------*/
/* Vertical */
/* Secondary */
/* Pointing */
/* Inverted Secondary */
/* Inverted Pointing */
/* Tiered */
/* Icon */
/* Tabular */
/* Pagination */
/* Labeled Icon */
/* Text */
/*--------------
   Variations
---------------*/
/* Inverted */
/* Inverted Sub Menu */
/* Inverted Hover */
/* Pressed */
/* Inverted Active */
/* Inverted Active Hover  */
/* Inverted Menu Divider */
/* Inverted Colored */
/* Fixed */
/* Floated */
/* Attached */
/* Resize large sizes */
/* Sizes */
/* Site Theme */
/*******************************
             Menu
*******************************/
/*-------------------
      Collection
--------------------*/
/* Wayin Updates */
/* END Wayin Updates */
/* Menu */
/* Menu Item */
/* Divider */
/* Sub Menu */
/* Text Item */
/*--------------
    Elements
---------------*/
/* Icon */
/* Dropdown Icon */
/* Header */
/* Vertical Icon */
/* Vertical Header */
/* Pointing Arrow */
/*--------------
    Couplings
---------------*/
/* Button */
/* Input */
/* Image */
/* Label */
/* Dropdown in Menu */
/* Dropdown Variations */
/*--------------
     States
---------------*/
/* Hovered Item */
/* Pressed Item */
/* Active Item */
/* Active Hovered Item */
/* Selected Dropdown */
/* Active Dropdown */
/* Active Sub Menu */
/*--------------
     Types
---------------*/
/* Vertical */
/* Secondary */
/* Pointing */
/* Inverted Secondary */
/* Inverted Pointing */
/* Tiered */
/* Icon */
/* Tabular */
/* Pagination */
/* Labeled Icon */
/* Text */
/*--------------
   Variations
---------------*/
/* Inverted */
/* Inverted Sub Menu */
/* Inverted Hover */
/* Pressed */
/* Inverted Active */
/* Inverted Active Hover  */
/* Inverted Menu Divider */
/* Inverted Colored */
/* Fixed */
/* Floated */
/* Attached */
/* Resize large sizes */
/* Sizes */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Standard
*******************************/
/*--------------
      Menu
---------------*/
.ui.menu {
  display: flex;
  margin: 0.5em 0em;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  background: transparent;
  font-weight: normal;
  border: 1px solid #e8ebeb;
  box-shadow: 0px 1px 2px 0 #e8ebeb;
  border-radius: 0.2rem;
  min-height: 3em;
}
.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: flex;
}
/*--------------
      Item
---------------*/
.ui.menu:not(.vertical) .item {
  display: flex;
  align-items: center;
}
.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 auto;
  user-select: none;
  background: none;
  padding: 1em 1.1em;
  text-transform: none;
  color: #6c7373;
  font-weight: normal;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.ui.menu > .item:first-child {
  border-radius: 0.2rem 0px 0px 0.2rem;
}
/* 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 {
  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.5em 0em 0em;
}
/*--------------
     Button
---------------*/
.ui.menu:not(.vertical) .item > .button {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
  padding-bottom: 1em;
  padding-top: 1em;
  font-size: 1.3em;
}
/*----------------
 Grid / Container
-----------------*/
.ui.menu > .grid,
.ui.menu > .container {
  display: flex;
  align-items: 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: 1.3em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
/*--------------
     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: 1.3em;
  font-weight: bold;
}
/*--------------
    Dropdowns
---------------*/
/* Dropdown Icon */
.ui.menu .item > i.dropdown.icon {
  padding: 0em;
  float: right;
  margin: 0em 0em 0em 1em;
}
/* Menu */
.ui.menu .dropdown.item .menu {
  min-width: calc(100% - 1px);
  border-radius: 0em 0em 0.2rem 0.2rem;
  background: #ffffff;
  margin: 0em 0px 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  flex-direction: column !important;
}
/* Menu Items */
.ui.menu .ui.dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1.3em !important;
  padding: 1em 1.5em !important;
  background: transparent !important;
  color: #b2b8b8 !important;
  text-transform: none !important;
  font-weight: normal !important;
  box-shadow: none !important;
  transition: none !important;
}
.ui.menu .ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #77d3c6 !important;
}
.ui.menu .ui.dropdown .menu > .selected.item {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #77d3c6 !important;
}
.ui.menu .ui.dropdown .menu > .active.item {
  background: rgba(0, 0, 0, 0.03) !important;
  font-weight: bold !important;
  color: #77d3c6 !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: 1.3em !important;
  float: none;
  margin: 0em 0.75em 0em 0em !important;
}
/* Secondary */
.ui.secondary.menu .dropdown.item > .menu,
.ui.text.menu .dropdown.item > .menu {
  border-radius: 0.2rem;
  margin-top: 0.5em;
}
/* 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: #ffffff;
}
/* Vertical */
.ui.vertical.menu .dropdown.item > .icon {
  float: right;
  content: "\f0da";
  margin-left: 1em;
}
.ui.vertical.menu .dropdown.item .menu {
  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.2rem 0.2rem 0.2rem;
}
.ui.vertical.menu .dropdown.item.upward .menu {
  bottom: 0;
}
.ui.vertical.menu .dropdown.item:not(.upward) .menu {
  top: 0;
}
.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 1em;
}
.ui.vertical.menu .item > .label {
  background: #999999;
  color: #ffffff;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 0.3em 1em;
}
.ui.menu .item > .floating.label {
  padding: 0.3em 1em;
}
/*--------------
     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
*******************************/
/*--------------
     List
---------------*/
/* Menu divider shouldnt apply */
.ui.menu .list .item:before {
  background: none !important;
}
/*--------------
     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: transparent;
  color: #77d3c6;
}
/*--------------
     Pressed
---------------*/
.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
  background: transparent;
  color: #77d3c6;
}
/*--------------
     Active
---------------*/
.ui.menu .active.item {
  background: transparent;
  color: #77d3c6;
  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: transparent;
  color: #77d3c6;
}
/*--------------
     Disabled
---------------*/
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
  cursor: default !important;
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3) !important;
}
/*******************************
             Types
*******************************/
/*------------------
Floated Menu / Item
-------------------*/
/* Left Floated */
.ui.menu:not(.vertical) .left.item,
.ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
  display: flex;
  margin-right: auto !important;
}
/* Right Floated */
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
  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;
  flex-direction: column;
  background: transparent;
  box-shadow: none;
}
/*--- Item ---*/
.ui.vertical.menu .item {
  display: block;
  background: none;
  border-top: none;
  border-right: none;
}
.ui.vertical.menu > .item:first-child {
  border-radius: 0.2rem 0.2rem 0px 0px;
}
.ui.vertical.menu > .item:last-child {
  border-radius: 0px 0px 0.2rem 0.2rem;
}
/*--- 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.1em 0em;
}
.ui.vertical.menu .menu .item {
  background: none;
  padding: 0.5em 1em;
  font-size: 1em;
  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: transparent;
  border-radius: 0em;
  box-shadow: none;
}
.ui.vertical.menu > .active.item:first-child {
  border-radius: 0.2rem 0.2rem 0em 0em;
}
.ui.vertical.menu > .active.item:last-child {
  border-radius: 0em 0em 0.2rem 0.2rem;
}
.ui.vertical.menu > .active.item:only-child {
  border-radius: 0.2rem;
}
.ui.vertical.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.vertical.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: normal;
  color: #77d3c6;
}
/*--------------
     Tabular
---------------*/
.ui.tabular.menu {
  border-radius: 0em;
  box-shadow: none !important;
  border: none;
  background: none transparent;
  border-bottom: 1px solid #6c87a1;
}
.ui.tabular.fluid.menu {
  width: calc(100% + (1px * 2)) !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: 1em 1.8em;
  color: #6c7373;
}
.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: #77d3c6;
  border-top-width: 1px;
  border-color: #6c87a1;
  font-weight: bold;
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 0.2rem 0.2rem 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% + (1px * 2));
  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 #6c87a1;
}
.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: #77d3c6;
  border-color: #6c87a1;
  margin: -1px 0px 0px 0px;
  border-radius: 0px 0px 0.2rem 0.2rem !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 #6c87a1;
}
.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: #77d3c6;
  border-color: #6c87a1;
  margin: 0px -1px 0px 0px;
  border-radius: 0.2rem 0px 0px 0.2rem !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 #6c87a1;
}
.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: #77d3c6;
  border-color: #6c87a1;
  margin: 0px 0px 0px -1px;
  border-radius: 0px 0.2rem 0.2rem 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: inline-flex;
  vertical-align: middle;
}
.ui.pagination.menu .item:last-child {
  border-radius: 0em 0.2rem 0.2rem 0em;
}
.ui.compact.menu .item:last-child {
  border-radius: 0em 0.2rem 0.2rem 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: 1em;
  background-color: rgba(0, 0, 0, 0.05);
  color: #77d3c6;
  box-shadow: none;
}
/*--------------
   Secondary
---------------*/
.ui.secondary.menu {
  background: none;
  margin-left: -1.2rem;
  margin-right: -1.2rem;
  border-radius: 0em;
  border: none;
  box-shadow: none;
}
/* Item */
.ui.secondary.menu .item {
  align-self: center;
  box-shadow: none;
  border: none;
  padding: 2.1em 0;
  margin: 0em 1.2rem;
  background: none;
  transition: color 0.1s ease;
  border-radius: 0.2rem;
}
/* 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: #77d3c6;
}
/* Active */
.ui.secondary.menu .active.item {
  box-shadow: none;
  background: none;
  color: #3ec0ad;
  border-radius: 0.2rem;
}
/* Active Hover */
.ui.secondary.menu .active.item:hover {
  box-shadow: none;
  background: none;
  color: #3ec0ad;
}
/* Inverted */
.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
  color: #ffffff !important;
}
.ui.secondary.inverted.menu .dropdown.item:hover,
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
  background: none;
  color: #3ec0ad !important;
}
.ui.secondary.inverted.menu .active.item {
  background: none;
  color: #3ec0ad !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 -1.2em;
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
  margin: 0em;
  padding: 0.7em 1em;
}
/*---------------------
   Secondary Vertical
-----------------------*/
.ui.secondary.vertical.menu > .item {
  border: none;
  margin: 0em 0em 1.2rem;
  border-radius: 0.2rem !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: 0 solid #e8ebeb;
}
.ui.secondary.pointing.menu .item {
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-radius: 0em;
  align-self: flex-end;
  margin: 0em 0em 0;
  padding: 0 1.4em;
  border-bottom-width: 0;
  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: #3ec0ad;
}
/* 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: #e8ebeb;
}
/* Active */
.ui.secondary.pointing.menu .active.item {
  background-color: transparent;
  box-shadow: none;
  border-color: #77d3c6;
  font-weight: normal;
  color: #008582;
}
/* Active Hover */
.ui.secondary.pointing.menu .active.item:hover {
  border-color: #77d3c6;
  color: #008582;
}
/* 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: 0;
  border-right-style: solid;
  border-right-color: #e8ebeb;
}
.ui.secondary.vertical.pointing.menu .item {
  border-bottom: none;
  border-right-style: solid;
  border-right-color: transparent;
  border-radius: 0em !important;
  margin: 0em 0 0em 0em;
  border-right-width: 0;
}
/* Vertical Active */
.ui.secondary.vertical.pointing.menu .active.item {
  border-color: #77d3c6;
}
/* Inverted */
.ui.secondary.inverted.pointing.menu {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu {
  border-width: 0;
  border-color: #e8ebeb;
}
.ui.secondary.inverted.pointing.menu .item {
  color: #ffffff;
}
.ui.secondary.inverted.pointing.menu .header.item {
  color: #e8ebeb !important;
}
/* Hover */
.ui.secondary.inverted.pointing.menu .link.item:hover,
.ui.secondary.inverted.pointing.menu a.item:hover {
  color: #77d3c6;
}
/* Active */
.ui.secondary.inverted.pointing.menu .active.item {
  border-color: #77d3c6;
  color: #77d3c6;
}
/*--------------
    Text Menu
---------------*/
.ui.text.menu {
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  margin: 0.6em;
}
.ui.text.menu .item {
  border-radius: 0px;
  box-shadow: none;
  align-self: center;
  margin: 0em 0em;
  padding: 0.5em 0.7em;
  font-weight: normal;
  color: #394242;
  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: inherit;
  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: 1.3em 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.6em 0;
  padding-left: 0em;
  padding-right: 0em;
}
.ui.vertical.text.menu .item > i.icon {
  float: none;
  margin: 0em 0.5em 0em 0em;
}
.ui.vertical.text.menu .header.item {
  margin: 0.8em 0em 1em;
}
/* 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.7em 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: #77d3c6;
}
/*--- 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: #e8ebeb;
}
/*--------------
   Labeled Icon
---------------*/
/* Menu */
.ui.labeled.icon.menu {
  text-align: center;
}
/* Item */
.ui.labeled.icon.menu .item {
  min-width: 6em;
  flex-direction: column;
}
/* Icon */
.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
  height: 1em;
  display: block;
  font-size: 2.4em !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 {
    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;
  }
  .ui.stackable.menu .right.menu,
  .ui.stackable.menu .left.menu {
    flex-direction: column;
  }
}
/*--------------
     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: transparent;
  box-shadow: none;
}
/* Menu Item */
.ui.inverted.menu .item,
.ui.inverted.menu .item > a:not(.ui) {
  background: transparent;
  color: #2b8679;
}
.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: #6c7373;
}
/*--- 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: transparent;
  color: #77d3c6;
}
.ui.vertical.inverted.menu .item .menu a.item:hover,
.ui.vertical.inverted.menu .item .menu .link.item:hover {
  background: transparent;
  color: #77d3c6;
}
/*--- Pressed ---*/
.ui.inverted.menu a.item:active,
.ui.inverted.menu .link.item:active {
  background: transparent;
  color: #77d3c6;
}
/*--- Active ---*/
.ui.inverted.menu .active.item {
  background: transparent;
  color: #77d3c6 !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: transparent;
  color: #77d3c6 !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: 1em;
  padding-bottom: 1em;
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
  padding-left: 1.1em;
  padding-right: 1.1em;
}
/*--------------
   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: inline-flex;
  margin: 0em;
  vertical-align: middle;
}
.ui.compact.vertical.menu {
  display: inline-block;
}
.ui.compact.menu .item:last-child {
  border-radius: 0em 0.2rem 0.2rem 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;
  justify-content: center;
}
.ui.attached.item.menu {
  margin: 0em -1px !important;
}
.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%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: none;
  margin: 0.5px 0em 0em;
  width: 0.8em;
  height: 0.8em;
  border: none;
  border-bottom: 1px solid #6c87a1;
  border-right: 1px solid #6c87a1;
  z-index: 2;
  transition: background 0.1s ease;
}
.ui.vertical.pointing.menu .item:after {
  position: absolute;
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  margin: 0em -0.5px 0em 0em;
  border: none;
  border-top: 1px solid #6c87a1;
  border-right: 1px solid #6c87a1;
}
/* 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% + --1px * 2);
  max-width: calc(100% + --1px * 2);
  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: 0.5em;
  border-radius: 0.2rem 0.2rem 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: 0.5em;
  box-shadow: 0px 1px 2px 0 #e8ebeb, none;
  border-radius: 0em 0em 0.2rem 0.2rem;
}
.ui[class*="bottom attached"].menu:last-child {
  margin-bottom: 0em;
}
/* Attached Menu Item */
.ui.top.attached.menu > .item:first-child {
  border-radius: 0.2rem 0em 0em 0em;
}
.ui.bottom.attached.menu > .item:first-child {
  border-radius: 0em 0em 0em 0.2rem;
}
/* Tabular Attached */
.ui.attached.menu:not(.tabular) {
  border: 1px solid #6c87a1;
}
.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: 1.1rem;
}
.ui.mini.vertical.menu {
  width: 9rem;
}
/* Tiny */
.ui.tiny.menu {
  font-size: 1.2rem;
}
.ui.tiny.vertical.menu {
  width: 11rem;
}
/* Small */
.ui.small.menu {
  font-size: 1.3rem;
}
.ui.small.vertical.menu {
  width: 13rem;
}
/* Medium */
.ui.menu {
  font-size: 1.3rem;
}
.ui.vertical.menu {
  width: 15rem;
}
/* Large */
.ui.large.menu {
  font-size: 1.5rem;
}
.ui.large.vertical.menu {
  width: 18rem;
}
/* Huge */
.ui.huge.menu {
  font-size: 1.6rem;
}
.ui.huge.vertical.menu {
  width: 20rem;
}
/* Big */
.ui.big.menu {
  font-size: 1.7rem;
}
.ui.big.vertical.menu {
  width: 22rem;
}
/* Massive */
.ui.massive.menu {
  font-size: 1.8rem;
}
.ui.massive.vertical.menu {
  width: 25rem;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
.ck-menu-wrapper.ck-text-menu {
  height: auto;
}
.ck-menu-wrapper > .ui.label {
  display: block;
  font-weight: bold;
}
.ck-menu-wrapper.float-left {
  float: left;
}
.ck-menu-wrapper.float-right {
  float: right;
}
.ck-menu-wrapper.float-right > .ui.label,
.ck-menu-wrapper.float-right .ui.menu {
  margin: 0 0 0 0.5rem;
}
.ui.menu {
  border: none;
  box-shadow: none;
  font-size: 1.1rem;
  margin-top: 0;
  padding: 0;
}
.ui.menu hr {
  margin: 0;
}
.ui.menu.secondary.pointing {
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
}
.ui.menu .ck-popup-menu-text {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
}
.ui.menu .menu-item-divider {
  height: 0.1rem;
  border: none;
  border-style: none;
  background: #e8ebeb;
}
.ui.menu.vertical .menu-item-divider {
  margin-bottom: 2rem;
}
.ui.menu:not(.vertical) .menu-item-divider {
  display: flex;
  height: auto;
  width: 0.1rem;
  margin: 0 1.1em;
}
.ui.menu.inverted .menu-item-divider {
  border-color: #e8ebeb;
}
.ui.menu.secondary.pointing.vertical .menu-item-divider {
  display: none;
}
.ui.menu a.item,
.ui.menu.vertical a.item,
.ui.menu div.item > a,
.ui.menu.vertical div.item > a {
  color: #77d3c6;
}
.ui.menu.inverted a.item,
.ui.menu.vertical.inverted a.item,
.ui.menu.inverted div.item > a,
.ui.menu.vertical.inverted div.item > a {
  color: #ffffff;
}
.ui.menu.inverted .item > a:not(.ui),
.ui.menu.vertical.inverted .item > a:not(.ui) {
  color: #ffffff;
}
.ui.menu.secondary a.item:hover,
.ui.menu.secondary.pointing a.item:hover,
.ui.menu.secondary div.item:hover,
.ui.menu.secondary.pointing div.item:hover {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
  cursor: pointer;
}
.ui.menu.secondary a.item:hover .icon,
.ui.menu.secondary.pointing a.item:hover .icon,
.ui.menu.secondary div.item:hover .icon,
.ui.menu.secondary.pointing div.item:hover .icon {
  color: #3ec0ad;
}
.ui.menu.secondary a.item:hover a,
.ui.menu.secondary.pointing a.item:hover a,
.ui.menu.secondary div.item:hover a,
.ui.menu.secondary.pointing div.item:hover a {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
}
.ui.menu.secondary a.item:hover a .icon,
.ui.menu.secondary.pointing a.item:hover a .icon,
.ui.menu.secondary div.item:hover a .icon,
.ui.menu.secondary.pointing div.item:hover a .icon {
  color: #3ec0ad;
}
.ui.menu.secondary a.item.active:hover,
.ui.menu.secondary.pointing a.item.active:hover,
.ui.menu.secondary div.item.active:hover,
.ui.menu.secondary.pointing div.item.active:hover,
.ui.menu.secondary a.item.active,
.ui.menu.secondary.pointing a.item.active,
.ui.menu.secondary div.item.active,
.ui.menu.secondary.pointing div.item.active {
  color: #2b8679 !important;
  background-color: transparent;
  border-color: #2b8679 !important;
}
.ui.menu.secondary a.item.active:hover .icon,
.ui.menu.secondary.pointing a.item.active:hover .icon,
.ui.menu.secondary div.item.active:hover .icon,
.ui.menu.secondary.pointing div.item.active:hover .icon,
.ui.menu.secondary a.item.active .icon,
.ui.menu.secondary.pointing a.item.active .icon,
.ui.menu.secondary div.item.active .icon,
.ui.menu.secondary.pointing div.item.active .icon {
  color: #2b8679;
}
.ui.menu.secondary a.item.active:hover a,
.ui.menu.secondary.pointing a.item.active:hover a,
.ui.menu.secondary div.item.active:hover a,
.ui.menu.secondary.pointing div.item.active:hover a,
.ui.menu.secondary a.item.active a,
.ui.menu.secondary.pointing a.item.active a,
.ui.menu.secondary div.item.active a,
.ui.menu.secondary.pointing div.item.active a {
  color: #2b8679 !important;
  background-color: transparent;
  border-color: #2b8679 !important;
}
.ui.menu.secondary a.item.active:hover a .icon,
.ui.menu.secondary.pointing a.item.active:hover a .icon,
.ui.menu.secondary div.item.active:hover a .icon,
.ui.menu.secondary.pointing div.item.active:hover a .icon,
.ui.menu.secondary a.item.active a .icon,
.ui.menu.secondary.pointing a.item.active a .icon,
.ui.menu.secondary div.item.active a .icon,
.ui.menu.secondary.pointing div.item.active a .icon {
  color: #2b8679;
}
.ui.menu.secondary a.item.disabled,
.ui.menu.secondary.pointing a.item.disabled,
.ui.menu.secondary div.item.disabled,
.ui.menu.secondary.pointing div.item.disabled {
  color: rgba(40, 40, 40, 0.3) !important;
  font-weight: normal;
  cursor: not-allowed !important;
}
.ui.menu.secondary a.item.disabled .icon,
.ui.menu.secondary.pointing a.item.disabled .icon,
.ui.menu.secondary div.item.disabled .icon,
.ui.menu.secondary.pointing div.item.disabled .icon {
  color: rgba(40, 40, 40, 0.3);
}
.ui.menu a.item:hover,
.ui.menu div.item:hover {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
  cursor: pointer;
}
.ui.menu a.item:hover .icon,
.ui.menu div.item:hover .icon {
  color: #3ec0ad;
}
.ui.menu a.item:hover a,
.ui.menu div.item:hover a {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
}
.ui.menu a.item:hover a .icon,
.ui.menu div.item:hover a .icon {
  color: #3ec0ad;
}
.ui.menu a.item.active:hover,
.ui.menu div.item.active:hover,
.ui.menu a.item.active,
.ui.menu div.item.active {
  color: #2b8679 !important;
  background-color: transparent;
  border-color: #2b8679 !important;
}
.ui.menu a.item.active:hover .icon,
.ui.menu div.item.active:hover .icon,
.ui.menu a.item.active .icon,
.ui.menu div.item.active .icon {
  color: #2b8679;
}
.ui.menu a.item.active:hover a,
.ui.menu div.item.active:hover a,
.ui.menu a.item.active a,
.ui.menu div.item.active a {
  color: #2b8679 !important;
  background-color: transparent;
  border-color: #2b8679 !important;
}
.ui.menu a.item.active:hover a .icon,
.ui.menu div.item.active:hover a .icon,
.ui.menu a.item.active a .icon,
.ui.menu div.item.active a .icon {
  color: #2b8679;
}
.ui.menu a.item.disabled,
.ui.menu div.item.disabled {
  color: rgba(40, 40, 40, 0.3) !important;
  font-weight: normal;
  cursor: not-allowed !important;
}
.ui.menu a.item.disabled .icon,
.ui.menu div.item.disabled .icon {
  color: rgba(40, 40, 40, 0.3);
}
.ui.menu.inverted.secondary a.item:hover,
.ui.menu.inverted.secondary div.item:hover {
  color: #e8ebeb !important;
  background-color: transparent;
  border-color: #e8ebeb !important;
  cursor: pointer;
}
.ui.menu.inverted.secondary a.item:hover .icon,
.ui.menu.inverted.secondary div.item:hover .icon {
  color: #e8ebeb;
}
.ui.menu.inverted.secondary a.item:hover a,
.ui.menu.inverted.secondary div.item:hover a {
  color: #e8ebeb !important;
  background-color: transparent;
  border-color: #e8ebeb !important;
}
.ui.menu.inverted.secondary a.item:hover a .icon,
.ui.menu.inverted.secondary div.item:hover a .icon {
  color: #e8ebeb;
}
.ui.menu.inverted.secondary a.item.active,
.ui.menu.inverted.secondary div.item.active,
.ui.menu.inverted.secondary a.item.active:hover,
.ui.menu.inverted.secondary div.item.active:hover {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
}
.ui.menu.inverted.secondary a.item.active .icon,
.ui.menu.inverted.secondary div.item.active .icon,
.ui.menu.inverted.secondary a.item.active:hover .icon,
.ui.menu.inverted.secondary div.item.active:hover .icon {
  color: #3ec0ad;
}
.ui.menu.inverted.secondary a.item.active a,
.ui.menu.inverted.secondary div.item.active a,
.ui.menu.inverted.secondary a.item.active:hover a,
.ui.menu.inverted.secondary div.item.active:hover a {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
}
.ui.menu.inverted.secondary a.item.active a .icon,
.ui.menu.inverted.secondary div.item.active a .icon,
.ui.menu.inverted.secondary a.item.active:hover a .icon,
.ui.menu.inverted.secondary div.item.active:hover a .icon {
  color: #3ec0ad;
}
.ui.menu.inverted.secondary a.item.disabled,
.ui.menu.inverted.secondary div.item.disabled {
  color: #6c7373 !important;
  font-weight: normal;
  cursor: not-allowed;
}
.ui.menu.inverted.secondary a.item.disabled .icon,
.ui.menu.inverted.secondary div.item.disabled .icon {
  color: #6c7373;
}
.ui.menu.inverted a.item:hover,
.ui.menu.inverted div.item:hover {
  color: #e8ebeb !important;
  background-color: transparent;
  border-color: #e8ebeb !important;
  cursor: pointer;
}
.ui.menu.inverted a.item:hover .icon,
.ui.menu.inverted div.item:hover .icon {
  color: #e8ebeb;
}
.ui.menu.inverted a.item:hover a,
.ui.menu.inverted div.item:hover a {
  color: #e8ebeb !important;
  background-color: transparent;
  border-color: #e8ebeb !important;
}
.ui.menu.inverted a.item:hover a .icon,
.ui.menu.inverted div.item:hover a .icon {
  color: #e8ebeb;
}
.ui.menu.inverted a.item.active,
.ui.menu.inverted div.item.active,
.ui.menu.inverted a.item.active:hover,
.ui.menu.inverted div.item.active:hover {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
}
.ui.menu.inverted a.item.active .icon,
.ui.menu.inverted div.item.active .icon,
.ui.menu.inverted a.item.active:hover .icon,
.ui.menu.inverted div.item.active:hover .icon {
  color: #3ec0ad;
}
.ui.menu.inverted a.item.active a,
.ui.menu.inverted div.item.active a,
.ui.menu.inverted a.item.active:hover a,
.ui.menu.inverted div.item.active:hover a {
  color: #3ec0ad !important;
  background-color: transparent;
  border-color: #3ec0ad !important;
}
.ui.menu.inverted a.item.active a .icon,
.ui.menu.inverted div.item.active a .icon,
.ui.menu.inverted a.item.active:hover a .icon,
.ui.menu.inverted div.item.active:hover a .icon {
  color: #3ec0ad;
}
.ui.menu.inverted a.item.disabled,
.ui.menu.inverted div.item.disabled {
  color: #6c7373 !important;
  font-weight: normal;
  cursor: not-allowed;
}
.ui.menu.inverted a.item.disabled .icon,
.ui.menu.inverted div.item.disabled .icon {
  color: #6c7373;
}
.ui.menu.text a.item.active,
.ui.menu.text div.item.active,
.ui.menu.text a.item.active:hover,
.ui.menu.text div.item.active:hover {
  font-weight: normal;
  color: #3ec0ad !important;
}
.ui.menu.text a.item:hover,
.ui.menu.text div.item:hover {
  font-weight: normal;
  color: #3ec0ad !important;
}
.ui.menu.text.inverted a.item.active,
.ui.menu.text.inverted div.item.active,
.ui.menu.text.inverted a.item.active:hover,
.ui.menu.text.inverted div.item.active:hover {
  font-weight: normal;
  color: #3ec0ad !important;
}
.ui.menu.text.inverted a.item:hover,
.ui.menu.text.inverted div.item:hover {
  font-weight: normal;
  color: #3ec0ad !important;
}
.ui.menu.vertical {
  width: auto;
}
.ui.menu.vertical .item + .item {
  padding-top: 0;
  font-size: 1.7rem;
}
.ui.menu.vertical.secondary .item.fitted {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.ui.menu.vertical .item > i.icon {
  float: none;
}
.ui.menu.vertical .item:before {
  height: 0;
}
.ui.menu.vertical .item.fitted {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.ui.menu.vertical .item.vertically.fitted {
  padding-left: 0;
  padding-right: 0;
}
.ui.menu.vertical .item.horizontally.fitted {
  padding-bottom: 2em;
}
.ui.menu.vertical .menu {
  padding-bottom: 2rem;
}
.ui.menu.vertical .menu.divided {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
  border-top: 0.1rem solid #e8ebeb;
  padding-top: 1.5em;
  margin-top: 0;
}
.ui.menu.vertical .menu .menu {
  padding-bottom: 0;
}
.ui.menu.vertical.secondary.menu.inverted .ck.menu-item.divided {
  border-color: #e8ebeb;
}
.ui.menu.vertical.secondary.menu .ck.menu-item.divided {
  border-top: 0.1rem solid #e8ebeb;
  border-bottom: 0 solid #e8ebeb;
}
.ui.menu.vertical.secondary.menu .ck.menu-item.divided:last-of-type {
  border-bottom-width: 0.1rem;
}
.ui.menu.vertical.secondary .item {
  margin-left: 0;
  padding: 0;
}
.ui.menu.vertical.secondary .item.icon .icon {
  margin-left: 0;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu).secondary {
  margin-bottom: 0;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .item {
  white-space: nowrap;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .item.fitted {
  padding-left: 0;
  padding-right: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  margin: 0 0.5em;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .item.vertically.fitted {
  margin: 0 1.2rem;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .item.horizontally.fitted {
  padding-top: 2.1em;
  padding-bottom: 2.1em;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .ck.menu-item.divided {
  display: flex;
  align-items: center;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .item.divided,
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .item.divided.active {
  padding-left: 0;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .item .icon {
  display: flex;
  align-items: center;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) > .menu {
  align-items: center;
  margin: 0 0.8rem;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) > .menu :last-of-type {
  margin-right: 0;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu) .menu.divided {
  border-left: 0.1rem solid #e8ebeb;
  padding-left: 1.6em;
  margin-left: 0.8em;
}
.ui.menu:not(.inverted) .menu.divided {
  border-color: #d4d9d9;
}
.ui.menu:not(.vertical):not(.ck-asset-radio-menu).inverted .menu.divided,
.ui.menu.inverted .menu.divided {
  border-color: #e8ebeb;
}
.ui.menu.fitted {
  min-height: 1rem;
}
.ui.menu.ck-button-menu .ck.menu-item:not(:first-child) .item {
  margin-left: -0.1rem;
}
.ui.menu.ck-button-menu .item {
  border: 0.1rem solid #e8ebeb;
  padding: 1em 1.1em !important;
  margin: 0;
  color: #6c7373;
}
.ui.menu.ck-button-menu.vertical .item:not(:first-child) {
  margin-top: -0.1rem;
}
.ui.menu.ck-button-menu .active.item {
  border: 0.1rem solid #3ec0ad !important;
  color: #2b8679 !important;
  z-index: 10;
}
.ui.menu.ck-button-menu .active.item .icon {
  color: #2b8679;
}
.ui.menu.ck-button-menu.inverted a.item,
.ui.menu.ck-button-menu.inverted div.item {
  border: 0.1rem solid #e8ebeb;
  color: #e8ebeb !important;
}
.ui.menu.ck-button-menu.inverted a.item.active,
.ui.menu.ck-button-menu.inverted div.item.active {
  border: 0.1rem solid #37b8b5 !important;
  color: #37b8b5 !important;
}
.ui.menu.ck-button-menu.inverted a.item.active .icon,
.ui.menu.ck-button-menu.inverted div.item.active .icon {
  color: #37b8b5;
}
.ui.menu.ck-button-menu a.item:not(.active):not(.disabled):hover,
.ui.menu.ck-button-menu div.item:not(.active):not(.disabled):hover {
  border-color: #77d3c6 !important;
  background-color: #77d3c6;
  color: #008582 !important;
}
.ui.menu.ck-button-menu a.item:not(.active):not(.disabled):hover .icon,
.ui.menu.ck-button-menu div.item:not(.active):not(.disabled):hover .icon {
  color: #008582;
}
.ui.menu.ck-button-menu a.item:not(.active):not(.disabled):hover.inverted,
.ui.menu.ck-button-menu div.item:not(.active):not(.disabled):hover.inverted {
  border-color: #77d3c6 !important;
}
.ui.menu.ck-icon-menu.secondary a.item.active,
.ui.menu.ck-icon-menu.secondary a.item.active .icon {
  color: #77d3c6;
}
.ui.menu.ck-icon-menu.secondary a.item:hover,
.ui.menu.ck-icon-menu.secondary a.item:hover .icon,
.ui.menu.ck-icon-menu.secondary a.item.active:hover,
.ui.menu.ck-icon-menu.secondary a.item.active:hover .icon {
  color: #3ec0ad;
}
.ui.menu.ck-icon-menu.secondary.inverted a.item {
  color: #ffffff;
}
.ui.menu.ck-icon-menu.secondary.inverted a.item .icon {
  color: #ffffff;
}
.ui.menu.ck-icon-menu.secondary.inverted a.item.active,
.ui.menu.ck-icon-menu.secondary.inverted a.item.active .icon {
  color: #77d3c6;
}
.ui.menu.ck-icon-menu.secondary.inverted a.item:hover,
.ui.menu.ck-icon-menu.secondary.inverted a.item:hover .icon,
.ui.menu.ck-icon-menu.secondary.inverted a.item.active:hover,
.ui.menu.ck-icon-menu.secondary.inverted a.item.active:hover .icon {
  color: #3ec0ad;
}
.ui.menu.ck-icon-menu i.icon {
  margin-right: 0;
}
.ui.menu.ck-icon-menu.mini {
  font-size: 1rem;
}
.ui.menu.ck-icon-menu.tiny {
  font-size: 1.1rem;
}
.ui.menu.ck-icon-menu.small {
  font-size: 1.2rem;
}
.ui.menu.ck-icon-menu.large {
  font-size: 1.5rem;
}
.ui.menu.ck-icon-menu.huge {
  font-size: 1.8rem;
}
.ui.menu.ck-icon-menu.massive {
  font-size: 2.4rem;
}
.ui.menu.ck-icon-menu.vertical {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
.ui.menu.ck-icon-menu.vertical .item {
  text-align: center;
  margin-right: 0;
}
.ui.menu.secondary.pointing {
  font-size: 1.4rem;
  margin-bottom: 0;
  height: 100%;
}
.ui.menu.secondary.pointing.mini {
  font-size: 1rem;
}
.ui.menu.secondary.pointing.tiny {
  font-size: 1.1rem;
}
.ui.menu.secondary.pointing.small {
  font-size: 1.2rem;
}
.ui.menu.secondary.pointing.large {
  font-size: 1.5rem;
}
.ui.menu.secondary.pointing.huge {
  font-size: 1.8rem;
}
.ui.menu.secondary.pointing.massive {
  font-size: 2.4rem;
}
.ui.menu.secondary.pointing a.item,
.ui.menu.secondary.pointing div.item > a {
  display: flex;
  align-items: center;
}
.ui.menu.secondary.pointing.vertical {
  height: auto;
  font-weight: 200;
}
.ui.menu.secondary.pointing.vertical a.item,
.ui.menu.secondary.pointing.vertical div.item > a {
  font-size: 1.6rem;
  text-transform: none;
  border-left: 0.2rem solid transparent;
  padding: 0.4em 0 0.4em 1.5em;
  margin: 1em 0;
  display: flex;
  align-items: center;
}
.ui.menu.secondary.pointing.vertical a.item.divided {
  padding: 0.2em 0 0.2em 1.5em;
}
.ui.menu.secondary.pointing.vertical a.item:first-child {
  padding-left: 1.5em;
}
.ui.menu.secondary.pointing.vertical a.item.active,
.ui.menu.secondary.pointing.vertical a.item.active:first-child {
  padding-left: 1.5em;
  margin: 1em 0;
}
.ui.menu.secondary.pointing.vertical a.item .ck-icon {
  padding-right: 1em;
}
.ui.menu.secondary.pointing.vertical a.item > i.icon {
  float: none;
  margin: 0 1em 0 0;
}
.ui.menu.secondary.pointing.vertical a.item.active {
  border-left: 0.2rem solid #394242;
}
.ui.menu.secondary.pointing.vertical div.item.divided > a {
  padding: 0.2em 0 0.2em 1.5em;
}
.ui.menu.secondary.pointing.vertical div.item:first-child > a {
  padding-left: 1.5em;
}
.ui.menu.secondary.pointing.vertical div.item.active > a,
.ui.menu.secondary.pointing.vertical div.item.active:first-child > a {
  padding-left: 1.5em;
  margin: 1em 0;
}
.ui.menu.secondary.pointing.vertical div.item .ck-icon {
  padding-right: 1em;
}
.ui.menu.secondary.pointing.vertical div.item > i.icon {
  float: none;
  margin: 0 1em 0 0;
}
.ui.menu.secondary.pointing.vertical div.item.active > a {
  border-left: 0.2rem solid #394242;
}
.ui.menu.secondary.pointing.vertical a.item.fitted,
.ui.menu.secondary.pointing.vertical a.item.fitted.active {
  padding: 0.2em 0 0.2em 0.5em;
  margin: 0;
}
.ui.menu.secondary.pointing.vertical a.item.fitted > i.icon,
.ui.menu.secondary.pointing.vertical a.item.fitted.active > i.icon {
  margin-right: 0.5em;
}
.ui.menu.secondary.pointing.vertical a.item.fitted.vertically,
.ui.menu.secondary.pointing.vertical a.item.fitted.active.vertically {
  padding: 0.4em 0 0.4em 1.5em;
  margin: 0;
}
.ui.menu.secondary.pointing.vertical a.item.fitted.vertically > i.icon,
.ui.menu.secondary.pointing.vertical a.item.fitted.active.vertically > i.icon {
  margin-right: 1em;
}
.ui.menu.secondary.pointing.vertical a.item.fitted.horizontally,
.ui.menu.secondary.pointing.vertical a.item.fitted.active.horizontally {
  padding: 0.6em 0 0.6em 0.5em;
  margin: 0;
}
.ui.menu.secondary.pointing.vertical div.item.fitted > a,
.ui.menu.secondary.pointing.vertical div.item.fitted.active > a {
  padding: 0.2em 0 0.2em 0.5em;
  margin: 0;
}
.ui.menu.secondary.pointing.vertical div.item.fitted > a > i.icon,
.ui.menu.secondary.pointing.vertical div.item.fitted.active > a > i.icon {
  margin-right: 0.5em;
}
.ui.menu.secondary.pointing.vertical div.item.fitted > a.vertically,
.ui.menu.secondary.pointing.vertical div.item.fitted.active > a.vertically {
  padding: 0.4em 0 0.4em 1.5em;
  margin: 0;
}
.ui.menu.secondary.pointing.vertical div.item.fitted > a.vertically > i.icon,
.ui.menu.secondary.pointing.vertical div.item.fitted.active > a.vertically > i.icon {
  margin-right: 1em;
}
.ui.menu.secondary.pointing.vertical div.item.fitted > a.horizontally,
.ui.menu.secondary.pointing.vertical div.item.fitted.active > a.horizontally {
  padding: 0.6em 0 0.6em 0.5em;
  margin: 0;
}
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:not(.divided) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ui.menu.secondary.pointing:not(.vertical) a.item,
.ui.menu.secondary.pointing:not(.vertical) div.item > a {
  flex-grow: 1;
}
.ui.menu.secondary.pointing a.item,
.ui.menu.secondary.pointing div.item > a {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-width: 0;
  border-bottom-width: 0.2rem;
  color: #394242;
  height: 100%;
  padding: 0.2rem 0 0 0;
  margin: 0 1.4em;
}
.ui.menu.secondary.pointing a.item.fitted,
.ui.menu.secondary.pointing a.item.fitted.active {
  height: auto;
  margin: 0.2em 0.4em;
}
.ui.menu.secondary.pointing a.item.fitted.vertically,
.ui.menu.secondary.pointing a.item.fitted.active.vertically {
  padding: 0.4em 0;
  margin: 0.2em 1.4em;
}
.ui.menu.secondary.pointing a.item.fitted.horizontally,
.ui.menu.secondary.pointing a.item.fitted.active.horizontally {
  height: 100%;
  margin: 0 0.4em;
}
.ui.menu.secondary.pointing div.item.fitted,
.ui.menu.secondary.pointing div.item.fitted.active {
  height: auto;
  margin: 0.2em 0.4em;
}
.ui.menu.secondary.pointing div.item.fitted.vertically > a,
.ui.menu.secondary.pointing div.item.fitted.active.vertically > a {
  padding: 0.4em 0;
  margin: 0.2em 1.4em;
}
.ui.menu.secondary.pointing div.item.fitted > a.horizontally,
.ui.menu.secondary.pointing div.item.fitted.active > a.horizontally {
  height: 100%;
  margin: 0 0.4em;
}
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child div.item {
  padding-left: 0;
  margin-left: 0;
}
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child div.item.fitted > a,
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child div.item.fitted.horizontally > a,
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child div.item.fitted.vertically > a {
  padding-left: 0;
  margin-left: 0;
}
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child a.item {
  padding-left: 0;
  margin-left: 0;
}
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child a.item.fitted,
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child a.item.fitted.horizontally,
.ui.menu.secondary.pointing:not(.vertical) .ck.menu-item:first-child a.item.fitted.vertically {
  padding-left: 0;
  margin-left: 0;
}
.ui.menu.secondary.pointing:not(.vertical) a.item:not(.active):hover,
.ui.menu.secondary.pointing:not(.vertical).inverted a.item:not(.active):hover {
  border-color: transparent;
}
.ui.menu.secondary.pointing:not(.vertical) div.item:not(.active):hover > a,
.ui.menu.secondary.pointing:not(.vertical).inverted div.item:not(.active):hover > a {
  border-color: transparent;
}
.ui.menu.vertical .divided.menu .menu.secondary.pointing.vertical {
  margin-top: -1.2em;
}
.ui.menu.vertical .menu .menu.secondary.pointing.vertical {
  margin-bottom: -1.2em;
}
.ui.menu .ck-expandable-menu .ui.pointing.secondary.vertical.menu {
  margin-bottom: 0 !important;
}
.ui.menu.text {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  margin: 0;
  height: 100%;
}
.ui.menu.text.mini {
  font-size: 1rem;
}
.ui.menu.text.tiny {
  font-size: 1.1rem;
}
.ui.menu.text.small {
  font-size: 1.2rem;
}
.ui.menu.text.medium {
  font-size: 1.4rem;
}
.ui.menu.text.large {
  font-size: 1.5rem;
}
.ui.menu.text.big {
  font-size: 1.7rem;
}
.ui.menu.text.huge {
  font-size: 1.8rem;
}
.ui.menu.text.massive {
  font-size: 2.4rem;
}
.ui.menu.text .ck.menu-item {
  height: 100%;
  display: flex;
}
.ui.menu.text .menu-item-divider {
  min-height: 3rem;
}
.ui.menu.text.fluid {
  width: 100%;
}
.ui.menu.text .item {
  opacity: 1;
  text-transform: capitalize;
  border-width: 0;
  display: inline;
}
.ui.menu.text .item.header {
  opacity: 1;
}
.ui.menu.text .item.active {
  opacity: 1;
  border-width: 0;
}
.ui.menu.text .ck.menu-item:first-child .item {
  padding-left: 0;
}
.ui.menu.text .ck.menu-item:last-child .item {
  padding-right: 0;
}
.ui.menu.text.inverted .item {
  color: #ffffff;
  opacity: 1;
}
.ui.menu.text.inverted .item:hover,
.ui.menu.text.inverted .item.header,
.ui.menu.text.inverted .item.active {
  opacity: 1;
}
.ui.menu.ck-popup-menu.vertical {
  box-shadow: none;
  min-width: 20rem;
  width: auto;
}
.ui.menu.ck-popup-menu.vertical .item,
.ui.menu.ck-popup-menu.vertical .active.item,
.ui.menu.ck-popup-menu.vertical.inverted .item,
.ui.menu.ck-popup-menu.vertical.inverted .active.item {
  border: none;
}
.ui.menu.ck-popup-menu.vertical .item,
.ui.menu.ck-popup-menu.vertical.inverted .item {
  color: #394242;
  margin: 0.8rem;
  border-radius: 0.3rem;
  padding: 0.9rem;
}
.ui.menu.ck-popup-menu.vertical .item:not(.header) div,
.ui.menu.ck-popup-menu.vertical.inverted .item:not(.header) div {
  display: flex;
  align-items: center;
}
.ui.menu.ck-popup-menu.vertical .item .ck-icon,
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-icon {
  padding-right: 1.1em;
}
.ui.menu.ck-popup-menu.vertical .item .icon,
.ui.menu.ck-popup-menu.vertical.inverted .item .icon {
  color: inherit;
  vertical-align: top;
}
.ui.menu.ck-popup-menu.vertical .item:hover,
.ui.menu.ck-popup-menu.vertical.inverted .item:hover {
  color: #008582 !important;
  background-color: #d8f2ee;
  cursor: default;
}
.ui.menu.ck-popup-menu.vertical .item:hover .icon,
.ui.menu.ck-popup-menu.vertical.inverted .item:hover .icon {
  color: #008582;
}
.ui.menu.ck-popup-menu.vertical .item.super,
.ui.menu.ck-popup-menu.vertical.inverted .item.super,
.ui.menu.ck-popup-menu.vertical .item.super:hover,
.ui.menu.ck-popup-menu.vertical.inverted .item.super:hover {
  background-color: #e0e200;
  color: #394242 !important;
}
.ui.menu.ck-popup-menu.vertical .item.error,
.ui.menu.ck-popup-menu.vertical.inverted .item.error {
  background-color: #ee2f19;
  color: #ffffff !important;
}
.ui.menu.ck-popup-menu.vertical .item.header,
.ui.menu.ck-popup-menu.vertical.inverted .item.header {
  padding: 1.5em 1.1em;
  margin: 0;
  border-radius: 0;
}
.ui.menu.ck-popup-menu.vertical .item.header.accent,
.ui.menu.ck-popup-menu.vertical.inverted .item.header.accent {
  background-color: #77d3c6;
  color: #ffffff;
}
.ui.menu.ck-popup-menu.vertical .item.header .ck-popup-menu-cta,
.ui.menu.ck-popup-menu.vertical.inverted .item.header .ck-popup-menu-cta,
.ui.menu.ck-popup-menu.vertical .item.header .ck-popup-menu-header,
.ui.menu.ck-popup-menu.vertical.inverted .item.header .ck-popup-menu-header {
  display: inline-block;
}
.ui.menu.ck-popup-menu.vertical .item .ck-popup-menu-byline,
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-popup-menu-byline,
.ui.menu.ck-popup-menu.vertical .item .ck-popup-menu-detail,
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-popup-menu-detail,
.ui.menu.ck-popup-menu.vertical .item .ck-popup-menu-text,
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-popup-menu-text {
  display: block;
  font-size: 1.1rem;
  font-weight: lighter;
}
.ui.menu.ck-popup-menu.vertical .item .ck-popup-menu-text,
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-popup-menu-text {
  font-size: 1.7rem;
  text-transform: uppercase;
}
.ui.menu.ck-popup-menu.vertical .item .ck-popup-menu-cta .ck-popup-menu-text,
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-popup-menu-cta .ck-popup-menu-text {
  font-size: 1.8rem;
}
.ui.menu.ck-popup-menu.vertical .item .ck-popup-menu-cta div:not(:first-child),
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-popup-menu-cta div:not(:first-child) {
  margin-top: 0.5em;
}
.ui.menu.ck-popup-menu.vertical .item .ck-popup-menu-header div:not(:last-child),
.ui.menu.ck-popup-menu.vertical.inverted .item .ck-popup-menu-header div:not(:last-child) {
  margin-bottom: 0.5em;
}
.ui.menu.inverted .item:hover {
  color: #3ec0ad;
}
/*!
 * # Semantic UI - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Message
*******************************/
/*-------------------
       Elements
--------------------*/
/* Header */
/* Paragraph */
/* List */
/* Icon */
/* Close Icon */
/*-------------------
        Types
--------------------*/
/* Icon Message */
/* Attached */
/* Floating */
/* Colors */
/* Warning / Positive / Negative / Info */
/* Packaged Theme */
/*******************************
            Message
*******************************/
/*-------------------
       Elements
--------------------*/
/* Header */
/* Paragraph */
/* List */
/* Icon */
/* Close Icon */
/*-------------------
        Types
--------------------*/
/* Icon Message */
/* Attached */
/* Floating */
/* Colors */
/* Warning / Positive / Negative / Info */
/* Site Theme */
/*******************************
            Message
*******************************/
/*-------------------
       Elements
--------------------*/
/* Header */
/* Paragraph */
/* List */
/* Icon */
/* Close Icon */
/*-------------------
        Types
--------------------*/
/* Icon Message */
/* Attached */
/* Floating */
/* Colors */
/* Warning / Positive / Negative / Info */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Message
*******************************/
.ui.message {
  position: relative;
  min-height: 1em;
  margin: 1em 0em;
  background: #F8F8F9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: #b2b8b8;
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  border-radius: 0.2rem;
  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-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-weight: bold;
  margin: 0em 0em 0rem 0em;
}
/* Default font size */
.ui.message .header:not(.ui) {
  font-size: 1.5em;
}
/* 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;
  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: flex;
}
/*--------------
     Hidden
---------------*/
.ui.hidden.hidden.hidden.hidden.message {
  display: none;
}
/*******************************
            Variations
*******************************/
/*--------------
    Compact
---------------*/
.ui.compact.message {
  display: inline-block;
}
.ui.compact.icon.message {
  display: inline-flex;
}
/*--------------
    Attached
---------------*/
.ui.attached.message {
  margin-bottom: -1px;
  border-radius: 0.2rem 0.2rem 0em 0em;
  box-shadow: 0em 0em 0em 1px #d4d9d9 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.2rem 0.2rem;
  box-shadow: 0em 0em 0em 1px #d4d9d9 inset, 0px 1px 2px 0 #d4d9d9;
}
.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: 1em;
}
.ui.attached.icon.message {
  width: auto;
}
/*--------------
      Icon
---------------*/
.ui.icon.message {
  display: flex;
  width: 100%;
  align-items: center;
}
.ui.icon.message > .icon:not(.close) {
  display: block;
  flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
  opacity: 0.8;
}
.ui.icon.message > .content {
  display: block;
  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: #ffffff;
}
/*--------------
     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: transparent;
  color: #ee2f19;
}
.ui.negative.message,
.ui.attached.negative.message {
  box-shadow: 0px 0px 0px 1px #e84141 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: transparent;
  color: #ee2f19;
}
.ui.error.message,
.ui.attached.error.message {
  box-shadow: 0px 0px 0px 1px #ee2f19 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: #ffffff;
}
.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: 1em;
}
.ui.tiny.message {
  font-size: 1.1em;
}
.ui.small.message {
  font-size: 1.2em;
}
.ui.message {
  font-size: 1.3em;
}
.ui.large.message {
  font-size: 1.5em;
}
.ui.big.message {
  font-size: 1.7em;
}
.ui.huge.message {
  font-size: 1.8em;
}
.ui.massive.message {
  font-size: 2.4em;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Table
*******************************/
/*-------------------
       Element
--------------------*/
/*--------------
     Parts
---------------*/
/* Table Row */
/* Table Cell */
/* Table Header */
/* Table Footer */
/* Responsive Size */
/*-------------------
       Types
--------------------*/
/* Definition */
/*--------------
    Couplings
---------------*/
/*--------------
     States
---------------*/
/* Positive */
/* Negative */
/* Error */
/* Warning */
/* Active */
/*--------------
     Types
---------------*/
/* Attached */
/* Striped */
/* Selectable */
/* Sortable */
/* Colors */
/* Inverted */
/* Basic */
/* Padded */
/* Compact */
/* Sizes */
/* Packaged Theme */
/*******************************
             Table
*******************************/
/*-------------------
       Element
--------------------*/
/*--------------
     Parts
---------------*/
/* Table Row */
/* Table Cell */
/* Table Header */
/* Table Footer */
/* Responsive Size */
/*-------------------
       Types
--------------------*/
/* Definition */
/*--------------
    Couplings
---------------*/
/*--------------
     States
---------------*/
/* Positive */
/* Negative */
/* Error */
/* Warning */
/* Active */
/*--------------
     Types
---------------*/
/* Attached */
/* Striped */
/* Selectable */
/* Sortable */
/* Colors */
/* Inverted */
/* Basic */
/* Padded */
/* Compact */
/* Sizes */
/* Site Theme */
/*******************************
             Table
*******************************/
/*-------------------
       Element
--------------------*/
/*--------------
     Parts
---------------*/
/* Table Row */
/* Table Cell */
/* Table Header */
/* Table Footer */
/* Responsive Size */
/*-------------------
       Types
--------------------*/
/* Definition */
/*--------------
    Couplings
---------------*/
/*--------------
     States
---------------*/
/* Positive */
/* Negative */
/* Error */
/* Warning */
/* Active */
/*--------------
     Types
---------------*/
/* Attached */
/* Striped */
/* Selectable */
/* Sortable */
/* Colors */
/* Inverted */
/* Basic */
/* Padded */
/* Compact */
/* Sizes */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
             Table
*******************************/
/* Prototype */
.ui.table {
  width: 100%;
  background: #ffffff;
  margin: 1em 0em;
  border: 1px solid #d4d9d9;
  box-shadow: none;
  border-radius: 0.2rem;
  text-align: left;
  color: #b2b8b8;
  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 {
  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: #b2b8b8;
  padding: 1.2em 1em;
  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.2rem 0em 0em 0em;
}
.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0.2rem 0em 0em;
}
.ui.table thead tr:first-child > th:only-child {
  border-radius: 0.2rem 0.2rem 0em 0em;
}
/* Footer */
.ui.table tfoot {
  box-shadow: none;
}
.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid #d4d9d9;
  background: #f9fafb;
  text-align: inherit;
  color: #b2b8b8;
  padding: 1em 1em;
  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.2rem;
}
.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.2rem 0em;
}
.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.2rem 0.2rem;
}
/* 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;
}
/* Repeated tbody */
.ui.table tbody + tbody tr:first-child td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
/* Table Cells */
.ui.table td {
  padding: 1em 1em;
  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 #d4d9d9;
  border-right: 1px solid #d4d9d9;
}
.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: 1.3em;
  padding-left: "";
  padding-right: "";
}
/* Fix 2nd Column */
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid #d4d9d9;
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid #d4d9d9;
}
.ui.definition.table td:nth-child(2) {
  border-left: 1px solid #d4d9d9;
}
/*******************************
             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 #e84141 inset;
}
.ui.table tr.negative,
.ui.table td.negative {
  background: transparent !important;
  color: #ee2f19 !important;
}
/*--------------
      Error
---------------*/
.ui.table tr.error,
.ui.table td.error {
  box-shadow: 0px 0px 0px #ee2f19 inset;
}
.ui.table tr.error,
.ui.table td.error {
  background: transparent !important;
  color: #ee2f19 !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 #b2b8b8 inset;
}
.ui.table tr.active,
.ui.table td.active {
  background: #e0e0e0 !important;
  color: #b2b8b8 !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: 1em 1em;
}
/* Other States */
.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
  background: rgba(0, 0, 0, 0) !important;
  color: #e72711 !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: #b2b8b8 !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: rgba(0, 0, 0, 0) !important;
  color: #e72711 !important;
}
/*-------------------
      Attached
--------------------*/
/* Middle */
.ui.attached.table {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% + --1px * 2);
  max-width: calc(100% + --1px * 2);
  box-shadow: none;
  border: 1px solid #6c87a1;
}
.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.2rem 0.2rem 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.2rem 0.2rem;
}
.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 #d4d9d9;
  color: #b2b8b8;
}
.ui.sortable.table thead th:first-child {
  border-left: none;
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  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) 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) 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: #ffffff;
  border: none;
}
.ui.inverted.table th {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}
.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: #6c7373;
}
/* 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 #d4d9d9;
  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;
}
/* Views */
/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Card
*******************************/
/*-------------------
         View
--------------------*/
/* Shadow */
/* Card */
/* Card Group */
/* Consecutive Cards */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Dimmer */
/* Additional Content */
/* Extra Links */
/* Buttons */
/*-------------------
      Variations
--------------------*/
/* Link */
/* Raised */
/* Card Count */
/* Stackable */
/* Sizes */
/* Colored */
/* Packaged Theme */
/*******************************
             Card
*******************************/
/*-------------------
         View
--------------------*/
/* Shadow */
/* Card */
/* Card Group */
/* Consecutive Cards */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Dimmer */
/* Additional Content */
/* Extra Links */
/* Buttons */
/*-------------------
      Variations
--------------------*/
/* Link */
/* Raised */
/* Card Count */
/* Stackable */
/* Sizes */
/* Colored */
/* Site Theme */
/*******************************
             Card
*******************************/
/*-------------------
         View
--------------------*/
/* Shadow */
/* Card */
/* Card Group */
/* Consecutive Cards */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Dimmer */
/* Additional Content */
/* Extra Links */
/* Buttons */
/*-------------------
      Variations
--------------------*/
/* Link */
/* Raised */
/* Card Count */
/* Stackable */
/* Sizes */
/* Colored */
/*  Wayin header font size */
/*  Wayin Box Shadow */
/*  Wayin App Icon */
/*  Wayin Card Header */
/* Wayin Description */
/*  Wayin Link Hover */
/* wayin no content divider */
/*  wayin no content padding */
/*  wayin no transform on hover */
/* Wayin inverted colors */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Standard
*******************************/
/*--------------
      Card
---------------*/
.ui.cards > .card,
.ui.card {
  max-width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 18.8rem;
  min-height: 0px;
  background: #ffffff;
  padding: 0;
  border: none;
  border-radius: 0.2rem;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.1s ease, 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: flex;
  margin: -1.375em;
  flex-wrap: wrap;
}
.ui.cards > .card {
  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.2rem 0.2rem 0em 0em !important;
  border-top: none !important;
}
.ui.cards > .card > :last-child,
.ui.card > :last-child {
  border-radius: 0em 0em 0.2rem 0.2rem !important;
}
.ui.cards > .card > :only-child,
.ui.card > :only-child {
  border-radius: 0.2rem !important;
}
/*--------------
     Images
---------------*/
.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  display: block;
  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 {
  flex-grow: 1;
  border: none;
  border-top: none;
  background: none;
  margin: 0em;
  padding: 1.7em 2em;
  box-shadow: none;
  font-size: 1rem;
  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: "";
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  color: #394242;
}
/* Default Header Size */
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
  font-weight: normal;
  font-size: 1.7rem;
  margin-top: 0;
  line-height: 1;
}
.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.57rem;
}
/*----------------
 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: #6c7373;
}
/*--------------
    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: 1.3em;
  color: #6c7373;
}
.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: "";
  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: #394242;
}
.ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover {
  color: #37b8b5;
}
/* 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: #b2b8b8;
}
/*--------------
     Buttons
---------------*/
.ui.cards > .card > .buttons,
.ui.card > .buttons,
.ui.cards > .card > .button,
.ui.card > .button {
  margin: 0px -1px;
  width: calc(100% + (1px * 2));
}
/*--------------
      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;
  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;
  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;
  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;
  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: #37b8b5;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Raised
--------------------*/
.ui.raised.cards > .card,
.ui.raised.card {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 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 #6c87a1, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
/*-------------------
       Centered
--------------------*/
.ui.centered.cards {
  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 {
  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 #6c87a1;
  transform: none;
}
/*-------------------
       Colors
--------------------*/
/* Red */
.ui.red.cards > .card,
.ui.cards > .red.card,
.ui.red.card {
  box-shadow: 0px 0px 0px 1px #6c87a1, 0px 2px 0px 0px #db2828, 0px 1px 3px 0px #6c87a1;
}
.ui.red.cards > .card:hover,
.ui.cards > .red.card:hover,
.ui.red.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #f2711c, 0px 1px 3px 0px #6c87a1;
}
.ui.orange.cards > .card:hover,
.ui.cards > .orange.card:hover,
.ui.orange.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #fbbd08, 0px 1px 3px 0px #6c87a1;
}
.ui.yellow.cards > .card:hover,
.ui.cards > .yellow.card:hover,
.ui.yellow.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #b5cc18, 0px 1px 3px 0px #6c87a1;
}
.ui.olive.cards > .card:hover,
.ui.cards > .olive.card:hover,
.ui.olive.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #21ba45, 0px 1px 3px 0px #6c87a1;
}
.ui.green.cards > .card:hover,
.ui.cards > .green.card:hover,
.ui.green.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #00b5ad, 0px 1px 3px 0px #6c87a1;
}
.ui.teal.cards > .card:hover,
.ui.cards > .teal.card:hover,
.ui.teal.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #2185d0, 0px 1px 3px 0px #6c87a1;
}
.ui.blue.cards > .card:hover,
.ui.cards > .blue.card:hover,
.ui.blue.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #6435c9, 0px 1px 3px 0px #6c87a1;
}
.ui.violet.cards > .card:hover,
.ui.cards > .violet.card:hover,
.ui.violet.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #a333c8, 0px 1px 3px 0px #6c87a1;
}
.ui.purple.cards > .card:hover,
.ui.cards > .purple.card:hover,
.ui.purple.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #e03997, 0px 1px 3px 0px #6c87a1;
}
.ui.pink.cards > .card:hover,
.ui.cards > .pink.card:hover,
.ui.pink.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #a5673f, 0px 1px 3px 0px #6c87a1;
}
.ui.brown.cards > .card:hover,
.ui.cards > .brown.card:hover,
.ui.brown.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #6c87a1;
}
.ui.grey.cards > .card:hover,
.ui.cards > .grey.card:hover,
.ui.grey.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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 #6c87a1, 0px 2px 0px 0px #1b1c1d, 0px 1px 3px 0px #6c87a1;
}
.ui.black.cards > .card:hover,
.ui.cards > .black.card:hover,
.ui.black.card:hover {
  box-shadow: 0px 0px 0px 1px #6c87a1, 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% - (1em * 2));
  margin-left: 1em;
  margin-right: 1em;
}
.ui.three.cards {
  margin-left: -1em;
  margin-right: -1em;
}
.ui.three.cards > .card {
  width: calc(33.33333333% - (1em * 2));
  margin-left: 1em;
  margin-right: 1em;
}
.ui.four.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.four.cards > .card {
  width: calc(25% - (0.75em * 2));
  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% - (0.75em * 2));
  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% - (0.75em * 2));
  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% - (0.5em * 2));
  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% - (0.5em * 2));
  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% - (0.5em * 2));
  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% - (0.5em * 2));
  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% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.four.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.four.doubling.cards > .card {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.five.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.five.doubling.cards > .card {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.six.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.six.doubling.cards > .card {
    width: calc(50% - (1em * 2));
    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% - (1em * 2));
    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% - (1em * 2));
    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% - (1em * 2));
    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% - (1em * 2));
    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% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.four.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.four.doubling.cards > .card {
    width: calc(50% - (1em * 2));
    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% - (1em * 2));
    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% - (1em * 2));
    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% - (1em * 2));
    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% - (0.75em * 2));
    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% - (0.75em * 2));
    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% - (0.75em * 2));
    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% - (1em * 2)) !important;
  }
}
/*--------------
      Size
---------------*/
.ui.cards > .card {
  font-size: 1.3em;
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
.ui.cards .ui.card,
.ui.card {
  min-width: 0;
}
.ui.cards .ui.card .card-hoverable-child,
.ui.card .card-hoverable-child {
  position: relative;
  overflow: hidden;
}
.ui.cards .ui.card .card-hoverable-child .hover-content,
.ui.card .card-hoverable-child .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.ui.cards .ui.card .card-hoverable-child .hover-content .hoverable-content,
.ui.card .card-hoverable-child .hover-content .hoverable-content {
  height: 100%;
  padding-top: 1rem;
}
.ui.cards .ui.card .card-hoverable-child .hover-content.hover-background-white,
.ui.card .card-hoverable-child .hover-content.hover-background-white {
  background: rgba(255, 255, 255, 0.7);
}
.ui.cards .ui.card .card-hoverable-child .hover-content.dimmed,
.ui.card .card-hoverable-child .hover-content.dimmed {
  opacity: 1;
}
.ui.cards .ui.card .image,
.ui.card .image {
  transition: filter 0.3s ease;
}
.ui.cards .ui.card .image > img,
.ui.card .image > img {
  display: block;
  width: 100%;
}
.ui.cards .ui.card .image.dimmed,
.ui.card .image.dimmed {
  background-color: transparent;
  filter: blur(0.5rem);
}
.ui.cards .ui.card:hover,
.ui.card:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;
  cursor: pointer;
  /*  I found this here
    http://stackoverflow.com/questions/7273927/image-greyscale-with-css-re-color-on-mouse-over
    */
}
.ui.cards .ui.card:hover .content > div:first-child,
.ui.card:hover .content > div:first-child {
  color: #3ec0ad;
}
.ui.cards .ui.card:hover .ui.image,
.ui.card:hover .ui.image {
  filter: grayscale(80%);
}
.ui.cards .ui.card .content,
.ui.card .content {
  padding: 1.7em 2em;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.ui.cards .ui.card .content .header,
.ui.card .content .header {
  line-height: 1;
  color: #394242;
  /* font variations */
}
.ui.cards .ui.card .content .header.caps,
.ui.card .content .header.caps {
  text-transform: uppercase;
}
.ui.cards .ui.card .content .header.small,
.ui.card .content .header.small {
  font-size: 0.8em;
}
.ui.cards .ui.card .content .header.medium,
.ui.card .content .header.medium {
  font-size: 1.3em;
}
.ui.cards .ui.card .content .header.large,
.ui.card .content .header.large {
  font-size: 2em;
}
.ui.cards .ui.card .content .header.font-system-regular,
.ui.card .content .header.font-system-regular {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: normal;
}
.ui.cards .ui.card .content .header.font-system-light,
.ui.card .content .header.font-system-light {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: lighter;
}
.ui.cards .ui.card .content .header.font-system-medium,
.ui.card .content .header.font-system-medium {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-weight: bold;
}
.ui.cards .ui.card .content .header.font-custom-regular,
.ui.card .content .header.font-custom-regular {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.ui.cards .ui.card .content .header.font-custom-light,
.ui.card .content .header.font-custom-light {
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
}
.ui.cards .ui.card .content .header.font-custom-medium,
.ui.card .content .header.font-custom-medium {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
}
.ui.cards .ui.card .content .description,
.ui.card .content .description {
  font-size: 1.3rem;
}
.ui.cards .ui.card .content .header,
.ui.card .content .header,
.ui.cards .ui.card .content .description,
.ui.card .content .description {
  line-height: initial;
}
.ui.cards .ui.card .content .header.text-overflow-ellipsis,
.ui.card .content .header.text-overflow-ellipsis,
.ui.cards .ui.card .content .description.text-overflow-ellipsis,
.ui.card .content .description.text-overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui.cards .ui.card .content .header.text-overflow-wrap,
.ui.card .content .header.text-overflow-wrap,
.ui.cards .ui.card .content .description.text-overflow-wrap,
.ui.card .content .description.text-overflow-wrap {
  overflow: auto;
  white-space: initial;
  text-overflow: initial;
}
.ui.raised.card {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.ui.cards .ui.card.inverted,
.ui.card.inverted {
  background: #77d3c6;
}
.ui.cards .ui.card.inverted .content .header,
.ui.card.inverted .content .header {
  color: #394242;
}
.ui.cards .ui.card.inverted .content .meta,
.ui.card.inverted .content .meta,
.ui.cards .ui.card.inverted .content .description,
.ui.card.inverted .content .description {
  color: #505959;
}
.ui.cards .ui.card.inverted:hover,
.ui.card.inverted:hover {
  background: #3ec0ad;
}
.ui.cards .ui.card.inverted:hover .content .header,
.ui.card.inverted:hover .content .header {
  color: #394242;
}
.ui.cards .ui.card.inverted:hover .content .meta,
.ui.card.inverted:hover .content .meta,
.ui.cards .ui.card.inverted:hover .content .description,
.ui.card.inverted:hover .content .description {
  color: #008582;
}
/**************************************************************************/
.hoverDefault {
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.hoverDefault .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.hoverDefault > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.hoverDefault > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.hoverDefault > div:first-of-type {
  clip-path: inset(0);
}
.hoverDefault:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.hoverDefault:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.one.cards > .ck.hoverable {
  width: 100%;
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.one.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.one.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.one.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.one.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.one.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.one.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.two.cards > .ck.hoverable {
  width: calc(50% - (1em * 2));
  margin-left: 1em;
  margin-right: 1em;
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.two.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.two.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.two.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.two.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.two.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.two.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.three.cards > .ck.hoverable {
  width: calc(33.33333333% - (1em * 2));
  margin-left: 1em;
  margin-right: 1em;
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.three.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.three.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.three.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.three.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.three.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.three.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.four.cards > .ck.hoverable {
  width: calc(25% - (0.75em * 2));
  margin-left: 0.75em;
  margin-right: 0.75em;
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.four.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.four.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.four.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.four.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.four.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.four.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.five.cards > .ck.hoverable {
  width: calc(20% - (0.75em * 2));
  margin-left: 0.75em;
  margin-right: 0.75em;
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.five.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.five.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.five.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.five.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.five.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.five.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.six.cards > .ck.hoverable {
  width: calc(16.66666667% - (0.75em * 2));
  margin-left: 0.75em;
  margin-right: 0.75em;
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.six.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.six.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.six.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.six.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.six.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.six.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.seven.cards > .ck.hoverable {
  width: calc(14.28571429% - (0.5em * 2));
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 1.3em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.seven.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.seven.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.seven.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.seven.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.seven.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.seven.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.eight.cards > .ck.hoverable {
  width: calc(12.5% - (0.5em * 2));
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 1.1rem;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.eight.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.eight.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.eight.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.eight.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.eight.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.eight.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.nine.cards > .ck.hoverable {
  width: calc(11.11111111% - (0.5em * 2));
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.nine.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.nine.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.nine.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.nine.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.nine.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.nine.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
.ui.ten.cards > .ck.hoverable {
  width: calc(10% - (0.5em * 2));
  margin-left: 0.5em;
  margin-right: 0.5em;
  display: flex;
  flex-direction: column;
  float: none;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
.ui.ten.cards > .ck.hoverable .hoverable-child {
  overflow: hidden;
  border-radius: 0.2rem;
}
.ui.ten.cards > .ck.hoverable > div:first-of-type {
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
.ui.ten.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
  height: 100%;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.ui.ten.cards > .ck.hoverable > div:first-of-type {
  clip-path: inset(0);
}
.ui.ten.cards > .ck.hoverable:hover > div:first-of-type {
  transition: filter 0.3s ease;
}
.ui.ten.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
  filter: blur(0.5rem);
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .ui.two.doubling.cards > .ck.hoverable {
    width: 100%;
    margin-left: 0em;
    margin-right: 0em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.two.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.two.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.two.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.two.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.two.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.two.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.three.doubling.cards > .ck.hoverable {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.three.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.three.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.three.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.three.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.three.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.three.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.four.doubling.cards > .ck.hoverable {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.four.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.four.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.four.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.four.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.four.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.four.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.five.doubling.cards > .ck.hoverable {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.five.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.five.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.five.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.five.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.five.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.five.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.six.doubling.cards > .ck.hoverable {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.six.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.six.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.six.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.six.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.six.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.six.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.seven.doubling.cards > .ck.hoverable {
    width: calc(33.33333333% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.seven.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.seven.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.seven.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.seven.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.seven.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.seven.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.eight.doubling.cards > .ck.hoverable {
    width: calc(33.33333333% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.eight.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.eight.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.eight.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.nine.doubling.cards > .ck.hoverable {
    width: calc(33.33333333% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.nine.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.nine.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.nine.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.nine.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.nine.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.nine.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.ten.doubling.cards > .ck.hoverable {
    width: calc(33.33333333% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.ten.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.ten.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.ten.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.ten.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.ten.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.ten.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.two.doubling.cards > .ck.hoverable {
    width: 100%;
    margin-left: 0em;
    margin-right: 0em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.two.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.two.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.two.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.two.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.two.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.two.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.three.doubling.cards > .ck.hoverable {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.three.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.three.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.three.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.three.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.three.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.three.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.four.doubling.cards > .ck.hoverable {
    width: calc(50% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.four.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.four.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.four.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.four.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.four.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.four.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.five.doubling.cards > .ck.hoverable {
    width: calc(33.33333333% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.five.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.five.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.five.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.five.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.five.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.five.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.six.doubling.cards > .ck.hoverable {
    width: calc(33.33333333% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.six.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.six.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.six.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.six.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.six.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.six.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.eight.doubling.cards > .ck.hoverable {
    width: calc(33.33333333% - (1em * 2));
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.eight.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.eight.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.eight.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.eight.doubling.cards > .ck.hoverable {
    width: calc(25% - (0.75em * 2));
    margin-left: 0.75em;
    margin-right: 0.75em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.eight.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.eight.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.eight.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.eight.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.nine.doubling.cards > .ck.hoverable {
    width: calc(25% - (0.75em * 2));
    margin-left: 0.75em;
    margin-right: 0.75em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.nine.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.nine.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.nine.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.nine.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.nine.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.nine.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
  .ui.ten.doubling.cards > .ck.hoverable {
    width: calc(20% - (0.75em * 2));
    margin-left: 0.75em;
    margin-right: 0.75em;
    font-size: 1.3em;
    display: flex;
    flex-direction: column;
    float: none;
    margin-top: 0.875em;
    margin-bottom: 0.875em;
  }
  .ui.ten.doubling.cards > .ck.hoverable .hoverable-child {
    overflow: hidden;
    border-radius: 0.2rem;
  }
  .ui.ten.doubling.cards > .ck.hoverable > div:first-of-type {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
  }
  .ui.ten.doubling.cards > .ck.hoverable > div:first-of-type > .ui.card.ck-card {
    height: 100%;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .ui.ten.doubling.cards > .ck.hoverable > div:first-of-type {
    clip-path: inset(0);
  }
  .ui.ten.doubling.cards > .ck.hoverable:hover > div:first-of-type {
    transition: filter 0.3s ease;
  }
  .ui.ten.doubling.cards > .ck.hoverable:hover > div:first-of-type > .ui.card.ck-card {
    filter: blur(0.5rem);
    background-color: #ffffff;
  }
}
/*-------------------
      Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.cards > .ck.hoverable {
    display: block !important;
    height: auto !important;
    margin: 1em 1em;
    padding: 0 !important;
    width: calc(100% - (1em * 2)) !important;
  }
}
/**************************************************************************/
/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Item
*******************************/
/*-------------------
         View
--------------------*/
/* Group */
/* Item */
/* Responsive */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Actions */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Additional Content */
/*-------------------
      Variations
--------------------*/
/* Relaxed */
/* Divided */
/* Unstackable */
/* Packaged Theme */
/*******************************
             Item
*******************************/
/*-------------------
         View
--------------------*/
/* Group */
/* Item */
/* Responsive */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Actions */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Additional Content */
/*-------------------
      Variations
--------------------*/
/* Relaxed */
/* Divided */
/* Unstackable */
/* Site Theme */
/*******************************
             Item
*******************************/
/*-------------------
         View
--------------------*/
/* Group */
/* Item */
/* Responsive */
/*-------------------
       Content
--------------------*/
/* Image */
/* Content */
/* Header */
/* Metadata */
/* Icons */
/* Actions */
/* Links */
/* Description */
/* Content Image */
/* Avatar Image */
/* Paragraph */
/* Additional Content */
/*-------------------
      Variations
--------------------*/
/* Relaxed */
/* Divided */
/* Sizes */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Standard
*******************************/
/*--------------
      Item
---------------*/
.ui.items > .item {
  display: flex;
  margin: 1em 0em;
  width: 100%;
  min-height: 0px;
  background: transparent;
  padding: 0em;
  border: none;
  border-radius: 0rem;
  box-shadow: none;
  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;
  flex: 0 0 auto;
  display: block;
  float: none;
  margin: 0em;
  padding: 0em;
  max-height: '';
  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;
  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;
  align-self: top;
  padding-left: 1.5em;
}
.ui.items > .item > .content > .header {
  display: inline-block;
  margin: -0.21425em 0em 0em;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
/* Default Header Size */
.ui.items > .item > .content > .header:not(.ui) {
  font-size: 1.7em;
}
/*--------------
     Floated
---------------*/
.ui.items > .item [class*="left floated"] {
  float: left;
}
.ui.items > .item [class*="right floated"] {
  float: right;
}
/*--------------
  Content Image
---------------*/
.ui.items > .item .content img {
  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: #b2b8b8;
}
/*--------------
    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: '';
  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: #37b8b5;
}
/* Meta */
.ui.items > .item .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.items > .item .meta > a:not(.ui):hover {
  color: #b2b8b8;
}
/*--------------
     Labels
---------------*/
/*-----Star----- */
/* Icon */
.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: 0.75;
  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;
  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;
  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:not(.unstackable) > .item {
    flex-direction: column;
    margin: 2em 0em;
  }
  .ui.items:not(.unstackable) > .item > .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.items:not(.unstackable) > .item > .image,
  .ui.items:not(.unstackable) > .item > .image > img {
    max-width: 100% !important;
    width: auto !important;
    max-height: 250px !important;
  }
  .ui.items:not(.unstackable) > .item > .image + .content {
    display: block;
    padding: 1.5em 0em 0em;
  }
}
/*******************************
           Variations
*******************************/
/*-------------------
       Aligned
--------------------*/
.ui.items > .item > .image + [class*="top aligned"].content {
  align-self: flex-start;
}
.ui.items > .item > .image + [class*="middle aligned"].content {
  align-self: center;
}
.ui.items > .item > .image + [class*="bottom aligned"].content {
  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 #d4d9d9;
  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: #37b8b5;
}
/*--------------
      Size
---------------*/
.ui.items > .item {
  font-size: 1.3em;
}
/*---------------
   Unstackable
----------------*/
@media only screen and (max-width: 767px) {
  .ui.unstackable.items > .item > .image,
  .ui.unstackable.items > .item > .image > img {
    width: 125px !important;
  }
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/* Modules */
/*!
 * # Semantic UI - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Checkbox
*******************************/
/* Label */
/* 26px @ 14/em */
/* Checkbox */
/* Checkmark */
/* Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Pressed */
/* Focus */
/* Active */
/* Active Focus */
/* Indeterminate */
/* Disabled */
/*-------------------
        Types
--------------------*/
/* Radio */
/* Uses px to avoid rounding issues with circles */
/* 7px as unitless value from radio size */
/* Slider & Toggle Handle */
/* Slider */
/* Slider States */
/* Toggle */
/*-------------------
      Variations
--------------------*/
/* Packaged Theme */
/*******************************
            Checkbox
*******************************/
/* Label */
/* 26px @ 14/em */
/* Checkbox */
/* Checkmark */
/* Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Pressed */
/* Focus */
/* Active */
/* Active Focus */
/* Indeterminate */
/* Disabled */
/*-------------------
        Types
--------------------*/
/* Radio */
/* Uses px to avoid rounding issues with circles */
/* 7px as unitless value from radio size */
/* Slider & Toggle Handle */
/* Slider */
/* Slider States */
/* Toggle */
/*-------------------
      Variations
--------------------*/
/* Site Theme */
/*******************************
            Checkbox
*******************************/
/* Updates */
/* Label */
/* Checkbox */
/* Checkmark */
/* Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Pressed */
/* Focus */
/* Active */
/* Active Focus */
/* Indeterminate */
/* Disabled */
/*-------------------
        Types
--------------------*/
/* Radio */
/* Uses px to avoid rounding issues with circles */
/* 7px as unitless value from radio size */
/* Slider & Toggle Handle */
/* Slider */
/* Slider States */
/* Toggle */
/*-------------------
      Variations
--------------------*/
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
           Checkbox
*******************************/
/*--------------
    Content
---------------*/
.ui.checkbox {
  position: relative;
  display: inline-block;
  backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 1.8rem;
  font-size: 1.3rem;
  line-height: 1.8rem;
  min-width: 1.8rem;
}
/* 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: 1.8rem;
  height: 1.8rem;
}
/*--------------
      Box
---------------*/
.ui.checkbox .box,
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 3.5em;
  outline: none;
  font-size: 1.5rem;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1.8rem;
  height: 1.8rem;
  content: '';
  background: #ffffff;
  border-radius: 0.2rem;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  border: 1px solid #d4d9d9;
}
/*--------------
    Checkmark
---------------*/
.ui.checkbox .box:after,
.ui.checkbox label:after {
  position: absolute;
  font-size: 14px;
  top: 0px;
  left: 0px;
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  opacity: 0;
  color: #37b8b5;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}
/*--------------
      Label
---------------*/
/* Inside */
.ui.checkbox label,
.ui.checkbox + label {
  color: #6c7373;
  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: #b2ebea;
  border-color: #77d3c6;
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: #6c7373;
}
/*--------------
      Down
---------------*/
.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
  background: transparent;
  border-color: #77d3c6;
}
.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
  color: #b2ebea;
}
.ui.checkbox input:active ~ label {
  color: #b2ebea;
}
/*--------------
     Focus
---------------*/
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
  background: #ffffff;
  border-color: #3ec0ad;
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
  color: #b2ebea;
}
.ui.checkbox input:focus ~ label {
  color: #b2ebea;
}
/*--------------
     Active
---------------*/
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #b2ebea;
  border-color: #b2ebea;
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: #ffffff;
}
/*--------------
  Indeterminate
---------------*/
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
  background: #b2ebea;
  border-color: #b2ebea;
}
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
  opacity: 1;
  color: #ffffff;
}
/*--------------
  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: #3ec0ad;
}
.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: #b2ebea;
}
/*--------------
    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: 1;
  color: #6c7373;
}
/*--------------
     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;
  user-select: none;
}
/*******************************
             Types
*******************************/
/*--------------
     Radio
---------------*/
.ui.radio.checkbox {
  min-height: 18px;
}
.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  padding-left: 3.5em;
}
/* Box */
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  content: '';
  transform: none;
  width: 18px;
  height: 18px;
  border-radius: 500rem;
  top: 1px;
  left: 0px;
}
/* Bullet */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  border: none;
  content: '' !important;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
/* Radio Checkbox */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  top: 1px;
  left: 0px;
  width: 18px;
  height: 18px;
  border-radius: 500rem;
  transform: scale(0.46666667);
  background-color: #b2b8b8;
}
/* 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: #b2ebea;
}
/* 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: #b2ebea;
}
.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: #ffffff;
}
/* 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: #b2ebea;
}
/*--------------
     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.3rem;
  transform: none;
  border-radius: 500rem;
  transition: background 0.3s ease;
}
/* Handle */
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
  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 #d4d9d9, 0px 0px 0px 1px #d4d9d9 inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0em;
  transform: none;
  border-radius: 500rem;
  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: #b2ebea !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: #b2ebea !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: 2.1rem;
}
/* Input */
.ui.toggle.checkbox input {
  width: 3.4rem;
  height: 2.1rem;
}
/* Label */
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
  min-height: 2.1rem;
  padding-left: 3.5em;
  color: #37b8b5;
}
.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;
  transform: none;
  border: none;
  top: 0rem;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  width: 3.4rem;
  height: 1em;
  border-radius: 500rem;
}
/* Handle */
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
  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 #d4d9d9, 0px 0px 0px 1px #d4d9d9 inset;
  width: 2.1rem;
  height: 2.1rem;
  top: 0rem;
  left: 0em;
  border-radius: 500rem;
  transition: background 0.3s ease, left 0.3s ease;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
  left: -0.05rem;
  box-shadow: 0px 1px 2px 0 #d4d9d9, 0px 0px 0px 1px #d4d9d9 inset;
}
/* 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: #6c7373 !important;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #3ec0ad !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  left: 1.45rem;
  box-shadow: 0px 1px 2px 0 #d4d9d9, 0px 0px 0px 1px #d4d9d9 inset;
}
/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: #6c7373 !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.4rem;
}
.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'; }
*/
.ck-checkbox {
  vertical-align: middle;
  display: inline-block;
  /* size */
}
.ck-checkbox .ui.checkbox {
  /* inverted */
}
.ck-checkbox .ui.checkbox label:before {
  border: 1px solid #d4d9d9;
  top: 0.1rem;
}
.ck-checkbox .ui.checkbox label:hover:before {
  border: 1px solid #77d3c6;
  background-color: #b2ebea;
}
.ck-checkbox .ui.checkbox.disabled label {
  cursor: not-allowed !important;
}
.ck-checkbox .ui.checkbox.disabled label:before {
  border: 1px solid #e8ebeb !important;
  background: #e8ebeb !important;
}
.ck-checkbox .ui.checkbox.fitted label {
  padding-left: 2.4em !important;
}
.ck-checkbox .ui.checkbox.checked label:before {
  color: #ffffff;
  background: #3ec0ad;
  border: none;
}
.ck-checkbox .ui.checkbox.checked.disabled label:before {
  background: #e8ebeb !important;
}
.ck-checkbox .ui.checkbox.checked.disabled label:after {
  color: #d4d9d9;
}
.ck-checkbox .ui.checkbox.inverted {
  /* disabled */
  /* checked */
  /* disabled checked */
}
.ck-checkbox .ui.checkbox.inverted label {
  color: #e8ebeb;
}
.ck-checkbox .ui.checkbox.inverted label:before {
  background: #505959;
  border: 1px solid #d4d9d9;
}
.ck-checkbox .ui.checkbox.inverted label:hover:before {
  border: 0.1rem solid #77d3c6;
  background-color: #b2ebea;
}
.ck-checkbox .ui.checkbox.inverted.disabled label:before {
  border: #e8ebeb !important;
  background: #e8ebeb !important;
}
.ck-checkbox .ui.checkbox.inverted.checked.disabled label:before {
  background: #e8ebeb !important;
}
.ck-checkbox .ui.checkbox.inverted.checked label:before {
  background: #3ec0ad;
  border: none;
}
.ck-checkbox .ui.checkbox.inverted.disabled.checked label:before {
  border: 0.1rem solid #e8ebeb !important;
}
.ck-checkbox .ui.checkbox.inverted.disabled.checked label:after {
  color: #d4d9d9;
}
.ck-checkbox .ui.checkbox input:active ~ label {
  color: #6c7373;
}
.ck-checkbox .ck-checkbox-description {
  font-size: 1.1rem;
  line-height: 1.8;
  padding-left: 4.78em;
  padding-top: 0.5rem;
  cursor: pointer;
  color: #8d9494;
}
.ck-checkbox .ck-checkbox-description.inverted {
  color: #8d9494;
}
.ck-checkbox .ck-checkbox-description.disabled {
  cursor: not-allowed !important;
}
.ck-checkbox.checkbox-check--medium .ui.checkbox:not(.toggle) input[type='checkbox'] {
  height: 1.8rem;
  width: 1.8rem;
}
.ck-checkbox.checkbox-check--medium .ui.checkbox:not(.toggle) label:before,
.ck-checkbox.checkbox-check--medium .ui.checkbox:not(.toggle) label:after {
  height: 1.8rem;
  width: 1.8rem;
  top: 0;
}
.ck-checkbox.checkbox-check--medium .ui.checkbox:not(.toggle) label:after {
  font-size: 1.5rem;
}
.ck-checkbox.checkbox-check--medium.checkbox-gutter--small .ui.checkbox label,
.ck-checkbox.checkbox-check--medium.checkbox-gutter--small .ck-checkbox-description {
  padding-left: 3.8rem;
}
.ck-checkbox.checkbox-check--medium.checkbox-gutter--medium .ui.checkbox label,
.ck-checkbox.checkbox-check--medium.checkbox-gutter--medium .ck-checkbox-description {
  padding-left: 6rem;
}
.ck-checkbox.checkbox-check--medium.checkbox-gutter--large .ui.checkbox label,
.ck-checkbox.checkbox-check--medium.checkbox-gutter--large .ck-checkbox-description {
  padding-left: 8.5rem;
}
.ck-checkbox.checkbox-check--large .ui.checkbox:not(.toggle) input[type='checkbox'] {
  height: 2.5rem;
  width: 2.5rem;
}
.ck-checkbox.checkbox-check--large .ui.checkbox:not(.toggle) label:before,
.ck-checkbox.checkbox-check--large .ui.checkbox:not(.toggle) label:after {
  height: 2.5rem;
  width: 2.5rem;
}
.ck-checkbox.checkbox-check--large .ui.checkbox:not(.toggle) label:before {
  top: 0;
}
.ck-checkbox.checkbox-check--large .ui.checkbox:not(.toggle) label:after {
  font-size: 1.7rem;
  top: 0.4rem;
}
.ck-checkbox.checkbox-check--large.checkbox-gutter--small .ui.checkbox label,
.ck-checkbox.checkbox-check--large.checkbox-gutter--small .ck-checkbox-description {
  padding-left: 4.5rem;
}
.ck-checkbox.checkbox-check--large.checkbox-gutter--medium .ui.checkbox label,
.ck-checkbox.checkbox-check--large.checkbox-gutter--medium .ck-checkbox-description {
  padding-left: 6.7rem;
}
.ck-checkbox.checkbox-check--large.checkbox-gutter--large .ui.checkbox label,
.ck-checkbox.checkbox-check--large.checkbox-gutter--large .ck-checkbox-description {
  padding-left: 9.2rem;
}
.ck-checkbox.checkbox-check--big .ui.checkbox:not(.toggle) input[type='checkbox'] {
  height: 3.5rem;
  width: 3.5rem;
}
.ck-checkbox.checkbox-check--big .ui.checkbox:not(.toggle) label:before,
.ck-checkbox.checkbox-check--big .ui.checkbox:not(.toggle) label:after {
  height: 3.5rem;
  width: 3.5rem;
}
.ck-checkbox.checkbox-check--big .ui.checkbox:not(.toggle) label:before {
  top: 0;
}
.ck-checkbox.checkbox-check--big .ui.checkbox:not(.toggle) label:after {
  font-size: 2.4rem;
  top: 0.9rem;
}
.ck-checkbox.checkbox-check--big.checkbox-gutter--small .ui.checkbox label,
.ck-checkbox.checkbox-check--big.checkbox-gutter--small .ck-checkbox-description {
  padding-left: 5.5rem;
}
.ck-checkbox.checkbox-check--big.checkbox-gutter--medium .ui.checkbox label,
.ck-checkbox.checkbox-check--big.checkbox-gutter--medium .ck-checkbox-description {
  padding-left: 7.7rem;
}
.ck-checkbox.checkbox-check--big.checkbox-gutter--large .ui.checkbox label,
.ck-checkbox.checkbox-check--big.checkbox-gutter--large .ck-checkbox-description {
  padding-left: 10.2rem;
}
@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');
}
.ui.checkbox label:before,
.ui.checkbox .box:before {
  top: 0.2rem;
}
/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after {
  font-family: 'Checkbox';
  top: 0.2rem;
}
/* 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: 1.2rem;
  content: '\e801';
}
/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/
/* Initial Attempt at updating to engvetica fonts */
.ck-checkbox.toggle {
  /* size */
}
.ck-checkbox.toggle .ui.checkbox.toggle {
  /* disabled, checked */
}
.ck-checkbox.toggle .ui.checkbox.toggle input:focus:checked ~ .box:before,
.ck-checkbox.toggle .ui.checkbox.toggle input:focus:checked ~ label:before {
  background-color: #3ec0ad !important;
}
.ck-checkbox.toggle .ui.checkbox.toggle label {
  color: #6c7373;
  padding-top: 0;
}
.ck-checkbox.toggle .ui.checkbox.toggle label:before {
  display: inline-block;
  margin-top: 0.1rem;
  height: 1.4rem;
  background: #b2b8b8;
  border: none !important;
}
.ck-checkbox.toggle .ui.checkbox.toggle label:after {
  display: inline-block;
  margin-top: 0.5rem;
  left: 0.3rem;
  box-shadow: none;
  background: #ffffff;
  border: #3ec0ad;
  transition: all 0.3s ease;
}
.ck-checkbox.toggle .ui.checkbox.toggle.checked {
  color: #6c7373 !important;
}
.ck-checkbox.toggle .ui.checkbox.toggle.checked label:before {
  background: #3ec0ad;
}
.ck-checkbox.toggle .ui.checkbox.toggle.inverted label {
  color: #e8ebeb !important;
}
.ck-checkbox.toggle .ui.checkbox.toggle.inverted.checked {
  color: #e8ebeb !important;
}
.ck-checkbox.toggle .ui.checkbox.toggle.inverted.checked label:before {
  background: #3ec0ad;
}
.ck-checkbox.toggle .ui.checkbox.toggle.inverted.checked.disabled label:before {
  border-color: transparent !important;
}
.ck-checkbox.toggle .ui.checkbox.toggle input:checked ~ label {
  color: #6c7373;
}
.ck-checkbox.toggle .ui.checkbox.toggle.disabled.checked label:before {
  background-color: #8095a9 !important;
}
.ck-checkbox.toggle .ui.checkbox.toggle.disabled.checked label:after {
  background-color: #a5b6c5;
}
.ck-checkbox.toggle.checkbox-check--medium .ui.toggle.checkbox input[type='checkbox'] {
  height: 1.1rem;
  width: 1.1rem;
}
.ck-checkbox.toggle.checkbox-check--medium .ui.toggle.checkbox label:before {
  height: 1.7rem;
  width: 3.4rem;
}
.ck-checkbox.toggle.checkbox-check--medium .ui.toggle.checkbox label:after {
  height: 1.1rem;
  width: 1.1rem;
}
.ck-checkbox.toggle.checkbox-check--medium .ui.toggle.checkbox.checked label::after {
  left: 2rem;
}
.ck-checkbox.toggle.checkbox-check--medium.checkbox-gutter--small .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--medium.checkbox-gutter--small .ck-checkbox-description {
  padding-left: 5.3rem;
}
.ck-checkbox.toggle.checkbox-check--medium.checkbox-gutter--medium .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--medium.checkbox-gutter--medium .ck-checkbox-description {
  padding-left: 8.1rem;
}
.ck-checkbox.toggle.checkbox-check--medium.checkbox-gutter--large .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--medium.checkbox-gutter--large .ck-checkbox-description {
  padding-left: 10.6rem;
}
.ck-checkbox.toggle.checkbox-check--large .ui.toggle.checkbox input[type='checkbox'] {
  height: 1.7rem;
  width: 1.7rem;
}
.ck-checkbox.toggle.checkbox-check--large .ui.toggle.checkbox label:before {
  height: 2.3rem;
  width: 4.6rem;
}
.ck-checkbox.toggle.checkbox-check--large .ui.toggle.checkbox label:after {
  height: 1.7rem;
  width: 1.7rem;
}
.ck-checkbox.toggle.checkbox-check--large .ui.toggle.checkbox.checked label::after {
  left: 2.6rem;
}
.ck-checkbox.toggle.checkbox-check--large .ui.toggle.checkbox.checked:active label::after {
  margin-left: -0.7rem;
}
.ck-checkbox.toggle.checkbox-check--large.checkbox-gutter--small .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--large.checkbox-gutter--small .ck-checkbox-description {
  padding-left: 6.5rem;
}
.ck-checkbox.toggle.checkbox-check--large.checkbox-gutter--medium .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--large.checkbox-gutter--medium .ck-checkbox-description {
  padding-left: 9.3rem;
}
.ck-checkbox.toggle.checkbox-check--large.checkbox-gutter--large .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--large.checkbox-gutter--large .ck-checkbox-description {
  padding-left: 11.8rem;
}
.ck-checkbox.toggle.checkbox-check--big .ui.toggle.checkbox input[type='checkbox'] {
  height: 2.5rem;
  width: 2.5rem;
}
.ck-checkbox.toggle.checkbox-check--big .ui.toggle.checkbox label:before {
  height: 3.1rem;
  width: 6.2rem;
}
.ck-checkbox.toggle.checkbox-check--big .ui.toggle.checkbox label:after {
  height: 2.5rem;
  width: 2.5rem;
}
.ck-checkbox.toggle.checkbox-check--big .ui.toggle.checkbox.checked label::after {
  left: 3.4rem;
}
.ck-checkbox.toggle.checkbox-check--big .ui.toggle.checkbox.checked:active label::after {
  margin-left: -0.7rem;
}
.ck-checkbox.toggle.checkbox-check--big.checkbox-gutter--small .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--big.checkbox-gutter--small .ck-checkbox-description {
  padding-left: 8.2rem;
}
.ck-checkbox.toggle.checkbox-check--big.checkbox-gutter--medium .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--big.checkbox-gutter--medium .ck-checkbox-description {
  padding-left: 11rem;
}
.ck-checkbox.toggle.checkbox-check--big.checkbox-gutter--large .ui.checkbox label,
.ck-checkbox.toggle.checkbox-check--big.checkbox-gutter--large .ck-checkbox-description {
  padding-left: 13.5rem;
}
/* button group toggle */
.ck.ui.buttons .ck-checkbox.toggle {
  margin: 0.9rem;
}
.ck.ui.buttons .ck-checkbox.toggle:last-of-type {
  margin-right: 0 !important;
}
.ck.ui.buttons .ck-checkbox.toggle:first-of-type {
  margin-left: 0 !important;
}
.ck-checkbox.radio .ui.checkbox.radio .box:after,
.ck-checkbox.radio .ui.checkbox.radio label:after {
  background-color: transparent;
}
.ck-checkbox.radio .ui.checkbox.radio.checked label:before,
.ck-checkbox.radio .ui.checkbox.radio.inverted.checked label:before {
  background: white;
  border: 0.5rem solid #37b8b5;
}
.ck-checkbox.radio .ui.checkbox.radio.checked label:after,
.ck-checkbox.radio .ui.checkbox.radio.inverted.checked label:after {
  background-color: #ffffff;
}
.ck-checkbox.radio .ui.checkbox.radio.checked.disabled label:before,
.ck-checkbox.radio .ui.checkbox.radio.inverted.checked.disabled label:before {
  background: #e8ebeb !important;
}
.ck-checkbox.radio .ui.checkbox.radio.checked.disabled label:after,
.ck-checkbox.radio .ui.checkbox.radio.inverted.checked.disabled label:after {
  background-color: #d4d9d9;
}
.ck-checkbox-group .ui.label {
  display: block;
  margin-bottom: 0.5rem;
}
.ck-checkbox-group .ui.form > .ui.label {
  font-weight: bold;
}
.ck-checkbox-group > .ui.form > .grouped.fields > .field {
  margin: 0;
}
.ck-checkbox-group[class*='vertical-spacing small'] > .ui.form .field .ck-checkbox {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.ck-checkbox-group[class*='vertical-spacing small'] > .ui.form .field .ck-checkbox .ck-checkbox-description {
  margin-top: 0;
}
.ck-checkbox-group[class*='vertical-spacing small'] > .ui.form .field:last-of-type .ck-checkbox {
  margin-bottom: 0;
}
.ck-checkbox-group[class*='vertical-spacing medium'] > .ui.form .field .ck-checkbox {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.7rem;
}
.ck-checkbox-group[class*='vertical-spacing medium'] > .ui.form .field:last-of-type .ck-checkbox {
  margin-bottom: 0;
}
.ck-checkbox-group[class*='vertical-spacing large'] > .ui.form .field .ck-checkbox {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}
.ck-checkbox-group[class*='vertical-spacing large'] > .ui.form .field:last-of-type .ck-checkbox {
  margin-bottom: 0;
}
.ck-checkbox-group[class*='vertical-spacing large'] .ck-checkbox-description {
  margin-top: 0.8rem;
}
.ck-checkbox-group.horizontal-spacing .ck-checkbox.checkbox-gutter--small.checkbox-check--medium .ui.radio.checkbox label,
.ck-checkbox-group.horizontal-spacing .ck-checkbox.checkbox-gutter--small.checkbox-check--medium .ck-checkbox-description {
  padding-right: 3.8rem;
}
.ck-checkbox-group.horizontal-spacing .ck-checkbox.checkbox-gutter--medium.checkbox-check--medium .ui.radio.checkbox label,
.ck-checkbox-group.horizontal-spacing .ck-checkbox.checkbox-gutter--medium.checkbox-check--medium .ck-checkbox-description {
  padding-right: 6rem;
}
.ck-checkbox-group.horizontal-spacing .ck-checkbox.checkbox-gutter--large.checkbox-check--medium .ui.radio.checkbox label,
.ck-checkbox-group.horizontal-spacing .ck-checkbox.checkbox-gutter--large.checkbox-check--medium .ck-checkbox-description {
  padding-right: 8.5em;
}
.ck-radio-group .ui.label {
  display: block;
  margin-bottom: 0.5rem;
}
.ck-radio-group .ui.form > .ui.label {
  font-weight: bold;
}
/*!
 * # Semantic UI - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Dimmer
*******************************/
/* Hidden (Default) */
/* Visible */
/*-------------------
        Types
--------------------*/
/* Page Dimmer*/
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Simple */
/* Packaged Theme */
/*******************************
            Dimmer
*******************************/
/* Hidden (Default) */
/* Visible */
/*-------------------
        Types
--------------------*/
/* Page Dimmer*/
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Simple */
/* Site Theme */
/*******************************
            Dimmer
*******************************/
/* Hidden (Default) */
/* Content */
/* Visible */
/*-------------------
        Types
--------------------*/
/* Page Dimmer*/
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Simple */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            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;
  padding: 1em;
  background-color: rgba(232, 235, 235, 0.65);
  opacity: 0;
  line-height: 1;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  transition: background-color 0.5s linear;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  user-select: none;
  will-change: opacity;
  z-index: 1051;
}
/* Dimmer Content */
.ui.dimmer > .content {
  user-select: text;
  color: #ffffff;
}
/* Loose Coupling */
.ui.segment > .ui.dimmer {
  border-radius: inherit !important;
}
/* Scrollbars */
/*******************************
            States
*******************************/
/* Animating */
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden;
}
/* Animating / Active / Visible */
.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: flex;
  opacity: 1;
}
/* Disabled */
.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important;
}
/*******************************
           Variations
*******************************/
/*--------------
    Legacy
---------------*/
/* Animating / Active / Visible */
.dimmed.dimmable > .ui.animating.legacy.dimmer,
.dimmed.dimmable > .ui.visible.legacy.dimmer,
.ui.active.legacy.dimmer {
  display: block;
}
/*--------------
    Alignment
---------------*/
.ui[class*="top aligned"].dimmer {
  justify-content: flex-start;
}
.ui[class*="bottom aligned"].dimmer {
  justify-content: flex-end;
}
/*--------------
      Page
---------------*/
.ui.page.dimmer {
  position: fixed;
  transform-style: '';
  perspective: 2000px;
  transform-origin: center center;
}
body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden;
}
body.dimmable > .dimmer {
  position: fixed;
}
/*--------------
    Blurring
---------------*/
.blurring.dimmable > :not(.dimmer) {
  filter: blur(0px) grayscale(0);
  transition: 800ms filter ease;
}
.blurring.dimmed.dimmable > :not(.dimmer) {
  filter: blur(5px) grayscale(0.7);
}
/* Dimmer Color */
.blurring.dimmable > .dimmer {
  background-color: rgba(232, 235, 235, 0.65);
}
.blurring.dimmable > .inverted.dimmer {
  background-color: rgba(232, 235, 235, 0.65);
}
/*--------------
    Aligned
---------------*/
.ui.dimmer > .top.aligned.content > * {
  vertical-align: top;
}
.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.dimmer {
  background-color: rgba(232, 235, 235, 0.65);
}
.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(232, 235, 235, 0.65);
  z-index: 1;
}
.ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0);
}
.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background-color: rgba(232, 235, 235, 0.65);
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Dropdown
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Content
--------------------*/
/* Icon */
/* Current Text */
/* Menu */
/* Text */
/* Menu Item */
/* Sub Menu */
/* Menu Header */
/* Menu Divider */
/* Menu Input */
/* Menu Image */
/* Item Sub-Element */
/* Sub-Menu Dropdown Icon */
/* Description */
/* Message */
/* Floated Content */
/*-------------------
        Types
--------------------*/
/*------------
   Selection
--------------*/
/* <select> */
/* Responsive */
/* Derived */
/* 1px / em size */
/* Hover */
/* Focus */
/* Visible */
/* Visible Hover */
/*--------------
     Search
--------------*/
/* Search Selection */
/* Inline */
/*--------------
    Multiple
--------------*/
/* Split Actual Padding Between Child and Parent (allows for label spacing) */
/* Child Elements */
/* Dropdown Icon */
/* Selection Label */
/*-------------------
       States
--------------------*/
/* Hovered */
/* Default Text */
/* Loading */
/* Active Menu Item */
/* Selected */
/* Error */
/* Clearable */
/*-------------------
      Variations
--------------------*/
/* Scrolling */
/* 0px / em size */
/* Upward */
/* Flyout Direction */
/* Left */
/* Simple */
/* Floating */
/* Pointing */
/* Pointing Upward */
/* Packaged Theme */
/*******************************
            Dropdown
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Content
--------------------*/
/* Icon */
/* Current Text */
/* Menu */
/* Text */
/* Menu Item */
/* Sub Menu */
/* Menu Header */
/* Menu Divider */
/* Menu Input */
/* Menu Image */
/* Item Sub-Element */
/* Sub-Menu Dropdown Icon */
/* Description */
/* Message */
/* Floated Content */
/*-------------------
        Types
--------------------*/
/*------------
   Selection
--------------*/
/* <select> */
/* Responsive */
/* Derived */
/* 1px / em size */
/* Hover */
/* Focus */
/* Visible */
/* Visible Hover */
/*--------------
     Search
--------------*/
/* Search Selection */
/* Inline */
/*--------------
    Multiple
--------------*/
/* Split Actual Padding Between Child and Parent (allows for label spacing) */
/* Child Elements */
/* Dropdown Icon */
/* Selection Label */
/*-------------------
       States
--------------------*/
/* Hovered */
/* Default Text */
/* Loading */
/* Active Menu Item */
/* Selected */
/* Error */
/* Clearable */
/*-------------------
      Variations
--------------------*/
/* Scrolling */
/* 0px / em size */
/* Upward */
/* Flyout Direction */
/* Left */
/* Simple */
/* Floating */
/* Pointing */
/* Pointing Upward */
/* Site Theme */
/*******************************
            Dropdown
*******************************/
/* Wayin updates */
/* Responsive */
/*---------------*/
/*-------------------
       Element
--------------------*/
/*-------------------
       Content
--------------------*/
/* Icon */
/* Current Text */
/* Menu */
/* Text */
/* Menu Item */
/* Sub Menu */
/* Menu Header */
/* Menu Divider */
/* Menu Input */
/* Menu Image */
/* Item Sub-Element */
/* Sub-Menu Dropdown Icon */
/* Description */
/* Message */
/* Floated Content */
/*-------------------
        Types
--------------------*/
/*------------
   Selection
--------------*/
/* <select> */
/* Derived */
/* 1px / em size */
/* Hover */
/* Focus */
/* Visible */
/* Visible Hover */
/*--------------
     Search
--------------*/
/* Search Selection */
/* Inline */
/*--------------
    Multiple
--------------*/
/* Split Actual Padding Between Child and Parent (allows for label spacing) */
/* Child Elements */
/* Dropdown Icon */
/* Selection Label */
/*-------------------
       States
--------------------*/
/* Hovered */
/* Default Text */
/* Loading */
/* Active Menu Item */
/* Selected */
/* Error */
/*-------------------
      Variations
--------------------*/
/* Scrolling */
/* 0px / em size */
/* Upward */
/* Flyout Direction */
/* Left */
/* Simple */
/* Floating */
/* Pointing */
/* Pointing Upward */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  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: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #ffffff;
  font-size: 1.3em;
  text-shadow: none;
  text-align: left;
  box-shadow: none;
  border: 1px solid #d4d9d9;
  border-radius: 0.2rem;
  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: 1em;
  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;
  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: #6c7373;
  padding: 0.6em 0.7em !important;
  font-size: 1.5rem;
  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 0.7em;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.1em;
  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.dropdown .menu > .input {
  width: auto;
  display: flex;
  margin: 1.5rem 1rem;
  min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 0.7em;
}
.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: #6c7373;
}
/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.6em 0.7em;
  font-weight: normal;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: #d4d9d9;
}
/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.2rem !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: 1rem;
}
/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  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;
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.3em;
  background: transparent;
  display: inline-block;
  padding: 0.2em 0.7em 0.2em 0.7em;
  color: #6c7373;
  box-shadow: none;
  border: 1px solid #d4d9d9;
  border-radius: 0.2rem;
  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 #d4d9d9;
  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.8;
  top: 0.2em;
  right: 0.7em;
  z-index: 3;
  margin: -0.2em;
  padding: 0.2em;
  opacity: 0.8;
  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;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% + (1px * 2));
  width: calc(100% + (1px * 2));
  border-radius: 0em 0em 0.2rem 0.2rem;
  box-shadow: none;
  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.6em 0.7em;
}
@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 10.9em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.9em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 10.9em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 10.9em;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: none;
  padding: 0.6em 0.7em !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: #3ec0ad;
  box-shadow: none;
}
/* Active */
.ui.selection.active.dropdown {
  border-color: #3ec0ad;
  box-shadow: none;
}
.ui.selection.active.dropdown .menu {
  border-color: #3ec0ad;
  box-shadow: none;
}
/* Focus */
.ui.selection.dropdown:focus {
  border-color: #3ec0ad;
  box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
  border-color: #3ec0ad;
  box-shadow: none;
}
/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: #008582;
}
/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #3ec0ad;
  box-shadow: none;
}
.ui.selection.active.dropdown:hover .menu {
  border-color: #3ec0ad;
  box-shadow: none;
}
/* 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.2rem !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: 0;
  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: 0;
  z-index: 3;
}
/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.8;
  padding: -0.2em 1.8em -0.2em 0.7em;
}
/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.8;
  padding: -0.2em 1.8em -0.2em 0.7em;
  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: 1;
}
.ui.active.search.dropdown input.search:focus + .text {
  color: #b2b8b8 !important;
}
/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 10.9em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.9em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 10.9em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 10.9em;
  }
}
/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: -0.06666667em 1.8em -0.06666667em 0.5em;
}
.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 {
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1.3rem;
  padding: 0.4em 0.75em;
  margin: 0.2rem 0.2rem 0.2rem 0em;
  box-shadow: 0px 0px 0px 0 #d4d9d9 inset;
}
/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: "";
  padding: "";
}
/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: -0.13333333em 0em -0.13333333em 0.2em;
  line-height: 2.2em;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.2em !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.13333333em 0em -0.13333333em 0.2em;
  line-height: 2.2em;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}
/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: -0.13333333em 0em -0.13333333em 0.2em;
  width: 2.2em;
  line-height: 2.2em;
}
/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.7em 0em 0.3em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.3em;
  border-radius: 0.2rem;
}
/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: normal;
  color: #008582;
  box-shadow: none;
  z-index: 12;
}
/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: #d8f2ee;
  color: #008582;
  z-index: 13;
}
/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1.4em !important;
}
.ui.loading.selection.dropdown > i.icon {
  padding: 2.1em 1.8em !important;
}
.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.65em 0em 0em -0.65em;
  width: 1.3em;
  height: 1.3em;
  border-radius: 500rem;
  border: 0.3rem solid rgba(0, 0, 0, 0.15);
}
.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.65em 0em 0em -0.65em;
  width: 1.3em;
  height: 1.3em;
  animation: dropdown-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
  border-width: 0.3rem;
}
/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none;
}
@keyframes dropdown-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: #b2b8b8;
}
.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: #b2b8b8;
}
/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  transition: none;
}
/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important;
}
.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}
/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: transparent;
  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: #ee2f19;
}
.ui.selection.dropdown.error {
  background: transparent;
  border-color: #ee2f19;
}
.ui.selection.dropdown.error:hover {
  border-color: #ee2f19;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #ee2f19;
}
.ui.dropdown.error > .menu > .item {
  color: #ee2f19;
}
.ui.multiple.selection.error.dropdown > .label {
  border-color: #ee2f19;
}
/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #fff2f2;
}
/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #fdcfcf;
}
/*--------------------
        Clear
----------------------*/
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  transition: opacity 0.1s ease;
}
.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}
/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 1;
}
/*******************************
           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.2rem !important;
}
/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important;
}
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.2rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 1rem 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 1rem 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em;
}
/*--------------
     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.2rem 0.2rem 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.2rem 0.2rem 0em 0em !important;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.2rem 0.2rem 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.2rem 0.2rem !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.2rem 0.2rem !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;
  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 #d4d9d9;
}
.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}
.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: 8.8em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 13.2em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 17.6em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 8.8em;
  }
}
/*--------------
     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;
  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.2rem !important;
}
.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.2rem !important;
}
/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 1rem;
  border-radius: 0.2rem;
}
.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  transform: rotate(45deg);
  width: 0.7em;
  height: 0.7em;
  box-shadow: -1px -1px 0px 1px #d4d9d9;
  background: #ffffff;
  z-index: 2;
}
.ui.pointing.dropdown > .menu:after {
  top: -0.35em;
  left: 50%;
  margin: 0em 0em 0em -0.35em;
}
/* 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.35em;
  left: 1em;
  right: auto;
  margin: 0em;
  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.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.35em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  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.35em;
  margin: 0em 0em 0em 0em;
  transform: rotate(-45deg);
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em;
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.35em;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg);
}
/* 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.35em;
  margin: 0em 0em 0em 0em;
  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.35em;
  right: auto;
  margin: 0em;
  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.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 1rem;
  border-radius: 0.2rem;
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  box-shadow: 1px 1px 0px 1px #d4d9d9;
  margin: -0.35em 0em 0em;
}
/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 1px #d4d9d9;
}
/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 1px #d4d9d9;
}
/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  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' /*rtl:'\f0d9'*/;
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "\f0d9" /*rtl:"\f0da"*/;
}
/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "\f0da" /*rtl:"\f0d9"*/;
}
.ui.dropdown > .clear.icon:before {
  content: "\f00d";
}
/* Icons for Reference (Subsetted in 2.4.0)
  .dropdown.down:before { content: "\f0d7"; }
  .dropdown.up:before { content: "\f0d8"; }
  .dropdown.left:before { content: "\f0d9"; }
  .dropdown.right:before { content: "\f0da"; }
  .dropdown.close:before { content: "\f00d"; }
*/
.ck.dropdown {
  position: relative;
  display: block;
  font-size: 1rem;
  width: 300px;
  /*--------------------
        Error
  ---------------------*/
}
.ck.dropdown.fluid {
  width: auto;
}
.ck.dropdown.disabled {
  cursor: not-allowed;
}
.ck.dropdown .dropdown-positioner {
  position: relative;
  flex-grow: 1;
  max-width: 100%;
}
.ck.dropdown .dropdown-positioner > .ck-icon {
  position: absolute;
  top: 0.9em;
  right: 3.5em;
  z-index: 5;
  color: #394242;
}
.ck.dropdown > .label {
  font-weight: bold;
}
.ck.dropdown .ui.dropdown {
  width: 100%;
}
.ck.dropdown .ui.dropdown.underlined {
  border-top: transparent !important;
  border-right: transparent !important;
  border-left: transparent !important;
}
.ck.dropdown .ui.dropdown.selection {
  font-size: 1.5rem;
  line-height: 1.8rem;
  white-space: nowrap;
  min-width: 8em;
}
.ck.dropdown .ui.dropdown.selection.active {
  border-bottom-color: transparent;
  box-shadow: none;
}
.ck.dropdown .ui.dropdown.selection.active > .text:not(.default) {
  color: #2b8679;
}
.ck.dropdown .ui.dropdown.selection.active .search {
  z-index: 12;
}
.ck.dropdown .ui.dropdown.selection.visible:not(.search):not(.multiple) ~ .ck.button {
  visibility: hidden;
}
.ck.dropdown .ui.dropdown.selection.search .search {
  max-width: calc(100% - 60px);
}
.ck.dropdown .ui.dropdown.selection.error .menu {
  border-color: #ee2f19;
}
.ck.dropdown .ui.dropdown.selection .menu {
  /* no results message */
}
.ck.dropdown .ui.dropdown.selection .menu > .item {
  margin: 0.8rem;
  border-radius: 0.2rem;
  transition: background-color ease 0.2s;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6c7373;
  display: flex;
  position: relative;
  align-items: center;
}
.ck.dropdown .ui.dropdown.selection .menu > .item.item--indent--small {
  padding-left: 20px !important;
}
.ck.dropdown .ui.dropdown.selection .menu > .item.item--indent--medium {
  padding-left: 40px !important;
}
.ck.dropdown .ui.dropdown.selection .menu > .item.item--indent--large {
  padding-left: 60px !important;
}
.ck.dropdown .ui.dropdown.selection .menu > .item.selected {
  min-width: 0;
}
.ck.dropdown .ui.dropdown.selection .menu > .item.selected .description,
.ck.dropdown .ui.dropdown.selection .menu > .item.selected .text {
  color: #008582;
}
.ck.dropdown .ui.dropdown.selection .menu > .item.disabled {
  min-width: 0;
}
.ck.dropdown .ui.dropdown.selection .menu > .item.disabled .description,
.ck.dropdown .ui.dropdown.selection .menu > .item.disabled .text {
  color: #b2b8b8;
}
.ck.dropdown .ui.dropdown.selection .menu .message {
  font-size: 1.5rem;
}
.ck.dropdown .ui.dropdown.selection .menu .text {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6c7373;
  display: inline-block;
  position: relative;
  align-items: center;
  padding-right: 0;
}
.ck.dropdown .ui.dropdown.selection .menu > .item .ck-icon {
  order: 1;
}
.ck.dropdown .ui.dropdown.selection .menu > .item .description {
  order: 3;
}
.ck.dropdown .ui.dropdown.selection .menu > .item .text {
  order: 2;
}
.ck.dropdown .ui.dropdown.selection .menu > .item:before {
  content: '';
  background: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all ease 0.2s;
  border-radius: 0.2rem;
}
.ck.dropdown .ui.dropdown.selection .menu > .item:not(.disabled):hover:before {
  content: '';
  background: #d8f2ee;
}
.ck.dropdown .ui.dropdown.selection .text {
  width: 95%;
  padding-right: 1.6em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
  transition: color ease 0.2s;
  display: inline-block;
}
.ck.dropdown .ui.dropdown.selection .text.filtered {
  min-height: 2.7rem;
}
.ck.dropdown .ui.dropdown.selection > .text {
  line-height: 1.8;
}
.ck.dropdown .ui.dropdown.selection > .ck-icon {
  margin-right: 0;
  position: absolute;
  right: 0.7em;
  top: 0.5em;
}
.ck.dropdown .ui.dropdown.selection .item > .ck-icon {
  vertical-align: text-bottom;
  margin-right: 0.2em;
  z-index: 1;
}
.ck.dropdown .ui.dropdown.selection .item > .description {
  font-size: 1.2rem;
  padding-top: 0.2rem;
  margin-right: 1em;
  transition: color ease 0.2s;
  z-index: 1;
}
.ck.dropdown .ui.dropdown.selection .menu > .item:not(.disabled):hover,
.ck.dropdown .ui.dropdown.selection .menu > .item:not(.disabled):hover .text {
  color: #008582;
}
.ck.dropdown .ui.dropdown.selection .menu > .item:hover,
.ck.dropdown .ui.dropdown.selection .menu > .item:hover .text {
  background: transparent;
}
.ck.dropdown .ui.dropdown.selection .menu > .item:not(.disabled):hover .description {
  color: #008582;
}
.ck.dropdown .ui.dropdown.disabled {
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}
.ck.dropdown .ui.dropdown.disabled > .text,
.ck.dropdown .ui.dropdown.disabled > .default.text {
  color: #b2b8b8;
}
.ck.dropdown .ui.dropdown.loading > i.icon {
  padding: 1.1em 1em !important;
}
.ck.dropdown .ui.dropdown.loading > i.icon:before {
  width: 2rem;
  height: 2rem;
  border: 0.3rem solid rgba(0, 0, 0, 0.15);
  margin: -1rem 0 0 -1rem;
}
.ck.dropdown .ui.dropdown.loading > i.icon:after {
  width: 2rem;
  height: 2rem;
  border-style: solid;
  border-color: transparent #77d3c6 transparent transparent;
  margin: -1rem 0 0 -1rem;
}
.ck.dropdown .ui.dropdown.selection.inverted {
  color: #ffffff;
  border: 1px solid #d4d9d9;
}
.ck.dropdown .ui.dropdown.selection.inverted:not(.button) > .default.text {
  color: #ffffff;
}
.ck.dropdown .ui.dropdown.selection.inverted:hover {
  border-color: #77d3c6;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu {
  background: #505959;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu > .item,
.ck.dropdown .ui.dropdown.selection.inverted .menu .text {
  color: #ffffff;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu .description {
  color: #f7f7f7;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu .item {
  color: #ffffff;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu .item i.icon {
  color: #ffffff;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu .item.selected {
  color: #008582;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu .item:hover {
  color: #008582;
  background: transparent;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu .item:hover i.icon {
  color: #008582;
}
.ck.dropdown .ui.dropdown.selection.inverted .menu .item.disabled:hover i.icon {
  color: #b2b8b8;
}
.ck.dropdown .ui.dropdown.selection.inverted.active {
  border: 0.1rem solid #77d3c6;
}
.ck.dropdown .ui.dropdown.selection.inverted.active .menu {
  border: 0.1rem solid #77d3c6;
}
.ck.dropdown .ui.dropdown.selection.inverted.loading > i.icon:before {
  border: 0.3rem solid rgba(0, 0, 0, 0.15);
}
.ck.dropdown .ui.dropdown.selection.inverted.loading > i.icon:after {
  border-style: solid !important;
  border-color: transparent #77d3c6 transparent transparent;
}
.ck.dropdown .ui.dropdown.selection.inverted.disabled {
  border-color: #e8ebeb;
}
.ck.dropdown .ui.dropdown.selection.inverted.disabled > .text,
.ck.dropdown .ui.dropdown.selection.inverted.disabled > .default.text {
  color: #b2b8b8;
}
.ck.dropdown .ui.dropdown.selection.inverted.search.active input.search:focus + .text {
  color: #ffffff !important;
}
.ck.dropdown .ui.dropdown.multiple {
  white-space: normal;
  padding-right: 3.8em;
}
.ck.dropdown .ui.dropdown.multiple > input.search {
  line-height: 2em;
  margin-left: 0;
}
.ck.dropdown .ui.dropdown.multiple .text {
  margin: 0;
}
.ck.dropdown .ui.dropdown.multiple > .text:not(.default) {
  display: none;
}
.ck.dropdown .ui.dropdown.multiple.dropdown > .label {
  padding: 0.2rem 0.7rem 0.4rem;
  margin: 0.2rem 0.4rem 0.2rem 0;
  font-weight: bold;
}
.ck.dropdown .ui.dropdown.multiple.dropdown > .label {
  background-color: #f4f5ba;
}
.ck.dropdown .ui.dropdown.multiple.dropdown > .label:hover {
  background-color: #e9eb75;
}
.ck.dropdown .error-wrapper {
  display: flex;
  align-items: center;
}
.ck.dropdown .error-wrapper > .ck.tooltip {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  padding-left: 0;
  opacity: 0;
  width: 0;
  transform: rotateY(90deg);
}
.ck.dropdown.error .error-wrapper > .ck.tooltip {
  opacity: 1;
  width: 3rem;
  padding-left: 0.8rem;
  transform: rotateY(0deg);
}
.ck.dropdown.error .ui.dropdown.underlined {
  border-top: transparent !important;
  border-right: transparent !important;
  border-left: transparent !important;
}
.ck.dropdown.error .ui.dropdown,
.ck.dropdown.error .ui.dropdown.inverted,
.ck.dropdown.error .ui.dropdown:focus,
.ck.dropdown.error .ui.dropdown.inverted:focus,
.ck.dropdown.error .ui.dropdown:hover,
.ck.dropdown.error .ui.dropdown.inverted:hover,
.ck.dropdown.error .ui.dropdown.focus,
.ck.dropdown.error .ui.dropdown.inverted.focus {
  border-color: #ee2f19 !important;
}
.ck.dropdown.error .ui.dropdown.error .menu {
  border-color: #ee2f19;
}
.ck.dropdown.error .ui.dropdown.selection.inverted {
  border-color: #ee2f19;
}
.ck.dropdown.error .ui.dropdown.selection.inverted.active,
.ck.dropdown.error .ui.dropdown.selection.inverted.active .menu {
  border-color: #ee2f19;
}
.ck.dropdown.error .ui.dropdown.selection.inverted > .text,
.ck.dropdown.error .ui.dropdown.selection.inverted > .default.text {
  color: #ffffff !important;
}
.ui.dropdown .menu {
  will-change: unset;
}
/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*!
 * # Semantic UI - Video
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Video
*******************************/
/*-------------------
       Element
--------------------*/
/* Simple */
/* Placeholder */
/* Placeholder Overlayed Background */
/* Icon */
/*-------------------
       States
--------------------*/
/* Hover */
/*-------------------
      Variations
--------------------*/
/* Aspect Ratios */
/* Packaged Theme */
/*******************************
             Video
*******************************/
/*-------------------
       Element
--------------------*/
/* Simple */
/* Placeholder */
/* Placeholder Overlayed Background */
/* Icon */
/*-------------------
       States
--------------------*/
/* Hover */
/*-------------------
      Variations
--------------------*/
/* Aspect Ratios */
/* Site Theme */
/*******************************
             Video
*******************************/
/*-------------------
       Element
--------------------*/
/* Simple */
/* Placeholder */
/* Placeholder Overlayed Background */
/* Icon */
/*-------------------
       States
--------------------*/
/* Hover */
/*-------------------
      Variations
--------------------*/
/* Aspect Ratios */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            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: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  opacity: 0.5;
  transition: opacity 0.5s ease;
}
.ui.embed > .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%) translateY(-50%);
  color: #ffffff;
  font-size: 6rem;
  text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
  transition: opacity 0.5s ease, color 0.5s ease;
  z-index: 10;
}
/*******************************
            States
*******************************/
/*--------------
     Hover
---------------*/
.ui.embed .icon:hover:after {
  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
*******************************/
/*******************************
        Video 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 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Modal
*******************************/
/* Close Icon */
/* Header */
/* Content */
/* Image / Description */
/* Modal Actions */
/* Inner Close Position (Tablet/Mobile) */
/* Mobile Positions */
/* Responsive Widths */
/* Coupling */
/*-------------------
       States
--------------------*/
/*-------------------
        Types
--------------------*/
/* Basic */
/* Top Aligned */
/* Scrolling Margin */
/* Scrolling Content */
/*-------------------
      Variations
--------------------*/
/* Size Widths */
/* Derived Responsive Sizes */
/* Packaged Theme */
/*******************************
             Modal
*******************************/
/* Close Icon */
/* Header */
/* Content */
/* Image / Description */
/* Modal Actions */
/* Inner Close Position (Tablet/Mobile) */
/* Mobile Positions */
/* Responsive Widths */
/* Coupling */
/*-------------------
       States
--------------------*/
/*-------------------
        Types
--------------------*/
/* Basic */
/* Top Aligned */
/* Scrolling Margin */
/* Scrolling Content */
/*-------------------
      Variations
--------------------*/
/* Size Widths */
/* Derived Responsive Sizes */
/* Site Theme */
/*******************************
             Modal
*******************************/
/* Close Icon */
/* Header */
/* Content */
/* Image / Description */
/* Modal Actions */
/* Inner Close Position (Tablet/Mobile) */
/* Mobile Positions */
/* Responsive Widths */
/* Coupling */
/*-------------------
        Types
--------------------*/
/* Basic */
/* Scrolling Margin */
/*-------------------
      Variations
--------------------*/
/* Size Widths */
/* Derived Responsive Sizes */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
             Modal
*******************************/
.ui.modal {
  position: absolute;
  display: none;
  z-index: 1001;
  text-align: left;
  background: #ffffff;
  border: none;
  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.2), 0 2px 4px 0 rgba(27, 28, 29, 0.2);
  transform-origin: 50% 25%;
  flex: 0 0 auto;
  border-radius: 0.2rem;
  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.2rem;
  border-top-right-radius: 0.2rem;
}
.ui.modal > :last-child {
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
/*******************************
            Content
*******************************/
/*--------------
     Close
---------------*/
.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
  opacity: 1;
  font-size: 1.25em;
  color: #1a2129;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0rem 0rem 0rem;
}
.ui.modal > .close:hover {
  opacity: 1;
}
/*--------------
     Header
---------------*/
.ui.modal > .header {
  display: block;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  background: #ffffff;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: #394242;
  border-bottom: none;
}
.ui.modal > .header:not(.ui) {
  font-size: 1.8rem;
  line-height: 1;
  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: flex;
  flex-direction: row;
}
/* Image */
.ui.modal > .content > .image {
  display: block;
  flex: 0 1 auto;
  width: '';
  align-self: top;
}
.ui.modal > [class*="top aligned"] {
  align-self: top;
}
.ui.modal > [class*="middle aligned"] {
  align-self: middle;
}
.ui.modal > [class*="stretched"] {
  align-self: stretch;
}
/* Description */
.ui.modal > .content > .description {
  display: block;
  flex: 1 0 auto;
  min-width: 0px;
  align-self: top;
}
.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  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 #d4d9d9;
  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 0em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.modal {
    width: 88%;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.modal {
    width: 850px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.modal {
    width: 900px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.modal {
    width: 950px;
    margin: 0em 0em 0em 0em;
  }
}
/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.modal > .header {
    padding-right: 2.25rem;
  }
  .ui.modal > .close {
    top: 2rem;
    right: 2rem;
    color: #b2b8b8;
  }
}
/* 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 {
    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: 0 2px 4px 0 rgba(27, 28, 29, 0.2), 0 2px 4px 0 rgba(27, 28, 29, 0.2);
}
/*******************************
             Types
*******************************/
.ui.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  box-shadow: none !important;
  color: #394242;
}
.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}
.ui.basic.modal > .header {
  color: #394242;
}
.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem;
}
.ui.inverted.dimmer > .basic.modal {
  color: #ffffff;
}
.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: #ffffff;
}
/* Resort to margin positioning if legacy */
.ui.legacy.modal,
.ui.legacy.page.dimmer > .ui.modal {
  top: 50%;
  left: 50%;
}
.ui.legacy.page.dimmer > .ui.scrolling.modal,
.ui.page.dimmer > .ui.scrolling.legacy.modal,
.ui.top.aligned.legacy.page.dimmer > .ui.modal,
.ui.top.aligned.dimmer > .ui.legacy.modal {
  top: auto;
}
/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.basic.modal > .close {
    color: #ffffff;
  }
}
/*******************************
             States
*******************************/
.ui.loading.modal {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.active.modal {
  display: block;
}
/*******************************
           Variations
*******************************/
/*--------------
   Top Aligned
---------------*/
/* Top Aligned Modal */
.modals.dimmer[class*="top aligned"] .modal {
  margin: 5vh auto;
}
@media only screen and (max-width: 767px) {
  .modals.dimmer[class*="top aligned"] .modal {
    margin: 1rem auto;
  }
}
/* Legacy Top Aligned */
.legacy.modals.dimmer[class*="top aligned"] {
  padding-top: 5vh;
}
@media only screen and (max-width: 767px) {
  .legacy.modals.dimmer[class*="top aligned"] {
    padding-top: 1rem;
  }
}
/*--------------
    Scrolling
---------------*/
/* Scrolling Dimmer */
.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.scrolling.dimmable > .dimmer {
  justify-content: flex-start;
}
.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrolling.dimmable > .dimmer {
  position: fixed;
}
.modals.dimmer .ui.scrolling.modal {
  margin: 0 auto;
}
/* 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: 0 !important;
}
/* Scrolling Content */
.ui.modal .scrolling.content {
  max-height: calc(80vh - 10em);
  overflow: auto;
}
/*--------------
   Full Screen
---------------*/
.ui.fullscreen.modal {
  width: 100% !important;
  margin: 0;
}
.ui.fullscreen.modal > .header {
  padding-right: 2.25rem;
}
.ui.fullscreen.modal > .close {
  top: 2rem;
  right: 2rem;
  color: #b2b8b8;
}
/*--------------
      Size
---------------*/
.ui.modal {
  font-size: 1.3rem;
}
/* Mini */
.ui.mini.modal > .header:not(.ui) {
  font-size: 1.3em;
}
/* Mini Modal Width */
@media only screen and (max-width: 767px) {
  .ui.mini.modal {
    width: 95%;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.mini.modal {
    width: 35.2%;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.mini.modal {
    width: 340px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.mini.modal {
    width: 360px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.mini.modal {
    width: 380px;
    margin: 0em 0em 0em 0em;
  }
}
/* mini */
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em;
}
/* Tiny Modal Width */
@media only screen and (max-width: 767px) {
  .ui.tiny.modal {
    width: 95%;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.tiny.modal {
    width: 52.8%;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.tiny.modal {
    width: 510px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.tiny.modal {
    width: 540px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.tiny.modal {
    width: 570px;
    margin: 0em 0em 0em 0em;
  }
}
/* 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 0em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.small.modal {
    width: 70.4%;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.small.modal {
    width: 680px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.small.modal {
    width: 720px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.small.modal {
    width: 760px;
    margin: 0em 0em 0em 0em;
  }
}
/* 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 0em;
  }
}
@media only screen and (min-width: 768px) {
  .ui.large.modal {
    width: 88%;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 992px) {
  .ui.large.modal {
    width: 1020px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.large.modal {
    width: 1080px;
    margin: 0em 0em 0em 0em;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.large.modal {
    width: 1140px;
    margin: 0em 0em 0em 0em;
  }
}
/*******************************
         Theme Overrides
*******************************/
/*
  .modal is rendered outside of .ck-modal
  and its parent is dependent on the mountNode prop.
*/
.dimmable.dimmed > .dimmer:last-of-type,
.dimmable.dimmed > .dimmer:has(.library-select-modal) {
  backdrop-filter: blur(0.5rem);
}
.ui.modal {
  background-color: transparent;
}
.ui.modal.solid {
  background-color: #f7f7f7;
}
.ui.modal.solid.inverted {
  background-color: #505959;
}
.ui.modal.fullscreen {
  height: 100vh;
  top: 0;
  border-radius: 0;
  overflow-y: auto;
}
.ui.modal.fullscreen > .ck-icon .icon-cancel {
  top: 2rem;
  right: 2rem;
}
.ui.modal.basic > .ck-icon .icon-cancel > .ck-icon .icon-cancel {
  color: #1a2129;
}
.ui.modal.basic > .ck-icon .icon-cancel.inverted {
  color: #ffffff;
}
.ui.modal.basic > .ck-icon .icon-cancel.inverted:hover {
  color: #77d3c6;
}
.ui.modal.inverted > .ck-icon .icon-cancel {
  color: #ffffff;
}
.ui.modal > .ck-icon:first-of-type {
  float: right;
}
.ui.modal > .ck-icon .icon-cancel {
  cursor: pointer;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
  opacity: 1;
  font-size: 1.25em;
  color: #b2b8b8;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0rem 0rem 0rem;
}
.ui.modal > .ck-icon .icon-cancel:hover {
  color: #3ec0ad;
}
.ui.modal > .ui.header {
  background: none;
}
/*& {
  @import "~semantic-ui-less/definitions/modules/popup";
}*/
/*!
 * # Semantic UI - Progress Bar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Progress
*******************************/
/*-------------------
       Element
--------------------*/
/* Bar */
/* Progress Bar Label */
/* Label */
/*-------------------
        Types
--------------------*/
/*-------------------
        States
--------------------*/
/* Active */
/*-------------------
      Variations
--------------------*/
/* Attached */
/* Inverted */
/* Sizing */
/* Packaged Theme */
/*******************************
            Progress
*******************************/
/*-------------------
       Element
--------------------*/
/* Bar */
/* Progress Bar Label */
/* Label */
/*-------------------
        Types
--------------------*/
/*-------------------
        States
--------------------*/
/* Active */
/*-------------------
      Variations
--------------------*/
/* Attached */
/* Inverted */
/* Sizing */
/* Site Theme */
/*******************************
            Progress
*******************************/
/*-------------------
       Element
--------------------*/
/* Bar */
/* Progress Bar Label */
/* Label */
/*-------------------
        Types
--------------------*/
/*-------------------
        States
--------------------*/
/* Active */
/*-------------------
      Variations
--------------------*/
/* Attached */
/* Inverted */
/* Sizing */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Progress
*******************************/
.ui.progress {
  position: relative;
  display: block;
  max-width: 100%;
  border: none;
  margin: 1em 0em 2.5em;
  box-shadow: none;
  background: #b2b8b8;
  padding: 0em;
  border-radius: 0.2rem;
}
.ui.progress:first-child {
  margin: 0;
}
.ui.progress:last-child {
  margin: 0;
}
/*******************************
            Content
*******************************/
/* Activity Bar */
.ui.progress .bar {
  display: block;
  line-height: 1;
  position: relative;
  width: 0%;
  min-width: 2em;
  background: #77d3c6;
  border-radius: 0.2rem;
  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: 1.2em;
  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: #b2b8b8;
  font-weight: bold;
  text-shadow: none;
  margin-top: 0.2em;
  text-align: center;
  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: #b2b8b8;
}
.ui.indicating.progress[data-percent^="3"] .label {
  color: #b2b8b8;
}
.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label {
  color: #b2b8b8;
}
.ui.indicating.progress[data-percent^="6"] .label {
  color: #b2b8b8;
}
.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label {
  color: #b2b8b8;
}
.ui.indicating.progress[data-percent^="9"] .label,
.ui.indicating.progress[data-percent^="100"] .label {
  color: #b2b8b8;
}
/* 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: #b2b8b8;
}
/* 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 {
  animation: none !important;
}
.ui.progress.success > .label {
  color: #1a531b;
}
/*--------------
     Warning
---------------*/
.ui.progress.warning .bar {
  background-color: #eb8e1b !important;
}
.ui.progress.warning .bar,
.ui.progress.warning .bar::after {
  animation: none !important;
}
.ui.progress.warning > .label {
  color: #794b02;
}
/*--------------
     Error
---------------*/
.ui.progress.error .bar {
  background-color: #ee2f19 !important;
}
.ui.progress.error .bar,
.ui.progress.error .bar::after {
  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.2rem;
  animation: progress-active 2s ease infinite;
}
@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 {
  animation: none !important;
}
/*******************************
           Variations
*******************************/
/*--------------
    Inverted
---------------*/
.ui.inverted.progress {
  background: #b2b8b8;
  border: none;
}
.ui.inverted.progress .bar {
  background: #77d3c6;
}
.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: #eb8e1b;
}
.ui.inverted.progress.error > .label {
  color: #ee2f19;
}
/*--------------
    Attached
---------------*/
/* bottom attached */
.ui.progress.attached {
  background: #b2b8b8;
  position: relative;
  border: none;
  margin: 0em;
}
.ui.progress.attached,
.ui.progress.attached .bar {
  display: block;
  height: auto;
  padding: 0px;
  overflow: hidden;
  border-radius: 0em 0em 0.2rem 0.2rem;
}
.ui.progress.attached .bar {
  border-radius: 0em;
}
/* top attached */
.ui.progress.top.attached,
.ui.progress.top.attached .bar {
  top: 0px;
  border-radius: 0.2rem 0.2rem 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: 1.1rem;
}
.ui.tiny.progress .bar {
  height: 0.4em;
}
.ui.small.progress {
  font-size: 1.2rem;
}
.ui.small.progress .bar {
  height: 1em;
}
.ui.progress {
  font-size: 1.3rem;
}
.ui.progress .bar {
  height: 1.75em;
}
.ui.large.progress {
  font-size: 1.5rem;
}
.ui.large.progress .bar {
  height: 2.5em;
}
.ui.big.progress {
  font-size: 1.7rem;
}
.ui.big.progress .bar {
  height: 3.5em;
}
/*******************************
            Progress
*******************************/
.ck.progress-bar > .ui.progress[data-percent='100'] .bar {
  border-radius: 0.2rem;
}
.ck.progress-bar > .ui.progress .bar {
  min-width: 0;
  border-radius: 0.2rem 0 0 0.2rem;
}
.ck.progress-bar > .ui.progress .bar.medium {
  height: 1.75em;
}
.ck.progress-bar > .ui.progress.attached.medium .bar {
  height: 1.75em;
}
.ck.progress-bar > .ui.progress.attached.top .bar {
  border-radius: 0.2rem 0 0 0;
}
.ck.progress-bar > .ui.progress.attached.bottom .bar {
  border-radius: 0 0 0 0.2rem;
}
.ck.progress-bar > .ui.progress.attached.inverted {
  background: #b2b8b8;
}
.ck.progress-bar > .ui.progress > .label {
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
}
.ck.progress-bar > .ui.progress.error > div.bar {
  color: #ee2f19 !important;
  background-color: #ee2f19 !important;
}
.ck.progress-bar > .ui.progress.error > .label {
  color: #ffffff;
}
.ck.progress-bar > .ui.progress.warning > div.bar {
  color: #eb8e1b !important;
  background-color: #eb8e1b !important;
}
.ck.progress-bar > .ui.progress.warning > .label {
  color: #ffffff;
}
.ck.progress-bar > .ui.progress.super > div.bar {
  color: #e0e200 !important;
  background-color: #e0e200 !important;
}
.ck.progress-bar > .ui.progress.super > .label {
  color: #ffffff;
}
.ck.progress-bar > .ui.progress.action > div.bar {
  color: #157841 !important;
  background-color: #157841 !important;
}
.ck.progress-bar > .ui.progress.action > .label {
  color: #ffffff;
}
.ck.progress-bar > .ui.progress.accent > div.bar {
  color: #77d3c6 !important;
  background-color: #77d3c6 !important;
}
.ck.progress-bar > .ui.progress.accent > .label {
  color: #ffffff;
}
/*!
 * # Semantic UI - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Search
*******************************/
/* Search Prompt */
/* Mobile */
/* Result Box */
/* Result */
/* Result Image */
/* Result Content */
/* Description */
/* Price */
/* Special Message */
/* All Results Link */
/*******************************
            States
*******************************/
/* Focus */
/* Hover */
/* Loading */
/* Active Category */
/* Active Result */
/*******************************
            Types
*******************************/
/* Selection */
/* Category */
/* Packaged Theme */
/*******************************
            Search
*******************************/
/* Search Prompt */
/* Mobile */
/* Result Box */
/* Result */
/* Result Image */
/* Result Content */
/* Description */
/* Price */
/* Special Message */
/* All Results Link */
/*******************************
            States
*******************************/
/* Focus */
/* Hover */
/* Loading */
/* Active Category */
/* Active Result */
/*******************************
            Types
*******************************/
/* Selection */
/* Category */
/* Site Theme */
/*******************************
            Search
*******************************/
/* Search Prompt */
/* Result Box */
/* Result */
/* Result Image */
/* Result Content */
/* Description */
/* Price */
/* Special Message */
/* All Results Link */
/*******************************
            States
*******************************/
/* Focus */
/* Hover */
/* Loading */
/* Active Category */
/* Active Result */
/*******************************
            Types
*******************************/
/* Selection */
/* Category */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
             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: 2;
  padding: -0.3em 0.7em;
  font-size: 1.3em;
  background: transparent;
  border: 1px solid #d4d9d9;
  color: #b2b8b8;
  box-shadow: 0em 0em 0em 0em transparent inset;
  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%;
  transform-origin: center top;
  white-space: normal;
  text-align: left;
  text-transform: none;
  background: #FFFFFF;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.2rem;
  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 #6c87a1;
  z-index: 998;
}
.ui.search > .results > :first-child {
  border-radius: 0.2rem 0.2rem 0em 0em;
}
.ui.search > .results > :last-child {
  border-radius: 0em 0em 0.2rem 0.2rem;
}
/*--------------
    Result
---------------*/
.ui.search > .results .result {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding: 1.1em 1.5em;
  color: #b2b8b8;
  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: 0em 0em 0em;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result .description {
  margin-top: 0;
  font-size: 1.2em;
  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-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-size: 1.3rem;
  font-weight: bold;
  color: #b2b8b8;
}
.ui.search > .results > .message .description {
  margin-top: 0.25rem;
  font-size: 1em;
  color: #b2b8b8;
}
/* View All Results */
.ui.search > .results > .action {
  display: block;
  border-top: none;
  background: #f3f4f5;
  padding: 1.2em 1.3em;
  color: #b2b8b8;
  font-weight: bold;
  text-align: center;
}
/*******************************
            States
*******************************/
/*--------------------
       Focus
---------------------*/
.ui.search > .prompt:focus {
  border-color: #77d3c6;
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------------
       Loading
---------------------*/
.ui.loading.search .input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1rem 0em 0em -1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 500rem;
  border: 0.3rem solid rgba(0, 0, 0, 0.15);
}
.ui.loading.search .input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1rem 0em 0em -1rem;
  width: 2rem;
  height: 2rem;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
  border-width: 0.3rem;
  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: #b2b8b8;
}
.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);
}
/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.search {
  cursor: default;
  pointer-events: none;
  opacity: 1;
}
/*******************************
           Types
*******************************/
/*--------------
    Selection
---------------*/
.ui.search.selection .prompt {
  border-radius: 0.2rem;
}
/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
  pointer-events: none;
  position: absolute;
  left: auto;
  opacity: 0;
  color: '';
  top: 0em;
  right: 0em;
  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;
}
.ui.category.search .results.animating,
.ui.category.search .results.visible {
  display: table;
}
/* Category */
.ui.category.search > .results .category {
  display: table-row;
  background: #f3f4f5;
  box-shadow: none;
  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.2rem 0em 0em;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-radius: 0em 0em 0.2rem 0em;
}
/* Category Result Name */
.ui.category.search > .results .category > .name {
  display: table-cell;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
  background: transparent;
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1em;
  padding: 0.4em 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
/* Category Result */
.ui.category.search > .results .category .results {
  display: table-cell;
  background: #ffffff;
  border-left: 1px solid #d4d9d9;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.category.search > .results .category .result {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  transition: background 0.1s ease, border-color 0.1s ease;
  padding: 1.1em 1.5em;
}
/*******************************
           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: 1em;
}
.ui.small.search {
  font-size: 1.2em;
}
.ui.search {
  font-size: 1.3em;
}
.ui.large.search {
  font-size: 1.5em;
}
.ui.big.search {
  font-size: 1.7em;
}
.ui.huge.search {
  font-size: 1.8em;
}
.ui.massive.search {
  font-size: 2.4em;
}
/*--------------
      Mobile
---------------*/
@media only screen and (max-width: 767px) {
  .ui.search .results {
    max-width: calc(100vw - 2rem);
  }
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Sidebar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
             Sidebar
*******************************/
/*-------------------
       Content
--------------------*/
/* Animation */
/* Dimmer */
/* Color below page */
/* Shadow */
/* Layering */
/*-------------------
      Variations
--------------------*/
/* Width */
/* Height */
/* Packaged Theme */
/*******************************
             Sidebar
*******************************/
/*-------------------
       Content
--------------------*/
/* Animation */
/* Dimmer */
/* Color below page */
/* Shadow */
/* Layering */
/*-------------------
      Variations
--------------------*/
/* Width */
/* Height */
/* Site Theme */
/*******************************
             Sidebar
*******************************/
/*-------------------
       Content
--------------------*/
/* Animation */
/* Dimmer */
/* Color below page */
/* Shadow */
/* Layering */
/*-------------------
      Variations
--------------------*/
/* Width */
/* Height */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Sidebar
*******************************/
/* Sidebar Menu */
.ui.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  transition: none;
  will-change: transform;
  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 > * {
  backface-visibility: hidden;
}
/*--------------
   Direction
---------------*/
.ui.left.sidebar {
  right: auto;
  left: 0px;
  transform: translate3d(-100%, 0, 0);
}
.ui.right.sidebar {
  right: 0px !important;
  left: auto !important;
  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;
  transform: translate3d(0, -100%, 0);
}
.ui.bottom.sidebar {
  top: auto !important;
  bottom: 0px !important;
  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) {
  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;
  backface-visibility: hidden;
  transition: transform 500ms ease;
  will-change: transform;
  z-index: 101;
}
/*--------------
     Page
---------------*/
.pushable > .pusher {
  position: relative;
  backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  transition: 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;
  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;
  transform: translate3d(0, 0, 0);
}
/* Shadow Direction */
.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: 0px 0px 20px #d4d9d9;
}
.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
  box-shadow: 0px 0px 20px #d4d9d9;
}
/* Visible On Load */
.ui.visible.left.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .pusher {
  transform: translate3d(260px, 0, 0);
}
.ui.visible.right.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .pusher {
  transform: translate3d(-260px, 0, 0);
}
.ui.visible.top.sidebar ~ .fixed,
.ui.visible.top.sidebar ~ .pusher {
  transform: translate3d(0, 36px, 0);
}
.ui.visible.bottom.sidebar ~ .fixed,
.ui.visible.bottom.sidebar ~ .pusher {
  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 {
  transform: translate3d(0, 0, 0);
}
/*--------------
       iOS
---------------*/
/*******************************
          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 {
  transform: translate3d(150px, 0, 0);
}
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
  transform: translate3d(60px, 0, 0);
}
.ui.visible.wide.left.sidebar ~ .fixed,
.ui.visible.wide.left.sidebar ~ .pusher {
  transform: translate3d(350px, 0, 0);
}
.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
  transform: translate3d(475px, 0, 0);
}
/* Right Visible */
.ui.visible.thin.right.sidebar ~ .fixed,
.ui.visible.thin.right.sidebar ~ .pusher {
  transform: translate3d(-150px, 0, 0);
}
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
  transform: translate3d(-60px, 0, 0);
}
.ui.visible.wide.right.sidebar ~ .fixed,
.ui.visible.wide.right.sidebar ~ .pusher {
  transform: translate3d(-350px, 0, 0);
}
.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
  transform: translate3d(-475px, 0, 0);
}
/*******************************
          Animations
*******************************/
/*--------------
    Overlay
---------------*/
/* Set-up */
.ui.overlay.sidebar {
  z-index: 102;
}
/* Initial */
.ui.left.overlay.sidebar {
  transform: translate3d(-100%, 0%, 0);
}
.ui.right.overlay.sidebar {
  transform: translate3d(100%, 0%, 0);
}
.ui.top.overlay.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.overlay.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* Animation */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
  transition: transform 500ms ease;
}
/* End - Sidebar */
.ui.visible.left.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.right.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.top.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.bottom.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
/* End - Pusher */
.ui.visible.overlay.sidebar ~ .fixed,
.ui.visible.overlay.sidebar ~ .pusher {
  transform: none !important;
}
/*--------------
      Push
---------------*/
/* Initial */
.ui.push.sidebar {
  transition: transform 500ms ease;
  z-index: 102;
}
/* Sidebar - Initial */
.ui.left.push.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.push.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.push.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.push.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* End */
.ui.visible.push.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
    Uncover
---------------*/
/* Initial */
.ui.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* End */
.ui.visible.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  transition: transform 500ms ease;
}
/*--------------
   Slide Along
---------------*/
/* Initial */
.ui.slide.along.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.along.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.right.slide.along.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.top.slide.along.sidebar {
  transform: translate3d(0, -50%, 0);
}
.ui.bottom.slide.along.sidebar {
  transform: translate3d(0%, 50%, 0);
}
/* Animation */
.ui.animating.slide.along.sidebar {
  transition: transform 500ms ease;
}
/* End */
.ui.visible.slide.along.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
   Slide Out
---------------*/
/* Initial */
.ui.slide.out.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.out.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.right.slide.out.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.top.slide.out.sidebar {
  transform: translate3d(0%, 50%, 0);
}
.ui.bottom.slide.out.sidebar {
  transform: translate3d(0%, -50%, 0);
}
/* Animation */
.ui.animating.slide.out.sidebar {
  transition: transform 500ms ease;
}
/* End */
.ui.visible.slide.out.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
   Scale Down
---------------*/
/* Initial */
.ui.scale.down.sidebar {
  transition: transform 500ms ease;
  z-index: 102;
}
/* Sidebar - Initial  */
.ui.left.scale.down.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.scale.down.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.scale.down.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.scale.down.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* Pusher - Initial */
.ui.scale.down.left.sidebar ~ .pusher {
  transform-origin: 75% 50%;
}
.ui.scale.down.right.sidebar ~ .pusher {
  transform-origin: 25% 50%;
}
.ui.scale.down.top.sidebar ~ .pusher {
  transform-origin: 50% 75%;
}
.ui.scale.down.bottom.sidebar ~ .pusher {
  transform-origin: 50% 25%;
}
/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
  transition: 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 {
  transform: translate3d(0, 0, 0);
}
.ui.visible.scale.down.sidebar ~ .pusher {
  transform: scale(0.75);
}
/*******************************
         Theme Overrides
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Sticky
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
            Sticky
*******************************/
/* Packaged Theme */
/*******************************
            Sticky
*******************************/
/* Site Theme */
/*******************************
            Sticky
*******************************/
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
            Sticky
*******************************/
.ui.sticky {
  position: static;
  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
*******************************/
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
              Tab
*******************************/
/* Loading */
/* Packaged Theme */
/*******************************
              Tab
*******************************/
/* Loading */
/* Site Theme */
/*******************************
              Tab
*******************************/
/* Loading */
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
           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.3rem solid rgba(0, 0, 0, 0.15);
}
.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;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
  border-width: 0.3rem;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*******************************
         Tab Overrides
*******************************/
/*******************************
         Tab Overrides
*******************************/
/*!
 * # Semantic UI - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/*

████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝

*/
/*******************************
        Theme Selection
*******************************/
/* To override a theme for an individual element
   specify theme name below
*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
            Folders
*******************************/
/* Path to theme packages */
/* Path to site override folder */
/*******************************
         Import Theme
*******************************/
/*******************************
        Import Directives
*******************************/
/*------------------
       Theme
-------------------*/
/*--------------------
   Site Variables
---------------------*/
/* Default site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Packaged site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Component's site.variables */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Site theme site.variables */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Wayin Colors
--------------------*/
/* --- colors moved to cx.variables file --- */
/* common contexts */
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*--- moved to cx.variables ---*/
/*-------------------
       Em Sizes
--------------------*/
/*--- mostly moved to cx.variables ---*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
  - Same as "absolute" variables above, both left for Semantic use.
  - Please use "absolute" vars above instead of the below variables, as they are more descriptive.
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
.errorTransition {
  transition-property: border, width, opacity, padding, height, transform;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.errorBorderTransition {
  transition-property: border;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
 Component Variables
---------------------*/
/* Default */
/*******************************
          Transition
*******************************/
/* Packaged Theme */
/*******************************
          Transition
*******************************/
/* Site Theme */
/*******************************
          Transition
*******************************/
/*******************************
             Mix-ins
*******************************/
/*------------------
       Fonts
-------------------*/
/*------------------
     Overrides
-------------------*/
/* End Config */
/*******************************
          Transitions
*******************************/
.transition {
  animation-iteration-count: 1;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  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 {
  animation-play-state: paused;
}
/*******************************
          Variations
*******************************/
.looping.transition {
  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 {
  animation-duration: 500ms;
}
.transition.browse.in {
  animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  animation-name: browseOutLeft;
}
.transition.browse.right.out {
  animation-name: browseOutRight;
}
/* In */
@keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
/* Out */
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
/*--------------
     Drop
---------------*/
.drop.transition {
  transform-origin: top center;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  animation-name: dropIn;
}
.drop.transition.out {
  animation-name: dropOut;
}
/* Drop */
@keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
/*--------------
      Fade
---------------*/
.transition.fade.in {
  animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  animation-name: fadeInRight;
}
.transition.fade.out {
  animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  animation-name: fadeOutRight;
}
/* In */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/* Out */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(-5%);
  }
}
/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  animation-name: verticalFlipOut;
}
/* In */
@keyframes horizontalFlipIn {
  0% {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
/* Out */
@keyframes horizontalFlipOut {
  0% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
/*--------------
      Scale
---------------*/
.scale.transition.in {
  animation-name: scaleIn;
}
.scale.transition.out {
  animation-name: scaleOut;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Out */
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  animation-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  animation-name: flyIn;
}
.transition[class*="fly up"].in {
  animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  animation-name: flyInRight;
}
/* Outward */
.transition.fly.out {
  animation-name: flyOut;
}
.transition[class*="fly up"].out {
  animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  animation-name: flyOutRight;
}
/* In */
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
/* Out */
@keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  animation-name: slideInY;
  transform-origin: top center;
}
.transition[class*="slide up"].in {
  animation-name: slideInY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  animation-name: slideInX;
  transform-origin: center right;
}
.transition[class*="slide right"].in {
  animation-name: slideInX;
  transform-origin: center left;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  animation-name: slideOutY;
  transform-origin: top center;
}
.transition[class*="slide up"].out {
  animation-name: slideOutY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  animation-name: slideOutX;
  transform-origin: center right;
}
.transition[class*="slide right"].out {
  animation-name: slideOutX;
  transform-origin: center left;
}
/* In */
@keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* Out */
@keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
/*--------------
     Swing
---------------*/
.transition.swing {
  animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  animation-name: swingInX;
  transform-origin: top center;
}
.transition[class*="swing up"].in {
  animation-name: swingInX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  animation-name: swingInY;
  transform-origin: center right;
}
.transition[class*="swing right"].in {
  animation-name: swingInY;
  transform-origin: center left;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  animation-name: swingOutX;
  transform-origin: top center;
}
.transition[class*="swing up"].out {
  animation-name: swingOutX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  animation-name: swingOutY;
  transform-origin: center right;
}
.transition[class*="swing right"].out {
  animation-name: swingOutY;
  transform-origin: center left;
}
/* In */
@keyframes swingInX {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInY {
  0% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
  }
}
/* Out */
@keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
/*--------------
      Zoom
---------------*/
.transition.zoom.in {
  animation-name: zoomIn;
}
.transition.zoom.out {
  animation-name: zoomOut;
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(0);
  }
}
/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  animation-duration: 750ms;
  animation-name: flash;
}
.shake.transition {
  animation-duration: 750ms;
  animation-name: shake;
}
.bounce.transition {
  animation-duration: 750ms;
  animation-name: bounce;
}
.tada.transition {
  animation-duration: 750ms;
  animation-name: tada;
}
.pulse.transition {
  animation-duration: 500ms;
  animation-name: pulse;
}
.jiggle.transition {
  animation-duration: 750ms;
  animation-name: jiggle;
}
.transition.glow {
  animation-duration: 2000ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.transition.glow {
  animation-name: glow;
}
/* Flash */
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
/* Shake */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
/* Bounce */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* Tada */
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
/* Pulse */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Jiggle */
@keyframes jiggle {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
/* Glow */
@keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}
/*******************************
          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 {
  animation-duration: 500ms;
}
.transition.browse.in {
  animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  animation-name: browseOutLeft;
}
.transition.browse.right.out {
  animation-name: browseOutRight;
}
/* In */
@keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
/* Out */
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
/*--------------
     Drop
---------------*/
.drop.transition {
  transform-origin: top center;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  animation-name: dropIn;
}
.drop.transition.out {
  animation-name: dropOut;
}
/* Drop */
@keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
/*--------------
      Fade
---------------*/
.transition.fade.in {
  animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  animation-name: fadeInRight;
}
.transition.fade.out {
  animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  animation-name: fadeOutRight;
}
/* In */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/* Out */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(-5%);
  }
}
/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  animation-name: verticalFlipOut;
}
/* In */
@keyframes horizontalFlipIn {
  0% {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
/* Out */
@keyframes horizontalFlipOut {
  0% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
/*--------------
      Scale
---------------*/
.scale.transition.in {
  animation-name: scaleIn;
}
.scale.transition.out {
  animation-name: scaleOut;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Out */
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  animation-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  animation-name: flyIn;
}
.transition[class*="fly up"].in {
  animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  animation-name: flyInRight;
}
/* Outward */
.transition.fly.out {
  animation-name: flyOut;
}
.transition[class*="fly up"].out {
  animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  animation-name: flyOutRight;
}
/* In */
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
/* Out */
@keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  animation-name: slideInY;
  transform-origin: top center;
}
.transition[class*="slide up"].in {
  animation-name: slideInY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  animation-name: slideInX;
  transform-origin: center right;
}
.transition[class*="slide right"].in {
  animation-name: slideInX;
  transform-origin: center left;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  animation-name: slideOutY;
  transform-origin: top center;
}
.transition[class*="slide up"].out {
  animation-name: slideOutY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  animation-name: slideOutX;
  transform-origin: center right;
}
.transition[class*="slide right"].out {
  animation-name: slideOutX;
  transform-origin: center left;
}
/* In */
@keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* Out */
@keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
/*--------------
     Swing
---------------*/
.transition.swing {
  animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  animation-name: swingInX;
  transform-origin: top center;
}
.transition[class*="swing up"].in {
  animation-name: swingInX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  animation-name: swingInY;
  transform-origin: center right;
}
.transition[class*="swing right"].in {
  animation-name: swingInY;
  transform-origin: center left;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  animation-name: swingOutX;
  transform-origin: top center;
}
.transition[class*="swing up"].out {
  animation-name: swingOutX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  animation-name: swingOutY;
  transform-origin: center right;
}
.transition[class*="swing right"].out {
  animation-name: swingOutY;
  transform-origin: center left;
}
/* In */
@keyframes swingInX {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInY {
  0% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
  }
}
/* Out */
@keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  animation-duration: 750ms;
  animation-name: flash;
}
.shake.transition {
  animation-duration: 750ms;
  animation-name: shake;
}
.bounce.transition {
  animation-duration: 750ms;
  animation-name: bounce;
}
.tada.transition {
  animation-duration: 750ms;
  animation-name: tada;
}
.pulse.transition {
  animation-duration: 500ms;
  animation-name: pulse;
}
.jiggle.transition {
  animation-duration: 750ms;
  animation-name: jiggle;
}
/* Flash */
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
/* Shake */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
/* Bounce */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* Tada */
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
/* Pulse */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Rubberband */
@keyframes jiggle {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}


/*# sourceMappingURL=semantic.css.map*/
.navkit__Menu__menu .ui.secondary.menu {
  margin-left: 0;
  margin-right: 0; }

.navkit__Menu__menu .ui.menu.vertical .menu {
  padding-bottom: 0; }

.navkit__Menu__menu .ui.menu div.item > a {
  color: #4a4a4a;
  display: block; }

.navkit__Menu__menu .ui.menu div.item > a:hover {
  background: #d7f5f4; }

.navkit__Menu__menu .ui.menu.secondary div.item:hover a {
  color: #008582 !important; }

.navkit__Menu__menu .ui.menu.vertical.secondary .item {
  margin: 0; }

.navkit__Menu__isFullwidth {
  width: 100%; }

.navkit__Modal__modalContainer {
  padding: 1rem;
  background: white; }
  .navkit__Modal__modalContainer .ui.grid {
    margin: 0; }

.navkit__Tooltip__popup:before {
  background-color: #ffffff !important;
  box-shadow: none !important; }

.navkit__Tooltip__tooltipContent {
  display: flex;
  overflow: hidden;
  align-items: center;
  gap: 0.25rem; }

.navkit__Tooltip__isEllipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.navkit__Tooltip__isBreakAll .content {
  word-break: break-all; }

.navkit__Dropdown__menuLink {
  padding: 0.75rem;
  line-height: 1.5rem;
  border-bottom: none; }
  .navkit__Dropdown__menuLink.navkit__Dropdown__isLink a,
  .navkit__Dropdown__menuLink > span {
    color: #394242; }
  .navkit__Dropdown__menuLink > a,
  .navkit__Dropdown__menuLink > span {
    display: block;
    width: 100%;
    padding: 0.75rem; }
  .navkit__Dropdown__menuLink.navkit__Dropdown__isLink > a:hover {
    cursor: pointer;
    background: #d7f5f4; }

.navkit__Dropdown__menuLink + .navkit__Dropdown__menuLink {
  border-top: 1px solid #e8ebea; }

.navkit__Dropdown__container {
  margin: 0.75rem;
  width: 32rem;
  font-size: 1.125rem; }
  .navkit__Dropdown__container.navkit__Dropdown__isPaddingless {
    margin: 0; }

.navkit__Loading__isPageLoading {
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(5px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2147483647; }

.navkit__Headline__header.navkit__Headline__isGapless .ui.header .content {
  padding: 0; }

.navkit__Headline__header.navkit__Headline__isUppercase .content {
  text-transform: uppercase !important; }

.navkit__Icon__icon .ck-icon i {
  margin: 0;
  letter-spacing: 0; }

.navkit__Input__input .ui.input > input {
  background: white; }

.navkit__Input__isPointerEventsAuto .ui.disabled.input > input {
  pointer-events: auto; }

.navkit__Row__isVerticalAlign {
  align-items: center !important; }

.navkit__Row__isGapless {
  padding: 0 !important;
  margin: 0 !important; }

.navkit__Column__isNarrow {
  flex: none !important;
  width: unset !important; }

.navkit__Column__isGapless {
  padding: 0 !important;
  margin: 0 !important; }

.navkit__FlexColumns__columns {
  display: flex; }

.navkit__FlexColumns__isMultiline {
  flex-direction: row;
  flex-wrap: wrap; }

.navkit__FlexColumns__isFullwidth {
  flex-grow: 1; }

.navkit__FlexColumns__isGapless .cd.column {
  padding: 0; }

.navkit__FlexColumns__isVcentered {
  align-items: center; }

.navkit__FlexColumns__isCenter {
  justify-content: center; }

.navkit__FlexColumns__isPaddingBottomless .cd.column {
  padding-bottom: 0; }

.navkit__FlexColumns__isVcentered {
  align-items: center; }

.navkit__FlexColumns__isCenter {
  justify-content: center; }

.navkit__FlexColumn__column {
  display: flex;
  padding: 1rem;
  line-height: 1.5rem; }
  .navkit__FlexColumn__column:not(.is-narrow) {
    flex-grow: 1; }

.navkit__FlexColumn__isMultiline {
  flex-direction: column; }

.navkit__FlexColumn__isFullwidth {
  flex-grow: 1; }

.navkit__FlexColumn__isCenter {
  justify-content: center; }

.navkit__AppSwitcher__container,
.navkit__AppSwitcher__appsContainer,
.navkit__AppSwitcher__appsContainer a {
  color: #6c7373; }

.navkit__AppSwitcher__appsContainer,
.navkit__AppSwitcher__noAppsContainer {
  min-width: 29rem;
  padding: 1rem; }

.navkit__AppSwitcher__noApps {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center; }
  .navkit__AppSwitcher__noApps .navkit__AppSwitcher__logo {
    margin-top: 1rem; }
  .navkit__AppSwitcher__noApps .navkit__AppSwitcher__noAppAvailable {
    margin-block: 3.5rem 8rem; }
    .navkit__AppSwitcher__noApps .navkit__AppSwitcher__noAppAvailable img {
      min-height: 126px; }
    .navkit__AppSwitcher__noApps .navkit__AppSwitcher__noAppAvailable p {
      font-weight: 600;
      color: #6c7373;
      line-height: 2.5rem; }
  .navkit__AppSwitcher__noApps .navkit__AppSwitcher__link {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-weight: 700;
    color: #008582;
    background: #63cfcd;
    line-height: 3.25rem;
    border-radius: 0 0 0.2rem 0.2rem; }

.navkit__AppSwitcher__noApps,
.navkit__AppSwitcher__appIcon {
  text-align: center; }

.navkit__AppSwitcher__appIcon {
  line-height: 1;
  justify-self: center;
  cursor: pointer;
  transition: transform 0.3s; }
  .navkit__AppSwitcher__appIcon:hover {
    transform: translateY(-2px); }
  .navkit__AppSwitcher__appIcon .navkit__AppSwitcher__appIconImage {
    padding: 0.5rem 1.25rem; }

.navkit__AppSwitcher__appIconImage {
  display: flex; }
  .navkit__AppSwitcher__appIconImage img {
    width: 32px; }

.navkit__AppSwitcher__appContainer {
  width: 33.33%;
  justify-content: center; }

.navkit__AppSwitcher__buName {
  color: #000; }

.navkit__AppSwitcher__buId {
  color: #6c7373; }

.navkit__AppSwitcher__bu {
  background-color: #eff8f8;
  padding: 0 0.5rem;
  line-height: 1; }

.navkit__ChangeBusinessunitModal__header {
  background: #f7f7f7; }

.navkit__ChangeBusinessunitModal__menu {
  height: 400px;
  overflow: auto; }
  .navkit__ChangeBusinessunitModal__menu .ui.menu div.item > a:hover {
    border-bottom-color: #e8ebeb !important; }
  .navkit__ChangeBusinessunitModal__menu .ui.menu div.item > a {
    padding: 0 0.75rem;
    padding-left: 0;
    line-height: 3.25rem; }
  .navkit__ChangeBusinessunitModal__menu .ui.menu div.item > a.is-organization {
    font-weight: bold;
    border-bottom: 1px solid #e8ebeb;
    padding-left: 1.5rem; }
  .navkit__ChangeBusinessunitModal__menu .ui.menu div.item > a.is-organization.is-selected {
    padding-left: 0; }
  .navkit__ChangeBusinessunitModal__menu .ui.menu div.item > a.is-selected {
    color: #008582; }
  .navkit__ChangeBusinessunitModal__menu .ui.menu.secondary div.item.disabled:hover a {
    border-color: #e8ebeb !important;
    color: #4a4a4a !important; }

.navkit__ChangeBusinessunitModal__isDisabled {
  pointer-events: none; }

.navkit__ChangeBusinessunitModal__itemLink.is-organization:hover + .navkit__ChangeBusinessunitModal__itemLink.is-organization {
  background: #d7f5f4; }
  .navkit__ChangeBusinessunitModal__itemLink.is-organization:hover + .navkit__ChangeBusinessunitModal__itemLink.is-organization a {
    color: #008582 !important; }

.navkit__ChangeBusinessunitModal__icon {
  display: inline-block; }
  .navkit__ChangeBusinessunitModal__icon:not(.no-indent) {
    min-width: 2.25rem; }

.navkit__AppLogo__logo,
.navkit__AppLogo__logo img {
  height: 32px; }

.navkit__AppLogo__logo {
  outline: none;
  display: flex;
  gap: 1.2rem;
  align-items: center; }

.navkit__AppLogo__logo span {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2px; }

.navkit__Navbar__navbar {
  font-size: 1rem;
  width: 100vw;
  height: 5rem;
  padding: 1.25rem 1.5rem;
  gap: 1.2em;
  background: #ffffff;
  border-top: 3px solid #047876;
  border-bottom: 1px solid #d4d9d9;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.navkit__Navbar__navbarContent {
  flex: 1;
  padding-left: 1rem;
  align-items: center; }

.navkit__Navbar__customActions {
  padding-inline: 12px;
  color: #394242;
  align-items: center;
  justify-content: flex-end; }

.navkit__Navbar__customActions:has(*):after {
  content: "";
  width: 1px;
  height: 30px;
  background: #d8d8d8;
  transform: translateX(10px); }

.navkit__Navbar__isFullWidth {
  flex: 1; }

.navkit__Navbar__navbarContent,
.navkit__Navbar__customActions {
  display: flex; }

.navkit__Navbar__isHideNavigation {
  display: none; }

.navkit__BusinessunitDropdownItem__ellipsis {
  width: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  white-space: nowrap; }

.navkit__BusinessunitDropdownItem__info {
  flex-direction: column; }

.navkit__BusinessunitDropdownItem__changeBusinessUnit.ui.grid {
  margin: 0; }

.navkit__MyAccount__tooltip .tooltip:hover {
  z-index: 10000; }

.navkit__ProfileIcon__container {
  display: flex;
  align-items: center;
  gap: 1em; }

.navkit__ProfileIcon__profileIcon {
  color: white;
  height: 27px;
  width: 27px;
  line-height: 27px;
  background-color: #047876;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: relative; }

.navkit__ProfileIcon__profileImage {
  max-width: 100%;
  border-radius: 50%; }

.navkit__ProfileIcon__iconLabel {
  font-size: 10px; }

.navkit__ProfileIcon__businessUnit {
  max-width: 14em;
  white-space: nowrap;
  font-weight: bold;
  color: #6c7373;
  font-size: 13px; }

.navkit__ProfileIcon__keyIcon {
  background: white;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  top: 18px;
  left: 16px;
  position: absolute;
  border: 1px solid #ebebeb; }
  .navkit__ProfileIcon__keyIcon > img {
    width: 12px; }

.navkit__ProfileIcon__noBackgroundColor {
  background-color: initial; }

.navkit__ProfileDropdownItem__editProfile {
  flex-grow: 1; }
  .navkit__ProfileDropdownItem__editProfile.ui.grid {
    margin: 0; }
  .navkit__ProfileDropdownItem__editProfile > .row {
    gap: 1rem; }

.navkit__ProfileDropdownItem__info {
  flex-direction: column;
  color: #8c9494; }

.navkit__ProfileDropdownItem__name,
.navkit__ProfileDropdownItem__roleName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.navkit__ProfileDropdownItem__you {
  color: #8c9494;
  font-weight: normal; }

.navkit__ProfileDropdownItem__name {
  color: #394242;
  display: block; }

.navkit__ProfileDropdownItem__exit {
  margin-top: auto; }

.navkit__ProfileDropdownItem__links {
  display: flex;
  flex-direction: column;
  height: 100%; }

.ui.menu.ck-popup-menu.vertical.inverted .item:not(.header) .navkit__ProfileDropdownItem__name,
.ui.menu.ck-popup-menu.vertical.inverted .item:not(.header) .navkit__ProfileDropdownItem__email,
.ui.menu.ck-popup-menu.vertical .item:not(.header) .navkit__ProfileDropdownItem__name,
.ui.menu.ck-popup-menu.vertical .item:not(.header) .navkit__ProfileDropdownItem__email {
  display: block; }

.ui.menu.ck-popup-menu.vertical.inverted .item:not(.header) .navkit__ProfileDropdownItem__link,
.ui.menu.ck-popup-menu.vertical .item:not(.header) .navkit__ProfileDropdownItem__link {
  display: flex;
  flex-direction: column; }

.ui.menu.ck-popup-menu.vertical.inverted .item:not(.header) div:not(.ui.menu.ck-popup-menu.vertical .cd.profile-icon),
.ui.menu.ck-popup-menu.vertical .item:not(.header) div:not(.ui.menu.ck-popup-menu.vertical .cd.profile-icon) {
  align-items: unset; }

.ui.menu.vertical .menu {
  padding-bottom: 0 !important; }


.navkit__NavbarMenu__navbarLink {
  font-family: "Roboto Condensed Regular", "Helvetica Neue", sans-serif;
  font-size: 13px;
  position: relative; }
  .navkit__NavbarMenu__navbarLink:hover .ck-icon i.icon.color-base {
    color: #047876; }
  .navkit__NavbarMenu__navbarLink .label {
    font-size: 18px;
    font-weight: 400;
    color: #505959;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 14px;
    cursor: pointer; }
  .navkit__NavbarMenu__navbarLink .label:hover {
    color: #047876 !important; }
  .navkit__NavbarMenu__navbarLink .is-no-text-transform {
    text-transform: none; }
  .navkit__NavbarMenu__navbarLink .navbar-menu-item-title {
    color: #394242;
    font-weight: 700;
    letter-spacing: 0.87px;
    padding: 10px;
    padding-block: 5px;
    text-transform: uppercase; }
  .navkit__NavbarMenu__navbarLink .navbar-menu-list {
    transition: 0.2s ease;
    position: absolute;
    visibility: hidden;
    display: none;
    background: white;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    padding: 12px;
    padding-block: 15px;
    text-transform: initial;
    gap: 10px;
    max-height: calc(100vh - 100px);
    overflow: auto; }
    .navkit__NavbarMenu__navbarLink .navbar-menu-list:not(:has(.navbar-menu-group)) {
      max-width: 240px;
      width: max-content;
      min-width: 100%; }
    .navkit__NavbarMenu__navbarLink .navbar-menu-list:has(.navbar-menu-group) {
      column-count: var(--column-count); }
    .navkit__NavbarMenu__navbarLink .navbar-menu-list .navbar-menu-group {
      break-inside: avoid;
      width: 168px; }
      .navkit__NavbarMenu__navbarLink .navbar-menu-list .navbar-menu-group.is-max-content {
        break-inside: avoid;
        width: max-content; }
      .navkit__NavbarMenu__navbarLink .navbar-menu-list .navbar-menu-group:not(:last-child) {
        padding-bottom: 9px; }
    .navkit__NavbarMenu__navbarLink .navbar-menu-list .navbar-menu-item {
      display: block;
      font-family: "Roboto";
      font-style: normal;
      font-weight: 400;
      color: #6c7373;
      padding-inline: 10px;
      cursor: pointer;
      padding-block: 5px; }
      .navkit__NavbarMenu__navbarLink .navbar-menu-list .navbar-menu-item:hover {
        color: #0f9997;
        background: #d7f5f4; }
  .navkit__NavbarMenu__navbarLink.navkit__NavbarMenu__isOpen .label {
    transition: 0.2s ease;
    color: #394242;
    background: white;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
  .navkit__NavbarMenu__navbarLink.navkit__NavbarMenu__isOpen .navbar-menu-list {
    visibility: visible;
    display: block; }
  .navkit__NavbarMenu__navbarLink:not(.navkit__NavbarMenu__isOpen):not(.navkit__NavbarMenu__isDisableUnderline) .label:hover::after {
    content: "";
    position: absolute;
    transform: translateY(27px);
    width: calc(100% - 24px);
    height: 2px;
    background-color: #63cfcd; }

.navkit__NavbarMenu__isPositionRight {
  right: 0; }

.navkit__NavbarMenu__isIcon .label {
  padding-inline: 2px; }

.navkit__NavbarMenu__isPaddingLess .label {
  padding-inline: 0; }

.navkit__NavbarMenu__isBreakWord .label {
  word-break: break-word;
  overflow-y: hidden; }

.navkit__NavbarMenu__caret {
  padding-left: 10px; }

@keyframes navkit__NavbarMenu__rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-180deg); } }

.navkit__NavbarMenu__isCaretUp i.small.icon {
  animation: navkit__NavbarMenu__rotate 0.2s forwards; }

.navkit__NavbarActionMenu__actionMenu > .label {
  font-size: 13px;
  font-weight: 700; }

.navkit__NavbarSeparator__separator {
  background: #f3f4f4;
  height: 30px;
  min-width: 1px;
  margin-inline: 10px; }

.navkit__NavbarActionIcon__icon {
  padding: 4px; }
  .navkit__NavbarActionIcon__icon .ck-icon i.icon.color-base {
    font-size: 18px;
    color: #505959; }

.navkit__NavbarActionIcon__isPaddingLess {
  padding: 0; }

.navkit__NavbarLink__navbarLink {
  position: relative;
  flex: none;
  font-family: "Roboto Condensed Regular", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: #505959;
  text-transform: uppercase;
  cursor: pointer; }
  .navkit__NavbarLink__navbarLink + .navkit__NavbarLink__navbarLink {
    margin-left: 12px; }
  .navkit__NavbarLink__navbarLink:hover .ck-icon i.icon.color-base {
    color: #047876; }
  .navkit__NavbarLink__navbarLink.navkit__NavbarLink__isActive {
    color: #047876; }
    .navkit__NavbarLink__navbarLink.navkit__NavbarLink__isActive.navkit__NavbarLink__hasIcon .ck-icon i {
      color: #047876 !important; }
  .navkit__NavbarLink__navbarLink.navkit__NavbarLink__isActive::after, .navkit__NavbarLink__navbarLink:not(.navkit__NavbarLink__isDisableUnderline):hover::after {
    position: absolute;
    top: calc(100% + 1.25rem + 2px);
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #047876;
    content: ""; }
  .navkit__NavbarLink__navbarLink:not(.navkit__NavbarLink__isActive):not(.navkit__NavbarLink__isDisableUnderline):hover {
    color: #63cfcd; }
    .navkit__NavbarLink__navbarLink:not(.navkit__NavbarLink__isActive):not(.navkit__NavbarLink__isDisableUnderline):hover::after {
      background-color: #63cfcd; }
    .navkit__NavbarLink__navbarLink:not(.navkit__NavbarLink__isActive):not(.navkit__NavbarLink__isDisableUnderline):hover.navkit__NavbarLink__hasIcon .ck-icon i {
      color: #63cfcd !important; }
  .navkit__NavbarLink__navbarLink.navkit__NavbarLink__isDisabled {
    color: #d4d9d9;
    cursor: not-allowed; }
    .navkit__NavbarLink__navbarLink.navkit__NavbarLink__isDisabled:hover {
      color: #d4d9d9 !important; }
    .navkit__NavbarLink__navbarLink.navkit__NavbarLink__isDisabled::after {
      display: none; }
    .navkit__NavbarLink__navbarLink.navkit__NavbarLink__isDisabled.navkit__NavbarLink__hasIcon .ck-icon i {
      color: #d4d9d9 !important; }
  .navkit__NavbarLink__navbarLink.navkit__NavbarLink__hasIcon .ck-icon {
    margin-left: 0.625rem; }
    .navkit__NavbarLink__navbarLink.navkit__NavbarLink__hasIcon .ck-icon i {
      color: #b2b8b8 !important; }
  .navkit__NavbarLink__navbarLink a {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    padding: 0;
    margin: 0; }

.navkit__NavbarMore__navbarMore {
  min-width: 60px; }
  .navkit__NavbarMore__navbarMore.navkit__NavbarMore__isHidden {
    display: none; }

.navkit__NavbarMore__navbarMoreDropdown {
  display: block; }
  .navkit__NavbarMore__navbarMoreDropdown > * {
    flex: none;
    margin: 1.25rem; }
  .navkit__NavbarMore__navbarMoreDropdown .navbarLink::after {
    display: none; }

.navkit__NavbarLinks__navbarLinks {
  flex: 1;
  display: block;
  height: 5rem;
  opacity: 1; }
  .navkit__NavbarLinks__navbarLinks:before, .navkit__NavbarLinks__navbarLinks:after {
    content: "";
    display: table;
    clear: both; }
  .navkit__NavbarLinks__navbarLinks .navbarMore,
  .navkit__NavbarLinks__navbarLinks .navkit__NavbarLinks__navbarLinksItem {
    float: left;
    min-width: 60px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 1.25rem; }
  .navkit__NavbarLinks__navbarLinks .navbarLink {
    white-space: nowrap; }
  .navkit__NavbarLinks__navbarLinks.navkit__NavbarLinks__isLoading {
    opacity: 0; }
  .navkit__NavbarLinks__navbarLinks .navkit__NavbarLinks__original {
    width: 0;
    height: 0;
    overflow: hidden; }

.navkit__NavbarSearch__search {
  display: none;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  position: absolute;
  right: 30px; }

.navkit__NavbarSearch__isExpand {
  width: 100%; }

.navkit__NavbarSearch__isShow {
  display: flex; }

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item img {
  pointer-events: none;
  user-select: none;  
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
/*---- console.less ----*/
/*
 * Console v5.9
 */
.clearfix {
  /*---- console.less ----*/
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  /*---- mixins.less ----*/
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/**
 * suggested naming convention: [colour][intensity light/mid/dark][category 1-5]
 * e.g.
 * grayLight1, grayLight2, grayLight3, grayLight4, grayLight5
 * grayMid1, grayMid2, grayMid3, grayMid4, grayMid5
 * grayDark1, grayDark2, grayDark3, grayDark4, grayDark5
 */
/*--- light ---*/
/*--- dark ---*/
/*--- full palette ---*/
/*-------------------
    Wayin Globals
--------------------*/
/*-------------------
        Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*
  Sizes are all expressed in terms of 10px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
       Em Sizes
--------------------*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in rems
  The relative variables specify pixel values in ems
*/
/*-------------------
brand colors;
others are available in coreapp src/main/less/console/variables.less - line 149
--------------------*/
/*-------------------
       heights
--------------------*/
/* Spacing for margin, padding, etc */
fieldset {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
}
caption,
th {
  text-align: left;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
*:focus {
  outline: 0;
}
a.x-btn {
  text-decoration: none;
}
#feedPullRateMode .x-form-invalid-under {
  padding-left: 0;
}
#feedLiveMode .x-form-invalid-under {
  padding-left: 35px;
}
/********* DO NOT CHANGE ANYTHING BELOW THIS LINE **********/
.x-docked {
  /* common/ext_all.less */
  position: absolute !important;
  z-index: 1;
}
.x-docked-vertical {
  position: static;
}
.x-docked-top {
  border-bottom-width: 0 !important;
}
.x-docked-bottom {
  border-top-width: 0 !important;
}
.x-docked-left {
  border-right-width: 0 !important;
}
.x-docked-right {
  border-left-width: 0 !important;
}
.x-docked-noborder-top {
  border-top-width: 0 !important;
}
.x-docked-noborder-right {
  border-right-width: 0 !important;
}
.x-docked-noborder-bottom {
  border-bottom-width: 0 !important;
}
.x-docked-noborder-left {
  border-left-width: 0 !important;
}
.x-noborder-l {
  border-left-width: 0 !important;
}
.x-noborder-b {
  border-bottom-width: 0 !important;
}
.x-noborder-bl {
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-r {
  border-right-width: 0 !important;
}
.x-noborder-rl {
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-rb {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
}
.x-noborder-rbl {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-t {
  border-top-width: 0 !important;
}
.x-noborder-tl {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-tb {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.x-noborder-tbl {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-tr {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
}
.x-noborder-trl {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
.x-noborder-trb {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
}
.x-noborder-trbl {
  border-width: 0 !important;
}
.x-rtl {
  direction: rtl;
}
.x-ltr {
  direction: ltr;
}
.x-clear {
  overflow: hidden;
  clear: both;
  font-size: 0;
  line-height: 0;
  display: table;
}
.x-layer {
  position: absolute !important;
  overflow: hidden;
  zoom: 1;
}
.x-fixed-layer {
  position: fixed !important;
  overflow: hidden;
  zoom: 1;
}
.x-shim {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
}
.x-hide-display {
  display: none !important;
}
.x-hide-visibility {
  visibility: hidden !important;
}
.x-hidden,
.x-hide-offsets {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -10000px !important;
}
.x-hide-nosize {
  height: 0 !important;
  width: 0 !important;
}
.x-hide-clip {
  position: absolute!important;
  clip: rect(0, 0, 0, 0);
  clip: rect(0 0 0 0);
}
.x-masked-relative {
  position: relative;
}
.x-ie-shadow {
  background-color: #777;
  display: none;
  position: absolute;
  overflow: hidden;
  zoom: 1;
}
.x-unselectable {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  cursor: default;
}
.x-selectable {
  cursor: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -o-user-select: text;
}
.x-list-plain {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.x-table-plain {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.x-frame-tl,
.x-frame-tr,
.x-frame-tc,
.x-frame-bl,
.x-frame-br,
.x-frame-bc {
  overflow: hidden;
  background-repeat: no-repeat;
}
.x-frame-tc,
.x-frame-bc {
  background-repeat: repeat-x;
}
.x-frame-mc {
  background-repeat: repeat-x;
  overflow: hidden;
}
.x-proxy-el {
  position: absolute;
  background: #b4b4b4;
  opacity: 0.8;
}
.x-css-shadow {
  position: absolute;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.x-item-disabled,
.x-item-disabled * {
  cursor: default;
}
.x-webkit *:focus {
  outline: none !important;
}
.x-surface {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  overflow: hidden;
}
.rvml {
  behavior: url(#default#VML);
}
.x-surface tspan {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  cursor: default;
}
.x-vml-sprite {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
}
.x-vml-group {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000px;
  height: 1000px;
}
.x-vml-measure-span {
  position: absolute;
  left: -9999em;
  top: -9999em;
  padding: 0;
  margin: 0;
  display: inline;
}
.x-vml-base {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  display: inline-block;
}
.x-vml-base {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  display: inline-block;
}
svg,
vml {
  overflow: hidden;
}
.x-box-item {
  position: absolute !important;
  left: 0;
  top: 0;
}
.x-btn {
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
}
.x-btn-wrap {
  position: relative;
  display: block;
}
.x-btn-button {
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
}
.x-btn-inner {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
}
.x-btn-icon-el {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  text-align: center;
}
.x-btn-inner-center {
  text-align: center;
}
.x-btn-inner-left {
  text-align: left;
}
.x-btn-inner-right {
  text-align: right;
}
.x-box-layout-ct {
  overflow: hidden;
  zoom: 1;
}
.x-box-target {
  position: absolute;
  width: 20000px;
  top: 0;
  left: 0;
  height: 1px;
}
.x-box-inner {
  overflow: hidden;
  zoom: 1;
  position: relative;
  left: 0;
  top: 0;
}
.x-horizontal-box-overflow-body {
  float: left;
}
.x-box-scroller {
  position: relative;
  background-repeat: no-repeat;
}
.x-box-scroller-left,
.x-box-scroller-right {
  float: left;
  height: 100%;
  z-index: 5;
}
.x-box-scroller-top .x-box-scroller,
.x-box-scroller-bottom .x-box-scroller {
  line-height: 0;
  font-size: 0;
  background-position: center 0;
}
.x-box-menu-after {
  float: right;
}
.x-toolbar-text {
  white-space: nowrap;
}
.x-toolbar-separator {
  display: block;
  font-size: 1px;
  overflow: hidden;
  cursor: default;
  border: 0;
  width: 0;
  height: 0;
  line-height: 0;
}
.x-quirks .x-ie .x-toolbar .x-toolbar-separator-horizontal {
  width: 2px;
}
.x-toolbar-scroller {
  padding-left: 0;
}
.x-toolbar-plain {
  border: 0;
}
.x-header-icon {
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  text-align: center;
}
.x-header-text-container {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.x-dd-drag-proxy,
.x-dd-drag-current {
  z-index: 1000000!important;
  pointer-events: none;
}
.x-dd-drag-repair .x-dd-drag-ghost {
  opacity: 0.6;
}
.x-dd-drag-repair .x-dd-drop-icon {
  display: none;
}
.x-dd-drag-ghost {
  opacity: 0.85;
  padding: 5px;
  padding-left: 20px;
  white-space: nowrap;
  color: #000;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  border: 1px solid;
  border-color: #ddd #bbb #bbb #ddd;
  background-color: #fff;
}
.x-dd-drop-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.x-panel,
.x-plain {
  overflow: hidden;
  position: relative;
}
.x-panel {
  outline: none;
}
.x-ie .x-panel-header,
.x-ie .x-panel-header-tl,
.x-ie .x-panel-header-tc,
.x-ie .x-panel-header-tr,
.x-ie .x-panel-header-ml,
.x-ie .x-panel-header-mc,
.x-ie .x-panel-header-mr,
.x-ie .x-panel-header-bl,
.x-ie .x-panel-header-bc,
.x-ie .x-panel-header-br {
  zoom: 1;
}
.x-ie8 td.x-frame-mc {
  vertical-align: top;
}
.x-panel-body {
  overflow: hidden;
  position: relative;
}
.x-nlg .x-panel-header-vertical .x-frame-mc {
  background-repeat: repeat-y;
}
.x-panel-header-plain,
.x-panel-body-plain {
  border: 0;
  padding: 0;
}
.x-tip {
  position: absolute;
  overflow: visible;
}
.x-tip-body {
  overflow: hidden;
  position: relative;
}
.x-tip-anchor {
  position: absolute;
  overflow: hidden;
  border-style: solid;
}
.x-mask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  zoom: 1;
}
.x-mask-fixed {
  position: fixed;
}
.x-mask-shim {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.x-mask-msg {
  z-index: 101;
  position: absolute;
}
div.x-editor {
  overflow: visible;
}
.x-progress {
  position: relative;
  border-style: solid;
  overflow: hidden;
}
.x-progress-bar {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 100%;
}
.x-progress-text {
  overflow: hidden;
  position: absolute;
}
.x-table-layout {
  font-size: 1em;
}
.x-btn-group {
  position: relative;
  overflow: hidden;
}
.x-btn-group-body {
  position: relative;
  zoom: 1;
}
.x-btn-group-body .x-table-layout-cell {
  vertical-align: top;
}
.x-viewport,
.x-viewport body {
  margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  height: 100%;
  position: static;
}
.x-window {
  outline: none;
  overflow: hidden;
}
.x-window .x-window-wrap {
  position: relative;
}
.x-window-body {
  position: relative;
  overflow: hidden;
}
.x-form-item-label {
  display: block;
}
.x-form-item-label-right {
  text-align: right;
}
.x-form-item-label-top {
  display: block;
  zoom: 1;
}
.x-form-invalid-icon {
  overflow: hidden;
}
.x-form-invalid-icon ul {
  display: none;
}
.x-form-textarea {
  overflow: auto;
  resize: none;
}
.x-safari.x-mac .x-form-textarea {
  margin-bottom: -2px;
}
.x-form-display-field-body {
  vertical-align: top;
}
.x-message-box .x-form-display-field {
  height: auto;
}
.x-form-cb-wrap {
  vertical-align: top;
}
.x-form-cb-wrap-inner {
  position: relative;
  zoom: 1;
}
.x-form-cb {
  position: absolute;
  left: 0;
  right: auto;
  vertical-align: top;
  overflow: hidden;
  padding: 0;
  border: 0;
}
.x-form-cb::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.x-form-cb-after {
  left: auto;
  right: 0;
}
/* some browsers like IE 10 need a block element to be able to measure
the height of a multi-line element */
.x-form-cb-label {
  display: inline-block;
  zoom: 1;
}
.x-fieldset {
  display: block;
  position: relative;
}
.x-fieldset-header {
  overflow: hidden;
}
.x-fieldset-header .x-form-item,
.x-fieldset-header .x-tool {
  float: left;
}
.x-fieldset-header .x-fieldset-header-text {
  float: left;
}
.x-fieldset-header .x-form-cb-wrap {
  font-size: 0;
  line-height: 0;
  height: auto;
}
.x-fieldset-header .x-form-cb {
  margin: 0;
  position: static;
}
.x-form-item {
  vertical-align: top;
  table-layout: fixed;
}
.x-form-item-body {
  position: relative;
}
.x-form-form-item td {
  border-top: 1px solid transparent;
}
.x-form-trigger {
  cursor: pointer;
  overflow: hidden;
  background-repeat: no-repeat;
}
.x-item-disabled .x-form-trigger {
  cursor: default;
}
.x-trigger-noedit {
  cursor: default;
}
.x-form-trigger-wrap {
  vertical-align: top;
  border-collapse: separate;
}
.x-form-spinner-up,
.x-form-spinner-down {
  font-size: 0;
}
.x-strict .x-ie9 .x-boundlist-list-ct {
  min-height: 0\%;
}
.x-datepicker {
  position: relative;
}
.x-datepicker .x-monthpicker {
  left: 0;
  top: 0;
  display: block;
}
.x-datepicker .x-monthpicker-months,
.x-datepicker .x-monthpicker-years {
  height: 100%;
}
.x-datepicker-inner {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}
.x-datepicker-cell {
  padding: 0;
}
.x-datepicker-header {
  position: relative;
  zoom: 1;
}
.x-datepicker-arrow {
  position: absolute;
  outline: none;
  font-size: 0;
}
.x-datepicker-column-header {
  padding: 0;
}
.x-datepicker-date {
  display: block;
  zoom: 1;
  text-decoration: none;
}
.x-monthpicker {
  display: table;
}
.x-monthpicker-body {
  height: 100%;
  position: relative;
}
.x-monthpicker-months,
.x-monthpicker-years {
  float: left;
}
.x-monthpicker-item {
  float: left;
}
.x-monthpicker-item-inner {
  display: block;
  text-decoration: none;
}
.x-monthpicker-yearnav-button-ct {
  float: left;
  text-align: center;
}
.x-monthpicker-yearnav-button {
  display: inline-block;
  outline: none;
  font-size: 0;
}
.x-monthpicker-buttons {
  width: 100%;
}
.x-datepicker .x-monthpicker-buttons {
  position: absolute;
  bottom: 0;
}
.x-form-file-btn {
  overflow: hidden;
}
.x-form-file-input {
  border: 0;
  position: absolute;
  cursor: pointer;
  top: -2px;
  right: -2px;
  opacity: 0;
  font-size: 1000px;
}
.x-form-item-hidden {
  margin: 0;
}
.x-color-picker-item {
  float: left;
  text-decoration: none;
}
.x-color-picker-item-inner {
  display: block;
  font-size: 1px;
}
.x-html-editor-tb .x-toolbar {
  position: static !important;
}
.x-htmleditor-iframe {
  display: block;
  overflow: auto;
}
.x-fit-item {
  position: relative;
}
.x-grid-row,
.x-grid-data-row {
  outline: none;
}
.x-grid-view {
  overflow: hidden;
  position: relative;
}
.x-grid-table {
  table-layout: fixed;
  border-collapse: separate;
}
.x-grid-td {
  overflow: hidden;
  border-width: 0;
  vertical-align: top;
}
.x-grid-cell-inner {
  overflow: hidden;
  white-space: nowrap;
  zoom: 1;
}
.x-grid-resize-marker {
  position: absolute;
  z-index: 5;
  top: 0;
}
.col-move-top,
.col-move-bottom {
  position: absolute;
  top: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  z-index: 20000;
  background: no-repeat center top transparent;
}
.x-grid-header-ct {
  cursor: default;
}
.x-column-header {
  position: absolute;
  overflow: hidden;
  background-repeat: repeat-x;
}
.x-column-header-inner {
  zoom: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.x-column-header-text {
  white-space: nowrap;
  background-repeat: no-repeat;
}
.x-column-header-trigger {
  display: none;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.x-column-header-over .x-column-header-trigger,
.x-column-header-open .x-column-header-trigger {
  display: block;
}
.x-column-header-align-right {
  text-align: right;
}
.x-column-header-align-center {
  text-align: center;
}
.x-grid-cell-inner-action-col {
  line-height: 0;
  font-size: 0;
}
.x-grid-cell-inner-checkcolumn {
  line-height: 0;
  font-size: 0;
}
.x-grid-group,
.x-grid-group-body,
.x-grid-group-hd {
  zoom: 1;
}
.x-group-hd-container {
  overflow: hidden;
}
.x-grid-group-hd {
  white-space: nowrap;
  outline: none;
}
.x-grid-row-body-hidden,
.x-grid-group-collapsed {
  display: none;
}
td.x-grid-rowwrap .x-grid-table {
  border: 0;
}
td.x-grid-rowwrap .x-grid-cell {
  border-bottom: 0;
  background-color: transparent;
}
.x-grid-rowbody {
  zoom: 1;
}
.x-grid-row-body-hidden {
  display: none;
}
.x-grid-editor .x-form-cb-wrap {
  text-align: center;
}
.x-grid-editor .x-form-cb {
  position: static;
}
.x-grid-editor .x-form-display-field {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
}
.x-grid-editor div.x-form-action-col-field {
  line-height: 0;
}
.x-grid-row-editor {
  position: absolute;
  overflow: visible;
  z-index: 1;
}
.x-grid-row-editor-buttons {
  position: absolute;
  white-space: nowrap;
}
.x-grid-row-expander {
  font-size: 0;
  line-height: 0;
}
.x-abs-layout-ct {
  position: relative;
}
.x-abs-layout-item {
  position: absolute !important;
}
.x-splitter {
  font-size: 1px;
}
.x-splitter-horizontal {
  cursor: e-resize;
  cursor: row-resize;
}
.x-splitter-vertical {
  cursor: e-resize;
  cursor: col-resize;
}
.x-splitter-collapsed,
.x-splitter-horizontal-noresize,
.x-splitter-vertical-noresize {
  cursor: default;
}
.x-splitter-active {
  z-index: 4;
}
.x-collapse-el {
  position: absolute;
  background-repeat: no-repeat;
}
.x-border-layout-ct {
  overflow: hidden;
  zoom: 1;
}
.x-border-layout-ct {
  position: relative;
}
.x-border-region-slide-in {
  z-index: 5;
}
.x-region-collapsed-placeholder {
  z-index: 4;
}
.x-column {
  float: left;
}
.x-quirks .x-ie .x-form-layout-table,
.x-quirks .x-ie .x-form-layout-table tbody tr.x-form-item {
  position: relative;
}
.x-form-layout-table {
  border-collapse: separate;
  border-spacing: 0 2px;
}
.x-menu {
  outline: none;
}
.x-menu-item {
  white-space: nowrap;
  overflow: hidden;
}
.x-menu-item-cmp .x-field-label-cell {
  vertical-align: middle;
}
.x-menu-icon-separator {
  position: absolute;
  top: 0;
  z-index: 0;
  height: 100%;
  overflow: hidden;
}
.x-menu-plain .x-menu-icon-separator {
  display: none;
}
.x-menu-item-link {
  text-decoration: none;
  outline: 0;
  display: block;
}
.x-menu-item-text {
  display: inline-block;
  zoom: 1;
}
.x-menu-item-icon,
.x-menu-item-icon-right,
.x-menu-item-arrow {
  font-size: 0;
  position: absolute;
  text-align: center;
}
.x-resizable-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 200000;
  background-color: #ffffff;
  opacity: 0;
}
.x-resizable-wrapped {
  box-sizing: border-box;
}
.x-slider {
  outline: none;
  zoom: 1;
  position: relative;
}
.x-slider-inner {
  position: relative;
  left: 0;
  top: 0;
  overflow: visible;
  zoom: 1;
}
.x-slider-vert .x-slider-inner {
  background: repeat-y 0 0;
}
.x-slider-end {
  zoom: 1;
}
.x-slider-thumb {
  position: absolute;
  background: no-repeat 0 0;
}
.x-slider-horz .x-slider-thumb {
  left: 0;
}
.x-slider-vert .x-slider-thumb {
  bottom: 0;
}
a.x-tab {
  text-decoration: none;
}
a.x-tab .x-tab-inner-left {
  text-align: left;
}
a.x-tab .x-tab-inner-right {
  text-align: right;
}
.x-tab-bar {
  position: relative;
}
.x-column-header-checkbox .x-column-header-text {
  display: block;
  background-repeat: no-repeat;
  font-size: 0;
}
.x-grid-cell-row-checker {
  vertical-align: middle;
  background-repeat: no-repeat;
  font-size: 0;
}
.x-tab {
  outline: none;
  display: block;
  white-space: nowrap;
  z-index: 1;
}
.x-tab-active {
  z-index: 3;
}
.x-tab-wrap {
  display: block;
  position: relative;
}
.x-tab-button {
  zoom: 1;
  display: block;
}
.x-tab-inner {
  display: block;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  zoom: 1;
}
.x-btn-icon-el {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  text-align: center;
}
.x-tab-bar {
  z-index: 1;
}
.x-tab-bar-body {
  z-index: 2;
  position: relative;
}
.x-tab-bar-strip {
  position: absolute;
  line-height: 0;
  font-size: 0;
  z-index: 1;
}
.x-tab-bar-horizontal .x-tab-bar-strip {
  width: 100%;
  left: 0;
}
.x-tab-bar-vertical .x-tab-bar-strip {
  height: 100%;
  top: 0;
}
.x-tab-bar-strip-top {
  bottom: 0;
}
.x-tab-bar-strip-bottom {
  top: 0;
}
.x-tab-bar-strip-left {
  right: 0;
}
.x-tab-bar-strip-right {
  left: 0;
}
.x-tab-bar-plain {
  background: transparent !important;
}
.x-tab-icon-el {
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
}
.x-tab-close-btn {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  background: no-repeat;
}
.x-tab-mc {
  overflow: visible;
}
.x-autowidth-table .x-grid-table {
  table-layout: auto;
  width: auto !important;
}
.x-tree-view {
  overflow: hidden;
}
.x-tree-elbow-img,
.x-tree-icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  vertical-align: top;
}
.x-tree-checkbox {
  border: 0;
  padding: 0;
  vertical-align: top;
  position: relative;
  background-color: transparent;
}
.x-tree-animator-wrap {
  overflow: hidden;
}
.x-tree-node-text {
  zoom: 1;
}
.x-animating-size,
.x-collapsed {
  overflow: hidden!important;
}
.x-btn-default-small {
  border-color: #d1d1d1;
}
.x-btn-default-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px;
  border: 1px solid;
  background-image: none;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(100%, #e7e7e7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -o-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -ms-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}
.x-btn-default-small-mc {
  background-position: 0 top;
  background-color: #ffffff;
}
.x-nlg .x-btn-default-small {
  background-position: 0 top;
}
.x-nbr .x-btn-default-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-btn-default-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2;
}
.x-btn-default-small-tl {
  background-position: 0 -6px;
}
.x-btn-default-small-tr {
  background-position: right -9px;
}
.x-btn-default-small-bl {
  background-position: 0 -12px;
}
.x-btn-default-small-br {
  background-position: right -15px;
}
.x-btn-default-small-ml {
  background-position: 0 top;
}
.x-btn-default-small-mr {
  background-position: right top;
}
.x-btn-default-small-tc {
  background-position: 0 0;
}
.x-btn-default-small-bc {
  background-position: 0 -3px;
}
.x-btn-default-small-tr,
.x-btn-default-small-br,
.x-btn-default-small-mr {
  padding-right: 3px;
}
.x-btn-default-small-tl,
.x-btn-default-small-bl,
.x-btn-default-small-ml {
  padding-left: 3px;
}
.x-btn-default-small-tc {
  height: 3px;
}
.x-btn-default-small-bc {
  height: 3px;
}
.x-btn-default-small-tl,
.x-btn-default-small-bl,
.x-btn-default-small-tr,
.x-btn-default-small-br,
.x-btn-default-small-tc,
.x-btn-default-small-bc,
.x-btn-default-small-ml,
.x-btn-default-small-mr {
  zoom: 1;
}
.x-btn-default-small-ml,
.x-btn-default-small-mr {
  zoom: 1;
}
.x-btn-default-small-mc {
  padding: 0;
}
.x-btn-default-small:after {
  display: none;
}
.x-btn-default-small .x-btn-inner {
  padding: 0 4px;
}
.x-btn-default-small .x-btn-arrow-right {
  padding-right: 12px;
}
.x-btn-default-small .x-btn-arrow-bottom {
  padding-bottom: 12px;
}
.x-btn-default-small .x-btn-glyph {
  font-size: 16px;
  line-height: 16px;
  color: #333;
  opacity: 0.5;
}
.x-ie8m .x-btn-default-small .x-btn-glyph {
  color: #999;
}
.x-btn-default-small-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -ms-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}
.x-btn-default-small-icon .x-btn-button,
.x-btn-default-small-noicon .x-btn-button {
  height: 16px;
}
.x-btn-default-small-icon .x-btn-inner,
.x-btn-default-small-noicon .x-btn-inner {
  line-height: 16px;
}
.x-btn-default-small-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-small-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-small-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
.x-btn-default-small-icon .x-btn-inner {
  width: 16px;
  padding: 0;
}
.x-btn-default-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px;
}
.x-btn-default-small-icon-text-left .x-btn-button {
  height: 16px;
}
.x-btn-default-small-icon-text-left .x-btn-inner {
  line-height: 16px;
  padding-left: 20px;
}
.x-btn-default-small-icon-text-left .x-btn-icon-el {
  width: 16px;
  right: auto;
}
.x-quirks .x-ie .x-btn-default-small-icon-text-left .x-btn-icon-el {
  height: 16px;
}
.x-btn-default-small-icon-text-right .x-btn-button {
  height: 16px;
}
.x-btn-default-small-icon-text-right .x-btn-inner {
  line-height: 16px;
  padding-right: 20px;
}
.x-btn-default-small-icon-text-right .x-btn-icon-el {
  width: 16px;
  left: auto;
}
.x-quirks .x-ie .x-btn-default-small-icon-text-right .x-btn-icon-el {
  height: 16px;
}
.x-btn-default-small-icon-text-top .x-btn-inner {
  padding-top: 20px;
}
.x-btn-default-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto;
}
.x-quirks .x-ie .x-btn-default-small-icon-text-top .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px;
}
.x-btn-default-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto;
}
.x-quirks .x-ie .x-btn-default-small-icon-text-bottom .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-small-focus {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}
.x-btn-default-small-over {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}
.x-btn-default-small-menu-active,
.x-btn-default-small-pressed {
  border-color: #9ebae1;
  background-image: none;
  background-color: #b6cbe4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(100%, #98c5f5));
  background-image: -webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -ms-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}
.x-btn-default-small-focus .x-frame-mc {
  background-color: #e4f3ff;
}
.x-btn-default-small-over .x-frame-mc {
  background-color: #e4f3ff;
}
.x-btn-default-small-menu-active .x-frame-mc,
.x-btn-default-small-pressed .x-frame-mc {
  background-color: #b6cbe4;
}
.x-btn-default-small-disabled .x-frame-mc {
  background-color: #f7f7f7;
}
.x-nbr .x-btn-default-small {
  background-image: none;
}
.x-btn-default-small .x-btn-split-right {
  padding-right: 14px;
}
.x-btn-default-small .x-btn-split-bottom {
  padding-bottom: 14px;
}
.x-btn-default-small-disabled .x-btn-inner,
.x-btn-default-small-disabled .x-btn-icon-el {
  opacity: 0.5;
}
.x-btn-default-small-focus:after {
  display: none;
}
.x-btn-default-small-over:after {
  display: none;
}
.x-btn-default-small-pressed:after {
  display: none;
}
.x-btn-default-small-disabled:after {
  display: none;
}
.x-btn-default-medium {
  border-color: #d1d1d1;
}
.x-btn-default-medium {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(100%, #e7e7e7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -o-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -ms-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}
.x-btn-default-medium-mc {
  background-position: 0 top;
  background-color: #ffffff;
}
.x-nlg .x-btn-default-medium {
  background-position: 0 top;
}
.x-nbr .x-btn-default-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-btn-default-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}
.x-btn-default-medium-tl {
  background-position: 0 -6px;
}
.x-btn-default-medium-tr {
  background-position: right -9px;
}
.x-btn-default-medium-bl {
  background-position: 0 -12px;
}
.x-btn-default-medium-br {
  background-position: right -15px;
}
.x-btn-default-medium-ml {
  background-position: 0 top;
}
.x-btn-default-medium-mr {
  background-position: right top;
}
.x-btn-default-medium-tc {
  background-position: 0 0;
}
.x-btn-default-medium-bc {
  background-position: 0 -3px;
}
.x-btn-default-medium-tr,
.x-btn-default-medium-br,
.x-btn-default-medium-mr {
  padding-right: 3px;
}
.x-btn-default-medium-tl,
.x-btn-default-medium-bl,
.x-btn-default-medium-ml {
  padding-left: 3px;
}
.x-btn-default-medium-tc {
  height: 3px;
}
.x-btn-default-medium-bc {
  height: 3px;
}
.x-btn-default-medium-tl,
.x-btn-default-medium-bl,
.x-btn-default-medium-tr,
.x-btn-default-medium-br,
.x-btn-default-medium-tc,
.x-btn-default-medium-bc,
.x-btn-default-medium-ml,
.x-btn-default-medium-mr {
  zoom: 1;
}
.x-btn-default-medium-ml,
.x-btn-default-medium-mr {
  zoom: 1;
}
.x-btn-default-medium-mc {
  padding: 1px 1px 1px 1px;
}
.x-btn-default-medium:after {
  display: none;
}
.x-btn-default-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 3px;
}
.x-btn-default-medium .x-btn-arrow-right {
  padding-right: 12px;
}
.x-btn-default-medium .x-btn-arrow-bottom {
  padding-bottom: 12px;
}
.x-btn-default-medium .x-btn-glyph {
  font-size: 24px;
  line-height: 24px;
  color: #333;
  opacity: 0.5;
}
.x-ie8m .x-btn-default-medium .x-btn-glyph {
  color: #999;
}
.x-btn-default-medium-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -ms-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}
.x-btn-default-medium-icon .x-btn-button,
.x-btn-default-medium-noicon .x-btn-button {
  height: 24px;
}
.x-btn-default-medium-icon .x-btn-inner,
.x-btn-default-medium-noicon .x-btn-inner {
  line-height: 24px;
}
.x-btn-default-medium-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-medium-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-medium-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
.x-btn-default-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0;
}
.x-btn-default-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px;
}
.x-btn-default-medium-icon-text-left .x-btn-button {
  height: 24px;
}
.x-btn-default-medium-icon-text-left .x-btn-inner {
  line-height: 24px;
  padding-left: 28px;
}
.x-btn-default-medium-icon-text-left .x-btn-icon-el {
  width: 24px;
  right: auto;
}
.x-quirks .x-ie .x-btn-default-medium-icon-text-left .x-btn-icon-el {
  height: 24px;
}
.x-btn-default-medium-icon-text-right .x-btn-button {
  height: 24px;
}
.x-btn-default-medium-icon-text-right .x-btn-inner {
  line-height: 24px;
  padding-right: 28px;
}
.x-btn-default-medium-icon-text-right .x-btn-icon-el {
  width: 24px;
  left: auto;
}
.x-quirks .x-ie .x-btn-default-medium-icon-text-right .x-btn-icon-el {
  height: 24px;
}
.x-btn-default-medium-icon-text-top .x-btn-inner {
  padding-top: 28px;
}
.x-btn-default-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto;
}
.x-quirks .x-ie .x-btn-default-medium-icon-text-top .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px;
}
.x-btn-default-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto;
}
.x-quirks .x-ie .x-btn-default-medium-icon-text-bottom .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-medium-focus {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}
.x-btn-default-medium-over {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}
.x-btn-default-medium-menu-active,
.x-btn-default-medium-pressed {
  border-color: #9ebae1;
  background-image: none;
  background-color: #b6cbe4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(100%, #98c5f5));
  background-image: -webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -ms-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}
.x-btn-default-medium-focus .x-frame-mc {
  background-color: #e4f3ff;
}
.x-btn-default-medium-over .x-frame-mc {
  background-color: #e4f3ff;
}
.x-btn-default-medium-menu-active .x-frame-mc,
.x-btn-default-medium-pressed .x-frame-mc {
  background-color: #b6cbe4;
}
.x-btn-default-medium-disabled .x-frame-mc {
  background-color: #f7f7f7;
}
.x-nbr .x-btn-default-medium {
  background-image: none;
}
.x-btn-default-medium .x-btn-split-right {
  padding-right: 14px;
}
.x-btn-default-medium .x-btn-split-bottom {
  padding-bottom: 14px;
}
.x-btn-default-medium-disabled .x-btn-inner,
.x-btn-default-medium-disabled .x-btn-icon-el {
  opacity: 0.5;
}
.x-btn-default-medium-focus:after,
.x-btn-default-medium-over:after,
.x-btn-default-medium-pressed:after,
.x-btn-default-medium-disabled:after {
  display: none;
}
.x-btn-default-large {
  border-color: #d1d1d1;
}
.x-btn-default-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(100%, #e7e7e7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -o-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -ms-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}
.x-btn-default-large-mc {
  background-position: 0 top;
  background-color: #ffffff;
}
.x-nlg .x-btn-default-large {
  background-position: 0 top;
}
.x-nbr .x-btn-default-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-btn-default-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}
.x-btn-default-large-tl {
  background-position: 0 -6px;
}
.x-btn-default-large-tr {
  background-position: right -9px;
}
.x-btn-default-large-bl {
  background-position: 0 -12px;
}
.x-btn-default-large-br {
  background-position: right -15px;
}
.x-btn-default-large-ml {
  background-position: 0 top;
}
.x-btn-default-large-mr {
  background-position: right top;
}
.x-btn-default-large-tc {
  background-position: 0 0;
}
.x-btn-default-large-bc {
  background-position: 0 -3px;
}
.x-btn-default-large-tr,
.x-btn-default-large-br,
.x-btn-default-large-mr {
  padding-right: 3px;
}
.x-btn-default-large-tl,
.x-btn-default-large-bl,
.x-btn-default-large-ml {
  padding-left: 3px;
}
.x-btn-default-large-tc {
  height: 3px;
}
.x-btn-default-large-bc {
  height: 3px;
}
.x-btn-default-large-tl,
.x-btn-default-large-bl,
.x-btn-default-large-tr,
.x-btn-default-large-br,
.x-btn-default-large-tc,
.x-btn-default-large-bc,
.x-btn-default-large-ml,
.x-btn-default-large-mr {
  zoom: 1;
}
.x-btn-default-large-ml,
.x-btn-default-large-mr {
  zoom: 1;
}
.x-btn-default-large-mc {
  padding: 1px 1px 1px 1px;
}
.x-btn-default-large:after {
  display: none;
}
.x-btn-default-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 3px;
}
.x-btn-default-large .x-btn-arrow-right {
  padding-right: 12px;
}
.x-btn-default-large .x-btn-arrow-bottom {
  padding-bottom: 12px;
}
.x-btn-default-large .x-btn-glyph {
  font-size: 32px;
  line-height: 32px;
  color: #333333;
  opacity: 0.5;
}
.x-ie8m .x-btn-default-large .x-btn-glyph {
  color: #999999;
}
.x-btn-default-large-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -ms-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}
.x-btn-default-large-icon .x-btn-button,
.x-btn-default-large-noicon .x-btn-button {
  height: 32px;
}
.x-btn-default-large-icon .x-btn-inner,
.x-btn-default-large-noicon .x-btn-inner {
  line-height: 32px;
}
.x-btn-default-large-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-large-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-large-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
.x-btn-default-large-icon .x-btn-inner {
  width: 32px;
  padding: 0;
}
.x-btn-default-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px;
}
.x-btn-default-large-icon-text-left .x-btn-button {
  height: 32px;
}
.x-btn-default-large-icon-text-left .x-btn-inner {
  line-height: 32px;
  padding-left: 36px;
}
.x-btn-default-large-icon-text-left .x-btn-icon-el {
  width: 32px;
  right: auto;
}
.x-quirks .x-ie .x-btn-default-large-icon-text-left .x-btn-icon-el {
  height: 32px;
}
.x-btn-default-large-icon-text-right .x-btn-button {
  height: 32px;
}
.x-btn-default-large-icon-text-right .x-btn-inner {
  line-height: 32px;
  padding-right: 36px;
}
.x-btn-default-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  left: auto;
}
.x-quirks .x-ie .x-btn-default-large-icon-text-right .x-btn-icon-el {
  height: 32px;
}
.x-btn-default-large-icon-text-top .x-btn-inner {
  padding-top: 36px;
}
.x-btn-default-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto;
}
.x-quirks .x-ie .x-btn-default-large-icon-text-top .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px;
}
.x-btn-default-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto;
}
.x-quirks .x-ie .x-btn-default-large-icon-text-bottom .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-large-focus {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}
.x-btn-default-large-over {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}
.x-btn-default-large-menu-active,
.x-btn-default-large-pressed {
  border-color: #9ebae1;
  background-image: none;
  background-color: #b6cbe4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(100%, #98c5f5));
  background-image: -webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -ms-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}
.x-btn-default-large-focus .x-frame-mc {
  background-color: #e4f3ff;
}
.x-btn-default-large-over .x-frame-mc {
  background-color: #e4f3ff;
}
.x-btn-default-large-menu-active .x-frame-mc,
.x-btn-default-large-pressed .x-frame-mc {
  background-color: #b6cbe4;
}
.x-btn-default-large-disabled .x-frame-mc {
  background-color: #f7f7f7;
}
.x-nbr .x-btn-default-large {
  background-image: none;
}
.x-btn-default-large .x-btn-split-right {
  padding-right: 14px;
}
.x-btn-default-large .x-btn-split-bottom {
  padding-bottom: 14px;
}
.x-btn-default-large-disabled .x-btn-inner,
.x-btn-default-large-disabled .x-btn-icon-el {
  opacity: 0.5;
}
.x-btn-default-large-focus:after,
.x-btn-default-large-over:after,
.x-btn-default-large-pressed:after,
.x-btn-default-large-disabled:after {
  display: none;
}
.x-btn-default-toolbar-small {
  border-color: transparent;
}
.x-btn-default-toolbar-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.x-btn-default-toolbar-small-mc {
  background-color: transparent;
}
.x-nbr .x-btn-default-toolbar-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-btn-default-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2;
}
.x-btn-default-toolbar-small-tl {
  background-position: 0 -6px;
}
.x-btn-default-toolbar-small-tr {
  background-position: right -9px;
}
.x-btn-default-toolbar-small-bl {
  background-position: 0 -12px;
}
.x-btn-default-toolbar-small-br {
  background-position: right -15px;
}
.x-btn-default-toolbar-small-ml {
  background-position: 0 top;
}
.x-btn-default-toolbar-small-mr {
  background-position: right top;
}
.x-btn-default-toolbar-small-tc {
  background-position: 0 0;
}
.x-btn-default-toolbar-small-bc {
  background-position: 0 -3px;
}
.x-btn-default-toolbar-small-tr,
.x-btn-default-toolbar-small-br,
.x-btn-default-toolbar-small-mr {
  padding-right: 3px;
}
.x-btn-default-toolbar-small-tl,
.x-btn-default-toolbar-small-bl,
.x-btn-default-toolbar-small-ml {
  padding-left: 3px;
}
.x-btn-default-toolbar-small-tc {
  height: 3px;
}
.x-btn-default-toolbar-small-bc {
  height: 3px;
}
.x-btn-default-toolbar-small-tl,
.x-btn-default-toolbar-small-bl,
.x-btn-default-toolbar-small-tr,
.x-btn-default-toolbar-small-br,
.x-btn-default-toolbar-small-tc,
.x-btn-default-toolbar-small-bc,
.x-btn-default-toolbar-small-ml,
.x-btn-default-toolbar-small-mr {
  zoom: 1;
}
.x-btn-default-toolbar-small-ml,
.x-btn-default-toolbar-small-mr {
  zoom: 1;
}
.x-btn-default-toolbar-small-mc {
  padding: 0;
}
.x-btn-default-toolbar-small .x-btn-inner {
  padding: 0 4px;
}
.x-btn-default-toolbar-small .x-btn-arrow-right {
  padding-right: 12px;
}
.x-btn-default-toolbar-small .x-btn-arrow-bottom {
  padding-bottom: 12px;
}
.x-btn-default-toolbar-small .x-btn-glyph {
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
.x-ie8m .x-btn-default-toolbar-small .x-btn-glyph {
  color: #999;
}
.x-btn-default-toolbar-small-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: transparent;
}
.x-btn-default-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c;
}
.x-btn-default-toolbar-small-icon .x-btn-button,
.x-btn-default-toolbar-small-noicon .x-btn-button {
  height: 16px;
}
.x-btn-default-toolbar-small-icon .x-btn-inner,
.x-btn-default-toolbar-small-noicon .x-btn-inner {
  line-height: 16px;
}
.x-btn-default-toolbar-small-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-small-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-small-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
.x-btn-default-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0;
}
.x-btn-default-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px;
}
.x-btn-default-toolbar-small-icon-text-left .x-btn-button {
  height: 16px;
}
.x-btn-default-toolbar-small-icon-text-left .x-btn-inner {
  line-height: 16px;
  padding-left: 20px;
}
.x-btn-default-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px;
  right: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-small-icon-text-left .x-btn-icon-el {
  height: 16px;
}
.x-btn-default-toolbar-small-icon-text-right .x-btn-button {
  height: 16px;
}
.x-btn-default-toolbar-small-icon-text-right .x-btn-inner {
  line-height: 16px;
  padding-right: 20px;
}
.x-btn-default-toolbar-small-icon-text-right .x-btn-icon-el {
  width: 16px;
  left: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-small-icon-text-right .x-btn-icon-el {
  height: 16px;
}
.x-btn-default-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px;
}
.x-btn-default-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-small-icon-text-top .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px;
}
.x-btn-default-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-small-icon-text-bottom .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-toolbar-small-focus {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -ms-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}
.x-btn-default-toolbar-small-over {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -ms-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}
.x-btn-default-toolbar-small-menu-active,
.x-btn-default-toolbar-small-pressed {
  border-color: #7a9ac4;
  background-image: none;
  background-color: #bccfe5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bccfe5), color-stop(48%, #c5d6e7), color-stop(52%, #95c4f4), color-stop(100%, #9fc9f5));
  background-image: -webkit-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -moz-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -o-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -ms-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}
.x-btn-default-toolbar-small-focus .x-frame-mc {
  background-color: #dbeeff;
}
.x-btn-default-toolbar-small-over .x-frame-mc {
  background-color: #dbeeff;
}
.x-btn-default-toolbar-small-menu-active .x-frame-mc,
.x-btn-default-toolbar-small-pressed .x-frame-mc {
  background-color: #bccfe5;
}
.x-btn-default-toolbar-small-disabled .x-frame-mc {
  background-color: transparent;
}
.x-nbr .x-btn-default-toolbar-small {
  background-image: none;
}
.x-btn-default-toolbar-small .x-btn-split-right {
  padding-right: 14px;
}
.x-btn-default-toolbar-small .x-btn-split-bottom {
  padding-bottom: 14px;
}
.x-btn-default-toolbar-small-disabled {
  opacity: 0.5;
}
.x-btn-default-toolbar-small-focus:after,
.x-btn-default-toolbar-small-over:after,
.x-btn-default-toolbar-small-pressed:after,
.x-btn-default-toolbar-small-disabled:after {
  display: none;
}
.x-btn-default-toolbar-medium {
  border-color: transparent;
}
.x-btn-default-toolbar-medium {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.x-btn-default-toolbar-medium-mc {
  background-color: transparent;
}
.x-nbr .x-btn-default-toolbar-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-btn-default-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}
.x-btn-default-toolbar-medium-tl {
  background-position: 0 -6px;
}
.x-btn-default-toolbar-medium-tr {
  background-position: right -9px;
}
.x-btn-default-toolbar-medium-bl {
  background-position: 0 -12px;
}
.x-btn-default-toolbar-medium-br {
  background-position: right -15px;
}
.x-btn-default-toolbar-medium-ml {
  background-position: 0 top;
}
.x-btn-default-toolbar-medium-mr {
  background-position: right top;
}
.x-btn-default-toolbar-medium-tc {
  background-position: 0 0;
}
.x-btn-default-toolbar-medium-bc {
  background-position: 0 -3px;
}
.x-btn-default-toolbar-medium-tr,
.x-btn-default-toolbar-medium-br,
.x-btn-default-toolbar-medium-mr {
  padding-right: 3px;
}
.x-btn-default-toolbar-medium-tl,
.x-btn-default-toolbar-medium-bl,
.x-btn-default-toolbar-medium-ml {
  padding-left: 3px;
}
.x-btn-default-toolbar-medium-tc {
  height: 3px;
}
.x-btn-default-toolbar-medium-bc {
  height: 3px;
}
.x-btn-default-toolbar-medium-tl,
.x-btn-default-toolbar-medium-bl,
.x-btn-default-toolbar-medium-tr,
.x-btn-default-toolbar-medium-br,
.x-btn-default-toolbar-medium-tc,
.x-btn-default-toolbar-medium-bc,
.x-btn-default-toolbar-medium-ml,
.x-btn-default-toolbar-medium-mr {
  zoom: 1;
}
.x-btn-default-toolbar-medium-ml,
.x-btn-default-toolbar-medium-mr {
  zoom: 1;
}
.x-btn-default-toolbar-medium-mc {
  padding: 1px;
}
.x-btn-default-toolbar-medium .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 3px;
}
.x-btn-default-toolbar-medium .x-btn-arrow-right {
  padding-right: 12px;
}
.x-btn-default-toolbar-medium .x-btn-arrow-bottom {
  padding-bottom: 12px;
}
.x-btn-default-toolbar-medium .x-btn-glyph {
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  opacity: 0.5;
}
.x-ie8m .x-btn-default-toolbar-medium .x-btn-glyph {
  color: #999999;
}
.x-btn-default-toolbar-medium-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: transparent;
}
.x-btn-default-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c;
}
.x-btn-default-toolbar-medium-icon .x-btn-button,
.x-btn-default-toolbar-medium-noicon .x-btn-button {
  height: 24px;
}
.x-btn-default-toolbar-medium-icon .x-btn-inner,
.x-btn-default-toolbar-medium-noicon .x-btn-inner {
  line-height: 24px;
}
.x-btn-default-toolbar-medium-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-medium-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-medium-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
.x-btn-default-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0;
}
.x-btn-default-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px;
}
.x-btn-default-toolbar-medium-icon-text-left .x-btn-button {
  height: 24px;
}
.x-btn-default-toolbar-medium-icon-text-left .x-btn-inner {
  line-height: 24px;
  padding-left: 28px;
}
.x-btn-default-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px;
  right: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-medium-icon-text-left .x-btn-icon-el {
  height: 24px;
}
.x-btn-default-toolbar-medium-icon-text-right .x-btn-button {
  height: 24px;
}
.x-btn-default-toolbar-medium-icon-text-right .x-btn-inner {
  line-height: 24px;
  padding-right: 28px;
}
.x-btn-default-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px;
  left: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-medium-icon-text-right .x-btn-icon-el {
  height: 24px;
}
.x-btn-default-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px;
}
.x-btn-default-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-medium-icon-text-top .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px;
}
.x-btn-default-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-toolbar-medium-focus {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -ms-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}
.x-btn-default-toolbar-medium-over {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -ms-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}
.x-btn-default-toolbar-medium-menu-active,
.x-btn-default-toolbar-medium-pressed {
  border-color: #7a9ac4;
  background-image: none;
  background-color: #bccfe5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bccfe5), color-stop(48%, #c5d6e7), color-stop(52%, #95c4f4), color-stop(100%, #9fc9f5));
  background-image: -webkit-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -moz-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -o-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -ms-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}
.x-btn-default-toolbar-medium-focus .x-frame-mc {
  background-color: #dbeeff;
}
.x-btn-default-toolbar-medium-over .x-frame-mc {
  background-color: #dbeeff;
}
.x-btn-default-toolbar-medium-menu-active .x-frame-mc,
.x-btn-default-toolbar-medium-pressed .x-frame-mc {
  background-color: #bccfe5;
}
.x-btn-default-toolbar-medium-disabled .x-frame-mc {
  background-color: transparent;
}
.x-nbr .x-btn-default-toolbar-medium {
  background-image: none;
}
.x-btn-default-toolbar-medium .x-btn-split-right {
  padding-right: 14px;
}
.x-btn-default-toolbar-medium .x-btn-split-bottom {
  padding-bottom: 14px;
}
.x-btn-default-toolbar-medium-disabled {
  opacity: 0.5;
}
.x-btn-default-toolbar-medium-focus:after,
.x-btn-default-toolbar-medium-over:after,
.x-btn-default-toolbar-medium-pressed:after,
.x-btn-default-toolbar-medium-disabled:after {
  display: none;
}
.x-btn-default-toolbar-large {
  border-color: transparent;
}
.x-btn-default-toolbar-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}
.x-btn-default-toolbar-large-mc {
  background-color: transparent;
}
.x-nbr .x-btn-default-toolbar-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-btn-default-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}
.x-btn-default-toolbar-large-tl {
  background-position: 0 -6px;
}
.x-btn-default-toolbar-large-tr {
  background-position: right -9px;
}
.x-btn-default-toolbar-large-bl {
  background-position: 0 -12px;
}
.x-btn-default-toolbar-large-br {
  background-position: right -15px;
}
.x-btn-default-toolbar-large-ml {
  background-position: 0 top;
}
.x-btn-default-toolbar-large-mr {
  background-position: right top;
}
.x-btn-default-toolbar-large-tc {
  background-position: 0 0;
}
.x-btn-default-toolbar-large-bc {
  background-position: 0 -3px;
}
.x-btn-default-toolbar-large-tr,
.x-btn-default-toolbar-large-br,
.x-btn-default-toolbar-large-mr {
  padding-right: 3px;
}
.x-btn-default-toolbar-large-tl,
.x-btn-default-toolbar-large-bl,
.x-btn-default-toolbar-large-ml {
  padding-left: 3px;
}
.x-btn-default-toolbar-large-tc {
  height: 3px;
}
.x-btn-default-toolbar-large-bc {
  height: 3px;
}
.x-btn-default-toolbar-large-tl,
.x-btn-default-toolbar-large-bl,
.x-btn-default-toolbar-large-tr,
.x-btn-default-toolbar-large-br,
.x-btn-default-toolbar-large-tc,
.x-btn-default-toolbar-large-bc,
.x-btn-default-toolbar-large-ml,
.x-btn-default-toolbar-large-mr {
  zoom: 1;
}
.x-btn-default-toolbar-large-ml,
.x-btn-default-toolbar-large-mr {
  zoom: 1;
}
.x-btn-default-toolbar-large-mc {
  padding: 1px 1px 1px 1px;
}
.x-btn-default-toolbar-large .x-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333;
  padding: 0 3px;
}
.x-btn-default-toolbar-large .x-btn-arrow-right {
  padding-right: 12px;
}
.x-btn-default-toolbar-large .x-btn-arrow-bottom {
  padding-bottom: 12px;
}
.x-btn-default-toolbar-large .x-btn-glyph {
  font-size: 32px;
  line-height: 32px;
  color: #333333;
  opacity: 0.5;
}
.x-ie8m .x-btn-default-toolbar-large .x-btn-glyph {
  color: #999999;
}
.x-btn-default-toolbar-large-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: transparent;
}
.x-btn-default-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c;
}
.x-btn-default-toolbar-large-icon .x-btn-button,
.x-btn-default-toolbar-large-noicon .x-btn-button {
  height: 32px;
}
.x-btn-default-toolbar-large-icon .x-btn-inner,
.x-btn-default-toolbar-large-noicon .x-btn-inner {
  line-height: 32px;
}
.x-btn-default-toolbar-large-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-large-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-large-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
.x-btn-default-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0;
}
.x-btn-default-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px;
}
.x-btn-default-toolbar-large-icon-text-left .x-btn-button {
  height: 32px;
}
.x-btn-default-toolbar-large-icon-text-left .x-btn-inner {
  line-height: 32px;
  padding-left: 36px;
}
.x-btn-default-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px;
  right: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-large-icon-text-left .x-btn-icon-el {
  height: 32px;
}
.x-btn-default-toolbar-large-icon-text-right .x-btn-button {
  height: 32px;
}
.x-btn-default-toolbar-large-icon-text-right .x-btn-inner {
  line-height: 32px;
  padding-right: 36px;
}
.x-btn-default-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  left: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-large-icon-text-right .x-btn-icon-el {
  height: 32px;
}
.x-btn-default-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px;
}
.x-btn-default-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-large-icon-text-top .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px;
}
.x-btn-default-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto;
}
.x-quirks .x-ie .x-btn-default-toolbar-large-icon-text-bottom .x-btn-icon-el {
  width: 100%;
}
.x-btn-default-toolbar-large-focus {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -ms-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}
.x-btn-default-toolbar-large-over {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -ms-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}
.x-btn-default-toolbar-large-menu-active,
.x-btn-default-toolbar-large-pressed {
  border-color: #7a9ac4;
  background-image: none;
  background-color: #bccfe5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bccfe5), color-stop(48%, #c5d6e7), color-stop(52%, #95c4f4), color-stop(100%, #9fc9f5));
  background-image: -webkit-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -moz-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -o-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -ms-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}
.x-btn-default-toolbar-large-focus .x-frame-mc {
  background-color: #dbeeff;
}
.x-btn-default-toolbar-large-over .x-frame-mc {
  background-color: #dbeeff;
}
.x-btn-default-toolbar-large-menu-active .x-frame-mc,
.x-btn-default-toolbar-large-pressed .x-frame-mc {
  background-color: #bccfe5;
}
.x-btn-default-toolbar-large-disabled .x-frame-mc {
  background-color: transparent;
}
.x-nbr .x-btn-default-toolbar-large {
  background-image: none;
}
.x-btn-default-toolbar-large .x-btn-split-right {
  padding-right: 14px;
}
.x-btn-default-toolbar-large .x-btn-split-bottom {
  padding-bottom: 14px;
}
.x-btn-default-toolbar-large-disabled {
  opacity: 0.5;
}
.x-btn-default-toolbar-large-focus:after,
.x-btn-default-toolbar-large-over:after,
.x-btn-default-toolbar-large-pressed:after,
.x-btn-default-toolbar-large-disabled:after {
  display: none;
}
.x-btn-icon-text-left .x-btn-icon-el {
  background-position: left center;
}
.x-btn-icon-text-right .x-btn-icon-el {
  background-position: right center;
}
.x-btn-icon-text-top .x-btn-icon-el {
  background-position: center top;
}
.x-btn-icon-text-bottom .x-btn-icon-el {
  background-position: center bottom;
}
.x-btn-arrow-right {
  background-position: right center;
}
.x-btn-arrow-bottom {
  background-position: center bottom;
}
.x-btn-arrow {
  background-repeat: no-repeat;
}
.x-btn-split {
  display: block;
  background-repeat: no-repeat;
}
.x-btn-split-right {
  background-position: right center;
}
.x-btn-split-bottom {
  background-position: center bottom;
}
.x-cycle-fixed-width .x-btn-inner {
  text-align: inherit;
}
.x-toolbar {
  font-size: 11px;
  border-style: solid;
}
.x-toolbar-item {
  margin: 0 2px 0 0;
}
.x-toolbar-separator-horizontal {
  margin: 0 2px 0 0;
  height: 14px;
  border-style: solid;
  border-width: 0 1px;
  border-left-color: #98c8ff;
  border-right-color: #ffffff;
}
.x-toolbar-footer {
  background: transparent;
  border: 0;
  margin: 3px 0 0;
  padding: 2px 0 2px 6px;
}
.x-toolbar-footer .x-toolbar-item {
  margin: 0 6px 0 0;
}
.x-toolbar-spacer {
  width: 2px;
}
.x-toolbar-more-icon {
  background-position: center center !important;
  background-repeat: no-repeat;
}
.x-toolbar-default .x-box-scroller {
  cursor: pointer;
}
.x-toolbar-default .x-box-scroller-disabled {
  opacity: 0.5;
  cursor: default;
}
.x-nlg .x-toolbar-default {
  background-repeat: repeat-x;
}
.x-toolbar-default:after {
  display: none;
}
.x-toolbar-scroll-left {
  background-position: -14px 0;
  width: 14px;
  height: 22px;
  border-style: solid;
  border-color: #8db2e3;
  border-width: 0 0 1px;
  margin-top: 0;
}
.x-toolbar-scroll-left-hover {
  background-position: 0 0;
}
.x-toolbar-scroll-right {
  width: 14px;
  height: 22px;
  border-style: solid;
  border-color: #8db2e3;
  border-width: 0 0 1px;
  margin-top: 0;
}
.x-toolbar-scroll-right-hover {
  background-position: -14px 0;
}
.x-toolbar .x-box-menu-after {
  margin: 0 2px;
}
.x-toolbar-vertical {
  padding: 2px 2px 0 2px;
}
.x-toolbar-vertical .x-toolbar-item {
  margin: 0 0 2px 0;
}
.x-toolbar-vertical .x-toolbar-text {
  margin: 4px 0 6px 0;
}
.x-toolbar-vertical .x-toolbar-separator-vertical {
  margin: 0 5px 2px;
  border-style: solid none;
  border-width: 1px 0;
  border-top-color: #98c8ff;
  border-bottom-color: #ffffff;
}
.x-toolbar-vertical .x-box-menu-after {
  margin: 2px 0;
}
.x-header-draggable .x-header-body,
.x-header-ghost {
  cursor: move;
}
.x-header-text {
  white-space: nowrap;
}
.x-panel-ghost {
  opacity: 0.65;
}
.x-panel-default {
  border-color: #99bce8;
  padding: 0;
}
.x-panel-header-default {
  font-size: 11px;
  border: 1px solid #99bce8;
}
.x-panel-header-default-horizontal {
  padding: 4px 5px 4px 5px;
}
.x-panel-header-default-horizontal-noborder {
  padding: 5px 6px 4px 6px;
}
.x-panel-header-default-vertical {
  padding: 5px 4px 5px 4px;
}
.x-panel-header-default-vertical-noborder {
  padding: 6px 5px 6px 4px;
}
.x-panel-header-text-container-default {
  color: #04408c;
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  padding: 0 2px 1px;
  text-transform: none;
}
.x-panel-body-default {
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
}
.x-panel-header-default {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-vertical {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel .x-panel-header-default-collapsed-border-top {
  border-bottom-width: 1px !important;
}
.x-panel .x-panel-header-default-collapsed-border-right {
  border-left-width: 1px !important;
}
.x-panel .x-panel-header-default-collapsed-border-bottom {
  border-top-width: 1px !important;
}
.x-panel .x-panel-header-default-collapsed-border-left {
  border-right-width: 1px !important;
}
.x-panel-header-default-top:after {
  display: none;
}
.x-panel-header-default-bottom:after {
  display: none;
}
.x-panel-header-default-left:after {
  display: none;
}
.x-panel-header-default-right:after {
  display: none;
}
.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
.x-ie9m .x-panel-header-default-vertical .x-panel-header-text-container {
  background-color: #cbddf3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#cbddf3);
}
.x-panel-header-default-top {
  box-shadow: #f3f7fb 0 1px 0 0 inset;
}
.x-panel-header-default-right {
  box-shadow: #f3f7fb -1px 0 0 0 inset;
}
.x-panel-header-default-bottom {
  box-shadow: #f3f7fb 0 -1px 0 0 inset;
}
.x-panel-header-default-left {
  box-shadow: #f3f7fb 1px 0 0 0 inset;
}
.x-panel-header-default .x-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
.x-panel-header-default .x-panel-header-glyph {
  color: #04408c;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
.x-ie8m .x-panel-header-default .x-panel-header-glyph {
  color: #678ebf;
}
.x-panel-header-default-horizontal .x-panel-header-icon-before-title {
  margin: 0 2px 0 0;
}
.x-panel-header-default-horizontal .x-panel-header-icon-after-title {
  margin: 0 0 0 2px;
}
.x-panel-header-default-vertical .x-panel-header-icon-before-title {
  margin: 0 0 2px 0;
}
.x-panel-header-default-vertical .x-panel-header-icon-after-title {
  margin: 2px 0 0 0;
}
.x-panel-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 2px;
}
.x-panel-header-default-horizontal .x-tool-before-title {
  margin: 0 2px 0 0;
}
.x-panel-header-default-vertical .x-tool-after-title {
  margin: 2px 0 0 0;
}
.x-panel-header-default-vertical .x-tool-before-title {
  margin: 0 0 2px 0;
}
.x-panel-default-resizable .x-panel-handle {
  opacity: 0;
}
.x-panel-default-framed {
  border-color: #99bce8;
  padding: 4px;
}
.x-panel-header-default-framed {
  font-size: 11px;
  border: 1px solid #99bce8;
}
.x-panel-header-default-framed-horizontal {
  padding: 4px 5px;
}
.x-panel-header-default-framed-horizontal-noborder {
  padding: 5px 6px 4px;
}
.x-panel-header-default-framed-vertical {
  padding: 5px 4px;
}
.x-panel-header-default-framed-vertical-noborder {
  padding: 6px 5px 6px 4px;
}
.x-panel-header-text-container-default-framed {
  color: #04408c;
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  padding: 0 2px 1px;
  text-transform: none;
}
.x-panel-body-default-framed {
  background: #dfe9f6;
  border: 0 solid #99bce8;
  color: black;
  font-size: 12px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
}
.x-panel-default-framed {
  border-radius: 4px;
  padding: 4px;
  border: 1px solid;
  background-color: #dfe9f6;
}
.x-panel-default-framed-mc {
  background-color: #dfe9f6;
}
.x-nbr .x-panel-default-framed {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-panel-default-framed-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-4-4-4-4;
}
.x-panel-default-framed-tl {
  background-position: 0 -8px;
}
.x-panel-default-framed-tr {
  background-position: right -12px;
}
.x-panel-default-framed-bl {
  background-position: 0 -16px;
}
.x-panel-default-framed-br {
  background-position: right -20px;
}
.x-panel-default-framed-ml {
  background-position: 0 top;
}
.x-panel-default-framed-mr {
  background-position: right top;
}
.x-panel-default-framed-tc {
  background-position: 0 0;
}
.x-panel-default-framed-bc {
  background-position: 0 -4px;
}
.x-panel-default-framed-tr,
.x-panel-default-framed-br,
.x-panel-default-framed-mr {
  padding-right: 4px;
}
.x-panel-default-framed-tl,
.x-panel-default-framed-bl,
.x-panel-default-framed-ml {
  padding-left: 4px;
}
.x-panel-default-framed-tc {
  height: 4px;
}
.x-panel-default-framed-bc {
  height: 4px;
}
.x-panel-default-framed-tl,
.x-panel-default-framed-bl,
.x-panel-default-framed-tr,
.x-panel-default-framed-br,
.x-panel-default-framed-tc,
.x-panel-default-framed-bc,
.x-panel-default-framed-ml,
.x-panel-default-framed-mr {
  zoom: 1;
}
.x-panel-default-framed-ml,
.x-panel-default-framed-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-panel-default-framed-mc {
  padding: 1px 1px 1px 1px;
}
.x-panel-default-framed:after {
  display: none;
}
.x-panel-header-default-framed-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 4px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-top-mc {
  background-position: 0 top;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-top {
  background-position: 0 top;
}
.x-nbr .x-panel-header-default-framed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-1-0-1-4-5-4-5;
}
.x-panel-header-default-framed-top-tl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-top-tr {
  background-position: right -12px;
}
.x-panel-header-default-framed-top-bl {
  background-position: 0 -16px;
}
.x-panel-header-default-framed-top-br {
  background-position: right -20px;
}
.x-panel-header-default-framed-top-ml {
  background-position: 0 top;
}
.x-panel-header-default-framed-top-mr {
  background-position: right top;
}
.x-panel-header-default-framed-top-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-top-bc {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-top-tr,
.x-panel-header-default-framed-top-br,
.x-panel-header-default-framed-top-mr {
  padding-right: 4px;
}
.x-panel-header-default-framed-top-tl,
.x-panel-header-default-framed-top-bl,
.x-panel-header-default-framed-top-ml {
  padding-left: 4px;
}
.x-panel-header-default-framed-top-tc {
  height: 4px;
}
.x-panel-header-default-framed-top-bc {
  height: 0;
}
.x-panel-header-default-framed-top-tl,
.x-panel-header-default-framed-top-bl,
.x-panel-header-default-framed-top-tr,
.x-panel-header-default-framed-top-br,
.x-panel-header-default-framed-top-tc,
.x-panel-header-default-framed-top-bc,
.x-panel-header-default-framed-top-ml,
.x-panel-header-default-framed-top-mr {
  zoom: 1;
}
.x-panel-header-default-framed-top-ml,
.x-panel-header-default-framed-top-mr {
  zoom: 1;
}
.x-panel-header-default-framed-top-mc {
  padding: 1px 2px 4px 2px;
}
.x-panel-header-default-framed-top:after {
  display: none;
}
.x-panel-header-default-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 4px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-right-mc {
  background-position: right 0;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-right {
  background-position: right 0;
}
.x-nbr .x-panel-header-default-framed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-right-frameInfo {
  font-family: dv-0-4-4-0-1-1-1-0-5-4-5-4;
}
.x-panel-header-default-framed-right-tl {
  background-position: 0 0;
}
.x-panel-header-default-framed-right-tr {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-right-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-right-br {
  background-position: 0 -12px;
}
.x-panel-header-default-framed-right-ml {
  background-position: -4px 0;
}
.x-panel-header-default-framed-right-mr {
  background-position: right 0;
}
.x-panel-header-default-framed-right-tc {
  background-position: right 0;
}
.x-panel-header-default-framed-right-bc {
  background-position: right -4px;
}
.x-panel-header-default-framed-right-tr,
.x-panel-header-default-framed-right-br,
.x-panel-header-default-framed-right-mr {
  padding-right: 4px;
}
.x-panel-header-default-framed-right-tl,
.x-panel-header-default-framed-right-bl,
.x-panel-header-default-framed-right-ml {
  padding-left: 0;
}
.x-panel-header-default-framed-right-tc {
  height: 4px;
}
.x-panel-header-default-framed-right-bc {
  height: 4px;
}
.x-panel-header-default-framed-right-tl,
.x-panel-header-default-framed-right-bl,
.x-panel-header-default-framed-right-tr,
.x-panel-header-default-framed-right-br,
.x-panel-header-default-framed-right-tc,
.x-panel-header-default-framed-right-bc,
.x-panel-header-default-framed-right-ml,
.x-panel-header-default-framed-right-mr {
  zoom: 1;
}
.x-panel-header-default-framed-right-tc,
.x-panel-header-default-framed-right-bc {
  zoom: 1;
  background-repeat: repeat-x;
}
.x-panel-header-default-framed-right-mc {
  padding: 2px 1px 2px 4px;
}
.x-panel-header-default-framed-right:after {
  display: none;
}
.x-panel-header-default-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-bottom-mc {
  background-position: 0 bottom;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-bottom {
  background-position: 0 bottom;
}
.x-nbr .x-panel-header-default-framed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-1-1-1-4-5-4-5;
}
.x-panel-header-default-framed-bottom-tl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-bottom-tr {
  background-position: right -12px;
}
.x-panel-header-default-framed-bottom-bl {
  background-position: 0 -16px;
}
.x-panel-header-default-framed-bottom-br {
  background-position: right -20px;
}
.x-panel-header-default-framed-bottom-ml {
  background-position: 0 bottom;
}
.x-panel-header-default-framed-bottom-mr {
  background-position: right bottom;
}
.x-panel-header-default-framed-bottom-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-bottom-bc {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-bottom-tr,
.x-panel-header-default-framed-bottom-br,
.x-panel-header-default-framed-bottom-mr {
  padding-right: 4px;
}
.x-panel-header-default-framed-bottom-tl,
.x-panel-header-default-framed-bottom-bl,
.x-panel-header-default-framed-bottom-ml {
  padding-left: 4px;
}
.x-panel-header-default-framed-bottom-tc {
  height: 0;
}
.x-panel-header-default-framed-bottom-bc {
  height: 4px;
}
.x-panel-header-default-framed-bottom-tl,
.x-panel-header-default-framed-bottom-bl,
.x-panel-header-default-framed-bottom-tr,
.x-panel-header-default-framed-bottom-br,
.x-panel-header-default-framed-bottom-tc,
.x-panel-header-default-framed-bottom-bc,
.x-panel-header-default-framed-bottom-ml,
.x-panel-header-default-framed-bottom-mr {
  zoom: 1;
}
.x-panel-header-default-framed-bottom-ml,
.x-panel-header-default-framed-bottom-mr {
  zoom: 1;
}
.x-panel-header-default-framed-bottom-mc {
  padding: 4px 2px 1px;
}
.x-panel-header-default-framed-bottom:after {
  display: none;
}
.x-panel-header-default-framed-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-left-mc {
  background-position: left 0;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-left {
  background-position: left 0;
}
.x-nbr .x-panel-header-default-framed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-left-frameInfo {
  font-family: dv-4-0-0-4-1-0-1-1-5-4-5-4;
}
.x-panel-header-default-framed-left-tl {
  background-position: 0 0;
}
.x-panel-header-default-framed-left-tr {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-left-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-left-br {
  background-position: 0 -12px;
}
.x-panel-header-default-framed-left-ml {
  background-position: -4px 0;
}
.x-panel-header-default-framed-left-mr {
  background-position: right 0;
}
.x-panel-header-default-framed-left-tc {
  background-position: left 0;
}
.x-panel-header-default-framed-left-bc {
  background-position: left -4px;
}
.x-panel-header-default-framed-left-tr,
.x-panel-header-default-framed-left-br,
.x-panel-header-default-framed-left-mr {
  padding-right: 0;
}
.x-panel-header-default-framed-left-tl,
.x-panel-header-default-framed-left-bl,
.x-panel-header-default-framed-left-ml {
  padding-left: 4px;
}
.x-panel-header-default-framed-left-tc {
  height: 4px;
}
.x-panel-header-default-framed-left-bc {
  height: 4px;
}
.x-panel-header-default-framed-left-tl,
.x-panel-header-default-framed-left-bl,
.x-panel-header-default-framed-left-tr,
.x-panel-header-default-framed-left-br,
.x-panel-header-default-framed-left-tc,
.x-panel-header-default-framed-left-bc,
.x-panel-header-default-framed-left-ml,
.x-panel-header-default-framed-left-mr {
  zoom: 1;
}
.x-panel-header-default-framed-left-tc,
.x-panel-header-default-framed-left-bc {
  zoom: 1;
  background-repeat: repeat-x;
}
.x-panel-header-default-framed-left-mc {
  padding: 2px 4px 2px 1px;
}
.x-panel-header-default-framed-left:after {
  display: none;
}
.x-panel-header-default-framed-collapsed-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-collapsed-top-mc {
  background-position: 0 top;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-collapsed-top {
  background-position: 0 top;
}
.x-nbr .x-panel-header-default-framed-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5;
}
.x-panel-header-default-framed-collapsed-top-tl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-top-tr {
  background-position: right -12px;
}
.x-panel-header-default-framed-collapsed-top-bl {
  background-position: 0 -16px;
}
.x-panel-header-default-framed-collapsed-top-br {
  background-position: right -20px;
}
.x-panel-header-default-framed-collapsed-top-ml {
  background-position: 0 top;
}
.x-panel-header-default-framed-collapsed-top-mr {
  background-position: right top;
}
.x-panel-header-default-framed-collapsed-top-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-top-bc {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-top-tr,
.x-panel-header-default-framed-collapsed-top-br,
.x-panel-header-default-framed-collapsed-top-mr {
  padding-right: 4px;
}
.x-panel-header-default-framed-collapsed-top-tl,
.x-panel-header-default-framed-collapsed-top-bl,
.x-panel-header-default-framed-collapsed-top-ml {
  padding-left: 4px;
}
.x-panel-header-default-framed-collapsed-top-tc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-top-bc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-top-tl,
.x-panel-header-default-framed-collapsed-top-bl,
.x-panel-header-default-framed-collapsed-top-tr,
.x-panel-header-default-framed-collapsed-top-br,
.x-panel-header-default-framed-collapsed-top-tc,
.x-panel-header-default-framed-collapsed-top-bc,
.x-panel-header-default-framed-collapsed-top-ml,
.x-panel-header-default-framed-collapsed-top-mr {
  zoom: 1;
}
.x-panel-header-default-framed-collapsed-top-ml,
.x-panel-header-default-framed-collapsed-top-mr {
  zoom: 1;
}
.x-panel-header-default-framed-collapsed-top-mc {
  padding: 1px 2px;
}
.x-panel-header-default-framed-collapsed-top:after {
  display: none;
}
.x-panel-header-default-framed-collapsed-right {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-collapsed-right-mc {
  background-position: right 0;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-collapsed-right {
  background-position: right 0;
}
.x-nbr .x-panel-header-default-framed-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-collapsed-right-frameInfo {
  font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4;
}
.x-panel-header-default-framed-collapsed-right-tl {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-right-tr {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-right-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-right-br {
  background-position: 0 -12px;
}
.x-panel-header-default-framed-collapsed-right-ml {
  background-position: -4px 0;
}
.x-panel-header-default-framed-collapsed-right-mr {
  background-position: right 0;
}
.x-panel-header-default-framed-collapsed-right-tc {
  background-position: right 0;
}
.x-panel-header-default-framed-collapsed-right-bc {
  background-position: right -4px;
}
.x-panel-header-default-framed-collapsed-right-tr,
.x-panel-header-default-framed-collapsed-right-br,
.x-panel-header-default-framed-collapsed-right-mr {
  padding-right: 4px;
}
.x-panel-header-default-framed-collapsed-right-tl,
.x-panel-header-default-framed-collapsed-right-bl,
.x-panel-header-default-framed-collapsed-right-ml {
  padding-left: 4px;
}
.x-panel-header-default-framed-collapsed-right-tc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-right-bc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-right-tl,
.x-panel-header-default-framed-collapsed-right-bl,
.x-panel-header-default-framed-collapsed-right-tr,
.x-panel-header-default-framed-collapsed-right-br,
.x-panel-header-default-framed-collapsed-right-tc,
.x-panel-header-default-framed-collapsed-right-bc,
.x-panel-header-default-framed-collapsed-right-ml,
.x-panel-header-default-framed-collapsed-right-mr {
  zoom: 1;
}
.x-panel-header-default-framed-collapsed-right-tc,
.x-panel-header-default-framed-collapsed-right-bc {
  zoom: 1;
  background-repeat: repeat-x;
}
.x-panel-header-default-framed-collapsed-right-mc {
  padding: 2px 1px 2px 1px;
}
.x-panel-header-default-framed-collapsed-right:after {
  display: none;
}
.x-panel-header-default-framed-collapsed-bottom {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-collapsed-bottom-mc {
  background-position: 0 bottom;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-collapsed-bottom {
  background-position: 0 bottom;
}
.x-nbr .x-panel-header-default-framed-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5;
}
.x-panel-header-default-framed-collapsed-bottom-tl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-bottom-tr {
  background-position: right -12px;
}
.x-panel-header-default-framed-collapsed-bottom-bl {
  background-position: 0 -16px;
}
.x-panel-header-default-framed-collapsed-bottom-br {
  background-position: right -20px;
}
.x-panel-header-default-framed-collapsed-bottom-ml {
  background-position: 0 bottom;
}
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-position: right bottom;
}
.x-panel-header-default-framed-collapsed-bottom-tc {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-bottom-bc {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-bottom-tr,
.x-panel-header-default-framed-collapsed-bottom-br,
.x-panel-header-default-framed-collapsed-bottom-mr {
  padding-right: 4px;
}
.x-panel-header-default-framed-collapsed-bottom-tl,
.x-panel-header-default-framed-collapsed-bottom-bl,
.x-panel-header-default-framed-collapsed-bottom-ml {
  padding-left: 4px;
}
.x-panel-header-default-framed-collapsed-bottom-tc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-bottom-bc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-bottom-tl,
.x-panel-header-default-framed-collapsed-bottom-bl,
.x-panel-header-default-framed-collapsed-bottom-tr,
.x-panel-header-default-framed-collapsed-bottom-br,
.x-panel-header-default-framed-collapsed-bottom-tc,
.x-panel-header-default-framed-collapsed-bottom-bc,
.x-panel-header-default-framed-collapsed-bottom-ml,
.x-panel-header-default-framed-collapsed-bottom-mr {
  zoom: 1;
}
.x-panel-header-default-framed-collapsed-bottom-ml,
.x-panel-header-default-framed-collapsed-bottom-mr {
  zoom: 1;
}
.x-panel-header-default-framed-collapsed-bottom-mc {
  padding: 1px 2px 1px 2px;
}
.x-panel-header-default-framed-collapsed-bottom:after {
  display: none;
}
.x-panel-header-default-framed-collapsed-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -ms-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}
.x-panel-header-default-framed-collapsed-left-mc {
  background-position: left 0;
  background-color: #cbddf3;
}
.x-nlg .x-panel-header-default-framed-collapsed-left {
  background-position: left 0;
}
.x-nbr .x-panel-header-default-framed-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-panel-header-default-framed-collapsed-left-frameInfo {
  font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4;
}
.x-panel-header-default-framed-collapsed-left-tl {
  background-position: 0 0;
}
.x-panel-header-default-framed-collapsed-left-tr {
  background-position: 0 -4px;
}
.x-panel-header-default-framed-collapsed-left-bl {
  background-position: 0 -8px;
}
.x-panel-header-default-framed-collapsed-left-br {
  background-position: 0 -12px;
}
.x-panel-header-default-framed-collapsed-left-ml {
  background-position: -4px 0;
}
.x-panel-header-default-framed-collapsed-left-mr {
  background-position: right 0;
}
.x-panel-header-default-framed-collapsed-left-tc {
  background-position: left 0;
}
.x-panel-header-default-framed-collapsed-left-bc {
  background-position: left -4px;
}
.x-panel-header-default-framed-collapsed-left-tr,
.x-panel-header-default-framed-collapsed-left-br,
.x-panel-header-default-framed-collapsed-left-mr {
  padding-right: 4px;
}
.x-panel-header-default-framed-collapsed-left-tl,
.x-panel-header-default-framed-collapsed-left-bl,
.x-panel-header-default-framed-collapsed-left-ml {
  padding-left: 4px;
}
.x-panel-header-default-framed-collapsed-left-tc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-left-bc {
  height: 4px;
}
.x-panel-header-default-framed-collapsed-left-tl,
.x-panel-header-default-framed-collapsed-left-bl,
.x-panel-header-default-framed-collapsed-left-tr,
.x-panel-header-default-framed-collapsed-left-br,
.x-panel-header-default-framed-collapsed-left-tc,
.x-panel-header-default-framed-collapsed-left-bc,
.x-panel-header-default-framed-collapsed-left-ml,
.x-panel-header-default-framed-collapsed-left-mr {
  zoom: 1;
}
.x-panel-header-default-framed-collapsed-left-tc,
.x-panel-header-default-framed-collapsed-left-bc {
  zoom: 1;
  background-repeat: repeat-x;
}
.x-panel-header-default-framed-collapsed-left-mc {
  padding: 2px 1px 2px 1px;
}
.x-panel-header-default-framed-collapsed-left:after {
  display: none;
}
.x-panel .x-panel-header-default-framed-top {
  border-bottom-width: 1px !important;
}
.x-panel .x-panel-header-default-framed-right {
  border-left-width: 1px !important;
}
.x-panel .x-panel-header-default-framed-bottom {
  border-top-width: 1px !important;
}
.x-panel .x-panel-header-default-framed-left {
  border-right-width: 1px !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-top {
  border-bottom-width: 0 !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-right {
  border-left-width: 0 !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-bottom {
  border-top-width: 0 !important;
}
.x-nbr .x-panel-header-default-framed-collapsed-left {
  border-right-width: 0 !important;
}
.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
.x-ie9m .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  background-color: #cbddf3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#cbddf3);
}
.x-panel-header-default-framed-top {
  -webkit-box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
  -moz-box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
  box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
}
.x-panel-header-default-framed-right {
  -webkit-box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb 0 -1px 0 0 inset, #f3f7fb -1px 0 0 inset;
  -moz-box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb 0 -1px 0 0 inset, #f3f7fb -1px 0 0 inset;
  box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb 0 -1px 0 0 inset, #f3f7fb -1px 0 0 inset;
}
.x-panel-header-default-framed-bottom {
  -webkit-box-shadow: #f3f7fb 0 -1px 0 0 inset, #f3f7fb -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
  -moz-box-shadow: #f3f7fb 0 -1px 0 0 inset, #f3f7fb -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
  box-shadow: #f3f7fb 0 -1px 0 0 inset, #f3f7fb -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
}
.x-panel-header-default-framed-left {
  -webkit-box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb 0 -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
  -moz-box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb 0 -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
  box-shadow: #f3f7fb 0 1px 0 0 inset, #f3f7fb 0 -1px 0 0 inset, #f3f7fb 1px 0 0 inset;
}
.x-panel-header-default-framed .x-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
.x-panel-header-default-framed .x-panel-header-glyph {
  color: #04408c;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
.x-ie8m .x-panel-header-default-framed .x-panel-header-glyph {
  color: #678ebf;
}
.x-panel-header-default-framed-horizontal .x-panel-header-icon-before-title {
  margin: 0 2px 0 0;
}
.x-panel-header-default-framed-horizontal .x-panel-header-icon-after-title {
  margin: 0 0 0 2px;
}
.x-panel-header-default-framed-vertical .x-panel-header-icon-before-title {
  margin: 0 0 2px 0;
}
.x-panel-header-default-framed-vertical .x-panel-header-icon-after-title {
  margin: 2px 0 0 0;
}
.x-panel-header-default-framed-horizontal .x-tool-after-title {
  margin: 0 0 0 2px;
}
.x-panel-header-default-framed-horizontal .x-tool-before-title {
  margin: 0 2px 0 0;
}
.x-panel-header-default-framed-vertical .x-tool-after-title {
  margin: 2px 0 0 0;
}
.x-panel-header-default-framed-vertical .x-tool-before-title {
  margin: 0 0 2px 0;
}
.x-panel-default-framed-resizable .x-panel-handle {
  opacity: 0;
}
.x-tip-anchor {
  position: absolute;
  overflow: hidden;
  height: 10px;
  width: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #8eaace;
  zoom: 1;
}
.x-content-box .x-tip-anchor {
  height: 0;
  width: 0;
}
.x-tip-anchor-top {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}
.x-tip-anchor-bottom {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}
.x-tip-anchor-left {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _filter: chroma(color=pink);
}
.x-tip-anchor-right {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}
.x-tip-default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #e9f2ff;
}
.x-tip-default-mc {
  background-color: #e9f2ff;
}
.x-nbr .x-tip-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-tip-default-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2;
}
.x-tip-default-tl {
  background-position: 0 -6px;
}
.x-tip-default-tr {
  background-position: right -9px;
}
.x-tip-default-bl {
  background-position: 0 -12px;
}
.x-tip-default-br {
  background-position: right -15px;
}
.x-tip-default-ml {
  background-position: 0 top;
}
.x-tip-default-mr {
  background-position: right top;
}
.x-tip-default-tc {
  background-position: 0 0;
}
.x-tip-default-bc {
  background-position: 0 -3px;
}
.x-tip-default-tr,
.x-tip-default-br,
.x-tip-default-mr {
  padding-right: 3px;
}
.x-tip-default-tl,
.x-tip-default-bl,
.x-tip-default-ml {
  padding-left: 3px;
}
.x-tip-default-tc {
  height: 3px;
}
.x-tip-default-bc {
  height: 3px;
}
.x-tip-default-tl,
.x-tip-default-bl,
.x-tip-default-tr,
.x-tip-default-br,
.x-tip-default-tc,
.x-tip-default-bc,
.x-tip-default-ml,
.x-tip-default-mr {
  zoom: 1;
}
.x-tip-default-ml,
.x-tip-default-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-tip-default-mc {
  padding: 0;
}
.x-tip-default:after {
  display: none;
}
.x-tip-default {
  border-color: #8eaace;
}
.x-tip-default .x-tool-img {
  background-color: #e9f2ff;
}
.x-tip-header-default .x-tool-after-title {
  margin: 0 0 0 6px;
}
.x-tip-header-default .x-tool-before-title {
  margin: 0 6px 0 0;
}
.x-tip-header-body-default {
  padding: 3px 3px 0 3px;
}
.x-tip-header-text-container-default {
  color: #444444;
  font-size: 11px;
  font-weight: bold;
}
.x-tip-body-default {
  padding: 3px;
  color: #444444;
  font-size: 11px;
  font-weight: normal;
}
.x-tip-body-default a {
  color: #2a2a2a;
}
.x-tip-form-invalid {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
}
.x-tip-form-invalid-mc {
  background-color: #ffffff;
}
.x-nbr .x-tip-form-invalid {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-tip-form-invalid-frameInfo {
  font-family: th-5-5-5-5-1-1-1-1-4-4-4-4;
}
.x-tip-form-invalid-tl {
  background-position: 0 -10px;
}
.x-tip-form-invalid-tr {
  background-position: right -15px;
}
.x-tip-form-invalid-bl {
  background-position: 0 -20px;
}
.x-tip-form-invalid-br {
  background-position: right -25px;
}
.x-tip-form-invalid-ml {
  background-position: 0 top;
}
.x-tip-form-invalid-mr {
  background-position: right top;
}
.x-tip-form-invalid-tc {
  background-position: 0 0;
}
.x-tip-form-invalid-bc {
  background-position: 0 -5px;
}
.x-tip-form-invalid-tr,
.x-tip-form-invalid-br,
.x-tip-form-invalid-mr {
  padding-right: 5px;
}
.x-tip-form-invalid-tl,
.x-tip-form-invalid-bl,
.x-tip-form-invalid-ml {
  padding-left: 5px;
}
.x-tip-form-invalid-tc {
  height: 5px;
}
.x-tip-form-invalid-bc {
  height: 5px;
}
.x-tip-form-invalid-tl,
.x-tip-form-invalid-bl,
.x-tip-form-invalid-tr,
.x-tip-form-invalid-br,
.x-tip-form-invalid-tc,
.x-tip-form-invalid-bc,
.x-tip-form-invalid-ml,
.x-tip-form-invalid-mr {
  zoom: 1;
}
.x-tip-form-invalid-ml,
.x-tip-form-invalid-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-tip-form-invalid-mc {
  padding: 0;
}
.x-tip-form-invalid:after {
  display: none;
}
.x-tip-form-invalid {
  border-color: #a1311f;
  -webkit-box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, #d87166 -1px 0 0 inset, #d87166 1px 0 0 inset;
  -moz-box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, #d87166 -1px 0 0 inset, #d87166 1px 0 0 inset;
  box-shadow: #d87166 0 1px 0 0 inset, #d87166 0 -1px 0 0 inset, #d87166 -1px 0 0 inset, #d87166 1px 0 0 inset;
}
.x-tip-form-invalid .x-tool-img {
  background-color: #ffffff;
}
.x-tip-header-form-invalid .x-tool-after-title {
  margin: 0 0 0 6px;
}
.x-tip-header-form-invalid .x-tool-before-title {
  margin: 0 6px 0 0;
}
.x-tip-header-body-form-invalid {
  padding: 3px 3px 0 3px;
}
.x-tip-header-text-container-form-invalid {
  color: #444444;
  font-size: 11px;
  font-weight: bold;
}
.x-tip-body-form-invalid {
  padding: 3px 3px 3px 22px;
  color: #444444;
  font-size: 11px;
  font-weight: normal;
}
.x-tip-body-form-invalid a {
  color: #2a2a2a;
}
.x-tip-body-form-invalid {
  background: 1px 1px no-repeat;
}
.x-tip-body-form-invalid li {
  margin-bottom: 4px;
}
.x-tip-body-form-invalid li.last {
  margin-bottom: 0;
}
.x-mask {
  opacity: 0.5;
  background: #e8ebeb;
  cursor: default;
}
.x-mask-msg {
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #99bce8;
  background: #dfe9f6;
}
.x-mask-msg-inner {
  padding: 0 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #a3bad9;
  background-color: #eee;
  color: #222;
  font: normal 11px tahoma, arial, verdana, sans-serif;
}
.x-mask-msg-text {
  padding: 5px 5px 5px 20px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.x-editor .x-form-item-body {
  padding-bottom: 0;
}
.x-focus-element {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0;
}
.x-focus-frame {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100000000;
  width: 0;
  height: 0;
}
.x-focus-frame-top,
.x-focus-frame-bottom,
.x-focus-frame-left,
.x-focus-frame-right {
  position: absolute;
  top: 0;
  left: 0;
}
.x-focus-frame-top,
.x-focus-frame-bottom {
  border-top: solid 2px #15428b;
  height: 2px;
}
.x-focus-frame-left,
.x-focus-frame-right {
  border-left: solid 2px #15428b;
  width: 2px;
}
.x-progress-default {
  background-color: #e0e8f3;
  border-width: 1px;
  height: 20px;
  border-color: #6594cf;
}
.x-content-box .x-progress-default {
  height: 18px;
}
.x-progress-default .x-progress-bar-default {
  background-image: none;
  background-color: #73a3e0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b2ccee), color-stop(50%, #88b1e5), color-stop(51%, #73a3e0), color-stop(100%, #5e96db));
  background-image: -webkit-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
  background-image: -moz-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
  background-image: -o-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
  background-image: -ms-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
  background-image: linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
}
.x-nlg .x-progress-default .x-progress-bar-default {
  background: repeat-x;
}
.x-progress-default .x-progress-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  font-family: tahoma, arial, verdana, sans-serif;
  text-align: center;
  line-height: 18px;
}
.x-progress-default .x-progress-text-back {
  color: #396295;
  line-height: 18px;
}
.x-progress-bar-default:after {
  display: none;
}
.x-btn-group-default {
  border-color: #b7c8d7;
  -webkit-box-shadow: #e3ebf5 0 1px 0 0 inset, #e3ebf5 0 -1px 0 0 inset, #e3ebf5 -1px 0 0 inset, #e3ebf5 1px 0 0 inset;
  -moz-box-shadow: #e3ebf5 0 1px 0 0 inset, #e3ebf5 0 -1px 0 0 inset, #e3ebf5 -1px 0 0 inset, #e3ebf5 1px 0 0 inset;
  box-shadow: #e3ebf5 0 1px 0 0 inset, #e3ebf5 0 -1px 0 0 inset, #e3ebf5 -1px 0 0 inset, #e3ebf5 1px 0 0 inset;
}
.x-btn-group-header-default {
  margin: 2px 2px 0 2px;
  padding: 1px 0;
  line-height: 15px;
  background: #c2d8f0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.x-btn-group-header-default .x-tool-img {
  background-color: #c2d8f0;
}
.x-btn-group-header-text-container-default {
  font: normal 11px tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  color: #3e6aaa;
}
.x-btn-group-body-default {
  padding: 0 1px;
}
.x-btn-group-body-default .x-table-layout {
  border-spacing: 0;
}
.x-btn-group-default-framed {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 1px 1px 1px;
  border-width: 1px;
  border-style: solid;
  background-color: #d0def0;
}
.x-btn-group-default-framed-mc {
  background-color: #d0def0;
}
.x-nbr .x-btn-group-default-framed {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-btn-group-default-framed-frameInfo {
  font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1;
}
.x-btn-group-default-framed-tl {
  background-position: 0 -4px;
}
.x-btn-group-default-framed-tr {
  background-position: right -6px;
}
.x-btn-group-default-framed-bl {
  background-position: 0 -8px;
}
.x-btn-group-default-framed-br {
  background-position: right -10px;
}
.x-btn-group-default-framed-ml {
  background-position: 0 top;
}
.x-btn-group-default-framed-mr {
  background-position: right top;
}
.x-btn-group-default-framed-tc {
  background-position: 0 0;
}
.x-btn-group-default-framed-bc {
  background-position: 0 -2px;
}
.x-btn-group-default-framed-tr,
.x-btn-group-default-framed-br,
.x-btn-group-default-framed-mr {
  padding-right: 2px;
}
.x-btn-group-default-framed-tl,
.x-btn-group-default-framed-bl,
.x-btn-group-default-framed-ml {
  padding-left: 2px;
}
.x-btn-group-default-framed-tc {
  height: 2px;
}
.x-btn-group-default-framed-bc {
  height: 2px;
}
.x-btn-group-default-framed-tl,
.x-btn-group-default-framed-bl,
.x-btn-group-default-framed-tr,
.x-btn-group-default-framed-br,
.x-btn-group-default-framed-tc,
.x-btn-group-default-framed-bc,
.x-btn-group-default-framed-ml,
.x-btn-group-default-framed-mr {
  zoom: 1;
}
.x-btn-group-default-framed-ml,
.x-btn-group-default-framed-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-btn-group-default-framed-mc {
  padding: 0;
}
.x-btn-group-default-framed:after {
  display: none;
}
.x-btn-group-default-framed-notitle {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 1px 1px 1px;
  border-width: 1px;
  border-style: solid;
  background-color: #d0def0;
}
.x-btn-group-default-framed-notitle-mc {
  background-color: #d0def0;
}
.x-nbr .x-btn-group-default-framed-notitle {
  padding: 0 !important;
  border-width: 0 !important;
  border-radius: 0;
  background-color: transparent;
}
.x-btn-group-default-framed-notitle-frameInfo {
  font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1;
}
.x-btn-group-default-framed-notitle-tl {
  background-position: 0 -4px;
}
.x-btn-group-default-framed-notitle-tr {
  background-position: right -6px;
}
.x-btn-group-default-framed-notitle-bl {
  background-position: 0 -8px;
}
.x-btn-group-default-framed-notitle-br {
  background-position: right -10px;
}
.x-btn-group-default-framed-notitle-ml {
  background-position: 0 top;
}
.x-btn-group-default-framed-notitle-mr {
  background-position: right top;
}
.x-btn-group-default-framed-notitle-tc {
  background-position: 0 0;
}
.x-btn-group-default-framed-notitle-bc {
  background-position: 0 -2px;
}
.x-btn-group-default-framed-notitle-tr,
.x-btn-group-default-framed-notitle-br,
.x-btn-group-default-framed-notitle-mr {
  padding-right: 2px;
}
.x-btn-group-default-framed-notitle-tl,
.x-btn-group-default-framed-notitle-bl,
.x-btn-group-default-framed-notitle-ml {
  padding-left: 2px;
}
.x-btn-group-default-framed-notitle-tc {
  height: 2px;
}
.x-btn-group-default-framed-notitle-bc {
  height: 2px;
}
.x-btn-group-default-framed-notitle-tl,
.x-btn-group-default-framed-notitle-bl,
.x-btn-group-default-framed-notitle-tr,
.x-btn-group-default-framed-notitle-br,
.x-btn-group-default-framed-notitle-tc,
.x-btn-group-default-framed-notitle-bc,
.x-btn-group-default-framed-notitle-ml,
.x-btn-group-default-framed-notitle-mr {
  zoom: 1;
}
.x-btn-group-default-framed-notitle-ml,
.x-btn-group-default-framed-notitle-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-btn-group-default-framed-notitle-mc {
  padding: 0;
}
.x-btn-group-default-framed-notitle:after {
  display: none;
}
.x-btn-group-default-framed {
  border-color: #b7c8d7;
  -webkit-box-shadow: #e3ebf5 0 1px 0 0 inset, #e3ebf5 0 -1px 0 0 inset, #e3ebf5 -1px 0 0 inset, #e3ebf5 1px 0 0 inset;
  -moz-box-shadow: #e3ebf5 0 1px 0 0 inset, #e3ebf5 0 -1px 0 0 inset, #e3ebf5 -1px 0 0 inset, #e3ebf5 1px 0 0 inset;
  box-shadow: #e3ebf5 0 1px 0 0 inset, #e3ebf5 0 -1px 0 0 inset, #e3ebf5 -1px 0 0 inset, #e3ebf5 1px 0 0 inset;
}
.x-btn-group-header-default-framed {
  margin: 2px 2px 0 2px;
  padding: 1px 0;
  line-height: 15px;
  background: #c2d8f0;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
.x-btn-group-header-default-framed .x-tool-img {
  background-color: #c2d8f0;
}
.x-btn-group-header-text-container-default-framed {
  font: normal 11px tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  color: #3e6aaa;
}
.x-btn-group-body-default-framed {
  padding: 0 1px 0 1px;
}
.x-btn-group-body-default-framed .x-table-layout {
  border-spacing: 0;
}
.x-window-ghost {
  opacity: 0.65;
}
.x-window-default {
  border-width: 1px;
  border-style: solid;
}
.x-window-default-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-default-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4;
}
.x-window-default-tl {
  background-position: 0 -10px;
}
.x-window-default-tr {
  background-position: right -15px;
}
.x-window-default-bl {
  background-position: 0 -20px;
}
.x-window-default-br {
  background-position: right -25px;
}
.x-window-default-ml {
  background-position: 0 top;
}
.x-window-default-mr {
  background-position: right top;
}
.x-window-default-tc {
  background-position: 0 0;
}
.x-window-default-bc {
  background-position: 0 -5px;
}
.x-window-default-tr,
.x-window-default-br,
.x-window-default-mr {
  padding-right: 5px;
}
.x-window-default-tl,
.x-window-default-bl,
.x-window-default-ml {
  padding-left: 5px;
}
.x-window-default-tc {
  height: 5px;
}
.x-window-default-bc {
  height: 5px;
}
.x-window-default-tl,
.x-window-default-bl,
.x-window-default-tr,
.x-window-default-br,
.x-window-default-tc,
.x-window-default-bc,
.x-window-default-ml,
.x-window-default-mr {
  zoom: 1;
}
.x-window-default-ml,
.x-window-default-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-default-mc {
  padding: 0;
}
.x-window-default:after {
  display: none;
}
.x-window-body-default {
  border-color: #99bbe8;
  border-width: 1px;
  border-style: solid;
  background: #dfe8f6;
}
.x-window-header-default {
  font-size: 11px;
  border-color: #a2b1c5;
  zoom: 1;
  background-color: #ced9e7;
}
.x-window-header-default .x-tool-img {
  background-color: #ced9e7;
}
.x-window-header-default-vertical .x-window-header-text-container {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
.x-ie9m .x-window-header-default-vertical .x-window-header-text-container {
  background-color: #ced9e7;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#ced9e7);
}
.x-window-header-text-container-default {
  color: #04468c;
  font-weight: bold;
  line-height: 15px;
  font-family: tahoma, arial, verdana, sans-serif;
  font-size: 11px;
  padding: 0 2px 1px;
  text-transform: none;
}
.x-window-header-default-top {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #ced9e7;
}
.x-window-header-default-top-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5;
}
.x-window-header-default-top-tl {
  background-position: 0 -10px;
}
.x-window-header-default-top-tr {
  background-position: right -15px;
}
.x-window-header-default-top-bl {
  background-position: 0 -20px;
}
.x-window-header-default-top-br {
  background-position: right -25px;
}
.x-window-header-default-top-ml {
  background-position: 0 top;
}
.x-window-header-default-top-mr {
  background-position: right top;
}
.x-window-header-default-top-tc {
  background-position: 0 0;
}
.x-window-header-default-top-bc {
  background-position: 0 -5px;
}
.x-window-header-default-top-tr,
.x-window-header-default-top-br,
.x-window-header-default-top-mr {
  padding-right: 5px;
}
.x-window-header-default-top-tl,
.x-window-header-default-top-bl,
.x-window-header-default-top-ml {
  padding-left: 5px;
}
.x-window-header-default-top-tc {
  height: 5px;
}
.x-window-header-default-top-bc {
  height: 0;
}
.x-window-header-default-top-tl,
.x-window-header-default-top-bl,
.x-window-header-default-top-tr,
.x-window-header-default-top-br,
.x-window-header-default-top-tc,
.x-window-header-default-top-bc,
.x-window-header-default-top-ml,
.x-window-header-default-top-mr {
  zoom: 1;
}
.x-window-header-default-top-ml,
.x-window-header-default-top-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-top-mc {
  padding: 0 1px;
}
.x-window-header-default-top:after {
  display: none;
}
.x-window-header-default-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #ced9e7;
}
.x-window-header-default-right-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0;
}
.x-window-header-default-right-tl {
  background-position: 0 -10px;
}
.x-window-header-default-right-tr {
  background-position: right -15px;
}
.x-window-header-default-right-bl {
  background-position: 0 -20px;
}
.x-window-header-default-right-br {
  background-position: right -25px;
}
.x-window-header-default-right-ml {
  background-position: 0 top;
}
.x-window-header-default-right-mr {
  background-position: right top;
}
.x-window-header-default-right-tc {
  background-position: 0 0;
}
.x-window-header-default-right-bc {
  background-position: 0 -5px;
}
.x-window-header-default-right-tr,
.x-window-header-default-right-br,
.x-window-header-default-right-mr {
  padding-right: 5px;
}
.x-window-header-default-right-tl,
.x-window-header-default-right-bl,
.x-window-header-default-right-ml {
  padding-left: 0;
}
.x-window-header-default-right-tc {
  height: 5px;
}
.x-window-header-default-right-bc {
  height: 5px;
}
.x-window-header-default-right-tl,
.x-window-header-default-right-bl,
.x-window-header-default-right-tr,
.x-window-header-default-right-br,
.x-window-header-default-right-tc,
.x-window-header-default-right-bc,
.x-window-header-default-right-ml,
.x-window-header-default-right-mr {
  zoom: 1;
}
.x-window-header-default-right-ml,
.x-window-header-default-right-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-right-mc {
  padding: 1px 0;
}
.x-window-header-default-right:after {
  display: none;
}
.x-window-header-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #ced9e7;
}
.x-window-header-default-bottom-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5;
}
.x-window-header-default-bottom-tl {
  background-position: 0 -10px;
}
.x-window-header-default-bottom-tr {
  background-position: right -15px;
}
.x-window-header-default-bottom-bl {
  background-position: 0 -20px;
}
.x-window-header-default-bottom-br {
  background-position: right -25px;
}
.x-window-header-default-bottom-ml {
  background-position: 0 top;
}
.x-window-header-default-bottom-mr {
  background-position: right top;
}
.x-window-header-default-bottom-tc {
  background-position: 0 0;
}
.x-window-header-default-bottom-bc {
  background-position: 0 -5px;
}
.x-window-header-default-bottom-tr,
.x-window-header-default-bottom-br,
.x-window-header-default-bottom-mr {
  padding-right: 5px;
}
.x-window-header-default-bottom-tl,
.x-window-header-default-bottom-bl,
.x-window-header-default-bottom-ml {
  padding-left: 5px;
}
.x-window-header-default-bottom-tc {
  height: 0;
}
.x-window-header-default-bottom-bc {
  height: 5px;
}
.x-window-header-default-bottom-tl,
.x-window-header-default-bottom-bl,
.x-window-header-default-bottom-tr,
.x-window-header-default-bottom-br,
.x-window-header-default-bottom-tc,
.x-window-header-default-bottom-bc,
.x-window-header-default-bottom-ml,
.x-window-header-default-bottom-mr {
  zoom: 1;
}
.x-window-header-default-bottom-ml,
.x-window-header-default-bottom-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-bottom-mc {
  padding: 0 1px;
}
.x-window-header-default-bottom:after {
  display: none;
}
.x-window-header-default-left {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px 0 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #ced9e7;
}
.x-window-header-default-left-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4;
}
.x-window-header-default-left-tl {
  background-position: 0 -10px;
}
.x-window-header-default-left-tr {
  background-position: right -15px;
}
.x-window-header-default-left-bl {
  background-position: 0 -20px;
}
.x-window-header-default-left-br {
  background-position: right -25px;
}
.x-window-header-default-left-ml {
  background-position: 0 top;
}
.x-window-header-default-left-mr {
  background-position: right top;
}
.x-window-header-default-left-tc {
  background-position: 0 0;
}
.x-window-header-default-left-bc {
  background-position: 0 -5px;
}
.x-window-header-default-left-tr,
.x-window-header-default-left-br,
.x-window-header-default-left-mr {
  padding-right: 0;
}
.x-window-header-default-left-tl,
.x-window-header-default-left-bl,
.x-window-header-default-left-ml {
  padding-left: 5px;
}
.x-window-header-default-left-tc {
  height: 5px;
}
.x-window-header-default-left-bc {
  height: 5px;
}
.x-window-header-default-left-tl,
.x-window-header-default-left-bl,
.x-window-header-default-left-tr,
.x-window-header-default-left-br,
.x-window-header-default-left-tc,
.x-window-header-default-left-bc,
.x-window-header-default-left-ml,
.x-window-header-default-left-mr {
  zoom: 1;
}
.x-window-header-default-left-ml,
.x-window-header-default-left-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-left-mc {
  padding: 1px 0;
}
.x-window-header-default-left:after {
  display: none;
}
.x-window-header-default-collapsed-top {
  border-radius: 5px;
  padding: 4px 5px;
  border: 1px solid #ced9e7;
}
.x-window-header-default-collapsed-top-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5;
}
.x-window-header-default-collapsed-top-tl {
  background-position: 0 -10px;
}
.x-window-header-default-collapsed-top-tr {
  background-position: right -15px;
}
.x-window-header-default-collapsed-top-bl {
  background-position: 0 -20px;
}
.x-window-header-default-collapsed-top-br {
  background-position: right -25px;
}
.x-window-header-default-collapsed-top-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-top-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-top-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-top-bc {
  background-position: 0 -5px;
}
.x-window-header-default-collapsed-top-tr,
.x-window-header-default-collapsed-top-br,
.x-window-header-default-collapsed-top-mr {
  padding-right: 5px;
}
.x-window-header-default-collapsed-top-tl,
.x-window-header-default-collapsed-top-bl,
.x-window-header-default-collapsed-top-ml {
  padding-left: 5px;
}
.x-window-header-default-collapsed-top-tc {
  height: 5px;
}
.x-window-header-default-collapsed-top-bc {
  height: 5px;
}
.x-window-header-default-collapsed-top-tl,
.x-window-header-default-collapsed-top-bl,
.x-window-header-default-collapsed-top-tr,
.x-window-header-default-collapsed-top-br,
.x-window-header-default-collapsed-top-tc,
.x-window-header-default-collapsed-top-bc,
.x-window-header-default-collapsed-top-ml,
.x-window-header-default-collapsed-top-mr {
  zoom: 1;
}
.x-window-header-default-collapsed-top-ml,
.x-window-header-default-collapsed-top-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-top-mc {
  padding: 0 1px;
}
.x-window-header-default-collapsed-top:after {
  display: none;
}
.x-window-header-default-collapsed-right {
  border-radius: 5px;
  padding: 5px 4px;
  border-width: 1px solid #ced9e7;
}
.x-window-header-default-collapsed-right-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4;
}
.x-window-header-default-collapsed-right-tl {
  background-position: 0 -10px;
}
.x-window-header-default-collapsed-right-tr {
  background-position: right -15px;
}
.x-window-header-default-collapsed-right-bl {
  background-position: 0 -20px;
}
.x-window-header-default-collapsed-right-br {
  background-position: right -25px;
}
.x-window-header-default-collapsed-right-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-right-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-right-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-right-bc {
  background-position: 0 -5px;
}
.x-window-header-default-collapsed-right-tr,
.x-window-header-default-collapsed-right-br,
.x-window-header-default-collapsed-right-mr {
  padding-right: 5px;
}
.x-window-header-default-collapsed-right-tl,
.x-window-header-default-collapsed-right-bl,
.x-window-header-default-collapsed-right-ml {
  padding-left: 5px;
}
.x-window-header-default-collapsed-right-tc {
  height: 5px;
}
.x-window-header-default-collapsed-right-bc {
  height: 5px;
}
.x-window-header-default-collapsed-right-tl,
.x-window-header-default-collapsed-right-bl,
.x-window-header-default-collapsed-right-tr,
.x-window-header-default-collapsed-right-br,
.x-window-header-default-collapsed-right-tc,
.x-window-header-default-collapsed-right-bc,
.x-window-header-default-collapsed-right-ml,
.x-window-header-default-collapsed-right-mr {
  zoom: 1;
}
.x-window-header-default-collapsed-right-ml,
.x-window-header-default-collapsed-right-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-right-mc {
  padding: 1px 0;
}
.x-window-header-default-collapsed-right:after {
  display: none;
}
.x-window-header-default-collapsed-bottom {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ced9e7;
}
.x-window-header-default-collapsed-bottom-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5;
}
.x-window-header-default-collapsed-bottom-tl {
  background-position: 0 -10px;
}
.x-window-header-default-collapsed-bottom-tr {
  background-position: right -15px;
}
.x-window-header-default-collapsed-bottom-bl {
  background-position: 0 -20px;
}
.x-window-header-default-collapsed-bottom-br {
  background-position: right -25px;
}
.x-window-header-default-collapsed-bottom-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-bottom-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-bottom-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-bottom-bc {
  background-position: 0 -5px;
}
.x-window-header-default-collapsed-bottom-tr,
.x-window-header-default-collapsed-bottom-br,
.x-window-header-default-collapsed-bottom-mr {
  padding-right: 5px;
}
.x-window-header-default-collapsed-bottom-tl,
.x-window-header-default-collapsed-bottom-bl,
.x-window-header-default-collapsed-bottom-ml {
  padding-left: 5px;
}
.x-window-header-default-collapsed-bottom-tc {
  height: 5px;
}
.x-window-header-default-collapsed-bottom-bc {
  height: 5px;
}
.x-window-header-default-collapsed-bottom-tl,
.x-window-header-default-collapsed-bottom-bl,
.x-window-header-default-collapsed-bottom-tr,
.x-window-header-default-collapsed-bottom-br,
.x-window-header-default-collapsed-bottom-tc,
.x-window-header-default-collapsed-bottom-bc,
.x-window-header-default-collapsed-bottom-ml,
.x-window-header-default-collapsed-bottom-mr {
  zoom: 1;
}
.x-window-header-default-collapsed-bottom-ml,
.x-window-header-default-collapsed-bottom-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-bottom-mc {
  padding: 0 1px;
}
.x-window-header-default-collapsed-bottom:after {
  display: none;
}
.x-window-header-default-collapsed-left {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ced9e7;
}
.x-window-header-default-collapsed-left-mc {
  background-color: #ced9e7;
}
.x-nbr .x-window-header-default-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-window-header-default-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4;
}
.x-window-header-default-collapsed-left-tl {
  background-position: 0 -10px;
}
.x-window-header-default-collapsed-left-tr {
  background-position: right -15px;
}
.x-window-header-default-collapsed-left-bl {
  background-position: 0 -20px;
}
.x-window-header-default-collapsed-left-br {
  background-position: right -25px;
}
.x-window-header-default-collapsed-left-ml {
  background-position: 0 top;
}
.x-window-header-default-collapsed-left-mr {
  background-position: right top;
}
.x-window-header-default-collapsed-left-tc {
  background-position: 0 0;
}
.x-window-header-default-collapsed-left-bc {
  background-position: 0 -5px;
}
.x-window-header-default-collapsed-left-tr,
.x-window-header-default-collapsed-left-br,
.x-window-header-default-collapsed-left-mr {
  padding-right: 5px;
}
.x-window-header-default-collapsed-left-tl,
.x-window-header-default-collapsed-left-bl,
.x-window-header-default-collapsed-left-ml {
  padding-left: 5px;
}
.x-window-header-default-collapsed-left-tc {
  height: 5px;
}
.x-window-header-default-collapsed-left-bc {
  height: 5px;
}
.x-window-header-default-collapsed-left-tl,
.x-window-header-default-collapsed-left-bl,
.x-window-header-default-collapsed-left-tr,
.x-window-header-default-collapsed-left-br,
.x-window-header-default-collapsed-left-tc,
.x-window-header-default-collapsed-left-bc,
.x-window-header-default-collapsed-left-ml,
.x-window-header-default-collapsed-left-mr {
  zoom: 1;
}
.x-window-header-default-collapsed-left-ml,
.x-window-header-default-collapsed-left-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-window-header-default-collapsed-left-mc {
  padding: 1px 0;
}
.x-window-header-default-collapsed-left:after {
  display: none;
}
.x-window-header-default-top {
  -webkit-box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
  -moz-box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
  box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
}
.x-window-header-default-right {
  -webkit-box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 inset;
  -moz-box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 inset;
  box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 inset;
}
.x-window-header-default-bottom {
  -webkit-box-shadow: #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
  -moz-box-shadow: #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
  box-shadow: #ecf2fb 0 -1px 0 0 inset, #ecf2fb -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
}
.x-window-header-default-left {
  -webkit-box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
  -moz-box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
  box-shadow: #ecf2fb 0 1px 0 0 inset, #ecf2fb 0 -1px 0 0 inset, #ecf2fb 1px 0 0 inset;
}
.x-window-header-default .x-window-header-icon {
  width: 16px;
  height: 16px;
  color: #04468c;
  font-size: 16px;
  line-height: 16px;
  background-position: center center;
}
.x-window-header-default .x-window-header-glyph {
  color: #04468c;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
.x-ie8m .x-window-header-default .x-window-header-glyph {
  color: #698fb9;
}
.x-window-header-default-horizontal .x-window-header-icon-before-title {
  margin: 0 2px 0 0;
}
.x-window-header-default-horizontal .x-window-header-icon-after-title {
  margin: 0 0 0 2px;
}
.x-window-header-default-vertical .x-window-header-icon-before-title {
  margin: 0 0 2px 0;
}
.x-window-header-default-vertical .x-window-header-icon-after-title {
  margin: 2px 0 0 0;
}
.x-window-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 2px;
}
.x-window-header-default-horizontal .x-tool-before-title {
  margin: 0 2px 0 0;
}
.x-window-header-default-vertical .x-tool-after-title {
  margin: 2px 0 0 0;
}
.x-window-header-default-vertical .x-tool-before-title {
  margin: 0 0 2px 0;
}
.x-window-default-collapsed .x-window-header {
  border-width: 1px !important;
}
.x-nbr .x-window-default-collapsed .x-window-header {
  border-width: 0 !important;
}
.x-window-body-plain {
  background-color: transparent;
}
.x-form-invalid-under {
  padding: 2px 2px 2px 20px;
  color: #c0272b;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  line-height: 16px;
  background: no-repeat 0 2px;
}
div.x-lbl-top-err-icon {
  margin-bottom: 3px;
}
.x-form-invalid-icon {
  width: 16px;
  height: 16px;
  margin: 0 1px;
  background-repeat: no-repeat;
}
.x-form-item-label {
  margin-top: 4px;
}
.x-toolbar-item .x-form-item-label {
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  margin-top: 4px;
}
.x-autocontainer-form-item,
.x-anchor-form-item,
.x-vbox-form-item,
.x-table-form-item {
  margin-bottom: 5px;
}
.x-form-item,
.x-form-field {
  font: normal 12px tahoma, arial, verdana, sans-serif;
}
.x-form-type-text textarea.x-form-invalid-field,
.x-form-type-text input.x-form-invalid-field,
.x-form-type-password textarea.x-form-invalid-field,
.x-form-type-password input.x-form-invalid-field,
.x-form-type-number textarea.x-form-invalid-field,
.x-form-type-number input.x-form-invalid-field,
.x-form-type-email textarea.x-form-invalid-field,
.x-form-type-email input.x-form-invalid-field,
.x-form-type-search textarea.x-form-invalid-field,
.x-form-type-search input.x-form-invalid-field,
.x-form-type-tel textarea.x-form-invalid-field,
.x-form-type-tel input.x-form-invalid-field {
  background-color: #ffffff;
  background-repeat: repeat-x;
  background-position: bottom;
  border-color: #cc3300;
}
.x-item-disabled .x-form-item-label,
.x-item-disabled .x-form-field,
.x-item-disabled .x-form-display-field,
.x-item-disabled .x-form-cb-label,
.x-item-disabled .x-form-trigger {
  opacity: 0.3;
}
.x-form-text {
  padding: 1px 3px 2px;
  background: white repeat-x 0 0;
  border-width: 1px;
  border-style: solid;
  border-color: #b5b8c8;
  height: 22px;
  line-height: 17px;
}
.x-field-toolbar .x-form-text {
  height: 20px;
  line-height: 15px;
}
.x-content-box .x-form-text {
  height: 17px;
}
.x-content-box .x-field-toolbar .x-form-text {
  height: 15px;
}
.x-form-focus {
  border-color: #7eadd9;
}
.x-form-empty-field,
textarea.x-form-empty-field {
  color: gray;
}
.x-quirks .x-ie .x-form-text,
.x-ie7m .x-form-text {
  margin-top: -1px;
  margin-bottom: -1px;
}
.x-form-textarea {
  line-height: normal;
  height: auto;
}
.x-content-box .x-form-textarea {
  height: auto;
}
.x-form-display-field {
  height: 22px;
}
.x-toolbar-item .x-form-display-field {
  height: 20px;
}
.x-form-display-field {
  font: normal 12px/14px tahoma, arial, verdana, sans-serif;
  color: black;
  margin-top: 4px;
}
.x-toolbar-item .x-form-display-field {
  margin-top: 4px;
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
}
.x-message-box .x-window-body {
  background-color: #ced9e7;
  border-width: 0;
}
.x-message-box-info,
.x-message-box-warning,
.x-message-box-question,
.x-message-box-error {
  background-position: left top;
  background-repeat: no-repeat;
}
.x-form-cb-wrap {
  height: 22px;
}
.x-toolbar-item .x-form-cb-wrap {
  height: 20px;
}
.x-form-cb {
  margin-top: 5px;
}
.x-toolbar-item .x-form-cb {
  margin-top: 4px;
}
.x-form-checkbox {
  width: 13px;
  height: 13px;
}
.x-form-cb-checked .x-form-checkbox {
  background-position: 0 -13px;
}
.x-form-checkbox-focus {
  background-position: -13px 0;
}
.x-form-cb-checked .x-form-checkbox-focus {
  background-position: -13px -13px;
}
.x-form-cb-label {
  margin-top: 4px;
  font: normal 12px/14px tahoma, arial, verdana, sans-serif;
}
.x-toolbar-item .x-form-cb-label {
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  margin-top: 4px;
}
.x-form-cb-label-before {
  padding-right: 17px;
}
.x-form-cb-label-after {
  padding-left: 17px;
}
.x-form-cb-wrap-inner-no-box-label .x-form-cb {
  position: static;
}
.x-quirks .x-ie .x-form-cb-wrap-inner-no-box-label,
.x-ie7m .x-form-cb-wrap-inner-no-box-label {
  display: inline;
  width: 13px;
  zoom: 1;
}
.x-form-checkboxgroup-body {
  padding: 0 4px;
}
.x-form-invalid .x-form-checkboxgroup-body {
  border: 1px solid #cc3300;
  background-repeat: repeat-x;
  background-position: bottom;
}
.x-check-group-alt {
  background: #d1ddef;
  border-top: 1px dotted #b5b8c8;
  border-bottom: 1px dotted #b5b8c8;
}
.x-form-check-group-label {
  color: black;
  padding: 2px;
  margin: 0 30px 5px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: black;
}
.x-fieldset {
  border: 1px solid #b5b8c8;
  padding: 0 10px;
  margin: 0 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
.x-ie8m .x-fieldset,
.x-quirks .x-ie .x-fieldset {
  padding-top: 0;
}
.x-ie8m .x-fieldset .x-fieldset-body,
.x-quirks .x-ie .x-fieldset .x-fieldset-body {
  padding-top: 0;
}
.x-fieldset-header-checkbox {
  line-height: 14px;
  margin: 1px 0 0;
}
.x-fieldset-header {
  padding: 0 3px 1px;
}
.x-fieldset-header .x-tool {
  margin-top: 1px;
  padding: 0;
}
.x-fieldset-header .x-form-cb-wrap {
  padding: 1px 0;
}
.x-fieldset-header-text {
  font: normal 11px/14px tahoma, arial, verdana, sans-serif;
  padding: 1px 0;
}
.x-fieldset-header-text-collapsible {
  cursor: pointer;
}
.x-fieldset-with-title .x-fieldset-header-checkbox,
.x-fieldset-with-title .x-tool {
  margin: 1px 3px 0 0;
}
.x-webkit .x-fieldset-header {
  -webkit-padding-start: 3px;
  -webkit-padding-end: 3px;
}
.x-opera .x-fieldset-with-legend {
  margin-top: -1px;
}
.x-opera.x-mac .x-fieldset-header-text {
  padding: 2px 0 0;
}
.x-strict .x-ie8 .x-fieldset-header {
  margin-bottom: -1px;
}
.x-strict .x-ie8 .x-fieldset-header .x-tool,
.x-strict .x-ie8 .x-fieldset-header .x-fieldset-header-text,
.x-strict .x-ie8 .x-fieldset-header .x-fieldset-header-checkbox {
  position: relative;
  top: -1px;
}
.x-quirks .x-ie .x-fieldset-header,
.x-ie8m .x-fieldset-header {
  padding-left: 1px;
  padding-right: 1px;
}
.x-fieldset-collapsed {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding-bottom: 0 !important;
  border-width: 1px 1px 0 1px !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.x-fieldset-collapsed .x-fieldset-body {
  display: none;
}
.x-ie .x-fieldset-bwrap {
  zoom: 1;
}
.x-fieldset .x-tool-toggle {
  background-position: 0 -60px;
}
.x-fieldset .x-tool-over .x-tool-toggle {
  background-position: -15px -60px;
}
.x-fieldset-collapsed .x-tool-toggle {
  background-position: 0 -75px;
}
.x-fieldset-collapsed .x-tool-over .x-tool-toggle {
  background-position: -15px -75px;
}
.x-ie .x-fieldset-noborder legend {
  position: relative;
  margin-bottom: 23px;
}
.x-ie .x-fieldset-noborder legend span {
  position: absolute;
  left: 16px;
}
.x-fieldset-body {
  overflow: hidden;
}
.x-form-radio {
  width: 13px;
  height: 13px;
}
.x-form-cb-checked .x-form-radio {
  background-position: 0 -13px;
}
.x-form-radio-focus {
  background-position: -13px 0;
}
.x-form-cb-checked .x-form-radio-focus {
  background-position: -13px -13px;
}
.x-form-trigger {
  width: 17px;
  border-width: 0 0 1px;
  border-color: #b5b8c8;
  border-style: solid;
}
.x-trigger-cell {
  background-color: transparent;
  width: 17px;
}
.x-form-trigger-over {
  background-position: -17px 0;
  border-color: #7eadd9;
}
.x-form-trigger-wrap-focus .x-form-trigger {
  background-position: -51px 0;
  border-color: #7eadd9;
}
.x-form-trigger-wrap-focus .x-form-trigger-over {
  background-position: -68px 0;
}
.x-form-trigger-click,
.x-form-trigger-wrap-focus .x-form-trigger-click {
  background-position: -34px 0;
}
.x-quirks .prefixie6 .x-form-trigger-input-cell {
  height: 22px;
}
.x-quirks .prefixie6 .x-field-toolbar .x-form-trigger-input-cell {
  height: 20px;
}
div.x-form-spinner-up,
div.x-form-spinner-down {
  background-color: #ffffff;
  width: 17px;
  height: 11px;
}
.x-form-spinner-down {
  background-position: 0 -11px;
}
.x-form-trigger-wrap-focus .x-form-spinner-down {
  background-position: -51px -11px;
}
.x-form-trigger-wrap .x-form-spinner-down-over {
  background-position: -17px -11px;
}
.x-form-trigger-wrap-focus .x-form-spinner-down-over {
  background-position: -68px -11px;
}
.x-form-trigger-wrap .x-form-spinner-down-click {
  background-position: -34px -11px;
}
.x-toolbar-item div.x-form-spinner-up,
.x-toolbar-item div.x-form-spinner-down {
  height: 10px;
}
.x-toolbar-item .x-form-spinner-down {
  background-position: 0 -10px;
}
.x-toolbar-item .x-form-trigger-wrap-focus .x-form-spinner-down {
  background-position: -51px -10px;
}
.x-toolbar-item .x-form-trigger-wrap .x-form-spinner-down-over {
  background-position: -17px -10px;
}
.x-toolbar-item .x-form-trigger-wrap-focus .x-form-spinner-down-over {
  background-position: -68px -10px;
}
.x-toolbar-item .x-form-trigger-wrap .x-form-spinner-down-click {
  background-position: -34px -10px;
}
.x-tbar-page-number {
  width: 30px;
}
.x-boundlist {
  border-width: 1px;
  border-style: solid;
  border-color: #98c0f4;
  background: #ffffff;
}
.x-strict .x-ie7m .x-boundlist-list-ct {
  position: relative;
}
.x-boundlist-item {
  padding: 0 3px;
  font: normal 12px tahoma, arial, verdana, sans-serif;
  line-height: 20px;
  cursor: pointer;
  cursor: hand;
  position: relative;
  zoom: 1;
  border-width: 1px;
  border-style: dotted;
  border-color: #ffffff;
}
.x-boundlist-item.avatar-combo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.x-boundlist-item-over {
  background: #dfe8f6;
  border-color: #a3bae9;
}
.x-boundlist-floating {
  border-top-width: 0;
}
.x-boundlist-above {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.x-datepicker {
  border-width: 1px;
  border-style: solid;
  border-color: #1b376c;
  background-color: #ffffff;
  width: 177px;
}
.x-datepicker-header {
  padding: 3px 6px;
  text-align: center;
  background-image: none;
  background-color: #23427c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #264888), color-stop(100%, #1f3a6c));
  background-image: -webkit-linear-gradient(top, #264888, #1f3a6c);
  background-image: -moz-linear-gradient(top, #264888, #1f3a6c);
  background-image: -o-linear-gradient(top, #264888, #1f3a6c);
  background-image: -ms-linear-gradient(top, #264888, #1f3a6c);
  background-image: linear-gradient(top, #264888, #1f3a6c);
}
.x-datepicker-arrow {
  width: 15px;
  height: 15px;
  top: 6px;
  cursor: pointer;
  background-color: #23427c;
  opacity: 0.7;
}
a.x-datepicker-arrow:hover {
  opacity: 1;
}
.x-datepicker-next {
  right: 6px;
}
.x-datepicker-prev {
  left: 6px;
}
.x-datepicker-month .x-btn,
.x-datepicker-month .x-btn .x-btn-tc,
.x-datepicker-month .x-btn .x-btn-tl,
.x-datepicker-month .x-btn .x-btn-tr,
.x-datepicker-month .x-btn .x-btn-mc,
.x-datepicker-month .x-btn .x-btn-ml,
.x-datepicker-month .x-btn .x-btn-mr,
.x-datepicker-month .x-btn .x-btn-bc,
.x-datepicker-month .x-btn .x-btn-bl,
.x-datepicker-month .x-btn .x-btn-br {
  background: transparent;
  border-width: 0 !important;
}
.x-datepicker-month .x-btn-inner {
  color: #ffffff;
}
.x-datepicker-month .x-btn-split-right {
  padding-right: 12px;
}
.x-datepicker-column-header {
  width: 25px;
  color: #233d6d;
  font: normal 10px tahoma, arial, verdana, sans-serif;
  text-align: right;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #b2d1f5;
  background-image: none;
  background-color: #dfecfb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf4fd), color-stop(100%, #cde1f9));
  background-image: -webkit-linear-gradient(top, #edf4fd, #cde1f9);
  background-image: -moz-linear-gradient(top, #edf4fd, #cde1f9);
  background-image: -o-linear-gradient(top, #edf4fd, #cde1f9);
  background-image: -ms-linear-gradient(top, #edf4fd, #cde1f9);
  background-image: linear-gradient(top, #edf4fd, #cde1f9);
}
.x-datepicker-column-header-inner {
  line-height: 19px;
  padding: 0 7px 0 0;
}
.x-datepicker-cell {
  text-align: right;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
}
.x-datepicker-date {
  padding: 0 4px 0 0;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  color: black;
  cursor: pointer;
  line-height: 18px;
}
a.x-datepicker-date:hover {
  color: black;
  background-color: #ddecfe;
}
.x-datepicker-selected {
  border-style: solid;
  border-color: #8db2e3;
}
.x-datepicker-selected .x-datepicker-date {
  background-color: #dae5f3;
}
.x-datepicker-prevday .x-datepicker-date,
.x-datepicker-nextday .x-datepicker-date {
  color: #aaaaaa;
}
.x-datepicker-disabled a.x-datepicker-date {
  background-color: #eee;
  cursor: default;
  color: #bbb;
}
.x-datepicker-disabled a.x-datepicker-date:hover {
  background-color: #eee;
}
.x-datepicker-footer,
.x-monthpicker-buttons {
  padding: 4px 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #b2d1f5;
  background-image: none;
  background-color: #dfecfb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dee8f5), color-stop(49%, #d1dff0), color-stop(51%, #c7d8ed), color-stop(100%, #cbdaee));
  background-image: -webkit-linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  background-image: -moz-linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  background-image: -o-linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  background-image: -ms-linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  background-image: linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  text-align: center;
}
.x-datepicker-footer .x-btn,
.x-monthpicker-buttons .x-btn {
  margin: 0 2px 0 2px;
}
.x-monthpicker {
  width: 177px;
  border-width: 1px;
  border-style: solid;
  border-color: #1b376c;
  background-color: #ffffff;
}
.x-monthpicker-months {
  border-width: 0 1px 0 0;
  border-color: #1b376c;
  border-style: solid;
  width: 87px;
}
.x-monthpicker-months .x-monthpicker-item {
  width: 43px;
}
.x-monthpicker-years {
  width: 88px;
}
.x-monthpicker-years .x-monthpicker-item {
  width: 44px;
}
.x-monthpicker-item {
  margin: 5px 0 4px;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  text-align: center;
}
.x-monthpicker-item-inner {
  margin: 0 5px 0 5px;
  color: #15428b;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  line-height: 16px;
  cursor: pointer;
}
a.x-monthpicker-item-inner:hover {
  background-color: #ddecfe;
}
.x-monthpicker-selected {
  background-color: #dae5f3;
  border-style: solid;
  border-color: #8db2e3;
}
.x-monthpicker-yearnav {
  height: 27px;
}
.x-monthpicker-yearnav-button-ct {
  width: 44px;
}
.x-monthpicker-yearnav-button {
  height: 15px;
  width: 15px;
  cursor: pointer;
  margin-top: 6px;
  background-color: #ffffff;
}
.x-monthpicker-yearnav-next {
  background-position: 0 -120px;
}
.x-monthpicker-yearnav-next-over {
  background-position: -15px -120px;
}
.x-monthpicker-yearnav-prev {
  background-position: 0 -105px;
}
.x-monthpicker-yearnav-prev-over {
  background-position: -15px -105px;
}
.x-monthpicker-small .x-monthpicker-item {
  margin: 2px 0 2px;
}
.x-monthpicker-small .x-monthpicker-item-inner {
  margin: 0 5px 0 5px;
}
.x-monthpicker-small .x-monthpicker-yearnav {
  height: 22px;
}
.x-monthpicker-small .x-monthpicker-yearnav-button {
  margin-top: 3px;
}
.x-nlg .x-datepicker-header {
  background-repeat: repeat-x;
  background-position: top left;
}
.x-nlg .x-datepicker-footer,
.x-nlg .x-monthpicker-buttons {
  background-repeat: repeat-x;
  background-position: top left;
}
.x-datepicker-header:after {
  display: none;
}
.x-datepicker-footer:after {
  display: none;
}
.x-form-file-wrap .x-form-text {
  color: gray;
}
.x-color-picker {
  width: 144px;
  height: 90px;
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 0;
  border-style: solid;
}
.x-color-picker-item {
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  background-color: #ffffff;
  cursor: pointer;
  padding: 2px;
}
.x-content-box .x-color-picker-item {
  width: 12px;
  height: 12px;
}
a.x-color-picker-item:hover {
  border-color: #8bb8f3;
  background-color: #deecfd;
}
.x-color-picker-selected {
  border-color: #8bb8f3;
  background-color: #deecfd;
}
.x-color-picker-item-inner {
  line-height: 10px;
  border-color: #aca899;
  border-width: 1px;
  border-style: solid;
}
.x-html-editor-tb .x-btn-text {
  background: transparent no-repeat;
}
.x-html-editor-tb .x-edit-bold,
.x-menu-item div.x-edit-bold {
  background-position: 0 0;
}
.x-html-editor-tb .x-edit-italic,
.x-menu-item div.x-edit-italic {
  background-position: -16px 0;
}
.x-html-editor-tb .x-edit-underline,
.x-menu-item div.x-edit-underline {
  background-position: -32px 0;
}
.x-html-editor-tb .x-edit-forecolor,
.x-menu-item div.x-edit-forecolor {
  background-position: -160px 0;
}
.x-html-editor-tb .x-edit-backcolor,
.x-menu-item div.x-edit-backcolor {
  background-position: -176px 0;
}
.x-html-editor-tb .x-edit-justifyleft,
.x-menu-item div.x-edit-justifyleft {
  background-position: -112px 0;
}
.x-html-editor-tb .x-edit-justifycenter,
.x-menu-item div.x-edit-justifycenter {
  background-position: -128px 0;
}
.x-html-editor-tb .x-edit-justifyright,
.x-menu-item div.x-edit-justifyright {
  background-position: -144px 0;
}
.x-html-editor-tb .x-edit-insertorderedlist,
.x-menu-item div.x-edit-insertorderedlist {
  background-position: -80px 0;
}
.x-html-editor-tb .x-edit-insertunorderedlist,
.x-menu-item div.x-edit-insertunorderedlist {
  background-position: -96px 0;
}
.x-html-editor-tb .x-edit-increasefontsize,
.x-menu-item div.x-edit-increasefontsize {
  background-position: -48px 0;
}
.x-html-editor-tb .x-edit-decreasefontsize,
.x-menu-item div.x-edit-decreasefontsize {
  background-position: -64px 0;
}
.x-html-editor-tb .x-edit-sourceedit,
.x-menu-item div.x-edit-sourceedit {
  background-position: -192px 0;
}
.x-html-editor-tb .x-edit-createlink,
.x-menu-item div.x-edit-createlink {
  background-position: -208px 0;
}
.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
  padding: 5px;
  padding-bottom: 1px;
}
.x-html-editor-tb .x-font-select {
  font-size: 11px;
  font-family: inherit;
}
.x-html-editor-wrap textarea {
  font: normal 12px tahoma, arial, verdana, sans-serif;
  background-color: #ffffff;
  resize: none;
}
.x-grid-body {
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #99bce8;
}
.x-grid-empty {
  padding: 10px;
  color: gray;
  background-color: #ffffff;
  font: normal 11px tahoma, arial, verdana, sans-serif;
}
.x-grid-cell {
  border-style: solid;
}
.x-grid-row-before-over .x-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #ddd;
}
.x-grid-row-over .x-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #ddd;
}
.x-grid-row-before-focused .x-grid-td {
  border-bottom-style: dotted;
}
.x-grid-row-focused .x-grid-td {
  background-color: #efefef;
}
.x-grid-row-over .x-grid-td {
  background-color: #efefef;
}
.x-grid-table .x-grid-row-focused-first .x-grid-td {
  border-top: 1px dotted #464646;
}
.x-grid-row-selected .x-grid-row-summary .x-grid-td {
  border-bottom-color: #dfe8f6;
  border-top-width: 0;
}
.x-grid-row-focused .x-grid-row-summary .x-grid-td {
  border-bottom-color: #efefef;
  border-top-width: 0;
}
.x-grid-with-row-lines .x-grid-table {
  border-top: 1px solid #ffffff;
}
.x-grid-with-row-lines .x-grid-table-over-first {
  border-top-style: solid;
  border-top-color: #ddd;
}
.x-grid-with-row-lines .x-grid-table-selected-first {
  border-top-style: dotted;
  border-top-color: #a3bae9;
}
.x-grid-body .x-grid-table-focused-first {
  border-top: 1px dotted #464646;
}
.x-grid-cell-inner {
  text-overflow: ellipsis;
  padding: 3px 6px 4px 6px;
}
.x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner {
  padding-top: 2px;
  padding-bottom: 3px;
}
.x-grid-cell-special {
  border-color: #ededed #d0d0d0 #ededed #d0d0d0;
  border-style: solid;
  border-right-width: 1px;
  background-image: none;
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: linear-gradient(top, #f6f6f6, #e9e9e9);
}
.x-grid-row-selected .x-grid-cell-special {
  border-right-color: #ededed #aaccf6;
  background-image: none;
  background-color: #dfe8f6;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dfe8f6), color-stop(100%, #cbdaf0));
  background-image: -webkit-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -moz-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -o-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -ms-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: linear-gradient(left, #dfe8f6, #cbdaf0);
}
.x-nlg .x-grid-cell-special {
  background-repeat: repeat-y;
}
.x-grid-cell-special .x-grid-cell-special:after {
  display: none;
}
.x-grid-cell-special .x-grid-cell-special-selected:after {
  display: none;
}
.x-grid-row .x-grid-cell-selected {
  color: transparent;
  background-color: #b8cfee;
}
.x-grid-with-col-lines .x-grid-cell {
  border-right-width: 1px;
}
.x-grid-resize-marker {
  width: 1px;
  background-color: #0f0f0f;
}
.x-grid-drop-indicator {
  position: absolute;
  height: 1px;
  line-height: 0;
  background-color: #77BC71;
  overflow: visible;
  pointer-events: none;
}
.x-grid-drop-indicator .x-grid-drop-indicator-left {
  position: absolute;
  top: -8px;
  left: -12px;
  height: 16px;
  width: 16px;
}
.x-grid-drop-indicator .x-grid-drop-indicator-right {
  position: absolute;
  top: -8px;
  right: -11px;
  height: 16px;
  width: 16px;
}
.col-move-top,
.col-move-bottom {
  width: 9px;
  height: 9px;
}
.x-accordion-item .x-grid-header-ct {
  border-width: 0 0 1px !important;
}
.x-accordion-item .x-grid-header-ct-hidden {
  border: 0 !important;
}
.x-grid-body {
  border-top-color: #c5c5c5;
}
.x-group-sub-header {
  background: transparent;
  border-top: 1px solid #c5c5c5;
}
.x-group-sub-header .x-column-header-inner {
  padding: 3px 6px 5px 6px;
}
.x-column-header-inner {
  text-overflow: ellipsis;
}
.x-column-header-inner-empty {
  text-overflow: clip;
}
.x-column-header-open {
  background-color: transparent;
}
.x-column-header-open .x-column-header-trigger {
  background-color: transparent;
}
.x-column-header-trigger {
  width: 14px;
  cursor: pointer;
  background-color: transparent;
  background-position: 0 center;
}
.x-column-header-align-right .x-column-header-text {
  margin-right: 9px;
}
.x-column-header-sort-ASC .x-column-header-text,
.x-column-header-sort-DESC .x-column-header-text {
  padding-right: 12px;
  background-position: right center;
}
.x-column-header:after {
  display: none;
}
.x-column-header-over:after {
  display: none;
}
.x-grid-cell-inner-action-col {
  padding: 2px 2px 2px 2px;
}
.x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner-action-col {
  padding-top: 1px;
  padding-bottom: 1px;
}
.x-action-col-cell .x-item-disabled {
  opacity: 0.3;
}
.x-action-col-icon {
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.x-grid-cell-inner-checkcolumn {
  padding: 4px 6px 3px;
}
.x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner-checkcolumn {
  padding-top: 3px;
  padding-bottom: 2px;
}
.x-grid-checkcolumn {
  width: 13px;
  height: 13px;
}
.x-item-disabled .x-grid-checkcolumn {
  opacity: 0.3;
}
.x-grid-checkcolumn-checked {
  background-position: 0 -13px;
}
.x-grid-cell-inner-row-numberer {
  padding: 3px 5px 4px 3px;
}
.x-grid-group-hd {
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #99bbe8;
  padding: 10px 4px 4px 4px;
  background: #ffffff;
  cursor: pointer;
}
.x-grid-group-hd-not-collapsible {
  cursor: default;
}
.x-grid-group-hd-collapsible .x-grid-group-title {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 14px;
}
.x-grid-group-title {
  color: #3764a0;
  font: bold 11px/13px tahoma, arial, verdana, sans-serif;
}
.x-grid-rowwrap {
  border-color: #ededed #d0d0d0 #ededed #d0d0d0;
  border-style: solid;
}
.x-grid-rowbody {
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  padding: 5px 6px 5px 6px;
}
.x-grid-no-row-lines .x-grid-row-focused .x-grid-rowbody {
  padding-top: 6px;
  padding-bottom: 4px;
}
.x-docked-summary {
  background: white !important;
}
.x-docked-summary .x-grid-table {
  width: 100%;
  border: 0 none;
}
.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody {
  border-color: #ededed #d0d0d0 #ededed #d0d0d0;
  background-color: transparent !important;
  border-top-width: 0;
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
}
.x-docked-summary-bottom .x-grid-row-summary .x-grid-cell {
  border-bottom: 0 none;
}
.x-docked-summary-top .x-grid-row-summary .x-grid-cell {
  border-top: 0 none;
}
.x-grid-with-row-lines .x-grid-table-summary {
  border: 0;
}
.x-grid-locked .x-grid-inner-locked {
  border-width: 0 1px 0 0;
  border-style: solid;
}
.x-grid-locked-split .x-grid-inner-normal {
  border-width: 0 0 0 1px;
  border-style: solid;
}
.x-grid-inner-locked .x-column-header-last,
.x-grid-inner-locked .x-grid-cell-last {
  border-right-width: 0!important;
}
.x-grid-editor .x-form-text {
  font: normal 11px/15px tahoma, arial, verdana, sans-serif;
  padding: 1px 5px 2px 5px;
  height: 20px;
}
.x-content-box .x-grid-editor .x-form-text {
  height: 15px;
}
.x-gecko .x-grid-editor .x-form-text {
  padding-left: 4px;
  padding-right: 4px;
}
.x-grid-editor .x-form-trigger {
  height: 20px;
}
.x-grid-editor .x-form-spinner-up,
.x-grid-editor .x-form-spinner-down {
  height: 10px;
}
.x-grid-editor .x-form-cb {
  margin-top: 4px;
}
.x-grid-editor .x-form-cb-wrap {
  height: 20px;
}
.x-grid-editor .x-form-display-field {
  height: 20px;
}
.x-grid-editor .x-form-display-field {
  font: normal 11px/15px tahoma, arial, verdana, sans-serif;
  padding: 2px 6px 3px 6px;
  text-overflow: ellipsis;
}
.x-grid-editor .x-form-action-col-field {
  padding: 2px 2px 2px 2px;
}
.x-tree-cell-editor .x-form-text {
  padding-left: 2px;
  padding-right: 2px;
}
.x-gecko .x-tree-cell-editor .x-form-text {
  padding-left: 1px;
  padding-right: 1px;
}
.x-grid-row-editor .x-field {
  margin: 0 1px 0 1px;
}
.x-grid-row-editor .x-form-display-field {
  padding: 2px 5px 3px 5px;
}
.x-grid-row-editor .x-form-action-col-field {
  padding: 2px 1px 2px 1px;
}
.x-grid-row-editor .x-form-text {
  padding: 1px 4px 2px 4px;
}
.x-gecko .x-grid-row-editor .x-form-text {
  padding-left: 3px;
  padding-right: 3px;
}
.x-grid-row-editor .x-panel-body {
  border-top: 1px solid #99bce8 !important;
  border-bottom: 1px solid #99bce8 !important;
  padding: 4px 0 4px 0;
  background-color: #eaf1fb;
}
.x-grid-with-col-lines .x-grid-row-editor .x-form-cb {
  margin-right: 1px;
}
.x-grid-row-editor-buttons-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 4px 4px 4px 4px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #eaf1fb;
}
.x-grid-row-editor-buttons-default-bottom-mc {
  background-color: #eaf1fb;
}
.x-nbr .x-grid-row-editor-buttons-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-grid-row-editor-buttons-default-bottom-frameInfo {
  font-family: th-0-0-5-5-0-1-1-1-4-4-4-4;
}
.x-grid-row-editor-buttons-default-bottom-tl {
  background-position: 0 -10px;
}
.x-grid-row-editor-buttons-default-bottom-tr {
  background-position: right -15px;
}
.x-grid-row-editor-buttons-default-bottom-bl {
  background-position: 0 -20px;
}
.x-grid-row-editor-buttons-default-bottom-br {
  background-position: right -25px;
}
.x-grid-row-editor-buttons-default-bottom-ml {
  background-position: 0 top;
}
.x-grid-row-editor-buttons-default-bottom-mr {
  background-position: right top;
}
.x-grid-row-editor-buttons-default-bottom-tc {
  background-position: 0 0;
}
.x-grid-row-editor-buttons-default-bottom-bc {
  background-position: 0 -5px;
}
.x-grid-row-editor-buttons-default-bottom-tr,
.x-grid-row-editor-buttons-default-bottom-br,
.x-grid-row-editor-buttons-default-bottom-mr {
  padding-right: 5px;
}
.x-grid-row-editor-buttons-default-bottom-tl,
.x-grid-row-editor-buttons-default-bottom-bl,
.x-grid-row-editor-buttons-default-bottom-ml {
  padding-left: 5px;
}
.x-grid-row-editor-buttons-default-bottom-tc {
  height: 0;
}
.x-grid-row-editor-buttons-default-bottom-bc {
  height: 5px;
}
.x-grid-row-editor-buttons-default-bottom-tl,
.x-grid-row-editor-buttons-default-bottom-bl,
.x-grid-row-editor-buttons-default-bottom-tr,
.x-grid-row-editor-buttons-default-bottom-br,
.x-grid-row-editor-buttons-default-bottom-tc,
.x-grid-row-editor-buttons-default-bottom-bc,
.x-grid-row-editor-buttons-default-bottom-ml,
.x-grid-row-editor-buttons-default-bottom-mr {
  zoom: 1;
}
.x-grid-row-editor-buttons-default-bottom-ml,
.x-grid-row-editor-buttons-default-bottom-mr {
  background-repeat: repeat-y;
}
.x-grid-row-editor-buttons-default-bottom-mc {
  padding: 4px 0 0;
}
.x-grid-row-editor-buttons-default-bottom:after {
  display: none;
}
.x-grid-row-editor-buttons-default-top {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px;
  border-width: 1px 1px 0;
  border-style: solid;
  background-color: #eaf1fb;
}
.x-grid-row-editor-buttons-default-top-mc {
  background-color: #eaf1fb;
}
.x-nbr .x-grid-row-editor-buttons-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.x-grid-row-editor-buttons-default-top-frameInfo {
  font-family: th-5-5-0-0-1-1-0-1-4-4-4-4;
}
.x-grid-row-editor-buttons-default-top-tl {
  background-position: 0 -10px;
}
.x-grid-row-editor-buttons-default-top-tr {
  background-position: right -15px;
}
.x-grid-row-editor-buttons-default-top-bl {
  background-position: 0 -20px;
}
.x-grid-row-editor-buttons-default-top-br {
  background-position: right -25px;
}
.x-grid-row-editor-buttons-default-top-ml {
  background-position: 0 top;
}
.x-grid-row-editor-buttons-default-top-mr {
  background-position: right top;
}
.x-grid-row-editor-buttons-default-top-tc {
  background-position: 0 0;
}
.x-grid-row-editor-buttons-default-top-bc {
  background-position: 0 -5px;
}
.x-grid-row-editor-buttons-default-top-tr,
.x-grid-row-editor-buttons-default-top-br,
.x-grid-row-editor-buttons-default-top-mr {
  padding-right: 5px;
}
.x-grid-row-editor-buttons-default-top-tl,
.x-grid-row-editor-buttons-default-top-bl,
.x-grid-row-editor-buttons-default-top-ml {
  padding-left: 5px;
}
.x-grid-row-editor-buttons-default-top-tc {
  height: 5px;
}
.x-grid-row-editor-buttons-default-top-bc {
  height: 0;
}
.x-grid-row-editor-buttons-default-top-tl,
.x-grid-row-editor-buttons-default-top-bl,
.x-grid-row-editor-buttons-default-top-tr,
.x-grid-row-editor-buttons-default-top-br,
.x-grid-row-editor-buttons-default-top-tc,
.x-grid-row-editor-buttons-default-top-bc,
.x-grid-row-editor-buttons-default-top-ml,
.x-grid-row-editor-buttons-default-top-mr {
  zoom: 1;
}
.x-grid-row-editor-buttons-default-top-ml,
.x-grid-row-editor-buttons-default-top-mr {
  zoom: 1;
  background-repeat: repeat-y;
}
.x-grid-row-editor-buttons-default-top-mc {
  padding: 0 0 4px;
}
.x-grid-row-editor-buttons-default-top:after {
  display: none;
}
.x-grid-row-editor-buttons {
  border-color: #99bce8;
}
.x-row-editor-update-button {
  margin-right: 2px;
}
.x-row-editor-cancel-button {
  margin-left: 2px;
}
.x-grid-row-editor-errors .x-tip-body {
  padding: 5px;
}
.x-grid-row-editor-errors-item {
  list-style: disc;
  margin-left: 15px;
}
.x-grid-cell-inner-row-expander {
  padding: 6px 7px 5px 7px;
}
.x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner-row-expander {
  padding-top: 5px;
  padding-bottom: 4px;
}
.x-grid-row-expander {
  width: 9px;
  height: 9px;
  cursor: pointer;
}
.x-grid-cell-inner-property-name {
  background-repeat: no-repeat;
  background-position: -16px 2px;
  padding-left: 12px;
}
.x-accordion-layout-ct {
  background-color: #ffffff;
  padding: 0;
}
.x-accordion-hd .x-panel-header-text-container {
  color: black;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  text-transform: none;
}
.x-accordion-item {
  margin: 0;
}
.x-accordion-item .x-accordion-hd {
  background: #d9e7f8;
  border-top-color: #f3f7fb;
  padding: 4px 5px 5px 5px;
}
.x-accordion-item .x-accordion-hd-sibling-expanded {
  border-top-color: #99bce8;
}
.x-accordion-item .x-accordion-hd-last-collapsed {
  border-bottom-color: #d9e7f8;
}
.x-accordion-item .x-accordion-body {
  border-width: 0;
}
.x-accordion-hd .x-tool-collapse-top,
.x-accordion-hd .x-tool-collapse-bottom {
  background-position: 0 -255px;
}
.x-accordion-hd .x-tool-expand-top,
.x-accordion-hd .x-tool-expand-bottom {
  background-position: 0 -240px;
}
.x-accordion-hd .x-tool-over .x-tool-collapse-top,
.x-accordion-hd .x-tool-over .x-tool-collapse-bottom {
  background-position: -15px -255px;
}
.x-accordion-hd .x-tool-over .x-tool-expand-top,
.x-accordion-hd .x-tool-over .x-tool-expand-bottom {
  background-position: -15px -240px;
}
.x-accordion-hd .x-tool-img {
  background-color: #d9e7f8;
}
.x-collapse-el {
  cursor: pointer;
}
.x-layout-split-left,
.x-layout-split-right {
  top: 50%;
  margin-top: -18px;
  width: 5px;
  height: 35px;
}
.x-layout-split-top,
.x-layout-split-bottom {
  left: 50%;
  width: 35px;
  height: 5px;
  margin-left: -18px;
}
.x-splitter-active {
  background-color: #b4b4b4;
  opacity: 0.8;
}
.x-splitter-active .x-collapse-el {
  opacity: 0.3;
}
.x-border-layout-ct {
  background-color: #dfe8f6;
}
.x-menu-body {
  background: #f0f0f0;
  padding: 2px;
}
.x-menu-icon-separator {
  left: 24px;
  border-left: solid 1px #e0e0e0;
  background-color: #ffffff;
  width: 2px;
}
.x-menu-item {
  padding: 1px;
  cursor: pointer;
}
.x-menu-item-text,
.x-menu-item-cmp {
  margin: 0 4px 0 4px;
}
.x-menu-item-indent {
  margin-left: 30px;
}
.x-menu-item-indent-no-separator {
  margin-left: 24px;
}
.x-menu-item-indent-right-icon {
  margin-right: 28px;
}
.x-menu-item-indent-right-arrow {
  margin-right: 21px;
}
.x-menu-item-active {
  background-image: none;
  background-color: #d9e8fb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7f0fc), color-stop(100%, #c7ddf9));
  background-image: -webkit-linear-gradient(top, #e7f0fc, #c7ddf9);
  background-image: -moz-linear-gradient(top, #e7f0fc, #c7ddf9);
  background-image: -o-linear-gradient(top, #e7f0fc, #c7ddf9);
  background-image: -ms-linear-gradient(top, #e7f0fc, #c7ddf9);
  background-image: linear-gradient(top, #e7f0fc, #c7ddf9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #a9cbf5;
  padding: 0;
}
.x-nlg .x-menu-item-active {
  background: #d9e8fb repeat-x left top;
}
.x-menu-item-icon {
  width: 16px;
  height: 16px;
  top: 4px;
  left: 3px;
  background-position: center center;
}
.x-menu-item-active .x-menu-item-icon {
  top: 3px;
  left: 2px;
}
.x-menu-item-glyph {
  font-size: 16px;
  line-height: 16px;
  color: #222222;
  opacity: 0.5;
}
.x-ie8m .x-menu-item-glyph {
  color: #898989;
}
.x-menu-item-icon-right {
  width: 16px;
  height: 16px;
  top: 4px;
  right: 5px;
  background-position: center center;
}
.x-menu-item-active .x-menu-item-icon-right {
  top: 3px;
  right: 4px;
}
.x-menu-item-text {
  font: normal 11px tahoma, arial, verdana, sans-serif;
  line-height: 21px;
  padding-top: 1px;
  color: #222222;
  cursor: pointer;
}
.x-menu-item-unchecked .x-menu-group-icon {
  background-image: none;
}
.x-menu-item-separator {
  height: 2px;
  border-top: solid 1px #e0e0e0;
  background-color: #ffffff;
  margin: 2px 0;
  padding: 0;
}
.x-menu-item-arrow {
  width: 12px;
  height: 9px;
  top: 7px;
  right: 0;
}
.x-menu-item-active .x-menu-item-arrow {
  top: 6px;
  right: -1px;
}
.x-menu-item-disabled {
  opacity: 0.5;
}
.x-content-box .x-menu-icon-separator {
  width: 1px;
}
.x-content-box .x-menu-item-separator {
  height: 1px;
}
.x-ie .x-menu-item-disabled .x-menu-item-icon {
  opacity: 0.5;
}
.x-ie .x-menu-item-disabled .x-menu-item-text {
  background-color: transparent;
}
.x-menu-item .x-form-item-label {
  font-size: 11px;
  color: #222;
}
.x-menu-scroll-top,
.x-menu-scroll-bottom {
  height: 8px;
}
.x-menu-scroll-top,
.x-menu-scroll-bottom {
  background-color: #f0f0f0;
}
.x-menu-item-link:after {
  display: none;
}
.x-tool {
  cursor: pointer;
}
.x-tool-img {
  overflow: hidden;
  width: 15px;
  height: 15px;
  margin: 0;
}
.x-tool-placeholder {
  visibility: hidden;
}
.x-tool-close {
  background-position: 0 0;
}
.x-tool-minimize {
  background-position: 0 -15px;
}
.x-tool-maximize {
  background-position: 0 -30px;
}
.x-tool-restore {
  background-position: 0 -45px;
}
.x-tool-toggle {
  background-position: 0 -60px;
}
.x-panel-collapsed .x-tool-toggle {
  background-position: 0 -75px;
}
.x-tool-gear {
  background-position: 0 -90px;
}
.x-tool-prev {
  background-position: 0 -105px;
}
.x-tool-next {
  background-position: 0 -120px;
}
.x-tool-pin {
  background-position: 0 -135px;
}
.x-tool-unpin {
  background-position: 0 -150px;
}
.x-tool-right {
  background-position: 0 -165px;
}
.x-tool-left {
  background-position: 0 -180px;
}
.x-tool-down {
  background-position: 0 -195px;
}
.x-tool-up {
  background-position: 0 -210px;
}
.x-tool-refresh {
  background-position: 0 -225px;
}
.x-tool-plus {
  background-position: 0 -240px;
}
.x-tool-minus {
  background-position: 0 -255px;
}
.x-tool-search {
  background-position: 0 -270px;
}
.x-tool-save {
  background-position: 0 -285px;
}
.x-tool-help {
  background-position: 0 -300px;
}
.x-tool-print {
  background-position: 0 -315px;
}
.x-tool-expand {
  background-position: 0 -330px;
}
.x-tool-collapse {
  background-position: 0 -345px;
}
.x-tool-resize {
  background-position: 0 -360px;
}
.x-tool-move {
  background-position: 0 -375px;
}
.x-tool-expand-bottom,
.x-tool-collapse-bottom {
  background-position: 0 -195px;
}
.x-tool-expand-top,
.x-tool-collapse-top {
  background-position: 0 -210px;
}
.x-tool-expand-left,
.x-tool-collapse-left {
  background-position: 0 -180px;
}
.x-tool-expand-right,
.x-tool-collapse-right {
  background-position: 0 -165px;
}
.x-tool-over .x-tool-close {
  background-position: -15px 0;
}
.x-tool-over .x-tool-minimize {
  background-position: -15px -15px;
}
.x-tool-over .x-tool-maximize {
  background-position: -15px -30px;
}
.x-tool-over .x-tool-restore {
  background-position: -15px -45px;
}
.x-tool-over .x-tool-toggle {
  background-position: -15px -60px;
}
.x-panel-collapsed .x-tool-over .x-tool-toggle {
  background-position: -15px -75px;
}
.x-tool-over .x-tool-gear {
  background-position: -15px -90px;
}
.x-tool-over .x-tool-prev {
  background-position: -15px -105px;
}
.x-tool-over .x-tool-next {
  background-position: -15px -120px;
}
.x-tool-over .x-tool-pin {
  background-position: -15px -135px;
}
.x-tool-over .x-tool-unpin {
  background-position: -15px -150px;
}
.x-tool-over .x-tool-right {
  background-position: -15px -165px;
}
.x-tool-over .x-tool-left {
  background-position: -15px -180px;
}
.x-tool-over .x-tool-down {
  background-position: -15px -195px;
}
.x-tool-over .x-tool-up {
  background-position: -15px -210px;
}
.x-tool-over .x-tool-refresh {
  background-position: -15px -225px;
}
.x-tool-over .x-tool-plus {
  background-position: -15px -240px;
}
.x-tool-over .x-tool-minus {
  background-position: -15px -255px;
}
.x-tool-over .x-tool-search {
  background-position: -15px -270px;
}
.x-tool-over .x-tool-save {
  background-position: -15px -285px;
}
.x-tool-over .x-tool-help {
  background-position: -15px -300px;
}
.x-tool-over .x-tool-print {
  background-position: -15px -315px;
}
.x-tool-over .x-tool-expand {
  background-position: -15px -330px;
}
.x-tool-over .x-tool-collapse {
  background-position: -15px -345px;
}
.x-tool-over .x-tool-resize {
  background-position: -15px -360px;
}
.x-tool-over .x-tool-move {
  background-position: -15px -375px;
}
.x-tool-over .x-tool-expand-bottom,
.x-tool-over .x-tool-collapse-bottom {
  background-position: -15px -195px;
}
.x-tool-over .x-tool-expand-top,
.x-tool-over .x-tool-collapse-top {
  background-position: -15px -210px;
}
.x-tool-over .x-tool-expand-left,
.x-tool-over .x-tool-collapse-left {
  background-position: -15px -180px;
}
.x-tool-over .x-tool-expand-right,
.x-tool-over .x-tool-collapse-right {
  background-position: -15px -165px;
}
.x-resizable-handle {
  position: absolute;
  z-index: 100;
  font-size: 1px;
  line-height: 6px;
  overflow: hidden;
  zoom: 1;
  opacity: 0;
  background-color: #fff;
}
.x-collapsed .x-resizable-handle {
  display: none;
}
.x-resizable-handle-north {
  cursor: n-resize;
}
.x-resizable-handle-south {
  cursor: s-resize;
}
.x-resizable-handle-east {
  cursor: e-resize;
}
.x-resizable-handle-west {
  cursor: w-resize;
}
.x-resizable-handle-southeast {
  cursor: se-resize;
}
.x-resizable-handle-northwest {
  cursor: nw-resize;
}
.x-resizable-handle-northeast {
  cursor: ne-resize;
}
.x-resizable-handle-southwest {
  cursor: sw-resize;
}
.x-resizable-handle-east {
  width: 6px;
  height: 100%;
  right: 0;
  top: 0;
}
.x-resizable-handle-south {
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 0;
}
.x-resizable-handle-west {
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
}
.x-resizable-handle-north {
  width: 100%;
  height: 6px;
  left: 0;
  top: 0;
}
.x-resizable-handle-southeast {
  width: 6px;
  height: 6px;
  right: 0;
  bottom: 0;
  z-index: 101;
}
.x-resizable-handle-northwest {
  width: 6px;
  height: 6px;
  left: 0;
  top: 0;
  z-index: 101;
}
.x-resizable-handle-northeast {
  width: 6px;
  height: 6px;
  right: 0;
  top: 0;
  z-index: 101;
}
.x-resizable-handle-southwest {
  width: 6px;
  height: 6px;
  left: 0;
  bottom: 0;
  z-index: 101;
}
.x-window .x-window-handle {
  opacity: 0;
}
.x-window-collapsed .x-window-handle {
  display: none;
}
.x-resizable-proxy {
  border: 1px dashed #3b5a82;
  position: absolute;
  overflow: hidden;
  z-index: 50000;
}
.x-resizable-handle-over,
.x-resizable-pinned .x-resizable-handle {
  opacity: 1;
}
.x-resizable-handle-southeast-over {
  background-position: top left;
}
.x-resizable-handle-northwest-over {
  background-position: bottom right;
}
.x-resizable-handle-northeast-over {
  background-position: bottom left;
}
.x-resizable-handle-southwest-over {
  background-position: top right;
}
.x-resizable-pinned .x-resizable-handle-southeast {
  background-position: top left;
}
.x-resizable-pinned .x-resizable-handle-northwest {
  background-position: bottom right;
}
.x-resizable-pinned .x-resizable-handle-northeast {
  background-position: bottom left;
}
.x-resizable-pinned .x-resizable-handle-southwest {
  background-position: top right;
}
.x-slider-horz {
  padding-left: 7px;
  background: no-repeat 0 -15px;
}
.x-slider-horz .x-slider-end {
  padding-right: 7px;
  background: no-repeat right -30px;
}
.x-slider-horz .x-slider-inner {
  height: 15px;
}
.x-quirks .x-ie .x-form-item .x-slider-horz {
  margin-top: 4px;
}
.x-slider-horz .x-slider-thumb {
  width: 14px;
  height: 15px;
  margin-left: -7px;
}
.x-slider-horz .x-slider-thumb-over {
  background-position: -14px -15px;
}
.x-slider-horz .x-slider-thumb-drag {
  background-position: -28px -30px;
}
.x-slider-vert {
  padding-top: 7px;
  background: no-repeat -30px 0;
}
.x-slider-vert .x-slider-end {
  padding-bottom: 7px;
  background: no-repeat -15px bottom;
  width: 15px;
}
.x-slider-vert .x-slider-inner {
  width: 15px;
}
.x-slider-vert .x-slider-thumb {
  width: 15px;
  height: 14px;
  margin-bottom: -7px;
}
.x-slider-vert .x-slider-thumb-over {
  background-position: -15px -14px;
}
.x-slider-vert .x-slider-thumb-drag {
  background-position: -30px -28px;
}
.x-tab-default-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 9px 3px 9px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}
.x-tab-default-top-mc {
  background-position: 0 top;
  background-color: #deecfd;
}
.x-nlg .x-tab-default-top {
  background-position: 0 top;
}
.x-nbr .x-tab-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-tab-default-top-frameInfo {
  font-family: th-4-4-0-0-1-1-0-1-3-9-3-9;
}
.x-tab-default-top-tl {
  background-position: 0 -8px;
}
.x-tab-default-top-tr {
  background-position: right -12px;
}
.x-tab-default-top-bl {
  background-position: 0 -16px;
}
.x-tab-default-top-br {
  background-position: right -20px;
}
.x-tab-default-top-ml {
  background-position: 0 top;
}
.x-tab-default-top-mr {
  background-position: right top;
}
.x-tab-default-top-tc {
  background-position: 0 0;
}
.x-tab-default-top-bc {
  background-position: 0 -4px;
}
.x-tab-default-top-tr,
.x-tab-default-top-br,
.x-tab-default-top-mr {
  padding-right: 4px;
}
.x-tab-default-top-tl,
.x-tab-default-top-bl,
.x-tab-default-top-ml {
  padding-left: 4px;
}
.x-tab-default-top-tc {
  height: 4px;
}
.x-tab-default-top-bc {
  height: 0;
}
.x-tab-default-top-tl,
.x-tab-default-top-bl,
.x-tab-default-top-tr,
.x-tab-default-top-br,
.x-tab-default-top-tc,
.x-tab-default-top-bc,
.x-tab-default-top-ml,
.x-tab-default-top-mr {
  zoom: 1;
}
.x-tab-default-top-ml,
.x-tab-default-top-mr {
  zoom: 1;
}
.x-tab-default-top-mc {
  padding: 0 6px 3px;
}
.x-tab-default-top:after {
  display: none;
}
.x-tab-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 3px 9px 3px 9px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}
.x-tab-default-bottom-mc {
  background-position: 0 top;
  background-color: #deecfd;
}
.x-nlg .x-tab-default-bottom {
  background-position: 0 top;
}
.x-nbr .x-tab-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-tab-default-bottom-frameInfo {
  font-family: th-0-0-4-4-0-1-1-1-3-9-3-9;
}
.x-tab-default-bottom-tl {
  background-position: 0 -8px;
}
.x-tab-default-bottom-tr {
  background-position: right -12px;
}
.x-tab-default-bottom-bl {
  background-position: 0 -16px;
}
.x-tab-default-bottom-br {
  background-position: right -20px;
}
.x-tab-default-bottom-ml {
  background-position: 0 top;
}
.x-tab-default-bottom-mr {
  background-position: right top;
}
.x-tab-default-bottom-tc {
  background-position: 0 0;
}
.x-tab-default-bottom-bc {
  background-position: 0 -4px;
}
.x-tab-default-bottom-tr,
.x-tab-default-bottom-br,
.x-tab-default-bottom-mr {
  padding-right: 4px;
}
.x-tab-default-bottom-tl,
.x-tab-default-bottom-bl,
.x-tab-default-bottom-ml {
  padding-left: 4px;
}
.x-tab-default-bottom-tc {
  height: 0;
}
.x-tab-default-bottom-bc {
  height: 4px;
}
.x-tab-default-bottom-tl,
.x-tab-default-bottom-bl,
.x-tab-default-bottom-tr,
.x-tab-default-bottom-br,
.x-tab-default-bottom-tc,
.x-tab-default-bottom-bc,
.x-tab-default-bottom-ml,
.x-tab-default-bottom-mr {
  zoom: 1;
}
.x-tab-default-bottom-ml,
.x-tab-default-bottom-mr {
  zoom: 1;
}
.x-tab-default-bottom-mc {
  padding: 3px 6px 0;
}
.x-tab-default-bottom:after {
  display: none;
}
.x-tab-default-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 9px 3px 9px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}
.x-tab-default-left-mc {
  background-position: 0 top;
  background-color: #deecfd;
}
.x-nlg .x-tab-default-left {
  background-position: 0 top;
}
.x-nbr .x-tab-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-tab-default-left-frameInfo {
  font-family: th-4-4-0-0-1-1-0-1-3-9-3-9;
}
.x-tab-default-left-tl {
  background-position: 0 -8px;
}
.x-tab-default-left-tr {
  background-position: right -12px;
}
.x-tab-default-left-bl {
  background-position: 0 -16px;
}
.x-tab-default-left-br {
  background-position: right -20px;
}
.x-tab-default-left-ml {
  background-position: 0 top;
}
.x-tab-default-left-mr {
  background-position: right top;
}
.x-tab-default-left-tc {
  background-position: 0 0;
}
.x-tab-default-left-bc {
  background-position: 0 -4px;
}
.x-tab-default-left-tr,
.x-tab-default-left-br,
.x-tab-default-left-mr {
  padding-right: 4px;
}
.x-tab-default-left-tl,
.x-tab-default-left-bl,
.x-tab-default-left-ml {
  padding-left: 4px;
}
.x-tab-default-left-tc {
  height: 4px;
}
.x-tab-default-left-bc {
  height: 0;
}
.x-tab-default-left-tl,
.x-tab-default-left-bl,
.x-tab-default-left-tr,
.x-tab-default-left-br,
.x-tab-default-left-tc,
.x-tab-default-left-bc,
.x-tab-default-left-ml,
.x-tab-default-left-mr {
  zoom: 1;
}
.x-tab-default-left-ml,
.x-tab-default-left-mr {
  zoom: 1;
}
.x-tab-default-left-mc {
  padding: 0 6px 3px 6px;
}
.x-tab-default-left:after {
  display: none;
}
.x-tab-default-right {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 9px 3px 9px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}
.x-tab-default-right-mc {
  background-position: 0 top;
  background-color: #deecfd;
}
.x-nlg .x-tab-default-right {
  background-position: 0 top;
}
.x-nbr .x-tab-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
}
.x-tab-default-right-frameInfo {
  font-family: th-4-4-0-0-1-1-0-1-3-9-3-9;
}
.x-tab-default-right-tl {
  background-position: 0 -8px;
}
.x-tab-default-right-tr {
  background-position: right -12px;
}
.x-tab-default-right-bl {
  background-position: 0 -16px;
}
.x-tab-default-right-br {
  background-position: right -20px;
}
.x-tab-default-right-ml {
  background-position: 0 top;
}
.x-tab-default-right-mr {
  background-position: right top;
}
.x-tab-default-right-tc {
  background-position: 0 0;
}
.x-tab-default-right-bc {
  background-position: 0 -4px;
}
.x-tab-default-right-tr,
.x-tab-default-right-br,
.x-tab-default-right-mr {
  padding-right: 4px;
}
.x-tab-default-right-tl,
.x-tab-default-right-bl,
.x-tab-default-right-ml {
  padding-left: 4px;
}
.x-tab-default-right-tc {
  height: 4px;
}
.x-tab-default-right-bc {
  height: 0;
}
.x-tab-default-right-tl,
.x-tab-default-right-bl,
.x-tab-default-right-tr,
.x-tab-default-right-br,
.x-tab-default-right-tc,
.x-tab-default-right-bc,
.x-tab-default-right-ml,
.x-tab-default-right-mr {
  zoom: 1;
}
.x-tab-default-right-ml,
.x-tab-default-right-mr {
  zoom: 1;
}
.x-tab-default-right-mc {
  padding: 0 6px 3px;
}
.x-tab-default-right:after {
  display: none;
}
.x-tab-default {
  border-color: #8db3e3;
  margin: 0 0 0 2px;
  cursor: pointer;
}
.x-tab-default .x-tab-inner {
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #416da3;
  line-height: 13px;
}
.x-tab-default .x-tab-icon-el {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-position: center center;
}
.x-tab-default .x-tab-glyph {
  font-size: 16px;
  color: #416da3;
  opacity: 0.5;
}
.x-ie8m .x-tab-default .x-tab-glyph {
  color: #8facd0;
}
.x-strict .x-ie9 .x-tab-bar-vertical .x-tab-default {
  padding-left: 0;
}
.x-strict .x-ie9 .x-tab-bar-vertical .x-tab-default .x-tab-button {
  padding-left: 9px;
}
.x-strict .x-ie9 .x-tab-bar-vertical .x-tab-default .x-tab-icon-el {
  left: 9px;
}
.x-tab-default-icon .x-tab-inner {
  width: 16px;
}
.x-tab-default-left {
  margin: 0 2px 0 0;
}
.x-tab-default-top,
.x-tab-default-left,
.x-tab-default-right {
  border-bottom: 1px solid #99bce8;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  -webkit-box-shadow: white 0 1px 0 0 inset, white -1px 0 0 inset, white 1px 0 0 inset;
  -moz-box-shadow: white 0 1px 0 0 inset, white -1px 0 0 inset, white 1px 0 0 inset;
  box-shadow: white 0 1px 0 0 inset, white -1px 0 0 inset, white 1px 0 0 inset;
}
.x-tab-default-bottom {
  border-top: 1px solid #99bce8;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  -webkit-box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 inset, white 1px 0 0 inset;
  -moz-box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 inset, white 1px 0 0 inset;
  box-shadow: white 0 -1px 0 0 inset, white -1px 0 0 inset, white 1px 0 0 inset;
}
.x-tab-default-left {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
.x-ie9m .x-tab-default-left {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.x-tab-default-right {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
.x-ie9m .x-tab-default-right {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.x-tab-default-icon-text-left .x-tab-inner {
  padding-left: 20px;
}
.x-tab-default-over {
  background-color: #e8f2ff;
}
.x-tab-default-over .x-tab-glyph {
  color: #416da3;
}
.x-ie8m .x-tab-default-over .x-tab-glyph {
  color: #94afd1;
}
.x-tab-default-top-over,
.x-tab-default-left-over,
.x-tab-default-right-over {
  background-image: none;
  background-color: #e8f2ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d7e5fd), color-stop(25%, #e0edff), color-stop(45%, #e8f2ff));
  background-image: -webkit-linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -moz-linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -o-linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -ms-linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
}
.x-tab-default-bottom-over {
  background-image: none;
  background-color: #e8f2ff;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d7e5fd), color-stop(25%, #e0edff), color-stop(45%, #e8f2ff));
  background-image: -webkit-linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -moz-linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -o-linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -ms-linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
}
.x-tab-default-active {
  background-color: #deecfd;
}
.x-tab-default-active .x-tab-inner {
  color: #15498b;
}
.x-tab-default-active .x-tab-glyph {
  color: #15498b;
}
.x-ie8m .x-tab-default-active .x-tab-glyph {
  color: #799ac4;
}
.x-tab-default-top-active,
.x-tab-default-left-active,
.x-tab-default-right-active {
  border-bottom: 1px solid #deecfd;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #f5f9fe), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
}
.x-tab-default-bottom-active {
  border-top: 1px solid #deecfd;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(25%, #f5f9fe), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -o-linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -ms-linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
}
.x-tab-default-disabled {
  border-color: #bbd2ef;
  cursor: default;
}
.x-tab-default-disabled .x-tab-inner {
  color: #c3b3b3;
}
.x-tab-default-disabled .x-tab-icon-el {
  opacity: 0.5;
}
.x-tab-default-disabled .x-tab-glyph {
  color: #c3b3b3;
  opacity: 0.3;
  filter: none;
}
.x-ie8m .x-tab-default-disabled .x-tab-glyph {
  color: #d8dae4;
}
.x-tab-default-top-disabled,
.x-tab-default-left-disabled,
.x-tab-default-right-disabled {
  border-color: #bbd2ef #bbd2ef #99bce8;
}
.x-tab-default-bottom-disabled {
  border-color: #99bce8 #bbd2ef #bbd2ef #bbd2ef;
}
.x-tab-default-top-disabled,
.x-tab-default-left-disabled,
.x-tab-default-right-disabled {
  background-image: none;
  background-color: #e1ecfa;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1ecfa), color-stop(100%, #ecf4fe));
  background-image: -webkit-linear-gradient(top, #e1ecfa, #ecf4fe);
  background-image: -moz-linear-gradient(top, #e1ecfa, #ecf4fe);
  background-image: -o-linear-gradient(top, #e1ecfa, #ecf4fe);
  background-image: -ms-linear-gradient(top, #e1ecfa, #ecf4fe);
  background-image: linear-gradient(top, #e1ecfa, #ecf4fe);
}
.x-tab-default-bottom-disabled {
  background-image: none;
  background-color: #e1ecfa;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e1ecfa), color-stop(100%, #ecf4fe));
  background-image: -webkit-linear-gradient(bottom, #e1ecfa, #ecf4fe);
  background-image: -moz-linear-gradient(bottom, #e1ecfa, #ecf4fe);
  background-image: -o-linear-gradient(bottom, #e1ecfa, #ecf4fe);
  background-image: -ms-linear-gradient(bottom, #e1ecfa, #ecf4fe);
  background-image: linear-gradient(bottom, #e1ecfa, #ecf4fe);
}
.x-nbr .x-tab-default {
  background-image: none;
}
.x-tab-default-top-over .x-frame-mc,
.x-tab-default-left-over .x-frame-mc,
.x-tab-default-right-over .x-frame-mc {
  background-color: #e8f2ff;
  background-repeat: repeat-x;
}
.x-tab-default-bottom-over .x-frame-mc {
  background-color: #e8f2ff;
  background-repeat: repeat-x;
}
.x-tab-default-top-active .x-frame-mc,
.x-tab-default-left-active .x-frame-mc,
.x-tab-default-right-active .x-frame-mc {
  background-color: #deecfd;
  background-repeat: repeat-x;
}
.x-tab-default-bottom-active .x-frame-mc {
  background-color: #deecfd;
  background-repeat: repeat-x;
}
.x-tab-default-top-disabled .x-frame-mc,
.x-tab-default-left-disabled .x-frame-mc,
.x-tab-default-right-disabled .x-frame-mc {
  background-color: #e1ecfa;
  background-repeat: repeat-x;
}
.x-tab-default-bottom-disabled .x-frame-mc {
  background-color: #e1ecfa;
  background-repeat: repeat-x;
}
.x-nbr .x-tab-default-top,
.x-nbr .x-tab-default-left,
.x-nbr .x-tab-default-right {
  border-bottom-width: 1px !important;
}
.x-nbr .x-tab-default-bottom {
  border-top-width: 1px !important;
}
.x-tab-default .x-tab-close-btn {
  width: 11px;
  height: 11px;
  opacity: 0.6;
}
.x-tab-default .x-tab-close-btn-over {
  opacity: 1;
}
.x-tab-default .x-tab-close-btn {
  top: 2px;
  right: 2px;
}
.x-tab-default-disabled .x-tab-close-btn {
  opacity: 0.3;
}
.x-tab-default-closable .x-tab-wrap {
  padding-right: 14px;
}
.x-tab-default-top-over:after {
  display: none;
}
.x-tab-default-bottom-over:after {
  display: none;
}
.x-tab-default-top-active:after {
  display: none;
}
.x-tab-default-bottom-active:after {
  display: none;
}
.x-tab-default-top-disabled:after {
  display: none;
}
.x-tab-default-bottom-disabled:after {
  display: none;
}
.x-tab-bar-default {
  border-style: solid;
  border-color: #99bce8;
}
.x-tab-bar-default-top {
  padding: 1px 0 0;
  border-width: 1px 1px 0;
}
.x-tab-bar-default-bottom {
  padding: 0 0 1px 0;
  border-width: 0 1px 1px 1px;
}
.x-tab-bar-default-left {
  padding: 0 0 0 1px;
  border-width: 1px 0 1px 1px;
}
.x-tab-bar-default-right {
  padding: 0 1px 0 0;
  border-width: 1px 1px 1px 0;
}
.x-tab-bar-default-horizontal {
  height: 25px;
}
.x-content-box .x-tab-bar-default-horizontal {
  height: 23px;
}
.x-tab-bar-default-vertical {
  width: 25px;
}
.x-content-box .x-tab-bar-default-vertical {
  width: 23px;
}
.x-tab-bar-body-default-top {
  padding-bottom: 2px;
}
.x-tab-bar-body-default-bottom {
  padding-top: 2px;
}
.x-tab-bar-body-default-left {
  padding-right: 2px;
}
.x-tab-bar-body-default-right {
  padding-left: 2px;
}
.x-tab-bar-strip-default {
  border-style: solid;
  border-color: #99bce8;
  background-color: #deecfd;
}
.x-content-box .x-tab-bar-strip-default-horizontal {
  height: 2px;
}
.x-content-box .x-tab-bar-strip-default-vertical {
  width: 2px;
}
.x-tab-bar-strip-default-top {
  border-width: 1px 0 0;
  height: 3px;
}
.x-tab-bar-plain .x-tab-bar-strip-default-top {
  border-width: 1px 1px 0;
}
.x-tab-bar-strip-default-bottom {
  border-width: 0 0 1px 0;
  height: 3px;
}
.x-tab-bar-plain .x-tab-bar-strip-default-bottom {
  border-width: 0 1px 1px 1px;
}
.x-tab-bar-strip-default-left {
  border-width: 0 0 0 1px;
  width: 3px;
}
.x-tab-bar-plain .x-tab-bar-strip-default-left {
  border-width: 1px 0 1px 1px;
}
.x-tab-bar-strip-default-right {
  border-width: 0 1px 0 0;
  width: 3px;
}
.x-tab-bar-plain .x-tab-bar-strip-default-right {
  border-width: 1px 1px 1px 0;
}
.x-tab-bar-default {
  background-color: #cbdbef;
}
.x-tab-bar-default-top {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(top, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(top, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(top, #dde8f5, #cbdbef);
  background-image: -ms-linear-gradient(top, #dde8f5, #cbdbef);
  background-image: linear-gradient(top, #dde8f5, #cbdbef);
}
.x-tab-bar-default-bottom {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(bottom, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(bottom, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(bottom, #dde8f5, #cbdbef);
  background-image: -ms-linear-gradient(bottom, #dde8f5, #cbdbef);
  background-image: linear-gradient(bottom, #dde8f5, #cbdbef);
}
.x-tab-bar-default-left {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(left, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(left, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(left, #dde8f5, #cbdbef);
  background-image: -ms-linear-gradient(left, #dde8f5, #cbdbef);
  background-image: linear-gradient(left, #dde8f5, #cbdbef);
}
.x-tab-bar-default-right {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(right, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(right, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(right, #dde8f5, #cbdbef);
  background-image: -ms-linear-gradient(right, #dde8f5, #cbdbef);
  background-image: linear-gradient(right, #dde8f5, #cbdbef);
}
.x-tab-bar-default .x-box-scroller {
  cursor: pointer;
}
.x-tab-bar-default .x-tabbar-scroll-left,
.x-tab-bar-default .x-tabbar-scroll-right {
  height: 20px;
  width: 18px;
}
.x-tab-bar-default .x-tabbar-scroll-top,
.x-tab-bar-default .x-tabbar-scroll-bottom {
  width: 20px;
  height: 18px;
}
.x-tab-bar-default-bottom .x-box-scroller {
  margin-top: 1px;
}
.x-tab-bar-default-right .x-box-scroller {
  margin-left: 1px;
}
.x-tab-bar-default .x-tabbar-scroll-left-hover,
.x-tab-bar-default .x-tabbar-scroll-right-hover {
  background-position: -18px 0;
}
.x-tab-bar-default .x-tabbar-scroll-top-hover,
.x-tab-bar-default .x-tabbar-scroll-bottom-hover {
  background-position: 0 -18px;
}
.x-tab-bar-default .x-box-scroller-disabled {
  opacity: 0.5;
  cursor: default;
}
.x-tab-bar-default-top:after {
  display: none;
}
.x-tab-bar-default-bottom:after {
  display: none;
}
.x-tab-bar-default-left:after {
  display: none;
}
.x-tab-bar-default-right:after {
  display: none;
}
.x-tab-bar-plain {
  border-width: 0;
  padding: 0;
  height: 23px;
}
.x-column-header-checkbox {
  border-color: #c5c5c5;
}
.x-grid-row-checker,
.x-column-header-checkbox .x-column-header-text {
  width: 13px;
  height: 13px;
  line-height: 13px;
}
.x-column-header-checkbox .x-column-header-inner {
  padding: 5px 5px 4px 5px;
}
.x-grid-cell-row-checker .x-grid-cell-inner {
  padding: 4px 5px 3px;
}
.x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-row-checker .x-grid-cell-inner {
  padding-top: 3px;
  padding-bottom: 2px;
}
.x-grid-hd-checker-on .x-column-header-text,
.x-grid-row-selected .x-grid-row-checker,
.x-grid-row-checked .x-grid-row-checker {
  background-position: 0 -13px;
}
.x-tree-expander {
  cursor: pointer;
}
.x-tree-arrows .x-tree-expander-over .x-tree-expander {
  background-position: -32px center;
}
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander {
  background-position: -16px center;
}
.x-tree-arrows .x-grid-tree-node-expanded .x-tree-expander-over .x-tree-expander {
  background-position: -48px center;
}
.x-tree-icon {
  width: 16px;
  height: 20px;
}
.x-tree-elbow-img {
  width: 16px;
  height: 20px;
  margin-right: 0;
}
.x-tree-icon,
.x-tree-elbow-img,
.x-tree-checkbox {
  margin-top: -3px;
  margin-bottom: -4px;
}
.x-tree-checkbox {
  margin-right: 3px;
  top: 4px;
  width: 13px;
  height: 13px;
}
.x-tree-checkbox-checked {
  background-position: 0 -13px;
}
.x-grid-cell-inner-treecolumn {
  *font-size: 1px;
}
.x-tree-node-text {
  *font-size: 11px;
  padding-left: 3px;
}
.x-grid-cell-inner-treecolumn {
  padding: 3px 6px 4px 0;
}
.x-tree-ddindicator {
  height: 1px;
  border-width: 1px 0 0;
  border-style: dotted;
  border-color: green;
}
.x-box-tl {
  background: transparent no-repeat 0 0;
  zoom: 1;
}
.x-box-tc {
  height: 8px;
  background: transparent repeat-x 0 0;
  overflow: hidden;
}
.x-box-tr {
  background: transparent no-repeat right -8px;
}
.x-box-ml {
  background: transparent repeat-y 0;
  padding-left: 4px;
  overflow: hidden;
  zoom: 1;
}
.x-box-mc {
  background: repeat-x 0 -16px;
  padding: 4px 10px;
}
.x-box-mc h3 {
  margin: 0 0 4px 0;
  zoom: 1;
}
.x-box-mr {
  background: transparent repeat-y right;
  padding-right: 4px;
  overflow: hidden;
}
.x-box-bl {
  background: transparent no-repeat 0 -16px;
  zoom: 1;
}
.x-box-bc {
  background: transparent repeat-x 0 -8px;
  height: 8px;
  overflow: hidden;
}
.x-box-br {
  background: transparent no-repeat right -24px;
}
.x-box-tl,
.x-box-bl {
  padding-left: 8px;
  overflow: hidden;
}
.x-box-tr,
.x-box-br {
  padding-right: 8px;
  overflow: hidden;
}
.x-box-mc {
  background-color: #eee;
  font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", sans-serif;
  color: #393939;
  font-size: 15px;
}
.x-box-mc h3 {
  font-size: 18px;
  font-weight: bold;
}
.x-box-blue .x-box-mc {
  background-color: #c3daf9;
}
.x-box-blue .x-box-mc h3 {
  color: #17385b;
}
.x-form-trigger {
  height: 22px;
}
.x-content-box .x-form-trigger {
  height: 21px;
}
.x-field-toolbar .x-form-trigger {
  height: 20px;
}
.x-content-box .x-field-toolbar .x-form-trigger {
  height: 19px;
}
.x-content-box div.x-form-spinner-up,
.x-content-box div.x-form-spinner-down {
  height: 10px;
}
.x-content-box .x-toolbar-item div.x-form-spinner-up,
.x-content-box .x-toolbar-item div.x-form-spinner-down {
  height: 9px;
}
.x-html-editor-wrap .x-toolbar {
  border-left-color: #b5b8c8;
  border-top-color: #b5b8c8;
  border-right-color: #b5b8c8;
}
.x-html-editor-input {
  border: 1px solid #b5b8c8;
  border-top-width: 0;
}
.x-column-header-trigger {
  background-color: #c5c5c5;
}
.x-content-box .x-grid-editor .x-form-trigger {
  height: 19px;
}
.x-content-box .x-grid-editor .x-form-spinner-up,
.x-content-box .x-grid-editor .x-form-spinner-down {
  height: 9px;
}
.x-accordion-hd {
  border-width: 1px 0 !important;
  box-shadow: inset 0 0 0 0 #d9e7f8;
}
.x-accordion-hd-sibling-expanded {
  box-shadow: inset 0 1px 0 0 #f3f7fb;
}
.x-resizable-handle-east-over,
.x-resizable-handle-west-over {
  background-position: left;
}
.x-resizable-handle-south-over,
.x-resizable-handle-north-over {
  background-position: top;
}
.x-resizable-handle-southeast-over {
  background-position: top left;
}
.x-resizable-handle-northwest-over {
  background-position: bottom right;
}
.x-resizable-handle-northeast-over {
  background-position: bottom left;
}
.x-resizable-handle-southwest-over {
  background-position: top right;
}
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-west {
  background-position: left;
}
.x-resizable-pinned .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-north {
  background-position: top;
}
.x-resizable-pinned .x-resizable-handle-southeast {
  background-position: top left;
}
.x-resizable-pinned .x-resizable-handle-northwest {
  background-position: bottom right;
}
.x-resizable-pinned .x-resizable-handle-northeast {
  background-position: bottom left;
}
.x-resizable-pinned .x-resizable-handle-southwest {
  background-position: top right;
}
.x-tab-icon-el {
  top: -1px;
}
.x-tab-noicon .x-tab-icon {
  display: none;
}
.headerWrapper .navbar-inner {
  /*---- layout.less ----*/
  position: relative;
  max-width: 1170px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pageWrapper {
  padding-top: 73px;
  position: relative;
  max-width: 1170px;
  margin: auto;
}
.pageWrapper.no-top-padding {
  padding-top: 0;
}
.layout-editor .pageWrapper {
  padding-top: 40px;
  max-width: 1270px;
}
.contentWrapper {
  padding: 30px 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.contentWrapper.no-top-padding {
  padding-top: 0;
}
.layout-editor .contentWrapper {
  width: 1270px;
}
.panel-app {
  margin-bottom: 30px;
  min-height: 500px;
}
.panel-app #pagesPanel .sectionInner {
  min-height: 700px;
}
[class*="column"] .sectionInner {
  border-radius: 0 0 4px 4px;
  min-height: 500px;
}
footer nav {
  padding-top: 7px;
}
footer nav a,
footer nav a:link,
footer nav a:visited {
  color: #505959;
}
.logo-wrapper {
  float: right;
}
.logo-wrapper img {
  height: 32px;
}
.layout-grid .sectionInner {
  padding: 0;
}
.layout-fullbleed .contentWrapper {
  width: 100%;
  padding: 10px 31px;
}
.isotope-item {
  /*---- effects.less ----*/
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
.panel-flowgrid.feeds.isotope {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
.panel-flowgrid.feeds.isotope .isotope-item {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
@keyframes reset {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: reset, fade-in;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
}
.fade-in.t1 {
  -webkit-animation-duration: 0.3s;
}
.fade-in.t2 {
  -webkit-animation-duration: 0.75s;
}
.fade-in.t3 {
  -webkit-animation-duration: 1s;
}
.fade-in.t4 {
  -webkit-animation-duration: 2s;
}
.fade-in.t5 {
  -webkit-animation-duration: 3s;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pulse-animation 30% {
  opacity: 0.8;
}
.pulse-animation 60% {
  opacity: 0.2;
}
.pulse-animation 100% {
  opacity: 1;
}
@-webkit-keyframes pulse {
  30% {
    opacity: 0.8;
  }
  60% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  30% {
    opacity: 0.8;
  }
  60% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes pulse {
  30% {
    opacity: 0.8;
  }
  60% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes pulse {
  30% {
    opacity: 0.8;
  }
  60% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse {
  30% {
    opacity: 0.8;
  }
  60% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.nav-list-secondary:last-of-type {
  margin-bottom: 20px;
  border-top: 1px solid #d9d9d9;
}
.nav-list-secondary {
  border-top: 1px solid #d9d9d9;
  padding-top: 10px;
}
.nav-list {
  padding-bottom: 10px;
  margin: 0;
}
.dropdown-menu {
  background-color: #989898;
}
.dropdown-menu li .action-icon::before {
  color: #ffffff;
}
.dropdown-menu::after {
  border-bottom-color: #989898;
}
.dropdown li,
.dropdown a {
  margin-right: 0;
  display: block;
}
.dropdown li[data-icon]:before,
.dropdown a[data-icon]:before {
  font-size: 24px;
  line-height: normal;
  vertical-align: middle;
}
.ui.menu.page-designer-header-container {
  padding-top: 1em;
}
.ui.menu.page-designer-header-container .component-controls {
  padding-top: 20px;
}
.component-controls .ui.menu .ui.dropdown .menu > .item {
  font-size: 1em !important;
  color: #364b5f;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu {
  top: 80% !important;
  border: none;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu:after {
  border-bottom-color: #7f7f7f;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu > .item {
  min-width: 190px;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu > a.item {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #505959 !important;
  line-height: 28px;
  padding: 3px 18px !important;
  font-size: 14px !important;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu > a.item [data-icon]::before {
  font-size: 14px;
  color: #394242;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu > a.item:link {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu > a.item:hover {
  background-color: #f7f7f7;
  background-image: none;
  color: #77d3c6 !important;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu > a.item:hover [data-icon]::before {
  color: #77d3c6;
}
.ui.main.menu .ui.simple.dropdown:hover > .menu > a.item.menu-split {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #989898;
}
.dropdown .link-m,
.dropdown .link-m:hover {
  background: #cfb641 !important;
  margin-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.dropdown .link-m a:hover,
.dropdown .link-m:hover a:hover,
.dropdown .link-m [data-icon]::before,
.dropdown .link-m:hover [data-icon]::before {
  color: #ffffff;
}
.ui.dropdown .ui.menu > .item.profile-mini,
.ui.dropdown .ui.menu > .item.profile-mini:hover,
.ui.dropdown .ui.menu > .item.experience-create,
.ui.dropdown .ui.menu > .item.experience-create:hover {
  line-height: 18px;
  background-color: #77d3c6 !important;
  color: #ffffff !important;
  margin-bottom: 0;
  padding: 12px 18px !important;
  border-radius: 0;
}
.ui.dropdown .ui.menu > .item.profile-mini > a:link,
.ui.dropdown .ui.menu > .item.profile-mini:hover > a:link,
.ui.dropdown .ui.menu > .item.experience-create > a:link,
.ui.dropdown .ui.menu > .item.experience-create:hover > a:link {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  color: #ffffff !important;
  text-align: left;
  text-transform: none !important;
}
.ui.dropdown .ui.menu > .item.profile-mini b,
.ui.dropdown .ui.menu > .item.profile-mini:hover b,
.ui.dropdown .ui.menu > .item.experience-create b,
.ui.dropdown .ui.menu > .item.experience-create:hover b {
  text-transform: uppercase;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.ui.dropdown .ui.menu > .item.experience-create {
  background-color: #ffffff !important;
  border-bottom: 1px solid #394242;
}
.ui.dropdown .ui.menu > .item.experience-create > a:link {
  color: #394242 !important;
}
.ui.dropdown .ui.menu > .item.experience-create > a:link b {
  line-height: 24px;
}
.ui.dropdown .ui.menu > .item.experience-create [data-icon] {
  font-size: 16px;
  line-height: 24px;
}
.ui.dropdown .ui.menu > .item.experience-create [data-icon]:before {
  vertical-align: top;
}
.ui.dropdown .ui.menu > .item.experience-create:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
  border-bottom: 1px solid #394242 !important;
}
.ui.dropdown .ui.menu > .item.experience-create:hover > a:link {
  color: #77d3c6 !important;
}
.item-profile {
  display: block;
}
.profile-name {
  font-weight: bold;
  font-size: 16px;
}
.profile-email {
  font-size: 12px;
}
.profile-role {
  font-size: 10px;
}
.dropdown > a:link,
.dropdown > a:visited {
  color: #77d3c6;
  outline: none;
}
.hint-shown .navbar-header a:link,
.hint-shown .navbar-header a:visited,
.hint-shown .navbar-header a .avatar {
  color: #666666;
  fill: #666666;
}
.hint-shown .navbar-header a:hover {
  color: #77d3c6;
}
.avatar:not(.ck) {
  width: 32px;
  height: 32px;
  fill: #394242;
  vertical-align: middle;
}
.ui.menu .item {
  border: none;
}
.ui.menu {
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
  border-color: transparent;
  box-shadow: none;
}
.ui.menu .item > a:link,
.ui.menu .item > a:visited,
.ui.menu a.item:link,
.ui.menu a.item:visited {
  color: #394242;
  fill: #394242;
  text-decoration: none;
}
.ui.menu .item > a:hover,
.ui.menu a.item:hover,
.ui.menu .item > a.current {
  color: #3ec0ad;
  background: transparent;
}
.ui.menu .dropdown.item:hover,
.ui.menu a.item:hover {
  background: transparent;
}
.ui.menu > .container {
  width: 1170px;
  padding: 0;
}
.ui.menu > .container > .menu {
  font-size: 15px;
  margin-top: 7px;
}
.ui.menu > .container > .menu.icon .item {
  padding: 7px 5px;
  margin-right: 0;
}
.ui.menu > .container > .menu.icon [data-icon] {
  font-size: 24px;
  margin-right: 8px;
}
.ui.menu > .container > .menu .item {
  padding: 7px 10px;
  text-transform: uppercase;
  color: #394242;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  margin-bottom: -2px;
  border: none;
  border-bottom: 3px solid transparent;
  margin-right: 10px;
}
.ui.menu > .container > .menu .item.active,
.ui.menu > .container > .menu .item.current,
.ui.menu > .container > .menu .item:hover {
  border-bottom-color: #3ec0ad;
  color: #3ec0ad;
}
.ui.menu > .container > .menu .item.no-hover {
  color: #3ec0ad !important;
}
.ui.menu > .container > .menu .ui.simple.dropdown:hover .item.link-m {
  background: #e0e200 !important;
  color: #ffffff !important;
}
.ui.menu > .container > .menu .ui.simple.dropdown:hover .item.link-m:hover,
.ui.menu > .container > .menu .ui.simple.dropdown:hover .item.link-m [data-icon]::before {
  color: #ffffff !important;
  background: #e0e200 !important;
}
.ui.menu > .container > .menu .ui.simple.dropdown:hover .item.active,
.ui.menu > .container > .menu .ui.simple.dropdown:hover .item.current,
.ui.menu > .container > .menu .ui.simple.dropdown:hover .item:hover {
  border-bottom-color: transparent;
}
.ui.menu > .container .ui.menu.fill {
  flex: 1;
}
.main.menu {
  padding-top: 7px;
  border-top: 0.3rem solid #77d3c6;
  border-bottom: 1px #e8ebeb solid;
  background-color: #f5f5f5;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  -ms-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.main.menu .container > .menu {
  margin-top: 0px;
}
.main.menu .container > .menu.nav-account {
  margin-top: 7px;
  margin-bottom: 7px;
}
.main.menu .container > .menu.nav-account .item {
  border-bottom: 0px;
}
/* turn off the bg of header for items that are inside an overlay, otherwise the body 'hasScrolled' will affect them and when body is scrolled, the overlay will always show the header bg */
.overlayMask .main.menu {
  background-color: transparent !important;
  border-bottom: none;
  box-shadow: none !important;
}
/* when the overlay mask is scrolled, show what's needed */
.overlayMask.hasScrolled .main.menu,
.overlayMask.highlight .main.menu {
  background-color: #182027 !important;
  border-bottom: none;
  box-shadow: 0 5px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1) !important;
}
.navPanel .ui.menu.nav-list-channels {
  margin-top: 5em;
}
.navPanel .secondary.menu {
  width: 21rem;
}
.navPanel .secondary.menu:last-of-type {
  margin-bottom: 1em !important;
}
.navPanel .secondary.menu.pointing {
  box-shadow: none;
  background: transparent;
}
.navPanel .secondary.menu.pointing a.item {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: none;
  border-left: 1px transparent solid;
  padding-left: 15px !important;
  padding-bottom: 12px;
  padding-top: 12px;
}
.navPanel .secondary.menu.pointing .item.active,
.navPanel .secondary.menu.pointing .item.current,
.navPanel .secondary.menu.pointing .item:hover,
.navPanel .secondary.menu.pointing a.item:active {
  border-color: #77d3c6;
  color: #77d3c6;
  margin-left: 0;
}
.navPanel .secondary.menu .item {
  padding-left: 15px;
  margin: 8px 0;
}
.navPanel .secondary.menu .item [data-icon]::before {
  font-size: 24px;
  margin-right: 10px;
}
.navPanel .secondary.menu.divided {
  border-top: 1px solid #e8ebeb;
  margin-top: 1rem;
  margin-bottom: -1rem;
  padding: 0.5em 0;
}
.nav-quick {
  margin-right: 10px !important;
  padding-right: 15px;
}
.nav-global {
  padding-left: 10px;
}
.nav-account {
  margin-right: 0 !important;
  border-left: 1px solid #e8ebeb;
}
.nav-account .item {
  margin-right: 0 !important;
}
.nav-account .ui.dropdown .menu > .divider,
.nav-utility .ui.dropdown .menu > .divider {
  margin: 0;
}
.nav-utility .item > a[data-icon='?'] {
  margin-left: -7px;
}
.nav-utility .ui.simple.right.dropdown.item {
  border-left-color: transparent;
}
.ui.menu > .container > .nav-utility.menu .item:hover {
  border-bottom-color: transparent;
}
.hasScrolled .main.menu:not(.global-navigation),
.highlight .main.menu {
  border-bottom: none;
  box-shadow: 2px 1px 3px rgba(0,0,0,.2), inset 0 -1px 0 rgba(0,0,0,.1);
}
.ui.menu .item.filter {
  padding-left: 5px;
  padding-right: 5px;
}
.ui.menu.fixed {
  -webkit-transform: translateZ(0);
}
.form-group {
  /*---- forms.less ----*/
  padding: 2em 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  position: relative;
}
.form-group label {
  text-transform: uppercase;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 0 10px;
}
.form-group:hover .form-control:not([disabled]),
.form-group .form-control:focus {
  border-bottom: 1px dotted #77d3c6;
  border-radius: 0;
  box-shadow: none;
}
.form-group .dialog-confirm {
  padding: 2em 5em;
}
.form-control {
  background: transparent;
  border: none;
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 36px;
  height: auto;
  box-shadow: none;
  border-bottom: 1px transparent solid;
  padding: 0 10px 0 0;
}
.form-control[disabled] {
  color: #888;
  border-bottom-color: transparent;
}
.form-control-static {
  padding: 0 10px;
}
.form-settings-theme .icon {
  font-size: 3.5em;
}
.fileinput-button {
  overflow: hidden;
  position: relative;
  margin-top: 1.5em;
}
.fileinput-button input {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 200px;
  cursor: pointer;
}
.form-activate .no-margin {
  margin: 0;
}
.form-activate .pwdcontainer .x-template-radio-box-wrapper {
  padding: 4px 0 5px 7.5px;
}
.form-activate .pwdcontainer .x-template-radio-box-wrapper .radio-icon-wrapper {
  margin-right: 5px;
}
.form-activate .pwdcontainer .x-template-radio-box-wrapper {
  margin: 0 0 0 -41px;
}
.form-activate .pwdcontainer .x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon,
.form-activate .pwdcontainer .x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.97);
}
.form-activate .pwdcontainer .x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon .radio-icon-selected,
.form-activate .pwdcontainer .x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected .radio-icon-selected {
  left: 15px;
}
.form-activate .pwdcontainer .x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon i,
.form-activate .pwdcontainer .x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected i {
  top: calc(50% - 6px);
  font-size: 20px;
  color: black;
}
.form-activate .auth-progressbar.forcechange {
  margin: auto;
  right: 29px;
}
.form-activate .auth-progressbar.activepwd {
  margin-left: auto;
  margin-right: 7.5px;
  margin-bottom: 15px;
}
.form-activate .auth-progressbar.bad .x-progress-bar {
  background-color: #f89406;
}
.form-activate .auth-progressbar.poor .x-progress-bar {
  background-color: #f89406;
}
.form-activate .auth-progressbar.average .x-progress-bar {
  background-color: #ffc40d;
}
.form-activate .auth-progressbar.good .x-progress-bar {
  background-color: #8cae52;
}
.form-activate .auth-progressbar.excellent .x-progress-bar {
  background-color: #46a546;
}
.helpText {
  /*---- components.less ----*/
  padding-bottom: 30px;
}
.help-text {
  line-height: 1.7;
  font-size: 1.2rem;
  color: #b2b8b8;
}
.help-screen__content {
  max-width: 800px;
  margin: 0 auto;
}
.panel-list {
  overflow: hidden;
}
.panel-list .object {
  margin-bottom: 20px;
  border-radius: 2px;
}
.panel-list .object [class*='span'] {
  border-right: 1px solid #4d4d4d;
  margin-left: 29px;
  height: 156px;
}
.panel-list .object [class*='span']:last-child {
  border-right: 0;
}
.filters {
  display: inline-block;
  margin-top: 0.5em;
  font-family: 'Roboto Medium', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.filters ul {
  display: inline-block;
}
.filters .filter {
  margin-right: 0;
  display: inline-block;
  list-style: none;
}
.filters .filter.border-left {
  border-left: 1px solid #e8ebeb;
  padding-left: 10px;
}
.filters .btn {
  color: #ffffff;
  padding: 0.6em 0.8em 0.5em;
}
.filters.filter-link {
  box-shadow: none;
  border-radius: 0;
}
.filters .filter-link.btn {
  font-family: 'Roboto Medium', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #e8ebeb;
  padding: 0 0.5rem 2rem 0.5rem;
  margin: 0 1.5rem;
  font-size: 16px;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  font-weight: normal;
}
.filters .filter-link.btn.active,
.filters .filter-link.btn:hover {
  box-shadow: none;
}
.filters .filter-link.btn:hover.active,
.filters .filter-link.btn:hover {
  text-decoration: none;
  border-bottom-color: #394242;
}
.filters .filter-link.btn.active {
  text-decoration: none;
  border-bottom-color: #5eccca;
  font-weight: bold;
}
.filters.disabled {
  -webkit-filter: grayscale(100%);
  opacity: 0.3;
}
.actionPanel,
.summaryPanel,
.helpPanel {
  background: #ffffff;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 15px;
}
.actionPanel ul,
.summaryPanel ul,
.helpPanel ul {
  padding: 12px;
  list-style: none;
}
.actionPanel ul:nth-child(3),
.summaryPanel ul:nth-child(3),
.helpPanel ul:nth-child(3) {
  border-top: 1px solid #b2b8b8;
}
.actionPanel li.selected a,
.summaryPanel li.selected a,
.helpPanel li.selected a,
.actionPanel li a.current,
.summaryPanel li a.current,
.helpPanel li a.current {
  color: #77d3c6;
}
.actionPanel li.hidden,
.summaryPanel li.hidden,
.helpPanel li.hidden {
  display: none;
}
.actionPanel a:link,
.summaryPanel a:link,
.helpPanel a:link,
.actionPanel a:visited,
.summaryPanel a:visited,
.helpPanel a:visited {
  padding: 4px 0;
  display: block;
  font-size: 14px;
  color: #505959;
}
.actionPanel a:hover,
.summaryPanel a:hover,
.helpPanel a:hover {
  color: #3ec0ad;
}
.actionPanel a[data-icon]:before,
.summaryPanel a[data-icon]:before,
.helpPanel a[data-icon]:before {
  font-size: 16px;
  margin-bottom: 2px;
}
.helpPanel ul {
  margin: 0;
  padding-top: 0;
  list-style: none;
}
.helpPanel a:link,
.helpPanel a:visited {
  font-size: 14px;
  display: inline;
  text-decoration: underline;
}
.helpPanel p {
  padding: 10px 0 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  color: #4f667b;
}
.summaryPanel li {
  margin: 10px 0;
}
.summaryPanel li img {
  margin-right: 10px;
}
summary {
  padding: 12px;
  display: block;
  outline: none;
}
.actionPanel[open] ul,
.summaryPanel[open] ul,
.helpPanel[open] ul {
  border-top: 1px solid #e8ebeb;
}
.actionPanel[open] span.panelSummary:after,
.summaryPanel[open] span.panelSummary:after,
.helpPanel[open] span.panelSummary:after {
  content: '(' !important;
}
.actionPanel summary,
.summaryPanel summary,
.helpPanel summary {
  cursor: pointer;
}
.actionPanel summary:hover,
.summaryPanel summary:hover,
.helpPanel summary:hover {
  color: #77d3c6;
}
.actionPanel summary span.panelSummary:after,
.summaryPanel summary span.panelSummary:after,
.helpPanel summary span.panelSummary:after {
  content: '>' !important;
  font-family: EngVetica;
  float: right;
  margin-top: 2px;
}
.helpPanel[open] span {
  padding: 10px;
}
summary::-webkit-details-marker {
  display: none;
}
.panel-app header.sectionHeaderSmall {
  padding: 28px 20px 0;
}
.sectionHeaderSmall .campaignHeaderLiveWrapper {
  float: right;
  border-left: 1px solid #666;
  padding: 20px 0 20px 20px;
  margin-top: -28px;
}
.liveButton {
  border-radius: 2px;
  padding: 10px 5px 10px 15px;
  border: none;
  color: #fff;
  background: #77d3c6;
}
.sectionHeaderSmall .insightsDateSlider {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  float: right;
  margin-right: 10px;
  line-height: 22px;
}
.sectionHeader .complexActions {
  float: right;
  padding: 0 0 0 10px;
}
.sectionHeader.complexAppHeader {
  border-bottom: 0;
}
/********	Non-select Lozenge	********/
.lozenge {
  clear: both;
  position: relative;
  padding: 20px;
  margin: 10px 0;
  min-height: 150px;
  background-color: #313131;
  border-radius: 2px;
  text-align: right;
}
.lozenge.pickChannelDisplayObjects {
  margin: 8px 0;
}
.lozenge.messageChannels {
  text-align: left;
  margin: 0 40px 20px;
}
#channelList {
  display: inline;
  float: right;
  max-width: 600px;
  padding-left: 10px;
  text-align: left;
}
.messageChannels #channelList {
  max-width: 900px;
  float: left;
}
#channelList li {
  float: right;
  margin: 10px;
  width: 160px;
}
.displayObjectImgContainer {
  text-align: center;
}
.lozenge .lozInfo,
.lozenge .lozInfo .lozInfoContent,
.lozenge .lozInfo img {
  float: left;
  text-align: left;
}
.lozenge .lozInfo {
  min-width: 200px;
}
.lozenge .lozInfo i {
  font-size: 46px;
}
.lozenge .lozInfo img {
  margin-right: 10px;
}
.lozenge .lozInfo h2 {
  font-size: 30px;
}
.title-overview-headline,
.ngx-form-heading-headline,
.component h1 {
  color: #394242;
  font-size: 18px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: normal;
}
.title-overview-byline,
.ngx-form-heading-byline,
.component p {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  color: #8d9494;
}
.x-window .title-overview-headline,
.x-window .ngx-form-heading-headline,
.x-window .component h1 {
  color: #ffffff;
}
.x-window .title-overview-byline,
.x-window .ngx-form-heading-byline,
.x-window .component p {
  color: #8d9494;
}
.ngx-form-heading-byline {
  margin-top: 1rem;
}
.component {
  /*---- console.less ----*/
  *zoom: 1;
  padding: 35px;
  border-bottom: 1px solid #e8ebeb;
  margin: 0;
}
.component:before,
.component:after {
  display: table;
  content: "";
  line-height: 0;
}
.component:after {
  clear: both;
}
.component.nopad {
  padding: 0;
}
.component.component--no_right_padding {
  padding-right: 0;
}
.component.component.noborder {
  border-width: 0;
}
.small-component {
  padding: 20px 35px;
}
.component:last-child {
  border-bottom-width: 0;
}
.panel-app .ngx-panel form.x-panel-body {
  border-top: 0;
}
[class*='selector-'] {
  border: 2px solid transparent;
  border-radius: 2px;
  /*---- console.less ----*/
  *zoom: 1;
  padding: 10px;
  margin: 10px;
}
[class*='selector-']:before,
[class*='selector-']:after {
  display: table;
  content: "";
  line-height: 0;
}
[class*='selector-']:after {
  clear: both;
}
[class*='selector-'].selected {
  border-color: #77d3c6;
}
.selector-icon {
  display: inline-block;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  max-width: 250px;
  vertical-align: top;
}
.selector-icon * {
  cursor: pointer;
}
.selector-row {
  cursor: pointer;
}
.btn {
  border-radius: 2px;
  border: none;
  text-decoration: none;
  text-shadow: none;
}
.btn-icon {
  padding-right: 20px;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.btn-icon:link,
.btn-icon:visited {
  color: #111;
  text-decoration: none;
}
.btn.btn-complex {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 20px;
  padding: 10px;
  border-top: none;
  box-shadow: none;
  text-shadow: none;
  text-transform: lowercase;
  color: #989898;
  background: transparent;
}
.btn.btn-complex:before {
  position: relative;
  top: 3px;
}
.btn.btn-complex:hover {
  color: #ffffff;
}
.sso-right-align-container {
  justify-content: flex-end;
  flex-direction: column;
  display: flex;
  align-items: flex-end;
  padding: 15px 0;
}
.sso-right-align-container a.btn-sso {
  margin: 15px 0;
}
.btn.btn-accent {
  background: #77d3c6;
  color: #ffffff;
}
.btn.btn-accent:hover {
  background: #31998a;
  color: #ffffff;
}
.btn.btn-accent.btn-sso {
  font: normal 12px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif, 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 9px 0px 10px 7px;
}
.btn.btn-accent.btn-sso.btn-sso-login {
  margin: 35px calc(50% - 35px) 0 0;
  float: right;
}
.btn.btn-accent.btn-sso .btn-label {
  padding-right: 5px;
  line-height: 18px;
}
.btn.btn-accent.btn-sso .btn-icon {
  font-size: 15px;
}
.btn.btn-accent-gray {
  background: #989898;
  color: #ffffff;
}
.btn.btn-accent-gray:hover {
  background: #727272;
  color: #ffffff;
}
.btn.btn-medium {
  padding: 10px 14px;
  font-size: 16px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: lowercase;
}
.btn-medium i[data-icon]::before {
  line-height: 10px;
}
.component-title {
  padding-bottom: 20px;
}
.component-details {
  margin: 0 0 20px 0;
}
.component-details .component-title {
  font: 36px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.component-details .component-title.campaign-form-name {
  font-size: 24px;
  font-weight: 100;
}
.component-details .component-title.campaign-form-name.component-title {
  padding-bottom: 10px;
}
.component-details .component-meta {
  font: 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #9c9c9c;
}
.component-details .component-meta.campaign-page-meta {
  display: inline-block;
  border-right: 1px solid #4f667b;
  padding-right: 10px;
}
.component-details .component-meta.campaign-page-meta:last-child {
  border-right-width: 0;
  padding-left: 7px;
}
.component-btn-defaults {
  cursor: pointer;
  padding: 10px;
  font: normal 15px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  border-radius: 2px;
}
.component-btn-defaults button {
  height: 24px;
}
.component-btn-defaults a {
  height: 24px;
}
.component-btn-defaults:hover,
.component-btn-defaultsi:hover {
  color: white;
}
.component-row .ui.grid {
  margin: 0;
}
.ui.component-controls.icon.menu [data-icon]:before {
  font-size: 24px;
  cursor: pointer;
  padding-right: 0;
}
.ui.component-controls.icon.menu .item {
  padding: 0 10px;
}
.ui.component-controls.icon.menu .attr-meta {
  padding: 0;
}
.ui.simple.right.dropdown.item {
  padding: 0;
  border-left: 1px solid #d4d9d9;
  margin-left: 5px !important;
}
.ui.right.dropdown.link.item {
  padding-right: 0;
}
.component-controls li {
  display: inline-block;
  list-style: none;
  cursor: pointer;
}
.component-controls li a {
  text-decoration: none;
  color: #394242;
}
.component-controls li.ui.button.outline:hover {
  color: #394242;
}
.component-controls .component-control-btn {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  vertical-align: middle;
  cursor: pointer;
  padding: 10px;
  font: normal 15px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  border-radius: 2px;
  margin-right: 0;
  margin-left: 10px;
  text-shadow: none;
}
.component-controls .component-control-btn.hidden {
  display: none;
}
.component-controls .component-control-btn button {
  height: 24px;
}
.component-controls .component-control-btn a {
  height: 24px;
}
.component-controls .component-control-btn:hover,
.component-controls .component-control-btni:hover {
  color: white;
}
.component-controls .component-control-btn.btn-primary + .component-control-btn {
  margin-left: 0;
  border-radius: 0;
}
.component-controls .component-control-btn.dropdown {
  padding-left: 10px;
}
.component-controls .component-control-btn[data-icon]:before {
  font-size: 16px;
  padding: 0 5px 0 0;
  vertical-align: middle;
}
.component-controls .component-control-btn.btn-icon-only {
  padding: 5px 2px;
  margin: 0;
}
.component-controls .component-control-btn.btn-icon-only[data-icon]:before {
  text-align: center;
  font-size: 24px;
  line-height: normal;
  vertical-align: middle;
  padding: 5px;
}
.component-controls .component-control-btn.btn-icon-only.btn-blue {
  padding: 4px 5px 2px 4px;
}
.component-controls .component-control-btn.dropdown {
  border-radius: 0 2px 2px 0;
  margin-left: 15px;
}
.component-controls .component-control-btn.border-left {
  border-left: 1px solid #ccc;
  padding: 5px;
  border-radius: 0;
}
.component-controls .component-control-btn.border-right {
  border-right: 1px solid #ccc;
  padding-right: 10px;
  border-radius: 0;
}
.component-controls .component-control-btn:hover,
.component-controls .component-control-btn a:hover {
  color: #ffffff;
}
.component-controls .component-control-btn.btn-small {
  font: normal 10px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.component-controls .component-control-btn.btn-blue {
  color: #77d3c6;
  border: 1px solid;
}
.component-controls .component-control-btn.btn-blue:hover {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #ffffff;
}
.component-controls .component-control-btn.btn-blue.disabled,
.component-controls .component-control-btn.btn-blue.disabled:hover {
  background-color: #ccc;
  cursor: default;
}
.component-controls .component-control-btn.btn-green {
  background-color: #157841;
  color: #fff;
}
.component-controls .component-control-btn.btn-green:hover {
  background-color: #062112;
}
.component-controls .component-control-btn.btn-orange {
  background-color: #f89406;
  color: #fff;
}
.component-controls .component-control-btn.btn-orange:hover {
  background-color: #945904;
}
.component-controls .component-control-btn.btn-gray {
  background-color: transparent;
  color: #394242;
}
.component-controls .component-control-btn.btn-gray:hover {
  color: #394242;
  background-color: #d8f2ee;
}
.component-controls .component-control-btn.btn-clear {
  background-color: transparent;
  color: #666;
}
.component-controls .component-control-btn.btn-clear:hover {
  color: #ffffff;
  background-color: transparent;
}
.component-controls .component-control-btn.btn-white {
  background-color: transparent;
  color: #404040;
}
.component-controls .component-control-btn.btn-white:hover {
  color: #ffffff;
  background-color: #989898;
}
.component-controls .component-control-btn.btn-dark {
  color: #394242 !important;
}
.component-controls .component-control-btn.btn-dark:hover {
  color: #3ec0ad !important;
}
.component-controls .component-control-btn.btn-dark.disabled,
.component-controls .component-control-btn.btn-dark.disabled:hover {
  color: #b2b8b8;
  cursor: default;
}
.component-controls .component-control-btn.btn-dotted {
  background-color: transparent;
  border: 1px dotted;
  padding: 5px;
  border-radius: 2px;
}
.component-controls .component-control-btn.btn-dashed {
  background-color: transparent;
  border: 1px dashed;
  padding: 5px;
  border-radius: 2px;
}
.component-controls .component-control-btn.btn-dashed:hover {
  color: #ffffff;
  background-color: #77d3c6;
  border: 1px solid #77d3c6;
}
.component-controls .component-control-btn.btn-dashed:active {
  color: #ffffff;
  background-color: #38ac9c;
  border: 1px solid #38ac9c;
}
.component-controls .component-control-btn.selected {
  background-color: #31998a;
  cursor: default;
}
.component-controls .component-control-btn .btn-text {
  margin-left: 5px;
}
.component-controls .component-control-btn.text-below span,
.component-controls .component-control-btn.text-below div {
  display: block;
}
.component-controls .component-control-btn.xxl {
  padding: 30px;
  font-size: 40px;
}
.component-controls .component-control-btn.xxl:before {
  font-size: 40px;
}
.component-controls .dropdown .dropdown-menu {
  border: 0 solid transparent;
}
.component-controls .dropdown .dropdown-menu:before {
  border-right: 0 solid transparent;
  border-left: 0 solid transparent;
  right: 34%;
  left: auto;
}
.component-controls .dropdown .dropdown-menu:after {
  right: 35%;
  left: auto;
}
.component-controls .dropdown .dropdown-menu .dropdown-control-btn.hidden {
  display: none;
}
.component-controls:first-of-type li {
  margin: 0;
}
.component-controls.align-right li {
  margin: 0 0 0 10px;
}
.component-controls.align-right:first-of-type li {
  margin-left: 10px;
}
.sectionHeader .component-controls {
  margin: 0;
}
.sectionHeader .component-controls.align-right .component-control-btn {
  margin: 0 0 0 10px;
}
.component-controls.campaign-add.align-right li {
  margin: 0 0 0 8px;
}
.component-controls.campaign-add.align-right:first-of-type li {
  margin: 0;
}
.header-control .component-controls {
  margin-bottom: 0;
}
.header-control .component-controls .component-control-btn [data-icon]:before {
  width: 24px;
  padding-right: 0;
  text-align: center;
  font-size: 16px;
  height: 24px;
}
.ngx-campaign-advanced-settings .ngx-advanced-setting-fieldset {
  overflow: visible;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.ngx-campaign-advanced-settings .ngx-advanced-setting-fieldset.ngx-fieldset-expanded .x-fieldset-body,
.ngx-campaign-advanced-settings .ngx-advanced-setting-fieldset.ngx-fieldset-expanded legend {
  background-color: rgba(232, 232, 235, 0.6);
}
.ngx-campaign-advanced-settings .ngx-hbox-overline,
.ngx-campaign-advanced-settings .ngx-container-cmp {
  border-color: #ffffff !important;
}
.campaign-summary-section {
  padding: 0 20px 20px;
}
.campaign-summary-section .iconDefaults {
  padding: 15px;
  margin-right: 10px;
  border-radius: 2px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.campaign-summary-section .headingDefaults {
  margin: 0 0 10px 0;
}
.campaign-summary-section .campaign-summary-list li.campaign-summary-item:before {
  content: '>';
  font-family: EngVetica;
  color: #ccc;
  margin-right: 10px;
}
.campaign-summary-section .campaign-summary-list li.campaign-summary-item span {
  line-height: 30px;
}
.campaign-summary-section .campaign-summary-list li.campaign-summary-item span[data-action] {
  cursor: pointer;
}
.campaign-summary-section .campaign-summary-byline {
  margin: 0 0 20px 0;
}
.campaign-summary-section.section-required h1.campaign-summary-title {
  margin: 0 0 10px 0;
}
.campaign-summary-section.section-required h1.campaign-summary-title:before {
  content: '´';
  background-color: #e3713a;
  padding: 15px;
  margin-right: 10px;
  border-radius: 2px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.campaign-summary-section.section-recommended h1.campaign-summary-title {
  margin: 0 0 10px 0;
}
.campaign-summary-section.section-recommended h1.campaign-summary-title:before {
  content: 'œ';
  background-color: #77d3c6;
  padding: 15px;
  margin-right: 10px;
  border-radius: 2px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.campaign-summary-section.section-done h1.campaign-summary-title {
  margin: 0 0 10px 0;
}
.campaign-summary-section.section-done h1.campaign-summary-title:before {
  content: '∞';
  background-color: #157841;
  padding: 15px;
  margin-right: 10px;
  border-radius: 2px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.component-control-box {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.component-control-box .component-control-sub-text {
  text-align: center;
  color: #8d9494;
  margin-bottom: 10px;
}
.component-control-box.component-link-strip {
  display: block;
  padding: 0;
  margin: 0;
}
.component-control-box.component-link-strip .component-controls .component-control-btn {
  font: 400 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.component-control-box .disabled-form-actions {
  opacity: 0.5;
  cursor: not-allowed;
}
.component-control-box .disabled-form-actions .action-btn {
  pointer-events: none;
}
.campaign-phase-view .component-controls .component-control-btn.drag-page {
  color: #e8ebeb;
}
.campaign-phase-view .object-cPage:hover .component-controls .component-control-btn.drag-page {
  color: #d9d9d9;
}
.campaign-phase-view {
  border-top: 2px dashed #ccc;
  padding: 20px 0;
}
.campaign-phase-view:first-of-type {
  border-top-color: transparent;
}
.object-cPage.campaign-phase-page {
  padding: 10px 0;
  margin-top: 0;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 2px dashed transparent;
}
.object-cPage.campaign-phase-page .component-box {
  margin-right: 20px;
  float: left;
}
.object-cPage.campaign-phase-page.view-drag-highlight {
  border-bottom-color: #77d3c6;
}
.object-cPage.campaign-phase-page .v-center {
  height: 154px;
  text-align: right;
}
.selector-account,
.selector-display-unit {
  padding: 20px;
}
.selector-account:hover,
.selector-display-unit:hover {
  background: #77d3c6;
}
.selector-account:hover h2,
.selector-display-unit:hover h2 {
  color: #ffffff;
}
.selector-account h2,
.selector-account p,
.selector-display-unit h2,
.selector-display-unit p {
  margin: 0;
}
.selector-account div:last-child,
.selector-display-unit div:last-child {
  text-align: right;
}
.selector-account .btn.btn-login,
.selector-display-unit .btn.btn-login {
  padding: 10px 10px 10px 20px;
}
.btn.disabled {
  opacity: 0.6;
}
.action-icon {
  line-height: 24px;
  font-style: normal;
  cursor: pointer;
  color: #77d3c6;
  text-align: center;
  display: inline-block;
}
.action-icon:hover,
.action-icon[data-icon]:hover:before {
  color: #3ec0ad;
}
.action-icon[data-icon]::before,
.toolbar-action-icon[data-icon]::before {
  padding: 0;
  font-size: 24px;
  color: #404040;
}
.toolbar-action-icon[data-icon]::before {
  background-position: 1px 1px;
  vertical-align: middle;
  padding-right: 5px;
}
.action-icon span {
  color: #ffffff;
}
.widgetButton a:link,
.funnelItemContainer a:link {
  text-decoration: none;
}
.widgetButton.bookmarklet,
.funnelItemContainer.bookmarklet {
  border: 2px dotted #d4d9d9;
  border-radius: 4px;
  padding: 2px 5px 2px 4px;
}
.displayObjectControls .widgetButton.hide {
  display: none;
}
.attr-meta .boxout {
  width: auto;
  height: auto;
  line-height: inherit;
  text-transform: uppercase;
  margin-right: 5px;
  padding: 4px;
}
.attr-meta .boxout.live {
  background-color: #157841;
  color: #ffffff;
}
.attr-meta .boxout.ready {
  background-color: #e0e200;
  color: #394242;
}
.attr-meta .boxout.scheduled {
  background-color: #8bd8f0;
  color: #394242;
}
.attr-meta .boxout.draft {
  background-color: #e0e200;
  color: #394242;
}
.attr-meta .boxout.expired {
  background-color: #ee2f19;
  color: #ffffff;
}
.boxout {
  padding: 4px;
}
.boxout.live {
  background-color: #157841;
  color: #ffffff;
}
.boxout.ready {
  background-color: #e0e200;
  color: #394242;
}
.boxout.scheduled {
  background-color: #8bd8f0;
  color: #394242;
}
.boxout.draft {
  background-color: #e0e200;
  color: #394242;
}
.boxout.expired {
  background-color: #ee2f19;
  color: #ffffff;
}
.attr-meta {
  display: inline-block;
  padding: 5px 10px;
}
.sectionHeaderSmall .campaignHeaderLiveWrapper .btn {
  padding: 10px 0 10px 15px;
  font-size: 18px;
  text-transform: lowercase;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.sectionHeaderSmall .campaignHeaderLiveWrapper .btn {
  padding: 10px 15px;
}
.action-quick > div {
  float: left;
  max-width: 360px;
  margin-bottom: 20px;
}
.action-quick i[data-icon] {
  width: 48px;
  height: 48px;
  font-size: 32px;
  text-align: center;
  float: left;
  padding-right: 10px;
}
.action-quick i[data-icon]:before {
  padding: 0 10px;
}
.action-quick strong {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.action-quick img,
.action-quick i[data-icon] {
  margin-right: 0;
}
.action-quick .media:hover i[data-icon]:before,
.action-quick .media:hover a:link,
.action-quick .media:hover a:visited,
.action-quick .media:hover .media-body strong {
  color: #37b8b5;
}
.action-quick .media:hover .media-body p {
  color: #3ec0ad;
}
.action-quick .media-body {
  overflow: auto;
}
.panel-actions .li {
  display: inline-block;
}
.component-creator {
  padding: 0;
  margin: 0;
}
.component-creator .panel-actions {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #555;
  min-height: 120px;
}
.component-creator .row:last-child .panel-actions {
  border-bottom: 0;
}
.component-creator .panel-actions h2 {
  font-size: 36px;
  color: #ffffff;
  text-transform: lowercase;
  margin: 20px 0 10px 0;
}
.component-creator .panel-actions .header p {
  color: #bbb;
  font-size: 12px;
  margin: 0;
}
.component-creator .panel-actions .header p {
  width: 80%;
}
#audienceMemberContainer.fb-post {
  padding: 40px 0;
}
#audienceMemberContainer.achievement {
  padding: 40px 0;
}
#audienceMemberAchievementContainer {
  padding: 40px 0;
}
#filters-audience.filters li {
  margin: 0 0 0 10px;
}
.audienceSection {
  width: 1100px;
}
.audienceSection.sectionInner {
  background-color: transparent;
}
.component-audience-timline .statBox {
  width: 120px;
  height: 90px;
  margin: 20px 10px;
  padding: 40px 10px 0;
  float: left;
  text-align: center;
}
.component-audience-timline .statBox p {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
}
.component-campaignobject-campaign-pages .component-title.campaign-page-name,
.component-campaignobject-campaign-pages .component-title.campaign-page-meta {
  padding: 0 0 5px;
  font-size: 16px;
}
.component-campaignobject-campaign-pages .component-title.campaign-page-heading {
  padding: 0 0 20px;
}
.component-campaignobject-campaign-pages .campaign-page-details {
  float: left;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.component-campaignobject-campaign-pages .campaign-phase-main {
  width: 600px;
  display: inline-block;
  clear: both;
}
.component-campaignobject-campaign-pages .campaign-phase-controls {
  display: inline-block;
  clear: both;
}
.component-campaignobject-checklist li {
  list-style-type: square;
  color: #bbb;
}
.component-campaignobject-checklist li span {
  margin: 2px 0;
  font-size: 16px;
}
.component-campaignobject-manage-form {
  border-bottom-width: 0 !important;
}
.component-campaignobject-manage-form .component-details .component-meta.campaign-form-meta {
  padding-left: 0;
  display: inline-block;
  border-right: 1px solid #9c9c9c;
  padding-right: 7px;
}
.component-campaignobject-manage-form .component-details .component-meta.campaign-form-meta:last-child {
  border-right-width: 0;
  padding-left: 3px;
}
.component-campaignobject-manage-form .campaign-form-details {
  max-width: 300px;
}
.component-campaignobject-manage-form .campaign-no-form-placeholder {
  height: 196px;
  width: 163px;
  border: 1px dotted #77d3c6;
}
.component-campaignobject-next-action {
  padding: 0;
}
.component-campaignobject-next-action .dataIcons[data-icon]:before {
  line-height: normal;
  color: #ffffff;
  font-size: 32px;
  vertical-align: middle;
}
.component-campaignobject-next-action .dataIconsHover[data-icon]:before {
  color: #ffffff;
}
.component-campaignobject-next-action ul li {
  cursor: pointer;
  color: #ffffff;
  font-size: 18px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: normal;
  border-radius: 4px;
  padding: 10px;
  background-color: #77d3c6;
}
.component-campaignobject-next-action ul li[data-icon]:before {
  line-height: normal;
  color: #ffffff;
  font-size: 32px;
  vertical-align: middle;
}
.component-campaignobject-next-action ul li a {
  text-decoration: none;
}
.component-campaignobject-next-action ul li a[data-icon]:before {
  line-height: normal;
  color: #ffffff;
  font-size: 32px;
  vertical-align: middle;
}
.component-campaignobject-next-action ul li:hover {
  background-color: #3ba7cc;
  color: #ffffff;
}
.component-campaignobject-next-action ul li:hover[data-icon]:before {
  color: #ffffff;
}
.component-campaignobject-next-action ul li:hover a {
  color: #404040;
}
.component-campaignobject-next-action ul li:hover a[data-icon]:before {
  color: #ffffff;
}
.editor-form .panel-app-complex {
  background-color: #888 !important;
  border-radius: 4px;
}
.editor-form .sectionHeader {
  border-bottom: 0;
  padding: 20px 20px 0 20px;
}
.editor-form .x-tab-bar {
  background-color: transparent !important;
}
.editor-form .pageWrapper {
  padding: 0;
}
.editor-form .intro h1 {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 36px;
}
.editor-form .intro p {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
}
.editor-form .icon {
  width: 64px;
}
.form-feed-selecttype ul {
  padding: 0;
}
.form-feed-selecttype .selector-icon {
  max-width: 240px;
}
#editableAppsWrapper {
  padding: 10px 0 40px 0;
}
#campaign-object-status-header {
  font-size: 22px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
#campaign-object-status-control {
  display: inline-block;
}
#campaign-object-status-control .campaign-object-status-wrapper {
  border-radius: 4px;
  padding: 5px 10px;
}
#campaign-object-status-control .campaign-object-status-wrapper .component-control-box {
  border-left: 1px solid #ffffff;
  padding-left: 8px;
  margin-left: 0;
  vertical-align: middle;
  display: inline-block;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-published,
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-live {
  background-color: #157841;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-draft {
  background-color: #e0e200;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-draft .component-control-box {
  border-left-color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-draft .campaign-object-status {
  color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-scheduled {
  background-color: #8bd8f0;
  color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-scheduled .component-control-box {
  border-left-color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-scheduled .campaign-object-status {
  color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-ready {
  background-color: #e0e200;
  color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-ready .component-control-box {
  border-left-color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-ready .campaign-object-status {
  color: #394242;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-expired {
  background-color: #ee2f19;
}
#campaign-object-status-control .campaign-object-status-wrapper.status-campaignobject-template {
  background-color: #bf3966;
}
#campaign-object-status-control .campaign-object-status-wrapper .campaign-object-status {
  font: 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 5px;
  text-transform: uppercase;
  vertical-align: middle;
  display: inline-block;
}
.conflict-status {
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 2px;
}
.conflict-status a,
.conflict-status a:link,
.conflict-status a:visited {
  color: #ffffff;
}
.conflict-status .iconDefaults {
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
}
.conflict-status.conflict-error {
  background-color: #ec4f3a;
  color: #ffffff;
}
.conflict-status.conflict-error:before {
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
}
.conflict-status.conflict-warn {
  background-color: #e3713a;
  color: #ffffff;
}
.conflict-status.conflict-warn:before {
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
}
.conflict-status.conflict-recommended {
  background-color: #77d3c6;
  color: #ffffff;
}
.conflict-status.conflict-recommended:before {
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
}
.conflict-status.conflict-none {
  background-color: #157841;
  color: #ffffff;
}
.conflict-status.conflict-none:before {
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: EngVetica;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
}
.conflict-status .conflict-meta {
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 0;
  margin: 0;
  display: block;
  color: #ffffff;
  background: transparent;
}
.conflict-status .conflict-meta .conflict-label {
  display: inline-block;
  padding: 5px 10px 5px 5px;
  border-right: 1px #ffffff solid;
}
.conflict-status .conflict-meta .conflict-msg,
.conflict-status .conflict-meta .conflict-icon {
  display: inline-block;
}
.conflict-status .conflict-meta .conflict-msg {
  padding: 6px 5px 4px 5px;
  border-left: 1px solid #ffffff;
}
.conflict-status .conflict-meta .conflict-icon {
  vertical-align: middle;
  padding: 3px 1px 5px;
}
.conflict-status .conflict-meta .conflict-icon[data-icon]:before {
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.conflict-status .conflict-meta .conflict-action-wrapper {
  display: inline-block;
  float: right;
  padding: 6px 5px 4px;
  border-left: 1px solid #ffffff;
}
.conflict-status .conflict-meta .conflict-action-wrapper .conflict-action {
  padding: 0;
}
.icon-row {
  display: inline-table;
}
.icon-row .icon-wrap,
.icon-row .icon-label {
  display: table-cell;
}
.icon-row .icon-wrap {
  padding-right: 20px;
}
#wizard-footer {
  position: fixed;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  -webkit-transform: translateZ(0);
  bottom: 0;
  left: 0;
  z-index: 90000;
  width: 100%;
  border-top: 1px solid #e8ebeb;
  background: #f0f0f0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -5px 3px rgba(0, 0, 0, 0.25);
}
#wizard-footer ul#wizard-view-crumbs {
  float: left;
  margin: 30px 0;
}
#wizard-footer ul#wizard-view-crumbs li {
  display: inline-block;
  padding: 16px;
}
#wizard-footer ul#wizard-view-crumbs li a {
  text-decoration: none;
  display: inline;
  cursor: default;
  color: #6c7373;
}
#wizard-footer ul#wizard-view-crumbs li.active a {
  color: #37b8b5;
}
#wizard-footer ul#wizard-view-crumbs li:before {
  content: '>';
  vertical-align: middle;
  font-family: EngVetica;
  color: #6c7373;
  margin-right: 20px;
}
#wizard-footer ul#wizard-view-crumbs li:first-of-type:before {
  content: '';
}
#wizard-footer ul#form-actions {
  float: right;
  margin: 30px 30px 30px 0;
}
#wizard-footer ul#form-actions li.btn {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  background-image: none;
  display: inline-block;
  color: #2b8679;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 16px;
  box-shadow: none;
  border-radius: 0;
}
#wizard-footer ul#form-actions li.btn:hover {
  color: #37b8b5;
  border-color: transparent;
  background-color: rgba(55, 184, 181, 0.1);
}
#wizard-footer ul#form-actions li.btn.btn-minor-last {
  border-right: 1px solid #e8ebeb;
}
#wizard-footer ul#form-actions li.btn[data-icon]:before {
  vertical-align: middle;
}
#wizard-footer ul#form-actions li.btn.btn-primary {
  border-radius: 2px;
  border-color: transparent;
  color: #394242;
  background: #77d3c6;
}
#wizard-footer ul#form-actions li.btn.btn-primary:hover {
  background-color: #3ec0ad;
  color: #394242;
}
#wizard-footer ul#form-actions li.btn.btn-primary.disabled {
  color: #b2b8b8;
  background-color: #e8ebeb;
  cursor: default;
  opacity: 1;
}
#wizard-footer ul#form-actions li.btn.btn-primary.disabled:first-of-type {
  border-right: 1px solid #b2b8b8;
}
#wizard-footer ul#form-actions li.btn.btn-primary.disabled:hover {
  color: #b2b8b8;
}
#wizard-footer ul#form-actions li.btn.hidden {
  display: none;
}
#wizard-footer ul#form-actions li.btn:hover.disabled {
  color: #b2b8b8;
  background-color: #e8ebeb;
  cursor: default;
  opacity: 1;
}
.overlay .view-header,
.overlay .view-summary {
  text-align: left;
}
.overlay .view-header h1,
.overlay .view-summary h1,
.overlay .view-header div,
.overlay .view-summary div,
.overlay .view-header div[data-icon]:before,
.overlay .view-summary div[data-icon]:before {
  display: inline-block;
}
.overlay .view-header h1,
.overlay .view-summary h1 {
  margin-left: 5px;
  padding: 10px 0 10px 15px;
}
.overlay .view-header i.icon,
.overlay .view-summary i.icon {
  color: #8d9494;
  padding: 10px 0 10px 15px;
}
.overlay .view-header {
  margin: 15px auto 20px auto;
  min-width: 770px;
}
.overlay .view-header[data-icon]:before {
  font-size: 40px;
  color: #77d3c6;
  padding: 0 8px 15px 0;
}
.overlay .view-header h1,
.overlay .view-header div {
  color: #77d3c6;
  font-size: 24px;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.overlay .view-header div[data-icon]:before {
  width: 60px;
}
.overlay .view-header h1 {
  font-size: 24px;
  border-left: 1px solid #77d3c6;
}
.overlay .view-byline {
  font-size: 14px;
  color: #ffffff;
}
.overlay .view-summary {
  margin: 0 auto 0 43px;
}
.overlay .view-summary[data-icon]:before {
  color: #8d9494;
  width: 16px;
  font-size: 16px;
}
.overlay .view-summary .heading,
.overlay .view-summary .byline {
  color: #8d9494;
  font-size: 20px;
  display: inline;
  line-height: 2em;
  vertical-align: middle;
}
.overlay .view-summary .heading,
.overlay .view-summary .byline {
  color: #8d9494;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
}
.overlay .view-summary .heading {
  border-left: 1px solid #e8ebeb;
  font-weight: bold;
  margin: 0 0 0 20px;
  padding: 0 0 0 17px;
}
.overlay .wizard-view {
  margin-bottom: 230px;
}
.overlay .wizard-view.loading-wrapper .loading-inner {
  text-align: center;
}
.overlay .wizard-view .view-header {
  margin: 15px auto 20px 30px;
}
.overlay .wizard-view .view-header[data-icon]:before {
  font-size: 40px;
  color: #77d3c6;
  padding: 0 8px 15px 0;
}
.component-wizard .view-sub-header h1 {
  color: #ffffff;
}
.component-wizard .component-controls {
  margin: 0;
  border-radius: 2px;
}
.component-wizard .component-controls .component-control-btn {
  color: #394242;
}
.component-wizard .component-controls .component-control-btn[data-icon]:before {
  color: #394242;
}
.component-wizard .component-controls .component-control-btn:hover {
  color: #3ec0ad;
}
.component-wizard .component-controls .component-control-btn:hover[data-icon]:before {
  color: #3ec0ad;
}
.component-wizard .component-controls .component-control-btn:last-of-type {
  margin-right: 0;
}
.component-wizard .component-controls .component-control-btn.btn-primary[data-icon]:before {
  color: #394242;
}
.component-wizard .loading {
  list-style: none;
  text-align: center;
  display: none;
  margin: 0 auto;
  width: 40px;
}
.component-wizard .hoverState {
  color: #3ec0ad;
}
.component-wizard .downState {
  color: #3ec0ad;
}
.component-wizard .boxes {
  margin: 20px auto;
  text-align: center;
}
.component-wizard .boxes.row [class*='span']:first-child {
  margin-left: 30px;
}
.component-wizard .boxes .box {
  min-width: 245px;
  max-width: 250px;
  cursor: pointer;
  float: none;
  border-radius: 2px;
  display: inline-block;
  color: #fff;
  border: 1px solid transparent;
  text-align: center;
  padding: 20px;
  vertical-align: top;
}
.component-wizard .boxes .box h1 {
  font-size: 2em;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  color: #ffffff;
  text-align: center;
}
.component-wizard .boxes .box h3 {
  margin: 0;
  padding: 0;
}
.component-wizard .boxes .box .box-title.allow-break {
  word-break: break-all;
}
.component-wizard .boxes .box .box-label {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  min-height: 3em;
}
.component-wizard .boxes .box i,
.component-wizard .boxes .box span.icon {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  display: block;
  margin: 0 0 20px 0;
}
.component-wizard .boxes .box span {
  display: inline-block;
  text-align: center;
}
.component-wizard .boxes .box i[data-icon]:before,
.component-wizard .boxes .box span.icon:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  color: #fff;
  font-size: 100px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.component-wizard .boxes .box #wizard-footer .component-controls {
  position: absolute;
  bottom: 40px;
  right: 40px;
}
.component-wizard .boxes .box .attr-details {
  position: absolute;
  bottom: 20px;
  padding: 10px;
  color: #3e3e3e;
}
.component-wizard .boxHover {
  border-color: #77d3c6;
  color: #77d3c6;
  cursor: pointer;
}
.component-wizard .boxHover h1,
.component-wizard .boxHover p,
.component-wizard .boxHover i[data-icon]:before,
.component-wizard .boxHover span.icon:before {
  color: #77d3c6;
}
.component-wizard .boxSelect {
  color: #ffffff;
  background-color: #77d3c6;
}
.component-wizard .boxSelect p,
.component-wizard .boxSelect .box-label {
  color: #ffffff;
}
.component-wizard .boxSelect:hover {
  color: #ffffff;
  background-color: #77d3c6;
}
.component-wizard .boxSelect:hover h1,
.component-wizard .boxSelect:hover .box-label,
.component-wizard .boxSelect:hover i[data-icon]:before {
  color: #ffffff;
}
.component-wizard .element-wizard-publish li.box:hover {
  border-color: #77d3c6;
  color: #77d3c6;
  cursor: pointer;
}
.component-wizard .element-wizard-publish li.box:hover h1,
.component-wizard .element-wizard-publish li.box:hover p,
.component-wizard .element-wizard-publish li.box:hover i[data-icon]:before,
.component-wizard .element-wizard-publish li.box:hover span.icon:before {
  color: #77d3c6;
}
.component-wizard .element-wizard-publish li.box.disabled {
  cursor: default;
  color: #cccccc;
  background-color: transparent;
}
.component-wizard .element-wizard-publish.boxes .box {
  min-height: 265px;
  margin: 15px;
}
.component-wizard .element-wizard-publish.boxes .box p {
  color: #fff;
}
.component-wizard .element-wizard-publish.boxes .box i {
  margin: 20px 0;
}
.component-wizard .element-wizard-publish.boxes .box.disabled,
.component-wizard .element-wizard-publish.boxes .box.disabled:hover {
  border-color: transparent;
}
.component-wizard .element-wizard-publish.boxes .box.disabled h1,
.component-wizard .element-wizard-publish.boxes .box.disabled:hover h1,
.component-wizard .element-wizard-publish.boxes .box.disabled p,
.component-wizard .element-wizard-publish.boxes .box.disabled:hover p,
.component-wizard .element-wizard-publish.boxes .box.disabled i,
.component-wizard .element-wizard-publish.boxes .box.disabled:hover i,
.component-wizard .element-wizard-publish.boxes .box.disabled i[data-icon]:before,
.component-wizard .element-wizard-publish.boxes .box.disabled:hover i[data-icon]:before {
  color: #828282;
}
.component-wizard .element-wizard-publish.boxes .box.selected {
  cursor: default;
  color: #ffffff;
  background-color: #77d3c6;
}
.component-wizard .element-wizard-publish.boxes .box.selected p,
.component-wizard .element-wizard-publish.boxes .box.selected .box-label {
  color: #ffffff;
}
.component-wizard .element-wizard-publish.boxes .box.selected:hover {
  color: #ffffff;
  background-color: #77d3c6;
}
.component-wizard .element-wizard-publish.boxes .box.selected:hover h1,
.component-wizard .element-wizard-publish.boxes .box.selected:hover .box-label,
.component-wizard .element-wizard-publish.boxes .box.selected:hover i[data-icon]:before {
  color: #ffffff;
}
.component-wizard .element-wizard-publish h1 {
  min-height: 2em;
}
.component-wizard #promotion-destination-campaigns.boxes .box {
  margin: 10px 20px 10px 0;
  padding: 0;
}
.component-wizard #timeline li.box .date-placeholder i.hidden,
.component-wizard #timeline li.box .time-placeholder i.hidden {
  display: none;
}
.component-wizard #timeline li.box.disabled h1,
.component-wizard #timeline li.box.disabled p,
.component-wizard #timeline li.box.disabled i[data-icon]:before,
.component-wizard #timeline li.box.disabled .date-placeholder,
.component-wizard #timeline li.box.disabled .time-placeholder,
.component-wizard #timeline li.box.disabled .date-label {
  color: #666666;
}
.component-wizard #timeline li.box.selected {
  color: #ffffff;
  background-color: #77d3c6;
}
.component-wizard #timeline li.box.selected p,
.component-wizard #timeline li.box.selected .box-label {
  color: #ffffff;
}
.component-wizard #timeline li.box.selected:hover {
  color: #ffffff;
  background-color: #77d3c6;
}
.component-wizard #timeline li.box.selected:hover h1,
.component-wizard #timeline li.box.selected:hover .box-label,
.component-wizard #timeline li.box.selected:hover i[data-icon]:before {
  color: #ffffff;
}
.component-wizard #destination-channels .channel-wrapper {
  margin: 0 0 20px 0;
  text-align: left;
  position: relative;
}
.component-wizard #destination-channels .component-controls {
  margin: 20px;
  background: #e8ebeb;
  border-radius: 2px;
}
.component-wizard #destination-channels .component-controls .component-control-btn {
  color: #828282;
}
.component-wizard #destination-channels .component-controls .component-control-btn[data-icon]:before {
  color: #828282;
}
.component-wizard #destination-channels .component-controls .component-control-btn.border-left {
  padding: 5px 10px 7px 10px;
}
.component-wizard #destination-channels .component-controls .component-control-btn:hover {
  color: #fff;
}
.component-wizard #destination-channels .component-controls .component-control-btn:hover[data-icon]:before {
  color: #fff;
}
.component-wizard #destination-channels .component-controls .component-control-btn:last-of-type {
  margin-right: 0;
  margin-left: 0;
}
.component-wizard #destination-channels .icon-wrapper {
  height: 150px;
  width: 150px;
  float: left;
  box-shadow: 0 0 1px #000000;
  border: 4px solid #fff;
  margin: -84px 0 0 11px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: #fff;
}
.component-wizard #destination-channels .icon-wrapper[data-icon]:before {
  font-size: 90px;
  color: #616161;
  margin: 25px 0;
  text-align: center;
  width: 150px;
  height: 150px;
}
.component-wizard #destination-channels:hover {
  border-color: #77d3c6;
  background-color: transparent;
}
.component-wizard #destination-channels.selected {
  background-color: transparent;
}
.component-wizard #destination-channels .channel-inner {
  background-color: #e8ebeb;
  position: relative;
  min-height: 150px;
  width: 815px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px;
  cursor: pointer;
}
.component-wizard #destination-channels .channel-inner div.channel-header-icon i.icon {
  font-size: 80px;
}
.component-wizard #destination-channels .channel-inner:after {
  background: #3ec0ad;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity ease 0.75s;
}
.component-wizard #destination-channels .channel-inner:before {
  content: 'SELECT';
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  color: white;
  z-index: 1;
  font: bold 48px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  opacity: 0;
  transition: opacity ease 0.75s;
}
.component-wizard #destination-channels .channel-inner.domain-status-inactive:after {
  background-color: #eb8e1b;
}
.component-wizard #destination-channels .channel-wrapper:not(.selected) .channel-inner:hover:after {
  opacity: 0.85;
}
.component-wizard #destination-channels .channel-wrapper:not(.selected) .channel-inner:hover:before {
  opacity: 1;
}
.component-wizard #container-settings .default-image-icon {
  padding: 0;
  margin: 0;
  background: #ffffff;
  display: block;
  height: 62px;
  width: 83px;
}
.component-wizard #container-settings .default-image-icon[data-icon]:before {
  color: #666;
  font-size: 36px;
  padding: 12px 24px;
}
.component-wizard #container-settings #filters,
.component-wizard #container-settings .app-container,
.component-wizard #container-settings .view-sub-header,
.component-wizard #container-settings .no-containers,
.component-wizard #container-settings .container-inner,
.component-wizard #container-settings #settings-form-container {
  width: 835px;
  margin: 0 auto;
}
.component-wizard #container-settings .filter-wrapper {
  margin: 0 0 20px 0;
}
.component-wizard #container-settings .view-sub-header,
.component-wizard #container-settings .filter-inner {
  font: normal 14px 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
  margin-top: 40px;
}
.component-wizard #container-settings #isotope-container {
  width: 855px;
}
.component-wizard #container-settings .thumbnails .element {
  height: auto;
  width: initial;
  margin: 17px;
}
.component-wizard #container-settings .thumbnails .element.locked .item {
  color: #919191;
}
.component-wizard #container-settings .thumbnails .element .thumbnail {
  width: 250px;
  background-repeat: repeat;
  background-size: initial;
  position: relative;
}
.component-wizard #container-settings .thumbnails .element .thumbnail .conflict-overlay {
  background-color: rgba(253, 115, 75, 0.7);
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.component-wizard #container-settings .thumbnails .element .thumbnail .conflict-overlay .conflict-short-msg {
  position: absolute;
  bottom: 0;
  padding: 10px;
}
.component-wizard #container-settings .thumbnails .element .thumbnail .conflict-overlay .conflict-short-msg[data-icon]:before {
  font-size: 20px;
}
.component-wizard #container-settings .thumbnails .element .thumbnail .conflict-overlay .conflict-short-msg span {
  font: normal 16px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
}
.component-wizard #container-settings .thumbnails .element .item {
  display: block;
  height: 250px;
}
.component-campaignobject-wizard .boxes,
.component-wizard .boxes,
.component-campaignpromotion-wizard .boxes {
  max-width: initial;
}
.component-campaignpromotion-wizard .boxes .box .box-label {
  min-height: 4em;
}
.user-details {
  min-width: 450px;
}
.user-details .authorName {
  margin-right: 10px;
}
.user-details .handle {
  font-size: 14px;
  color: #a5b6c5;
  font-weight: normal;
  margin-left: 10px;
}
.user-details .name {
  margin-right: 10px;
  font: bold 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.user-details .name a {
  text-decoration: none;
}
.x-grid-row-selected .user-details .handle {
  color: #ffffff;
}
.component-campaignobject-protected-participants .icon-status {
  font-size: 60px;
}
ul.component-controls.dropdown-menu .dropdown-control-btn.hidden {
  display: none;
}
ul.component-controls:not(.dropdown-menu) {
  display: inline-block;
}
.default-avatar {
  display: block;
  color: #ffffff;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 47px;
  font-size: 20px;
  text-transform: lowercase;
  background-image: url('/c/img/avatars/default-avatar.jpg');
  background-size: cover;
}
.default-avatar.defaultCardColor {
  background: rgba(100, 100, 100, 0.6);
}
.default-avatar.yellowCardColor {
  background: rgba(250, 176, 49, 0.6);
}
.default-avatar.wineCardColor {
  background: rgba(229, 75, 154, 0.6);
}
.default-avatar.cherryCardColor {
  background: rgba(217, 30, 125, 0.6);
}
.default-avatar.purpleCardColor {
  background: rgba(88, 43, 127, 0.6);
}
.default-avatar.mintyCardColor {
  background: rgba(69, 203, 164, 0.6);
}
.default-avatar.greyCardColor {
  background: rgba(150, 150, 140, 0.7);
}
.default-avatar.slateCardColor {
  background: rgba(88, 122, 158, 0.6);
}
.default-avatar.blueCardColor {
  background: rgba(99, 205, 241, 0.6);
}
.default-avatar.medBlueCardColor {
  background: rgba(33, 162, 212, 0.7);
}
.default-avatar.darkBlueCardColor {
  background: rgba(80, 124, 190, 0.6);
}
.default-avatar.darkestBlueCardColor {
  background: rgba(41, 96, 210, 0.6);
}
.default-avatar.tanCardColor {
  background: rgba(247, 148, 37, 0.6);
}
.default-avatar.leatherCardColor {
  background: rgba(241, 95, 93, 0.6);
}
.default-avatar.brownCardColor {
  background: rgba(239, 108, 83, 0.6);
}
.default-avatar.rustyCardColor {
  background: rgba(250, 61, 49, 0.5);
}
.default-avatar.mutedGreenCardColor {
  background: rgba(100, 156, 89, 0.6);
}
.default-avatar.mutedPinkCardColor {
  background: rgba(168, 65, 176, 0.6);
}
.default-avatar.mutedBlueCardColor {
  background: rgba(25, 186, 213, 0.6);
}
.default-avatar.mutedYellowCardColor {
  background: rgba(184, 189, 82, 0.6);
}
.default-avatar.mutedDarkBlueCardColor {
  background: rgba(3, 33, 83, 0.6);
}
.default-avatar.mutedPurpleCardColor {
  background: rgba(88, 52, 147, 0.6);
}
.default-avatar.mutedRedCardColor {
  background: rgba(199, 59, 62, 0.6);
}
.default-avatar.mutedOrangeCardColor {
  background: rgba(144, 17, 17, 0.6);
}
.default-avatar.mutedGrayCardColor {
  background: rgba(70, 70, 70, 0.6);
}
.default-avatar.mutedRoyalBlueCardColor {
  background: rgba(26, 100, 194, 0.6);
}
.boxer {
  display: table;
  border-collapse: separate;
  border-spacing: 10px 5px;
  white-space: normal;
}
.boxer .dl-horizontal {
  border-spacing: initial;
}
.boxer .box-row {
  display: table-row;
}
.boxer .box-full-width {
  width: 100%;
}
.boxer .box {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  margin-right: 10px;
}
.boxer .icon,
.boxer .box-icon {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
  color: #364b5f;
}
.boxer .icon a,
.boxer .box-icon a {
  color: #364b5f;
}
.boxer .avatar {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
.boxer .user-details {
  min-width: initial;
}
.boxer .content {
  padding-left: 10px;
}
.row-main {
  font-size: 14px;
}
.row-main.vertical {
  align-items: center;
}
.row-main .row-icon {
  margin-right: 10px;
}
.row-main .media-object {
  display: inline-block;
}
.row-main .default-avatar {
  display: inline-block;
}
.row-icon,
.row-body,
.cpd-display-mode,
.cpd-display-unit-mode {
  display: inline-block;
}
.row-body {
  white-space: initial;
}
.row-icon {
  margin-right: 10px;
}
.row-icon.m {
  height: 75px;
}
.row-icon.l {
  height: 100px;
}
.row-status {
  padding: 12px 0;
}
.row-hover {
  display: none;
  font-size: 14px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  padding-right: 10px;
  background: #fff;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(90%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 90%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
.row-hover .attr-meta {
  padding: 0;
}
.row-hover .attr-meta img {
  height: 50px;
  width: 50px;
}
.row-data-icon {
  font-size: 24px;
  width: 50px;
  height: 50px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.row-data-icon:before {
  padding: 12px 0;
}
.row-data-icon i:before {
  padding-right: 0;
}
.row-data-icon.align-top {
  vertical-align: top;
}
.row-data-icon.align-bottom {
  vertical-align: bottom;
}
.row-data-icon.s {
  width: 20px;
}
.row-body,
.media-body {
  vertical-align: middle;
}
.row-body .type,
.media-body .type,
.row-body .destination,
.media-body .destination,
.row-body caption,
.media-body caption {
  text-transform: lowercase;
  vertical-align: sub;
  font: 14px 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  padding-bottom: 2px;
}
.row-body .name,
.media-body .name {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
}
.row-body .domain,
.media-body .domain {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
}
.row-body .type,
.media-body .type {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
}
.row-body .type,
.media-body .type,
.row-body .name,
.media-body .name {
  display: block;
}
.row-body {
  padding: 5px 0;
}
.grid-row .row-body {
  margin-right: 100px;
}
.grid-row .row-body.narrow {
  margin-right: 275px;
}
.iconDefaults {
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: 'EngVetica';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
}
.linkDefaults {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  border-radius: 2px;
  padding: 0;
  font-size: 14px;
  border: 1px solid #e8ebeb !important;
}
.linkDefaults.haz-copy-skillz {
  cursor: pointer;
}
.linkDefaults:after {
  content: '';
  display: none;
}
.linkDefaults i[data-icon]:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  position: absolute;
  left: 0;
  background-color: #828282;
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: 'EngVetica';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
  margin-right: 0;
  border-radius: 0;
  display: none;
  float: left;
}
.linkDefaults.ngx-hover {
  border-color: #3ec0ad;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.linkDefaults.ngx-hover i[data-icon]:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  background-color: #3ec0ad;
  display: inline-block;
}
.linkDefaults.ngx-hover.zeroclipboard-is-active {
  border-color: #cf2e76;
}
.linkDefaults.ngx-hover.zeroclipboard-is-active i[data-icon]:before {
  color: #ffffff;
  background-color: #cf2e76;
}
.linkDefaults span {
  padding: 8px 10px 11px 10px;
  display: inline-block;
  color: #6c7373;
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 2px 0 -2px;
}
.component-row {
  padding-bottom: 10px;
  margin-bottom: 10px;
  min-height: 90px;
  background-color: transparent;
  border-radius: 2px;
  border-bottom: 1px dashed #e8ebeb;
}
.component-row.campaign-sources {
  padding: 0;
  margin: 0;
}
.component-row:last-of-type {
  border-bottom: 1px dashed transparent;
}
.component-row .channel-icon {
  padding: 5px 0;
  width: 50px;
  height: 50px;
}
.component-row .attr-meta {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.component-row .attr-meta.cpd-container-link {
  padding: 0;
  margin: 12px;
}
.component-row .attr-meta.cpd-container-link {
  text-align: center;
}
.component-row .attr-meta.cpd-status {
  vertical-align: middle;
  border-right-width: 0;
  display: inline-block;
  padding: 15px 12px 15px 0;
}
.component-row .attr-meta.cpd-channel-type[data-icon]:before {
  text-align: center;
  vertical-align: middle;
}
.component-row .attr-meta .boxout {
  display: inline;
}
.component-row .cpd-parent {
  color: #77d3c6;
}
.component-row .cpd-parent span {
  margin-left: 5px;
}
.component-row .cpd-parent span.boxout {
  margin-left: 0;
  display: inline;
}
.component-row .cpd-container-link {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  border-radius: 2px;
  padding: 0;
  font-size: 14px;
  border: 1px solid #e8ebeb !important;
}
.component-row .cpd-container-link.haz-copy-skillz {
  cursor: pointer;
}
.component-row .cpd-container-link:after {
  content: '';
  display: none;
}
.component-row .cpd-container-link i[data-icon]:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  position: absolute;
  left: 0;
  background-color: #828282;
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: 'EngVetica';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
  margin-right: 0;
  border-radius: 0;
  display: none;
  float: left;
}
.component-row .cpd-container-link.ngx-hover {
  border-color: #3ec0ad;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.component-row .cpd-container-link.ngx-hover i[data-icon]:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  background-color: #3ec0ad;
  display: inline-block;
}
.component-row .cpd-container-link.ngx-hover.zeroclipboard-is-active {
  border-color: #cf2e76;
}
.component-row .cpd-container-link.ngx-hover.zeroclipboard-is-active i[data-icon]:before {
  color: #ffffff;
  background-color: #cf2e76;
}
.component-row .cpd-container-link span {
  padding: 8px 10px 11px 10px;
  display: inline-block;
  color: #6c7373;
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 2px 0 -2px;
}
.component-row .cpd-detail .cpd-meta {
  font: normal 16px/100% Roboto, 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.component-row .cpd-detail .cpd-meta span {
  color: #77d3c6;
  margin-right: 5px;
}
.cpd-status {
  border-right-width: 0;
  display: inline-block;
  padding: 15px 0;
}
.cpd-status .boxout {
  min-width: 0;
  background-color: #ccc;
  color: #616161;
}
.ngx-cmp-container {
  width: 100%;
}
.ngx-cmp-container .attr-meta {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: inline-block;
}
.ngx-cmp-row {
  border-bottom: 1px dashed #e8ebeb;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.ngx-cmp-row .cpd-container-link {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  border-radius: 2px;
  padding: 0;
  font-size: 14px;
  border: 1px solid #e8ebeb !important;
  border-radius: 2px 0 0 2px;
  border-right-width: 0;
  vertical-align: middle;
}
.ngx-cmp-row .cpd-container-link.haz-copy-skillz {
  cursor: pointer;
}
.ngx-cmp-row .cpd-container-link:after {
  content: '';
  display: none;
}
.ngx-cmp-row .cpd-container-link i[data-icon]:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  position: absolute;
  left: 0;
  background-color: #828282;
  border-radius: 2px 0 0 2px;
  padding: 10px;
  margin-right: 10px;
  font-family: 'EngVetica';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  vertical-align: middle;
  margin-right: 0;
  border-radius: 0;
  display: none;
  float: left;
}
.ngx-cmp-row .cpd-container-link.ngx-hover {
  border-color: #3ec0ad;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.ngx-cmp-row .cpd-container-link.ngx-hover i[data-icon]:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  background-color: #3ec0ad;
  display: inline-block;
}
.ngx-cmp-row .cpd-container-link.ngx-hover.zeroclipboard-is-active {
  border-color: #cf2e76;
}
.ngx-cmp-row .cpd-container-link.ngx-hover.zeroclipboard-is-active i[data-icon]:before {
  color: #ffffff;
  background-color: #cf2e76;
}
.ngx-cmp-row .cpd-container-link span {
  padding: 8px 10px 11px 10px;
  display: inline-block;
  color: #6c7373;
  max-width: 100%;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 2px 0 -2px;
}
.ngx-cmp-row:last-of-type {
  border-width: 0;
}
.ngx-cmp-cell {
  padding-bottom: 2px;
  padding-right: 1em;
}
.ngx-cmp-cell .name {
  font: normal 18px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-cmp-cell.stretch {
  -moz-flex-grow: 1;
  -moz-flex-basis: 40%;
  -ms-flex-grow: 1;
  -ms-flex-basis: 40%;
  -webkit-flex-grow: 1;
  -webkit-flex-basis: 40%;
  flex-grow: 1;
  flex-basis: 40%;
}
.ngx-cmp-cell.align-right {
  text-align: right;
}
.ngx-cmp-cell > * {
  text-align: left;
}
.ngx-cmp-cell .data-icon {
  padding: 10px 10px 10px 0;
  font-size: 24px;
}
.ngx-cmp-cell .data-icon:before {
  padding-right: 0;
}
.ngx-cmp-cell > * {
  display: block;
}
.campaign-promotion-container .ngx-cmp-cell {
  text-transform: lowercase;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.table-block {
  display: table;
  width: 100%;
}
.table-block .table-row {
  display: table-row;
}
.table-block .table-row .table-cell {
  vertical-align: middle;
  display: table-cell;
}
.table-block .table-row .table-cell.cell-right {
  text-align: right;
}
.avatar-cell,
.review-icon-cell,
.campaign-link {
  width: 50px;
  min-width: 50px;
}
.message-date {
  min-width: 200px;
}
.row.pin-bottom {
  position: absolute;
  bottom: 0;
}
.ngx-add-new-element-controls {
  padding: 0;
  margin-top: 20px;
}
.ngx-add-new-element-controls .ui.grid {
  margin: 0 -1rem;
}
.ngx-add-new-element-controls .component-controls {
  display: inline-block;
}
.ngx-add-new-element-controls .component-controls span {
  display: inline-block;
}
.ngx-add-new-element-controls .component-controls .component-control-label {
  margin-left: 10px;
  font-size: 18px;
  vertical-align: middle;
}
.ngx-add-new-element-controls .component-controls:hover .component-control-label {
  display: inline;
}
.ngx-add-new-element-controls .component-controls:hover .component-control-btn {
  color: #ffffff;
  background-color: #77d3c6;
  border: 1px solid #77d3c6;
}
.message-post-preview .facebook-post-preview {
  width: 494px;
  border: 1px solid transparent;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  padding: 12px;
  margin-bottom: 10px;
  background-color: #ffffff;
  word-wrap: break-word;
  border-radius: 3px;
}
.message-post-preview .facebook-post-preview .preview-body {
  font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
}
.message-post-preview .facebook-post-preview .preview-body .fb-post-info {
  display: table;
  margin-bottom: 11px;
  width: 100%;
}
.message-post-preview .facebook-post-preview .preview-body .fb-post-info .avatar-icon {
  display: table-cell;
  width: 40px;
  padding-right: 10px;
}
.message-post-preview .facebook-post-preview .preview-body .fb-post-info .avatar-icon img {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.message-post-preview .facebook-post-preview .preview-body .fb-post-info .post-info {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
}
.message-post-preview .facebook-post-preview .preview-body .fb-post-info .post-info .fb-user-name {
  color: #3b5998;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
}
.message-post-preview .facebook-post-preview .preview-body .fb-post-info .post-info .post-date-and-localization {
  color: #898f9c;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.message-post-preview .facebook-post-preview .preview-body .fb-post-info .post-info .post-date-and-localization i {
  font-size: 16px;
  line-height: 16px;
}
.message-post-preview .facebook-post-preview .preview-body .post-message {
  margin-bottom: 5px;
  color: #141823;
  font-size: 14px;
  font-weight: 400;
}
.message-post-preview .facebook-post-preview .preview-body .message-text-wrapper {
  margin: 10px 12px;
  font-family: Georgia, 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #141823;
  width: 446px;
}
.message-post-preview .facebook-post-preview .preview-body .message-text-wrapper .message-text-headline {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  max-height: 110px;
  overflow: hidden;
  word-wrap: break-word;
}
.message-post-preview .facebook-post-preview .preview-body .message-text-wrapper .message-text-byline {
  font-size: 12px;
  line-height: 16px;
  max-height: 80px;
  overflow: hidden;
}
.message-post-preview .facebook-post-preview .preview-body .message-text-wrapper .message-text-link {
  margin-top: 9px;
  font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #adb2bb;
  overflow: hidden;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper {
  position: relative;
  margin-top: 14px;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper .message-image-holder {
  float: left;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper .message-image-holder img {
  border: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 470px;
  max-height: 394px;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper.small-centered-image-wrapper .message-image-holder {
  float: none;
  position: relative;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper.small-centered-image-wrapper .message-image-holder:after {
  content: '';
  display: block;
  clear: both;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper.small-centered-image-wrapper img {
  border-right: 1px solid #d8d8d8;
  float: left;
  display: block;
  width: 154px;
  height: 154px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 154px;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper.small-centered-image-wrapper .message-text-wrapper {
  float: left;
  padding: 10px 0 10px 12px;
  margin: 0;
  width: 288px;
  height: 154px;
  position: relative;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper.small-centered-image-wrapper .message-text-wrapper .message-text-link {
  position: absolute;
  left: 12px;
  right: 0;
  bottom: 10px;
}
.message-post-preview .facebook-post-preview .preview-body .message-image-wrapper.small-centered-image-wrapper .message-text-wrapper:first-child {
  float: none;
  width: 446px;
}
.message-post-preview .facebook-post-preview .preview-body .message-actions {
  font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  word-wrap: break-word;
  margin-top: 10px;
  color: #6d84b4;
  cursor: pointer;
}
.message-post-preview .twitter-post-preview {
  width: 494px;
  color: #292f33;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #e1e8ed;
  border-radius: 6px;
}
.message-post-preview .twitter-post-preview s {
  text-decoration: none;
}
.message-post-preview .twitter-post-preview .original-tweet-box {
  border-bottom: 1px solid #ddd;
  border-radius: 6px 6px 0 0px;
  background-color: #fff;
  min-height: 51px;
  padding: 9px 12px;
  display: table;
  width: 100%;
}
.message-post-preview .twitter-post-preview .original-tweet-box img {
  display: table-cell;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 5px;
  margin-top: 3px;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content {
  display: table-cell;
  padding: 3px 0 0 8px;
  width: 100%;
  vertical-align: top;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .tweet-header {
  line-height: 18px;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .tweet-header span {
  cursor: pointer;
  font-size: 13px;
  color: #8899a6;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .tweet-text {
  color: #292f33;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 410px;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .tweet-text .tweet-link {
  color: #0084b4;
  font-size: 14px;
  line-height: 18px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content img {
  margin: 10px 0;
  border-radius: 5px;
  display: block;
  width: 412px;
  height: 254px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 412px auto;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .item-footer {
  padding-top: 3px;
  position: relative;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  font-weight: 400;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .item-footer .collapse {
  float: left;
  color: #0084b4;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .item-footer .actions {
  float: right;
  color: #999;
  text-align: right;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .item-footer:after {
  content: '';
  display: block;
  clear: both;
}
.message-post-preview .twitter-post-preview .original-tweet-box .tweet-content .tweet-meta-data {
  color: #8899a6;
  cursor: pointer;
  font-size: 13px;
  line-height: 24px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-top: 10px;
}
.message-post-preview .twitter-post-preview .reply-tweet-box {
  border: 1px solid transparent;
  border-radius: 0px 0 6px 6px;
  padding: 15px 12px 15px 70px;
  background-color: #f5f8fa;
}
.message-post-preview .twitter-post-preview .reply-tweet-box .tweet-form {
  word-wrap: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8899a6;
  background-color: #fff;
  border: 1px solid rgba(0, 132, 180, 0.25);
  border-radius: 3px;
  padding: 8px;
}
.message-post-preview .twitter-post-preview .reply-tweet-box .tweet-form span {
  color: #0084b4;
  cursor: pointer;
  font-size: 13px;
  line-height: 20px;
}
.message-post-preview .twitter-post-preview .reply-tweet-box .tweet-form span s {
  color: #66b5d2;
}
.message-post-simple-channels {
  position: relative;
}
.message-post-simple-channels .message-post-simple-channel-view {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
.message-post-simple-channels .message-post-simple-channel-view img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.message-post-simple-channels .message-post-simple-channel-view i {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
}
.message-post-simple-channels .message-post-simple-channel-view .simple-channel-name {
  font-size: 16px;
  line-height: 24px;
  float: right;
}
.message-post-simple-channels:after {
  clear: both;
}
.message-post-overlay-container {
  background-color: rgba(102, 102, 102, 0.9);
  z-index: 100;
  /* light uploader has 99, this is to fix the uploader showing over the post overlay container */
}
.message-post-simple-targeting-view p,
.message-post-publish-date-view p {
  margin: 5px 0;
  font-size: 16px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.message-post-simple-targeting-view p span.targeting-label,
.message-post-publish-date-view p span.targeting-label {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.message-post-simple-targeting-view p.publish-date,
.message-post-publish-date-view p.publish-date {
  font-size: 24px;
}
.message-post-simple-targeting-view p.publish-time,
.message-post-publish-date-view p.publish-time {
  font-size: 18px;
}
.component .view-row {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #e8ebeb;
  padding: 20px 35px;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.component.component-announce .view-row .hover-box {
  display: none;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(50, 204, 254, 0.8), rgba(50, 204, 254, 0.8));
}
.component.component-announce .view-row .hover-box .hover-box-btn {
  cursor: pointer;
  display: inline-block;
  color: #fff;
}
.component.component-announce .view-row .hover-box .hover-box-btn a {
  text-decoration: none;
  color: transparent;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.component.component-announce .view-row .hover-box .hover-box-btn i {
  font-size: 48px;
}
.component.component-announce .view-row .hover-box .hover-box-btn i[data-icon]:before {
  color: #fff;
  padding: 0;
}
.component.component-announce .view-row .hover-box .hover-box-btn.btn-sml i {
  font-size: 22px;
}
.component.component-announce .view-row .hover-box .hover-box-btn span {
  font: bold 18px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  display: block;
}
.component.component-announce .view-row.view-row-over .hover-box {
  display: inline-block;
}
.component.component-announce .view-row:last-of-type {
  border-bottom-width: 0;
}
.component.component-announce #campaign-announce-view.view-row-over .conversation-icon.icon {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.campaign-template-item {
  color: #ffffff;
  list-style: none;
  height: 203px;
  width: 174px;
}
.right-aligned-text {
  text-align: right;
}
.ngx-grid-tile-item .ngx-grid-tile-item-inner .ngx-grid-content.short .grid-content {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-grid-tile-item .ngx-grid-tile-item-inner .ngx-grid-content.long .grid-content {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-grid-tile-item.ngx-grid-network-twitter .ngx-grid-tile-item-inner .grid-content {
  font: normal 20px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-grid-row.tileview {
  float: left;
  margin: 0;
}
.ngx-grid-tile-item {
  width: 100%;
  height: 100%;
  float: left;
}
.ngx-grid-tile-item a,
.ngx-grid-tile-item a:link,
.ngx-grid-tile-item a:visited {
  color: #ffffff;
}
.ngx-grid-tile-item .ngx-grid-tile-item-inner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10px;
  background-size: cover;
  background-position: 50% 50%;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ngx-grid-tile-item .ngx-grid-item-selected {
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  opacity: 0;
}
.ngx-grid-tile-item .ngx-grid-item-selected i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  display: block;
  line-height: 210px;
  font-size: 80px;
  color: #ffffff;
}
.ngx-grid-tile-item .ngx-content-status {
  max-width: 105px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.ngx-grid-tile-item .ngx-content-status .ngx-color-cell {
  font-size: 14px;
}
.ngx-grid-tile-item .ngx-grid-flag {
  position: absolute;
  top: 0;
  right: 0;
}
.ngx-grid-tile-item .ngx-grid-flag.flag-favourite .ngx-flag-cell-triangle {
  border-color: transparent #e13f8f transparent transparent;
}
.ngx-grid-tile-item .ngx-grid-flag.flag-flagged .ngx-flag-cell-triangle {
  border-color: transparent #e0e200 transparent transparent;
}
.ngx-grid-tile-item .ngx-flag-cell-triangle {
  border-style: solid;
  border-width: 0 30px 30px 0;
  position: initial;
  display: block;
}
.ngx-grid-tile-item .ngx-flag-cell-triangle i {
  position: absolute;
  right: 0;
  color: #ffffff;
  font-size: 12px;
}
.ngx-grid-tile-item .ngx-flag-cell-triangle i[data-icon]:before {
  padding: 0;
  margin: 3px;
}
.ngx-grid-tile-item .ngx-item-actions {
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
  opacity: 0;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.ngx-grid-tile-item .ngx-item-actions .action-icon-edit {
  border-right: 1px solid #ffffff;
}
.ngx-grid-tile-item .ngx-item-actions .ngx-item-actions-inner {
  display: inline-block;
  margin-top: 15px;
}
.ngx-grid-tile-item .ngx-item-actions .item-action-icon {
  display: inline-block;
  color: #ffffff;
  font-size: 32px;
  line-height: initial;
  padding: 0 12px;
  cursor: pointer;
  text-align: center;
}
.ngx-grid-tile-item .ngx-item-actions .item-action-icon:first-of-type {
  padding-left: 0;
}
.ngx-grid-tile-item .ngx-item-actions .item-action-icon:last-of-type {
  padding-right: 0;
}
.ngx-grid-tile-item .ngx-item-actions .item-action-icon i:before {
  padding-right: 0;
}
.ngx-grid-tile-item .ngx-item-actions .item-action-icon.action-icon-favourite.favourite,
.ngx-grid-tile-item .ngx-item-actions .item-action-icon.action-icon-unfavourite.favourite {
  color: #e13f8f !important;
}
.ngx-grid-tile-item .ngx-item-actions .item-action-icon.action-icon-flag.flagged,
.ngx-grid-tile-item .ngx-item-actions .item-action-icon.action-icon-unflag.flagged {
  color: #e0e200 !important;
}
.ngx-grid-tile-item .ngx-item-actions .item-action-icon:hover {
  color: #3ec0ad;
}
.ngx-grid-tile-item .ngx-network-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 24px;
  color: #d9d9d9;
  text-align: center;
  z-index: 4;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ngx-grid-tile-item .ngx-network-icon i[data-icon]:before {
  padding-right: 0;
}
.ngx-grid-tile-item .ngx-grid-content {
  color: #364b5f;
  position: relative;
  word-wrap: break-word;
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  left: 0;
  z-index: 1;
}
.ngx-grid-tile-item .ngx-tile-item-user-details {
  display: inline-block;
  color: #364b5f;
  min-width: 0;
  vertical-align: middle;
}
.ngx-grid-tile-item .ngx-tile-item-user-details .handle,
.ngx-grid-tile-item .ngx-tile-item-user-details .name {
  margin: 0;
  color: #364b5f;
}
.ngx-grid-tile-item .ngx-user-profile {
  left: 12px;
}
.ngx-grid-tile-item .ngx-user-profile {
  position: absolute;
  bottom: 12px;
  left: 12px;
  opacity: 0;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.ngx-grid-tile-item .ngx-user-profile .ngx-user-avatar {
  display: inline-block;
  color: #ffffff;
  min-width: 0;
  vertical-align: middle;
}
.ngx-grid-tile-item .ngx-user-profile .ngx-user-avatar .user-avatar {
  border-radius: 100%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  min-width: initial;
}
.ngx-grid-tile-item .ngx-user-profile .handle,
.ngx-grid-tile-item .ngx-user-profile .name {
  margin: 0;
  color: #ffffff;
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-grid-tile-item .ngx-user-profile .handle {
  font-size: 12px;
}
.ngx-grid-content-image .ngx-grid-tile-item-inner:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: 0;
}
.ngx-grid-content-image .ngx-grid-tile-item-inner .ngx-grid-content {
  opacity: 0;
  position: absolute;
  top: 70px;
  margin: 0 12px;
}
.ngx-grid-tile-item-inner:hover .ngx-item-actions {
  opacity: 1;
}
.ngx-grid-tile-item-inner:hover .ngx-grid-content,
.ngx-grid-tile-item-inner:hover .ngx-user-profile,
.ngx-grid-tile-item-inner:hover .ngx-network-icon {
  opacity: 1;
  z-index: 2;
}
.ngx-grid-tile-item-inner:hover .ngx-item-actions {
  opacity: 1;
  z-index: 5;
}
.ngx-grid-tile-item-inner:hover .ngx-content-status {
  opacity: 0;
}
.ngx-grid-tile-item-inner:hover .ngx-network-icon {
  color: #fff;
}
.ngx-grid-tile-item-inner:hover .ngx-grid-item-selected {
  opacity: 0 !important;
}
.ngx-grid-tile-item.ngx-grid-content-text .ngx-grid-tile-item-inner:hover .ngx-grid-content {
  opacity: 0.6;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.ngx-grid-tile-item.ngx-grid-content-image .ngx-grid-tile-item-inner:hover .ngx-grid-content {
  opacity: 1;
  z-index: 2;
}
.ngx-grid-tile-item.ngx-grid-network-google .ngx-grid-tile-item-inner:hover {
  background-color: #dd4b39;
}
.ngx-grid-tile-item.ngx-grid-network-vine .ngx-grid-tile-item-inner:hover {
  background-color: #00b488;
}
.ngx-grid-tile-item.ngx-grid-network-instagram .ngx-grid-tile-item-inner:hover {
  background-color: #3f729b;
}
.ngx-grid-tile-item.ngx-grid-network-twitter .ngx-grid-tile-item-inner:hover {
  background-color: #55acee;
}
.ngx-grid-tile-item.ngx-grid-network-youtube .ngx-grid-tile-item-inner:hover {
  background-color: #e52d27;
}
.ngx-grid-tile-item.ngx-grid-network-facebook .ngx-grid-tile-item-inner:hover {
  background-color: #3b5998;
}
.ngx-grid-tile-item.ngx-grid-network-pinterest .ngx-grid-tile-item-inner:hover {
  background-color: #cc2127;
}
.ngx-grid-tile-item.ngx-grid-network-flickr .ngx-grid-tile-item-inner:hover {
  background-color: #ff0084;
}
.ngx-grid-tile-item.ngx-grid-network-blog .ngx-grid-tile-item-inner:hover {
  background-color: #f26522;
}
.ngx-grid-tile-item.ngx-grid-network-web .ngx-grid-tile-item-inner,
.ngx-grid-tile-item.ngx-grid-network-ugc .ngx-grid-tile-item-inner,
.ngx-grid-tile-item.ngx-grid-network-none .ngx-grid-tile-item-inner {
  background-color: #505959;
}
.ngx-grid-tile-item.ngx-grid-network-web .ngx-grid-tile-item-inner:hover,
.ngx-grid-tile-item.ngx-grid-network-ugc .ngx-grid-tile-item-inner:hover,
.ngx-grid-tile-item.ngx-grid-network-none .ngx-grid-tile-item-inner:hover {
  background-color: #505959;
}
.ngx-grid-tile-item .ngx-grid-tile-item-inner:hover .grid-content {
  color: #ffffff;
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-google .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(221, 75, 57, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-vine .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(0, 180, 136, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-instagram .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(63, 114, 155, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-twitter .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(85, 172, 238, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-youtube .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(229, 45, 39, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-facebook .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(59, 89, 152, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-pinterest .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(204, 33, 39, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-flickr .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(255, 0, 132, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-blog .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(242, 101, 34, 0.7);
}
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-web .ngx-grid-tile-item-inner:hover:before,
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-ugc .ngx-grid-tile-item-inner:hover:before,
.ngx-grid-tile-item.ngx-grid-content-image.ngx-grid-network-none .ngx-grid-tile-item-inner:hover:before {
  background-color: rgba(152, 152, 152, 0.7);
}
/* selected item modifiers */
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .grid-content {
  color: #ffffff;
}
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .ngx-grid-tile-item-inner:before {
  opacity: 0.6;
}
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .ngx-grid-tile-item-inner,
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .ngx-grid-tile-item-inner:before {
  background-color: #77d3c6;
}
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .ngx-grid-item-selected {
  opacity: 1;
}
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .ngx-content-status,
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .ngx-network-icon {
  opacity: 0;
}
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item.ngx-grid-content-text .ngx-grid-content {
  opacity: 0.6;
}
.x-grid-row.tileview.x-grid-row-selected .ngx-grid-tile-item .ngx-grid-tile-item-inner:hover .ngx-network-icon {
  opacity: 1;
}
@media (max-height: 750px) {
  .x-grid-row.tileview {
    width: 230px;
    height: 230px;
  }
}
@media (min-height: 751px) {
  .x-grid-row.tileview {
    width: 260px;
    height: 260px;
  }
  .ngx-grid-tile-item .ngx-item-actions .item-action-icon {
    font-size: 40px;
    padding: 0 17px;
  }
  .ngx-grid-tile-item .ngx-grid-tile-item-inner .ngx-grid-content {
    font-size: 18px;
  }
  .ngx-grid-tile-item .ngx-item-actions .item-action-icon {
    padding: 0 12px;
  }
  .ngx-grid-tile-item .ngx-grid-content {
    font-size: 16px;
  }
  .ngx-grid-tile-item .ngx-grid-item-selected i {
    line-height: 230px;
  }
  .ngx-grid-content-image .ngx-grid-tile-item-inner .ngx-grid-content {
    top: 80px;
    width: 230px;
  }
}
@media (min-height: 1101px) {
  .x-grid-row.tileview {
    width: 300px;
    height: 300px;
  }
  .ngx-grid-tile-item .ngx-item-actions-inner {
    margin-top: 20px;
  }
  .ngx-grid-tile-item .ngx-item-actions .item-action-icon {
    font-size: 40px;
    padding: 0 15px;
  }
  .ngx-grid-tile-item .ngx-grid-tile-item-inner {
    padding: 20px;
  }
  .ngx-grid-tile-item .ngx-grid-tile-item-inner .ngx-grid-content {
    font-size: 18px;
  }
  .ngx-grid-tile-item .ngx-content-status {
    bottom: 18px;
    left: 18px;
  }
  .ngx-grid-tile-item .ngx-user-profile {
    bottom: 20px;
    left: 20px;
  }
  .ngx-grid-tile-item .ngx-network-icon {
    bottom: 22px;
    right: 22px;
  }
  .ngx-grid-tile-item .ngx-grid-item-selected i {
    line-height: 260px;
  }
  .ngx-grid-content-image .ngx-grid-tile-item-inner .ngx-grid-content {
    width: 260px;
    top: 85px;
    margin: 0 20px;
  }
}
.empty-list {
  text-align: center;
  color: #9c9c9c;
  text-transform: lowercase;
  padding-top: 110px;
  padding-bottom: 50px;
}
.empty-list-icon {
  font-size: 64px;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  border: 10px solid #9c9c9c;
  color: #9c9c9c;
  border-radius: 100%;
}
.empty-list-icon i {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
}
.empty-list-icon i:before {
  margin: 0;
  padding: 0;
}
.empty-list-headline {
  margin-top: 20px;
  font: normal 32px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
}
.empty-list-byline {
  font: normal 16px HelveticaNeue-Light, Helvetica, Arial, sans-serif;
}
.campaign-export-wrapper {
  position: relative;
  color: #8d9494;
}
.campaign-export-wrapper p {
  color: #ffffff !important;
}
.campaign-export-wrapper .export-view-state {
  position: absolute;
  width: 100%;
  display: none;
}
.campaign-export-wrapper .export-headline {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 48px;
  line-height: 48px;
  padding: 20px 150px 10px 150px;
  text-align: center;
}
.campaign-export-wrapper .export-byline {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
  padding: 0 150px 40px;
  text-align: center;
}
.campaign-export-wrapper .export-user-info {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
  padding-bottom: 40px;
  text-align: center;
}
.campaign-export-wrapper .export-footer {
  width: 100%;
  padding: 20px 0;
  margin-top: 20px;
  border-top: 1px dashed #e8ebeb;
  position: relative;
}
.campaign-export-wrapper .export-footer a:hover {
  text-decoration: none;
}
.campaign-export-wrapper .export-footer .component-controls .component-control-btn {
  padding: 10px 5px 10px 0;
}
.campaign-export-wrapper .export-action-button {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  cursor: pointer;
  font-size: 14px;
  text-transform: none;
}
.campaign-export-wrapper .export-action-button:first-of-type {
  margin-left: 0;
}
.campaign-export-wrapper .export-action-button.uppercase {
  text-transform: uppercase;
}
.campaign-export-wrapper .loader {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  position: relative;
}
.campaign-export-wrapper .loader .loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 256px;
}
.campaign-export-wrapper .no-access-box {
  margin: 40px auto;
  text-align: center;
}
.campaign-export-wrapper .no-access-box i {
  font-size: 256px;
  line-height: 250px;
}
.campaign-export-wrapper .action-box {
  font-family: 'Roboto Medium', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  width: 225px;
  border-radius: 5px;
  position: relative;
  margin: 40px auto;
}
.campaign-export-wrapper .action-box.download {
  border: 1px solid;
}
.campaign-export-wrapper .action-box.download .action-bottom {
  border-top: 1px dashed;
}
.campaign-export-wrapper .action-box.export {
  color: #ffffff;
  background-color: #77d3c6;
  border: 1px solid #77d3c6;
}
.campaign-export-wrapper .action-box.export .action-bottom {
  border-top: 1px dashed #ffffff;
  cursor: pointer;
}
.campaign-export-wrapper .action-box .action-top {
  padding: 10px;
  height: 210px;
  text-align: center;
  font-size: 14px;
}
.campaign-export-wrapper .action-box .action-top i.big {
  font-size: 128px;
  line-height: 128px;
}
.campaign-export-wrapper .action-box .action-top i.medium {
  font-size: 96px;
  line-height: 96px;
}
.campaign-export-wrapper .action-box .action-top p.fileName {
  padding-top: 10px;
  margin-bottom: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: normal;
  font-size: 15px;
}
.campaign-export-wrapper .action-box .action-top p.count {
  font-weight: bold;
}
.campaign-export-wrapper .action-box .action-bottom {
  padding: 10px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  text-transform: uppercase;
}
.campaign-export-wrapper .action-box .action-bottom i {
  font-size: 32px;
  line-height: 32px;
}
.campaign-export-wrapper .export-password {
  color: #fff;
  font-family: SeroPro-ExtraThin, HelveticaNeue-Light, Helvetica, Arial, sans-serif;
  width: 100%;
  background-color: #e0e200;
  padding: 10px;
  visibility: hidden;
}
.campaign-export-wrapper .export-password .password-holder {
  width: 300px;
  margin: 0 auto;
}
.campaign-export-wrapper .export-password .password-holder .password-title {
  font-size: 14px;
}
.campaign-export-wrapper .export-password .password-holder .password-text {
  font-size: 36px;
}
.campaign-export-wrapper .export-password .password-holder .password-alert {
  opacity: 1;
}
.campaign-export-wrapper .export-password .password-holder .password-alert.animation-ended {
  opacity: 0.8;
  animation: pulse 2s;
}
.campaign-export-wrapper .export-password .password-holder p {
  margin: 0 0 5px;
}
.retention-message {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
  border-bottom: 1px solid #d4d9d9;
  line-height: 18px;
  width: 100%;
  background-color: #77d3c6;
  padding: 20px;
  display: none;
}
.retention-message i:before {
  font-size: 24px;
  line-height: 24px;
}
.component-super-status,
.component-quota-status {
  padding: 20px;
}
i.super-status-icon[data-icon]:before {
  vertical-align: top;
}
.component-campaignobject-super-status,
.component-user-super-status,
.component-feed-super-status,
.component-campaignobject-quota-status,
.component-channel-super-status {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
  border-bottom: 1px solid #d4d9d9;
}
.component-campaignobject-super-status.super-status-notice,
.component-user-super-status.super-status-notice,
.component-feed-super-status.super-status-notice,
.component-campaignobject-quota-status.super-status-notice,
.component-channel-super-status.super-status-notice {
  background-color: #77d3c6;
}
.component-campaignobject-super-status.super-status-warning,
.component-user-super-status.super-status-warning,
.component-feed-super-status.super-status-warning,
.component-campaignobject-quota-status.super-status-warning,
.component-channel-super-status.super-status-warning {
  background-color: #eb8e1b;
}
.component-campaignobject-super-status.super-status-error,
.component-user-super-status.super-status-error,
.component-feed-super-status.super-status-error,
.component-campaignobject-quota-status.super-status-error,
.component-channel-super-status.super-status-error {
  background-color: #ee2f19;
}
.component-campaignobject-super-status.margin-bottom,
.component-user-super-status.margin-bottom,
.component-feed-super-status.margin-bottom,
.component-campaignobject-quota-status.margin-bottom,
.component-channel-super-status.margin-bottom {
  margin-bottom: 30px;
}
.component-campaignobject-super-status a:link,
.component-user-super-status a:link,
.component-feed-super-status a:link,
.component-campaignobject-quota-status a:link,
.component-channel-super-status a:link,
.component-campaignobject-super-status a:visited,
.component-user-super-status a:visited,
.component-feed-super-status a:visited,
.component-campaignobject-quota-status a:visited,
.component-channel-super-status a:visited {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
  text-decoration: underline;
}
.component-campaignobject-authentication-warning {
  color: #eb8e1b;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
}
.component-campaignobject-authentication-warning a:link,
.component-campaignobject-authentication-warning a:visited {
  color: #eb8e1b;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-decoration: underline;
}
i.authentication-warning-icon[data-icon]:before {
  vertical-align: top;
  font-size: 18px;
}
.no-margin-right {
  margin-right: 0 !important;
}
.component-hover-box {
  position: relative;
  display: inline-block;
  white-space: initial;
  text-align: left;
}
.component-hover-box:before {
  content: initial;
}
.component-hover-box.disabled-form-actions {
  opacity: 0.5;
  cursor: not-allowed;
}
.component-hover-box.disabled-form-actions .action-btn {
  display: none;
}
.component-hover-box .component-hover-box-controls {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  background: transparent;
  cursor: pointer;
  text-align: center;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.component-hover-box .component-hover-box-controls:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.component-hover-box .component-hover-box-controls .component-hover-box-btn {
  display: inline-block;
  vertical-align: middle;
}
.component-hover-box .component-hover-box-controls .component-hover-box-btn a {
  text-decoration: none;
  color: transparent;
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.component-hover-box .component-hover-box-controls .component-hover-box-btn i {
  font-size: 48px;
}
.component-hover-box .component-hover-box-controls .component-hover-box-btn i[data-icon]:before {
  padding: 0;
}
.component-hover-box .component-hover-box-controls .component-hover-box-btn span {
  font: bold 18px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  display: block;
  vertical-align: middle;
}
.component-hover-box:hover .component-hover-box-controls {
  color: #ffffff;
  background: rgba(62, 192, 173, 0.8);
}
.component-hover-box:hover .component-hover-box-controls .component-hover-box-btn a {
  color: #ffffff;
}
.component-hover-box.hover-box-x-large .component-hover-box-icon {
  width: 250px;
  margin: 0 auto;
}
.component-hover-box.hover-box-x-large .component-hover-box-controls {
  height: 227px;
}
.component-hover-box.hover-box-large .component-hover-box-icon {
  width: 163px;
  margin: 0 auto;
  min-height: 200px;
  text-align: right;
}
.component-hover-box.hover-box-large .component-hover-box-controls {
  height: 196px;
}
.component-hover-box.hover-box-medium .component-hover-box-icon {
  width: 128px;
  margin: 0 auto;
}
.component-hover-box.hover-box-medium .component-hover-box-controls {
  height: 154px;
}
.component-hover-box.hover-box-small .component-hover-box-icon {
  width: 96px;
  margin: 0 auto;
}
.component-hover-box.hover-box-x-small .component-hover-box-icon {
  width: 64px;
  height: 77px;
  margin: 0 auto;
}
.component-hover-box.hover-box-x-small .component-hover-box-controls .component-hover-box-btn i {
  font-size: 24px;
}
.component-hover-box.hover-box-short .component-hover-box-controls {
  height: 42px;
}
.component-hover-box.hover-box-short .component-hover-box-controls .component-hover-box-btn i {
  font-size: 26px;
  vertical-align: middle;
}
.component-hover-box.hover-box-short .component-hover-box-controls .component-hover-box-btn span {
  display: inline-block;
  margin-left: 10px;
}
.component-hover-box .component-hover-box-below-controls {
  width: 100%;
  text-align: center;
}
.component-hover-box .component-box-title,
.component-hover-box .component-box-byline {
  text-align: center;
}
.component-hover-box .component-box-byline {
  color: #9c9c9c;
  font-size: 12px;
}
.component-hover-box .component-box-title {
  font-family: Roboto;
  color: #ffffff;
  font-size: 18px;
  margin-top: 10px;
}
h1.ngx-console-extension-header-title {
  color: #77d3c6;
  font-size: 48px;
  text-transform: lowercase;
  margin-bottom: 30px;
  text-align: center;
}
p.ngx-console-extension-header-byline {
  text-align: center;
  font: normal 16px 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
  color: #ffffff;
}
.ngx-refbuilder-help {
  color: #9c9c9c;
}
.ngx-console-extension-live-output {
  margin-top: 40px;
  text-align: center;
  word-wrap: break-word;
  font: normal 32px 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
  color: #9c9c9c;
}
.ngx-console-extension-help-container {
  font: normal 18px 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
  margin-top: 40px;
}
.ngx-component-winner-data-sharing .winner-data-password-wrapper {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  width: 100%;
  background-color: #d3c02c;
  padding: 30px;
}
.ngx-component-winner-data-sharing .winner-data-password-wrapper .password-holder {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.ngx-component-winner-data-sharing .winner-data-password-wrapper .password-title {
  font: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
}
.ngx-component-winner-data-sharing .winner-data-password-wrapper .password-text {
  font-size: 72px;
}
.ngx-component-winner-data-sharing .winner-data-password-wrapper .password-alert {
  font-size: 14px;
  opacity: 0;
}
.ngx-component-winner-data-sharing .winner-data-password-wrapper .password-alert.animation-ended {
  opacity: 1;
  animation: pulse 2s;
}
.ngx-component-winner-data-sharing .attachment-wrapper {
  color: #ffffff;
}
.ngx-component-winner-data-sharing .attachment-wrapper .attachment-icon {
  font-size: 64px;
}
.ngx-component-winner-data-sharing .attachment-wrapper .attachment-title {
  margin-bottom: 0;
}
.ngx-clone-campaign-tpl .component-row,
.ngx-clone-campaign-promotion-tpl .component-row {
  margin: 0;
}
.ngx-clone-campaign-tpl .title,
.ngx-clone-campaign-promotion-tpl .title {
  color: #ffffff;
}
.ngx-clone-campaign-tpl .title-headline,
.ngx-clone-campaign-promotion-tpl .title-headline {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  font-size: 36px;
  margin-top: 15px;
}
.ngx-clone-campaign-tpl .title-byline,
.ngx-clone-campaign-promotion-tpl .title-byline {
  font-size: 16px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.draw-group-title {
  padding: 10px 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
@-webkit-keyframes highlight {
  0% {
    background-color: #77d3c6;
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes highlight {
  0% {
    background-color: #77d3c6;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes highlight {
  0% {
    background-color: #77d3c6;
  }
  100% {
    background-color: transparent;
  }
}
.ngx-grid-row-highlight {
  -webkit-animation: highlight 2.5s cubic-bezier(1, 0.6, 1, 1);
  -moz-animation: highlight 2.5s cubic-bezier(1, 0.6, 1, 1);
  animation: highlight 2.5s cubic-bezier(1, 0.6, 1, 1);
}
div.lottoBall {
  border-radius: 25px;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 20;
  opacity: 0.7;
  transition: opacity 2.5s ease-in;
  -moz-transition: opacity 2.5s ease-in;
  -webkit-transition: opacity 2.5s ease-in;
}
#lottoContainer {
  width: 300px;
  height: 300px;
  margin: 50px auto;
}
#lottoMachine {
  opacity: 0;
  height: 300px;
  position: relative;
  transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  -webkit-transition: opacity 0.5s ease-in;
}
#lottoCanvas {
  width: 290px;
  height: 290px;
  -webkit-border-radius: 100%;
  margin: 0 auto;
}
#lottoStand {
  text-align: center;
  width: 200px;
  margin: 0 auto;
  margin-top: 40px;
  border-radius: 10px;
  display: block;
}
#lottoRotator {
  width: 300px;
  height: 300px;
  -webkit-border-radius: 100%;
  position: absolute;
  top: -2px;
  left: -2px;
  border: 5px dashed #eee;
  margin: 0 auto;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.uploader-demo-file {
  width: 400px;
  padding: 10px;
  margin: 10px 0 0 0;
  color: #ffffff;
  border-radius: 2px;
}
.uploader-demo-file .media {
  margin-top: 10px;
}
.uploader-demo-file-help-icon a,
.uploader-demo-file-help-icon a:link,
.uploader-demo-file-help-icon a:visited {
  color: #ffffff;
  font-size: 44px;
}
/*     */
.component-campaignobject-manage-entry-form .ui.menu .item {
  padding: 0.5em 1em;
  margin-left: 0;
  border-radius: 0.143rem;
}
.ngx-component.campaign-reward-rule {
  padding: 0;
  height: 200px;
  width: 100%;
  border-spacing: 0;
  margin-bottom: 20px;
}
.campaign-reward-list .media {
  margin-bottom: 20px;
}
.ngx-campaign-rule-inner:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
h3.ngx-campaign-rule-text {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  text-transform: lowercase;
  vertical-align: middle;
  display: inline-block;
  color: #9c9c9c;
}
.cd-header-container {
  border-bottom: 7px solid #77d3c6 !important;
  background-color: #e8ebeb !important;
}
.cd-header-container i.inverted.icon {
  color: #394242;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.x-datepicker-active .datepicker-warning {
  color: #eb8e1b !important;
}
.x-datepicker-active.x-datepicker-selected .datepicker-warning {
  background-color: #eb8e1b !important;
  color: white !important;
}
/* global fix for the Quill tooltip collapsing on click and unpredictable line break */
.ql-tooltip {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  min-width: 370px;
}
.page-header {
  margin: -1rem;
  padding: 1rem 2rem;
}
.page-header.page-header--small .page-header__title .icon {
  font-size: 10rem;
}
.page-header.page-header--small .page-header__title .content-item-content__header {
  font-size: 4rem !important;
}
.page-header.page-header--small .page-header__title .content-item-content__topline {
  font-size: 1.6rem;
  margin-bottom: 0;
}
.page-header.page-header--medium .page-header__title .icon {
  font-size: 16rem;
}
.page-header.page-header--medium .page-header__title .content-item-content__header {
  font-size: 6rem !important;
}
.page-header.page-header--medium .page-header__title .content-item-content__topline {
  font-size: 2rem;
  margin-bottom: 0;
}
.page-header.page-header--large .page-header__title .icon {
  font-size: 80px;
}
.page-header.page-header--large .page-header__title .content-item-content__header {
  font-size: 72px !important;
  line-height: 1;
  color: #394242;
}
.page-header.page-header--large .page-header__title .content-item-content__topline {
  font-size: 16px;
  margin-bottom: 0;
  color: #505959;
}
.page-header .page-header__actions {
  border-top: 1px dotted #ffffff;
  padding: 2rem 0;
}
.page-header .ui.inverted.header .sub.header {
  color: #ffffff;
}
.ck.wizard-ui {
  background-color: #505959;
  height: 100%;
}
.ck.wizard-ui .wizard-step__body {
  padding-top: 0px;
  flex-grow: 5;
  height: auto;
}
.ck.wizard-ui .wizard-step__input .ck.input input {
  font-size: 3.2rem !important;
  height: auto !important;
  padding: 0 1rem;
  text-align: center;
}
.ck.wizard-ui .wizard-step-wrapper {
  height: 100%;
  width: 100%;
}
.ck.wizard-ui .wizard-step {
  padding-top: 4vh;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ck.wizard-ui .wizard-step__header {
  padding-bottom: 0;
  flex-grow: 1;
  margin: 0 4rem;
  max-width: 1000px;
  align-self: center;
}
.ck.wizard-ui .wizard-step__body {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 4vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.ck.wizard-ui .wizard-ui-body,
.ck.wizard-ui .wizard-ui-step__wrapper {
  overflow: hidden;
}
.ck.wizard-ui .wizard-action-buttons {
  text-align: center;
  padding: 30px 0 30px 0;
}
.ck.wizard-ui .destination-step {
  width: 80%;
  min-width: 500px;
}
.ck.wizard-ui .destination-step .destination-channel {
  background-color: #e8ebeb;
  margin-bottom: 2rem;
  padding: 3rem;
}
.ck.wizard-ui .dimensions-step .dimensions-step__done {
  margin-top: 200px;
  text-align: center;
}
.ck.wizard-ui .summary-step {
  width: 80%;
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.ck.wizard-ui .summary-step .inline-block {
  display: inline-block;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.ck.wizard-ui .summary-step .summary-step__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.ck.wizard-ui .summary-step .summary-step__actions__summary {
  font-size: 3rem;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  margin-bottom: 1.1rem;
  padding: 2rem 5.9rem;
  text-align: center;
  border-radius: 0.2rem;
  border-style: solid;
  border-width: 0.1rem;
  border-color: transparent;
  cursor: pointer;
  transition: border 0.2s ease;
  position: relative;
}
.ck.wizard-ui .summary-step .summary-step__actions__summary:hover {
  border-color: #3ec0ad;
}
.ck.wizard-ui .summary-step .summary-step__actions__summary > .ck-icon i.icon {
  margin: 0;
}
.ck.wizard-ui .summary-step .summary-step__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 2rem;
  border-right: 1px dashed #e8ebeb;
  margin: 15px 0;
  width: 50%;
}
.ck.wizard-ui .summary-step .summary-step__meta__item {
  display: flex !important;
  align-items: center;
  min-height: 75px;
}
.ck.wizard-ui .summary-step .summary-step__meta__item__header {
  text-transform: uppercase;
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
  color: #e8ebeb;
  margin-bottom: 0.5rem;
}
.ck.wizard-ui .summary-step .summary-step__meta__item__byline {
  border-color: transparent;
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
  color: #ffffff;
  word-break: break-word;
}
.ck.wizard-ui .summary-step .summary-step__meta__items {
  overflow-y: auto;
}
.ck.wizard-ui .summary-step .summary-step__meta__retention-message {
  margin-bottom: 30px;
  display: flex;
  padding-right: 50px;
}
.ck.wizard-ui .summary-step .summary-step__meta__items .summary-step__meta__item,
.ck.wizard-ui .summary-step .summary-step__meta__items .content-item {
  margin: 1.5rem 0;
}
.ck.wizard-ui .summary-step .summary-step__meta__items .summary-step__meta__item:first-of-type,
.ck.wizard-ui .summary-step .summary-step__meta__items .content-item:first-of-type {
  margin-top: 0;
}
.ck.wizard-ui .summary-step .summary-step__meta__items .summary-step__meta__item:last-of-type,
.ck.wizard-ui .summary-step .summary-step__meta__items .content-item:last-of-type {
  margin-bottom: 0;
}
.ck.wizard-ui .summary-step .summary-step__meta__items .summary-step__meta__item .ck-icon .icon,
.ck.wizard-ui .summary-step .summary-step__meta__items .content-item .ck-icon .icon {
  transition: all 0.7s ease;
}
.ck.wizard-ui .summary-step .summary-step__actions__summary__text {
  text-transform: uppercase;
  color: #77d3c6;
  margin-top: 2rem;
  font-size: 4.4rem;
}
.ck.wizard-ui .summary-step .summary-step__actions__summary.saving .ck-icon i {
  margin: 0;
}
.ck.wizard-ui .summary-step .summary-step__actions__summary.saving .ck-icon i:before {
  content: '';
}
.ck.wizard-ui .summary-step .summary-step__actions__summary.saving .ck-icon:before {
  position: absolute;
  content: '';
  width: 80px;
  height: 80px;
  border-radius: 500rem;
  border-width: 1rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
  margin-left: 20px;
}
.ck.wizard-ui .summary-step .summary-step__actions__summary.saving .ck-icon:after {
  position: absolute;
  content: '';
  width: 80px;
  height: 80px;
  border-radius: 500rem;
  border-width: 1rem;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
  margin-left: -86px;
}
div.channel-header-icon i.icon {
  font-size: 80px;
}
.list-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  width: 150px;
  border-radius: 2px;
  background-color: #b2ebea;
}
.list-item-icon.list-item-icon--disabled {
  background-color: #e8ebeb;
}
.list-item-icon .list-item-icon__icon .icon {
  margin: 0;
  padding: 0;
}
.list-item-icon .list-item-icon__icon .icon:before {
  color: #394242;
}
.list-item-icon .list-item-icon__icon--small .icon {
  font-size: 40px !important;
}
.list-item-icon .list-item-icon__icon--medium .icon {
  font-size: 55px !important;
}
.list-item-icon .list-item-icon__icon--large .icon {
  font-size: 80px !important;
}
.card-group .ui.cards {
  justify-content: center;
}
.card-group__account-template .card .image > img[width][height] {
  object-fit: cover;
}
.card-group__account-template .card .content .header {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wx-panel-container {
  padding: 0;
  background-color: white;
}
.wx-panel {
  border-bottom: 0.1rem solid #e8ebeb;
}
.wx-panel.wx-panel--padded {
  padding: 4rem;
}
.wx-panel.wx-panel--padding-small {
  padding: 2rem;
}
.wx-panel.wx-panel--padding-medium {
  padding: 4rem;
}
.wx-panel.wx-panel--padding-large {
  padding: 80px;
}
.wx-panel.wx-panel--padding-vertical-small {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.wx-panel.wx-panel--padding-vertical-medium {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.wx-panel.wx-panel--padding-vertical-large {
  padding-top: 80px;
  padding-bottom: 80px;
}
.wx-panel.wx-panel--padding-horizontal-small {
  padding-left: 2rem;
  padding-right: 2rem;
}
.wx-panel.wx-panel--padding-horizontal-medium {
  padding-left: 4rem;
  padding-right: 4rem;
}
.wx-panel.wx-panel--padding-horizontal-large {
  padding-left: 80px;
  padding-right: 80px;
}
.wx-panel.wx-panel--padding-none {
  padding: 0;
}
.wx-panel:last-of-type {
  border-bottom-width: 0;
}
.wx-panel .panel-image {
  display: inline-block;
}
.wx-panel .panel-image__hover-text {
  font-size: 60px;
  text-transform: uppercase;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  color: #ffffff;
}
.wx-panel .panel-image__hover-text--small {
  font-size: 2.4rem;
  text-transform: uppercase;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  color: #ffffff;
}
.wx-panel .panel-image__hover-text--medium {
  font-size: 3rem;
  text-transform: uppercase;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  color: #ffffff;
}
.wx-panel-wrapper {
  border-bottom: 0.1rem solid #e6ebef;
}
.wx-app {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wx-layout {
  display: flex;
  justify-content: center;
  width: 100%;
}
.wx-layout__inner {
  width: 100%;
  max-width: 1400px;
  display: flex;
}
.wyn-app-404 {
  min-height: 300px;
  border-top-color: #d4d9d9;
  margin-top: 1rem;
}
.wx-layout.wx-header {
  position: fixed;
  z-index: 100;
  border-bottom: 0.1rem solid #e8ebeb;
  background-color: #f7f7f7;
}
body.hasScrolled .wx-layout.wx-header::after {
  opacity: 1;
}
.wx-layout.wx-header::after {
  box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.05);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.34, 1.61, 0.7, 1);
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wx-layout.wx-body {
  margin-top: 69px;
}
.wx-layout.wx-body.wx-body--no-margin {
  margin: 0;
}
.wx-sidebar--narrow {
  min-width: 190px;
  max-width: 190px;
}
.wx-sidebar--medium {
  min-width: 230px;
  max-width: 230px;
}
.wx-sidebar--wide {
  min-width: 270px;
  max-width: 270px;
}
.wx-main-panel {
  min-height: 101vh;
  background-color: #ffffff;
  flex-grow: 1;
}
.wx-toolbar {
  width: 100%;
  z-index: 100;
}
.wx-toolbar .ck.sticky {
  position: relative;
}
.wx-toolbar .wx-toolbar__inner {
  display: flex;
  flex-direction: row;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  align-items: center;
  justify-content: space-between;
}
.wx-toolbar .wx-toolbar__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 50px;
  font-size: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wx-toolbar .wx-toolbar__left > div {
  display: inherit;
  align-items: inherit;
}
.wx-toolbar .wx-toolbar__right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wx-toolbar .wx-toolbar__right > .ui.buttons:first-of-type {
  border-right: 0.1rem solid #e8ebeb;
  margin-right: 1.6rem;
}
.experience-metadata-step {
  width: 80%;
  display: flex;
  flex-direction: column;
}
.inline-edit {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
}
.inline-edit .inline-edit__content {
  display: flex;
  align-items: center;
  margin: 0.3rem 0 0.4rem 0;
}
.inline-edit .inline-edit__content .ck-icon {
  margin-left: 1rem;
}
.inline-edit .inline-edit__input .ck.input {
  padding: 0;
  margin: 0;
}
.inline-edit .inline-edit__input .ck.input .ui.input input {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 2.4rem !important;
  padding: 0;
  margin: 0;
  color: #394242;
}
.inline-edit.inline-edit--inverted {
  color: #ffffff;
}
.inline-edit.inline-edit--inverted .inline-edit__input .ck.input .ui.input input {
  color: #ffffff;
}
.tabs-container {
  justify-content: center;
  display: flex;
}
.tab-container {
  width: 800px;
}
.tab-container.tab-container--hidden {
  display: none;
}
body {
  height: initial;
}
.channel-workspace.wx-app .wx-layout.wx-body {
  margin-top: 20px;
}
.channel-workspace.wx-app .wx-layout.wx-header {
  height: 20px;
}
.channel-workspace.wx-app .wx-toolbar .wx-toolbar__inner {
  background: #e8ebeb;
}
.channel-workspace.wx-app .wx-toolbar__right > .ui.buttons:first-of-type {
  border-right-color: #d4d9d9;
}
.channel-workspace.wx-app .wx-main-panel {
  width: 1130px;
}
.channel-workspace.wx-app .wx-panel-link {
  color: #ffffff;
}
.channel-workspace.wx-app .wx-panel.wx-panel__publishing div.content-item__image .ck-icon .icon {
  font-size: 6rem;
}
.channel-workspace.wx-app .wx-panel.wx-panel__publishing div.display-container-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.channel-workspace.wx-app .wx-panel.wx-panel__publishing div.display-container-actions .ck.input:not(.is-number) {
  width: auto;
}
.channel-workspace.wx-app .wx-panel.wx-panel__warning {
  background-color: #eb8e1b;
}
.channel-workspace.wx-app .wx-panel.wx-panel__error {
  background-color: #ee2f19;
}
.edit-container-settings .code-mirror__container {
  height: 300px;
  padding-bottom: 2rem;
}
.channel-container-wizard__container {
  height: 100%;
}
.channel-container-wizard__container .container-type-step .picker-item__item-image .ck-icon i.icon,
.channel-container-wizard__container .display-unit-step .picker-item__item-image .ck-icon i.icon {
  font-size: 60px;
}
.channel-container-wizard__container .destination-step {
  width: 80%;
  min-width: 500px;
}
.channel-container-wizard__container .destination-step .destination-channel {
  background-color: #e8ebeb;
  margin-bottom: 2rem;
  padding: 0 3rem;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.channel-container-wizard__container .dimensions-step .dimensions-step__done {
  margin-top: 200px;
  text-align: center;
}
.channel-container-wizard__container .wizard-step__input {
  width: 700px;
}
@media (max-height: 1000px) {
  .channel-container-wizard__container .ck.wizard-ui .wizard-step {
    padding-top: 0px;
  }
}
.console-app .page-container {
  border-radius: 0.4rem;
  min-height: 300px;
  background-color: #ffffff;
  min-width: 900px;
  max-width: 1170px;
  margin: 3.5rem auto 0;
}
.console-app .page-panel-overview {
  padding: 1rem 3rem;
  border-radius: 0.4rem 0.4rem 0 0;
  border-bottom: 0.7rem solid #77d3c6;
  background-color: #e8ebeb;
}
.console-app .page-panel-overview .content-item-content__topline {
  font-size: 1.6rem !important;
}
.console-app .page-panel-overview .content-item-content__header {
  font-size: 72px !important;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif !important;
}
.console-app .page-panel-overview .page-panel-overview__icon .ck-icon .icon {
  font-size: 80px;
}
.console-app .ck-lozenge.base {
  background-color: #8bd8f0;
}
.fullBleedWrapper {
  padding-top: 60px;
}
/********************************** misc ********************************************/
.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.ngx-component,
.ngx-component-inner.ngx-component-container-inner {
  position: relative;
  flex-grow: 1;
}
.ngx-component-title {
  margin-bottom: 20px;
}
/********************** temp new buttons *******************/
.btn.ngx-btn {
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  cursor: pointer;
  color: #394242;
}
.btn.ngx-btn:before {
  display: inline-block;
  padding: 0;
  vertical-align: inherit;
  font-size: 16px;
  pointer-events: none;
  font-family: EngVetica;
  content: attr(data-icon);
  speak: none;
}
.btn.ngx-btn.icon-left:before {
  padding-right: 0.5em;
  padding-left: 0;
  vertical-align: middle;
}
.btn.ngx-btn.icon-right:after {
  padding-left: 0.5em;
  padding-right: 0;
  vertical-align: middle;
}
.btn.ngx-btn.icon-top:before {
  float: none;
  padding-right: 1em;
  padding-left: 1em;
  display: block;
}
.btn.ngx-btn span.btn-label {
  display: inline-block;
}
.btn.ngx-btn span.btn-label span {
  display: block;
  word-wrap: break-word;
  white-space: normal;
}
.btn.ngx-btn.scale-xxl-square {
  width: 200px;
  height: 200px;
  border-radius: 8px;
}
.btn.ngx-btn.scale-xxl-square.with-icon.no-text:before {
  line-height: 176px;
  font-size: 48px;
}
.btn.ngx-btn,
.btn.ngx-btn:before {
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn.ngx-btn {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 2px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: none;
  box-shadow: none;
}
.btn.ngx-btn:hover {
  cursor: pointer;
}
.btn.ngx-btn.disabled,
.btn.ngx-btn.disabled:hover,
.btn.ngx-btn.btn-active,
.btn.ngx-btn.btn-active:hover {
  cursor: default;
}
.btn.ngx-btn.btn-active,
.btn.ngx-btn:not(.disabled):hover {
  background-color: rgba(55, 184, 181, 0.1) !important;
  color: #37b8b5;
}
.btn.ngx-btn.btn-row-action {
  padding: 2px 8px;
}
.btn.ngx-btn.btn-row-action.with-icon:before {
  font-size: 24px;
}
.btn.ngx-btn.btn-row-action:not(.disabled):hover {
  background-color: transparent !important;
  color: #3ec0ad;
}
.btn.ngx-btn.btn-grey {
  background-color: #505959;
  color: #ffffff;
}
.btn.ngx-btn.btn-grey:not(.disabled):hover {
  background-color: #3ec0ad;
}
.btn.ngx-btn.btn-transparent {
  background-color: transparent;
  color: #ffffff;
}
.btn.ngx-btn.btn-transparent:not(.disabled):hover {
  background-color: transparent;
}
.btn.ngx-btn.scale-l .btn-text {
  font-size: 18px;
}
.btn.ngx-btn.scale-l .btn-byline {
  font-size: 12px;
}
.btn.ngx-btn.scale-l.with-icon:before {
  font-size: 32px;
}
.btn.ngx-btn.scale-xl .btn-text {
  font-size: 20px;
}
.btn.ngx-btn.scale-xl .btn-byline {
  font-size: 14px;
}
.btn.ngx-btn.scale-xl.with-icon:before {
  font-size: 40px;
}
.btn.ngx-btn.scale-xxl .btn-text {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.btn.ngx-btn.scale-xxl .btn-label {
  font-size: 24px;
}
.btn.ngx-btn.scale-xxl .btn-byline {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: initial;
}
.btn.ngx-btn.scale-xxl.with-icon:before {
  font-size: 48px;
}
.btn.ngx-btn.scale-xxl.btn-active,
.btn.ngx-btn.scale-xxl:not(.disabled):hover {
  background-color: transparent;
  color: #3ec0ad;
}
.btn.ngx-btn.scale-xxl-square {
  width: 200px;
  height: 200px;
  border-radius: 8px;
}
.btn.ngx-btn.scale-xxl-square.with-icon.no-text:before {
  font-size: 48px;
}
.btn.ngx-btn.btn-nav {
  color: #8d9494;
  background-color: transparent;
}
.btn.ngx-btn.btn-nav:hover {
  color: #77d3c6;
}
.btn.ngx-btn.btn-nav.btn-active,
.btn.ngx-btn.btn-nav:not(.disabled):hover {
  background-color: transparent;
}
.btn.ngx-btn.btn-nav.btn-active:before,
.btn.ngx-btn.btn-nav:not(.disabled):hover:before,
.btn.ngx-btn.btn-nav.btn-active .btn-label,
.btn.ngx-btn.btn-nav:not(.disabled):hover .btn-label,
.btn.ngx-btn.btn-nav.btn-active .btn-byline,
.btn.ngx-btn.btn-nav:not(.disabled):hover .btn-byline {
  color: #77d3c6;
}
.btn.ngx-btn.btn-outline {
  border-color: #8d9494;
  background-color: transparent;
}
.btn.ngx-btn.btn-outline:hover {
  border-color: #3ec0ad;
  color: #3ec0ad;
}
.btn.ngx-btn.btn-dashed-outline {
  border-style: dashed;
  border-width: 1px;
  border-color: #8d9494;
}
.btn.ngx-btn.btn-dashed-outline:hover {
  border-color: #3ec0ad;
}
.btn.ngx-btn.border-dashed {
  border-style: dashed;
}
.btn.ngx-btn.btn-blue {
  color: #ffffff;
  border-color: #77d3c6;
  background-color: #77d3c6;
}
.btn.ngx-btn.btn-blue:not(.disabled):hover {
  background-color: #3ec0ad;
}
.btn.ngx-btn.outline-icon {
  border-style: none;
  padding: 0;
}
.btn.ngx-btn.outline-icon:before {
  border-style: dashed;
  border-width: 1px;
  border-color: #808080;
  padding: 10px 13px;
  margin-right: 10px;
  border-radius: 2px;
}
.btn.ngx-btn.outline-icon:before[data-icon]:before {
  padding-right: 0;
}
.btn.ngx-btn.outline-icon:before:hover {
  background-color: #3ec0ad;
  color: #ffffff;
}
.btn.ngx-btn.outline-icon:before.no-text:before {
  margin-right: 0;
}
.btn.ngx-btn.outline-icon:hover {
  border-color: #3ec0ad;
}
.btn.ngx-btn.outline-icon:hover .ngx-btn-icon {
  background-color: #3ec0ad;
  color: #ffffff;
  border-color: #3ec0ad;
  border-style: solid;
}
.btn.ngx-btn.outline-icon.btn-active,
.btn.ngx-btn.outline-icon:hover {
  background-color: transparent;
  color: #8d9494;
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
}
.btn.ngx-btn.outline-icon.btn-active:before,
.btn.ngx-btn.outline-icon:hover:before {
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  border-color: #3ec0ad;
  border-style: solid;
  background-color: #3ec0ad;
  color: #ffffff;
}
.ngx-component-toolbar + div.ngx-component {
  margin-top: 20px;
}
.ngx-component-toolbar .ngx-toolbar-spacer {
  width: 100%;
  display: inline-block;
}
.ngx-component-toolbar.align-right {
  text-align: right;
}
.ngx-component-toolbar .ngx-component-toolbar-inner > .ngx-btn {
  margin-left: 0;
  margin-right: 5px;
}
.ngx-component-toolbar.align-right .ngx-btn {
  margin-left: 5px;
  margin-right: 0;
}
.ngx-component-toolbar.align-left {
  margin-left: 0;
}
.ngx-component-toolbar.align-right {
  margin-right: 0;
}
.ngx-component-toolbar.align-stretch {
  margin-left: 0;
  margin-right: 0;
}
.ngx-component-toolbar.align-stretch .ngx-component-toolbar-inner {
  display: flex;
}
.ngx-component-toolbar.align-stretch .ngx-component-toolbar-inner > * {
  flex-grow: 1;
  /*padding: 0 1em;
        margin: 0 .5em;*/
}
.ngx-component-toolbar .btn.ngx-btn {
  font-size: 15px;
}
.row-action-toolbar {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.component-search {
  background-color: transparent;
  display: flex;
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  margin: 15px 0;
  border: 1px solid #d4d9d9;
}
.component-search button.btn.ngx-btn {
  display: none;
  background-color: transparent;
}
.component-search button.btn.ngx-btn:not(.disabled):hover {
  background-color: transparent;
  color: #3ec0ad;
}
.component-search.has-value {
  color: #ffffff;
}
.component-search.has-value button.btn.ngx-btn {
  display: initial;
}
.component-search input[type='text'] {
  flex-grow: 1;
  border: 0 solid transparent;
  width: 100%;
  font-size: 20px;
  height: 43px;
  background-color: transparent;
  color: #6c7373;
}
.component-search input[type='text']:-moz-placeholder {
  color: #b2b8b8;
}
.component-search input[type='text']::-moz-placeholder {
  color: #b2b8b8;
}
.component-search input[type='text']:-ms-input-placeholder {
  color: #b2b8b8;
}
.component-search input[type='text']::-webkit-input-placeholder {
  color: #b2b8b8;
}
.component-search span {
  flex-grow: 0;
}
.ngx-component.loading .ngx-component-inner .loading:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  content: '';
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
}
.ngx-component-loading {
  font-size: 20px;
  z-index: 110;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.ngx-component-loading.light {
  background: transparent;
}
.ngx-component-loading.light .ngx-component-loading-message {
  color: #666666;
}
.ngx-component-loading.dark {
  background: rgba(0, 0, 0, 0.3);
}
.ngx-component-loading.dark .ngx-component-loading-message {
  color: #ffffff;
}
.ngx-component-loading.transparent {
  background: transparent;
}
.ngx-component-loading.transparent .ngx-component-loading-message {
  color: #ffffff;
}
.ngx-component-loading:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.ui.container .ngx-component.ngx-component-loading {
  position: relative;
}
.ngx-component-loading-inner {
  display: inline-block;
}
.loading-lines {
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.loading-lines > div {
  background-color: #333;
  height: 100%;
  margin: 0 3px 0 0;
  width: 7px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  border-radius: 2rem;
}
.loading-lines .line1 {
  background-color: #96d9d8;
}
.loading-lines .line2 {
  background-color: #e0e200;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loading-lines .line3 {
  background-color: #ee2f19;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loading-lines .line4 {
  background-color: #394242;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loading-lines .line5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.ngx-component-loading-message {
  display: inline-block;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  font-size: 16px;
}
.ngx-component-loading-spinner {
  display: inline-block;
  vertical-align: middle;
}
.ngx-component-empty {
  font-size: 20px;
}
.ngx-component-empty.inverted {
  color: #ffffff;
}
.ngx-component-empty-icon {
  font-size: 50px;
  padding: 10px;
  border: 5px solid;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 100%;
  text-align: center;
}
.ngx-component-empty-message {
  display: inline-block;
  margin-top: 20px;
}
.ngx-component-empty.inverted {
  color: #ffffff;
}
.ngx-component-empty.inverted .ngx-component-empty-icon {
  color: #ffffff;
  border-color: #ffffff;
}
/**** panel component ****/
/**** new overlay component ****/
.ngx-component-overlay {
  padding: 1rem;
  overflow: auto;
}
.ngx-component-overlay .component-overlay-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 5000;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background-color: #505959;
}
.ngx-component-overlay .component-overlay-panel .ngx-component-title {
  padding: 13px 0 0;
  margin-bottom: 0;
  color: #ffffff;
}
.ngx-component-overlay .component-overlay-panel .ngx-component-title h1 {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #77d3c6;
}
.ngx-component-overlay .component-overlay-panel .component-overlay-header {
  border-width: 0 0 1px 0;
  border-style: solid;
  padding: 0 10px 0 0;
  border-color: #77d3c6;
}
.ngx-component-overlay .component-overlay-panel .component-overlay-header > .container .ui.grid {
  margin: 0 0 1rem;
}
.ngx-component-overlay .component-overlay-panel > div.ngx-component-panel-header {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.ngx-component-overlay .component-overlay-panel .ngx-component-inner.ngx-component-panel-inner {
  margin-top: 100px;
  position: relative;
  z-index: 90;
  flex-grow: 1;
}
.ngx-component-overlay .component-overlay-panel.console-kit {
  background-color: #242f3a;
}
.ngx-component-overlay .component-overlay-panel.console-kit .ui.label {
  text-align: left !important;
}
.ngx-component-overlay .component-overlay-panel .component-overlay-header {
  border-color: #77d3c6;
}
.ngx-component-overlay .component-overlay-panel h1 {
  font-size: 32px;
}
.ngx-component-overlay .component-overlay-panel p {
  font-size: 14px;
}
.component-overlay-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ngx-component-overlay-close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 21000;
  text-align: right;
}
.ngx-component-overlay-title {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20000;
  width: 100%;
}
.ngx-component-overlay-inner {
  margin-top: 10rem;
}
.ngx-component-overlay,
.ngx-component-overlay-title,
.ngx-component-overlay-inner,
.component-overlay-backdrop {
  background-color: #505959;
}
.ngx-component-overlay-title {
  border-bottom: 1px solid #77d3c6;
  height: 70px;
  color: #ffffff;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
}
.ngx-component-overlay-title .ui.container {
  padding: 1.8rem 0;
}
.ngx-component.list-campaign-by-status {
  margin: 20px 0;
}
.ngx-component.list-campaign-by-status .ui[class*="vertically divided"].grid > .row:first-child:before {
  box-shadow: none;
  border-bottom-width: 0;
}
.ngx-component.list-campaign-by-status .ui[class*="vertically divided"].grid > .row:before {
  box-shadow: none;
  border-bottom: 1px dashed #d4d9d9;
}
.ngx-component.list-campaign-by-status .meta-campaign .header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block !important;
}
.campaign-action-toolbar {
  margin: 50px 0 0;
}
.console-card {
  color: #666666;
  width: 200px;
  height: 200px;
  border-radius: 4px;
  background-color: #e8ebeb;
  position: relative;
  display: inline-block;
}
.console-card-header {
  height: 80px;
  border-radius: 4px 4px 0 0;
  background-color: #77d3c6;
  text-align: center;
  z-index: 2;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  padding: 0 10px;
}
.console-card-icon {
  color: #ffffff;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 24px;
}
.console-card-icon i:before {
  padding-right: 0;
}
.console-card-preview img {
  max-height: 50px;
  max-width: 180px;
}
.console-card-footer {
  text-align: center;
  z-index: 2;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  padding: 10px 10px 0;
}
.console-card-preview {
  margin-bottom: 7px;
}
.console-card-title {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
  color: #ffffff;
}
.console-card-byline,
.console-card-status {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.console-card-status {
  font-weight: 700;
}
.campaign-winner-name h3 {
  font-size: 16px;
}
.console-card-avatar {
  width: 50px;
  height: 50px;
  float: none;
  border: 2px solid #ffffff;
  border-radius: 75px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 45px;
  background-color: #ffffff;
  z-index: 2;
}
.console-card.portrait {
  width: 180px;
  height: 200px;
}
.console-card.portrait:before {
  width: 180px;
}
.console-card.landscape {
  width: 240px;
  height: 200px;
}
.console-card.landscape:before {
  width: 240px;
}
.console-card.coupon-card .console-card-icon {
  position: relative;
  text-align: center;
  top: initial;
  left: initial;
  font-size: 30px;
}
span.winner-avatar {
  margin: 0 1rem;
}
.component-campaignobject-winners .winner-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
  justify-content: space-between;
  grid-gap: 2rem;
}
.component-campaignobject-winners .campaign-winner {
  color: #394242;
  width: 200px;
  height: 200px;
  background-color: #e8ebeb;
  box-shadow: 0 70px 0px 0 #77d3c6 inset;
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
.component-campaignobject-winners .campaign-winner.winner-invalidated {
  box-shadow: 0 70px 0px 0 #eb8e1b inset;
}
.component-campaignobject-winners .campaign-winner-icon {
  z-index: auto;
  margin: 1rem;
  align-self: flex-start;
}
.component-campaignobject-winners .faux-campaign-winner {
  width: 200px;
  height: 200px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.component-campaignobject-winners .campaign-winner-place {
  text-transform: uppercase;
  font-weight: 700;
}
.component-campaignobject-winners .campaign-winner-details {
  z-index: auto;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}
.component-campaignobject-winners .winner-avatar {
  z-index: auto;
  margin-top: 0.6rem;
  flex-grow: 1;
}
.component-campaignobject-winners .winner-avatar .ui.image {
  border: 0.2rem solid #ffffff;
}
.ngx-component.ngx-component-hover-box {
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(119, 211, 198, 0.6);
  border-radius: 8px;
  z-index: 10;
  text-align: center;
  white-space: nowrap;
}
.ngx-component.ngx-component-hover-box:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.25em;
}
.ngx-component.ngx-component-hover-box:hover {
  opacity: 1;
}
.ngx-component.ngx-component-hover-box .ngx-component-hover-box-inner {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding: 0 20%;
}
.ngx-component.ngx-component-hover-box span.hover-box-btn {
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font: 400 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: block;
  color: #ffffff;
  text-align: center;
  margin: 7px 0;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 7px;
  border-radius: 2px;
}
.ngx-component.ngx-component-hover-box span.hover-box-btn .hover-box-btn-icon {
  float: left;
}
.ngx-component.ngx-component-hover-box span.hover-box-btn .hover-box-btn-text {
  vertical-align: middle;
}
.ngx-component.ngx-component-hover-box span.hover-box-btn .hover-box-btn-icon,
.ngx-component.ngx-component-hover-box span.hover-box-btn .hover-box-btn-text {
  display: inline;
}
.ngx-component.ngx-component-hover-box span.hover-box-btn:hover {
  border: 1px solid #ffffff;
}
.ngx-component-hover-box.invalidate {
  background-color: rgba(248, 148, 6, 0.8);
}
.campaign-winner.winner-invalidated .ngx-component-hover-box {
  background-color: rgba(227, 113, 58, 0.8);
}
.account-list-switch {
  min-width: 800px;
  color: #e8ebeb;
}
.account-list-switch .selector-row:hover {
  color: #ffffff;
}
.account-list-switch h1,
.account-list-switch h2 {
  color: #77d3c6;
  font: 18px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.ck-full-width-modal {
  background-color: #505959;
  min-height: 100%;
}
.ck-full-width-modal .centered-content {
  margin: 0 auto;
  width: 900px;
}
.ck-full-width-modal .modal-header-wrapper {
  height: 79px;
  border-bottom: 1px solid #77d3c6;
  position: relative;
}
.ck-full-width-modal .modal-content {
  z-index: 1;
  position: absolute;
  top: 75px;
  bottom: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.ck-full-width-modal .toolbar-header-wrapper {
  padding-top: 8px;
}
.full-width-select-menu .ck-dropdown .ui.dropdown.selection .text {
  padding: 0;
  width: 99%;
}
.disable-scroll {
  overflow: hidden !important;
}
.goal-description-wrapper .ui.grid > .row {
  padding: 0.5rem 0;
}
/* <ListItem> -
   if you pass a hoverable image to the image prop and also want to show some text in the hover state, this styles that
*/
.list-item__image__hover-text {
  font: bold 18px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #ffffff;
}
/* expandable trigger icon size */
.expandable-trigger .ck.ui.header .content {
  cursor: pointer;
}
.expandable-trigger .expandable-trigger__icon_wrapper .ck-icon {
  font-size: 1.5rem;
}
.expandable-trigger .expandable-trigger__icon_wrapper.expandable-trigger__icon_wrapper--left {
  padding-right: 12px;
}
.expandable-trigger .expandable-trigger__icon_wrapper.expandable-trigger__icon_wrapper--right {
  padding-left: 12px;
}
.global-toolbar,
#global-app {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  border-bottom: 0.1rem solid #d4d9d9;
  border-top: 0.3rem solid #77d3c6;
  background: #f7f7f7;
  font: normal 1.5rem 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  z-index: 200;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 1100px;
}
.global-toolbar__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 3rem 0 2rem;
}
.global-toolbar__left {
  display: flex;
  flex-direction: row;
  padding-left: 0;
}
.global-toolbar__item {
  padding: 0;
  margin-left: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.global-toolbar__item--large {
  font-size: 2rem;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.global-toolbar__item--large img {
  margin-right: 1rem;
}
.global-toolbar__item a {
  color: #394242;
  line-height: 3rem;
  border-bottom: 0.2rem solid transparent;
  cursor: pointer;
}
.global-toolbar__item:hover a {
  border-bottom-color: #3ec0ad;
  color: #3ec0ad;
}
.global-toolbar__item:hover.global-toolbar__item--no-active-hover a {
  border-bottom-color: transparent;
}
.global-toolbar__item.global-toolbar__item--active a {
  border-bottom-color: #2b8679;
  color: #2b8679;
}
.global-toolbar__item.global-toolbar__item--active.global-toolbar__item--no-active-hover a {
  border-bottom-color: transparent;
}
.global-toolbar__item--divided {
  border-right: 0.1rem solid #e8ebeb;
  padding-right: 1.8rem;
  margin: 0;
}
.global-toolbar__right {
  display: flex;
  flex-direction: row;
}
.global-toolbar__right .ui.secondary.menu {
  margin-top: -3px;
}
.global-toolbar__right .ui.secondary.menu .item {
  height: 60px;
}
.cessso-nav-kit {
  border-top: 0;
}
.cessso-nav-kit .navbar {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
}
.cessso-nav-kit .global-toolbar__inner {
  padding: 0;
}
.cessso-nav-kit .custom-actions:after {
  margin-left: 5px;
}
.cessso-nav-kit .ui.header {
  width: auto;
}
@media (max-width: 1170px) {
  .cessso-nav-kit .ui.header {
    width: 95px;
  }
}
.cessso-nav-kit .global-toolbar__item {
  font-size: 1.5rem;
  white-space: nowrap;
}
.express-app-switcher {
  min-width: 29rem;
  padding: 1rem;
}
.express-app-switcher .express-app-switcher__item {
  text-align: center;
  width: 33.33%;
  padding: 1rem;
  cursor: pointer;
  transition: transform 0.3s;
}
.express-app-switcher .express-app-switcher__item .express-app-switcher__item__image {
  height: 40px;
  display: flex;
  align-items: center;
}
.express-app-switcher .express-app-switcher__item:hover {
  transform: translateY(-2px);
}
.navbar-dropdown-links {
  border: 1px solid;
}
.navbar-dropdown-links .ck-icon {
  margin-right: 5px;
}
.navbar-dropdown-links .m-console-link {
  background: #ee2f19;
}
.navbar-dropdown-links .m-console-link > div:hover > a {
  background: #ee2f19;
}
.navbar-dropdown-links .m-console-link a {
  color: #ffffff !important;
}
.theme-designer .theme-designer__page-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.theme-designer .theme-designer__page-container .ck-side-pane {
  background-color: #394242;
  overflow-x: visible;
  overflow-y: visible;
}
.theme-designer .theme-designer__page-container .ck-side-pane.mini {
  background-color: #394242;
}
.theme-designer .theme-designer__page-container .ck-side-pane .side-navigation__header-icon {
  height: 75px;
  padding-top: 2rem;
  border-bottom: 0.1rem solid #77d3c6;
}
.theme-designer .theme-designer__page-container .ck-side-pane .toolbar-container {
  height: calc(100vh - 75px);
  padding: 1rem 0;
  margin: 0 0.5rem;
  border-bottom: 0.1rem solid #77d3c6;
}
.theme-designer .theme-designer__page-container .ck-side-pane .toolbar-container:last-of-type {
  border-bottom-color: transparent;
}
.theme-designer .theme-designer__page-container .side-navigation-panel {
  z-index: 10;
}
.theme-designer .theme-designer__page-container .editor-panel {
  width: 600px;
  height: 100vh;
  background: #505959;
  overflow: hidden;
  position: relative;
  padding-top: 75px;
  z-index: 5;
}
.theme-designer .theme-designer__page-container .editor-panel__toolbar {
  height: 75px;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.theme-designer .theme-designer__page-container .editor-panel__body {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.theme-designer .theme-designer__page-container .inline-editor-panel--hidden {
  display: none;
}
.theme-designer .theme-designer__page-container .takeover-panel-holder {
  overflow: hidden;
  position: absolute;
  width: 600px;
  top: 0;
  bottom: 0;
  left: 0;
}
.theme-designer .theme-designer__page-container .takeover-panel-holder .ck-takeover-panel-footer {
  position: absolute;
  right: 0;
  bottom: 4rem;
  left: 0;
}
.theme-designer .theme-designer__page-container .takeover-scrollable-content {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  top: 75px;
  right: 0;
  bottom: 100px;
  left: 0;
}
.theme-designer .theme-designer__page-container .inline-color-editor__controls {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.theme-designer .theme-designer__page-container .expandable-trigger .ck-icon {
  padding-right: 0;
}
.theme-designer .theme-designer__page-container .theme-code-mirror .ck.codemirror {
  min-height: 600px;
  height: 600px;
}
.theme-designer .inline-color-picker {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.theme-designer .inline-color-picker .inline-color-picker__input {
  flex-grow: 1;
  margin-right: 1rem;
}
.theme-designer .inline-color-picker .color-picker__positioner {
  position: relative;
}
.theme-designer .theme-designer__saving-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999999;
  background-color: rgba(255, 255, 255, 0.5);
}
.theme-designer .saving-overlay__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}
.theme-designer .border-editor__inline-controls {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.theme-designer .border-editor__inline-controls .border-editor-control-wrapper {
  min-width: 57px;
}
.theme-designer .border-editor__inline-controls > * {
  margin-left: 10px;
}
.theme-designer .border-editor__inline-controls > *:first-of-type {
  margin-left: 0;
}
.theme-designer .preview-panel {
  background-color: #f7f7f7;
  flex-grow: 1;
  height: 100vh;
}
.theme-designer .preview-panel .preview-panel__loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.theme-designer .preview-panel .preview-panel__loading-overlay.preview-panel__loading-overlay--visible {
  opacity: 1;
}
.theme-designer .preview-panel .iframe-preview-designer {
  height: calc(100vh - 75px);
  border-width: 0;
  padding-bottom: 45px;
  width: 100%;
}
.theme-designer .preview-panel .iframe-preview-designer.preview-desktop {
  width: 100%;
}
.theme-designer .preview-panel .iframe-preview-designer.preview-tablet {
  width: 720px;
}
.theme-designer .preview-panel .iframe-preview-designer.preview-mobile {
  width: 420px;
}
.theme-designer .preview-panel .preview-panel__body {
  position: relative;
}
.theme-designer .preview-panel .preview-panel__body .preview-panel__body__content {
  display: none;
}
.theme-designer .preview-panel .preview-panel__body--show-preview .preview-panel__body__content--preview {
  display: block;
}
.theme-designer .preview-panel .preview-panel__body--show-help-theme-guide .preview-panel__body__content--theme-guide {
  display: block;
}
.theme-designer .preview-panel .preview-panel__body--show-help-less-guide .preview-panel__body__content--less-guide {
  display: block;
}
.theme-designer .preview-panel .top-navigation__header-items {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.theme-designer .preview-panel .top-navigation-header-item {
  padding: 0 1rem;
  border-left: 0.1rem solid #e8ebeb;
}
.theme-designer .preview-panel .top-navigation-header-item:first-of-type {
  padding-left: 0;
  border-left-color: transparent;
}
.theme-designer .preview-panel .top-navigation-header-item:last-of-type {
  padding-right: 0;
}
.theme-designer .preview-panel .top-navigation-header-item.top-navigation-header-item__micro {
  padding: 0;
}
.theme-designer .preview-panel .top-navigation-header-item.top-navigation-header-item__micro button:last-child {
  margin-left: 0.2rem;
}
.theme-designer .core-panel-inner__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.theme-designer .core-panel-inner__footer {
  flex-grow: 0;
}
.theme-designer .core-panel__setting {
  border-bottom: 0.1rem solid #8d9494;
  padding: 2rem;
  margin: 0 -2rem 0 -2rem;
}
.theme-designer .core-panel__setting:first-of-type {
  padding-top: 0;
}
.theme-designer .core-panel__setting:last-of-type {
  border-bottom: none;
}
.theme-designer .asset-list {
  margin: 2rem 0;
  overflow-y: auto;
  max-height: 300px;
}
.theme-designer .asset-list.asset-list--auto-sizer {
  flex: 1 1 auto;
  height: 0.1rem;
  max-height: none;
}
.theme-designer .asset-list .asset-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.theme-designer .asset-list .asset-item:last-of-type {
  margin-bottom: 0;
}
.theme-designer .asset-list .asset-item > div {
  margin-right: 1rem;
}
.theme-designer .asset-list .asset-item > div:last-of-type {
  margin-right: 0;
}
.theme-designer .asset-list .asset-item__name {
  flex-grow: 1;
  font-size: 1.6rem;
}
.theme-designer .theme-asset-uploader {
  min-height: 120px;
  border: 0.2rem dashed #e8ebeb;
  display: flex;
  align-items: center;
  border-radius: 0.2rem;
  transition: border 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.theme-designer .theme-asset-uploader.is-uploading {
  height: auto;
  padding: 2rem;
  max-height: 405px;
}
.theme-designer .theme-asset-uploader > div {
  width: 100%;
}
.theme-designer .theme-asset-uploader.drag-over {
  border-color: #3ec0ad;
  border-style: solid;
  background-color: #3ec0ad;
  color: #394242;
}
.theme-designer .theme-asset-uploader .uploader__default,
.theme-designer .theme-asset-uploader .uploader__drop-zone {
  text-align: center;
}
.theme-designer .theme-asset-uploader.is-uploading .ck.content-item .content-item__right {
  width: 100%;
}
.theme-designer .theme-asset-uploader .file-upload {
  display: none;
}
.theme-designer .preview-panel__status-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  border-top: 0.1rem solid #e8ebeb;
  background-color: #f7f7f7;
}
.theme-designer .takeover-panel-container {
  padding: 2rem;
  color: #e8ebeb;
  position: relative;
}
.theme-designer .takeover-panel__inner {
  display: flex;
  flex-direction: column;
  height: calc(100vh - (2 * 2rem + 75px + 30px));
  align-items: stretch;
  justify-content: stretch;
}
.theme-designer .takeover-panel__inner-small {
  height: calc(100vh - (2 * 2rem + 75px + 30px + 40px));
}
.theme-designer .takeover-panel__inner > div {
  margin-bottom: 2rem;
}
.theme-designer .takeover-panel__inner > div:last-of-type {
  margin-bottom: 0;
}
.theme-designer .takeover-panel-inner__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.theme-designer .takeover-panel-inner__footer {
  flex-grow: 0;
}
.theme-designer [class^='wf-'][class*='-n4-loading'] .font-item {
  color: red;
  font-family: Roboto !important;
}
.theme-designer [class^='wf-'][class*='-n4-active'] [data-font-name].font-item {
  font-family: attr(data-font-family) !important;
}
.theme-designer .takeover-panel-inner__body .font-item {
  border-radius: 0.2rem;
  font-size: 2rem;
  padding: 0 1.5rem;
  margin: 0.5rem 0;
  cursor: pointer;
  transition: all 0.2s ease;
  overflow: visible;
}
.theme-designer .takeover-panel-inner__body .font-item.font-item--selected,
.theme-designer .takeover-panel-inner__body .font-item:hover.font-item--selected {
  color: #008582;
  background: #d8f2ee;
}
.theme-designer .takeover-panel-inner__body .font-item:hover {
  color: #394242;
  background: #e8ebeb;
}
.theme-designer .font-renderer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.theme-designer .font-renderer__font-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 2;
}
.theme-designer .font-renderer__loading-spinner {
  width: calc(2rem + (2 * 0.3rem));
  height: calc(2rem + (2 * 0.3rem));
}
.theme-designer .font-renderer__loading-spinner:before {
  content: '';
}
.theme-designer .font-renderer__loading-spinner:before {
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  border-width: 0.3rem;
  margin-left: 0.3rem;
  margin-top: 0.3rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
}
.theme-designer .font-renderer__loading-spinner:after {
  position: absolute;
  content: '';
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  border-width: 0.3rem;
  margin-left: 0.3rem;
  margin-top: 0.3rem;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
}
.theme-designer .timeline-item__body {
  word-break: break-word;
}
.theme-designer .timeline-item__body .ui.header .content {
  display: block;
}
.theme-designer .timeline-item__body .ui.header .icon:only-child {
  margin-right: 0;
}
.theme-designer .timeline-item__body .timeline-header {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  width: 300px;
}
.theme-designer .spacing-editor__container {
  display: flex;
  flex-direction: column;
  border: 0.1rem dotted #e8ebeb;
  border-radius: 0.4rem;
  padding: 1rem;
}
.theme-designer .spacing-editor__container [class^='spacing-editor__alignment'] {
  width: 60%;
}
.theme-designer .spacing-editor__container .spacing-editor-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 1rem;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-top,
.theme-designer .spacing-editor__container .spacing-editor__alignment-right,
.theme-designer .spacing-editor__container .spacing-editor__alignment-bottom,
.theme-designer .spacing-editor__container .spacing-editor__alignment-left {
  position: relative;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-top,
.theme-designer .spacing-editor__container .spacing-editor__alignment-bottom {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-top input,
.theme-designer .spacing-editor__container .spacing-editor__alignment-bottom input {
  text-align: center;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-top:before {
  background: #77d3c6;
  position: absolute;
  left: 50%;
  width: 100px;
  transform: translateX(-50%);
  height: 0.4rem;
  content: '';
  top: -2rem;
  bottom: unset;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-bottom:after {
  background: #77d3c6;
  position: absolute;
  left: 50%;
  width: 100px;
  transform: translateX(-50%);
  height: 0.4rem;
  content: '';
  bottom: -2rem;
  top: unset;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-left {
  margin-right: 3rem;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-left:before {
  background: #77d3c6;
  position: absolute;
  bottom: 0;
  top: 50%;
  height: 100px;
  transform: translateY(-50%);
  width: 0.4rem;
  content: '';
  left: -2rem;
  right: unset;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-right {
  text-align: right;
  position: relative;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-right:before {
  content: '';
  background: #77d3c6;
  position: absolute;
  bottom: 0;
  top: 50%;
  height: 100px;
  transform: translateY(-50%);
  width: 0.4rem;
  right: -2rem;
  left: unset;
}
.theme-designer .spacing-editor__container .spacing-editor__alignment-right input {
  text-align: right;
}
.theme-designer .inline-editor-container__icon-picker .icon-element {
  margin: 0.5rem 1rem 0.5rem 0;
  font-size: 2.4rem;
  color: #e8ebeb;
  z-index: 1;
}
.theme-designer .inline-editor-container__icon-picker .icon-element i:before {
  font-family: SocialVetica;
  padding-right: 0;
}
.theme-designer .inline-editor-container__icon-picker .icon-element i:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.theme-designer .inline-editor-container__icon-picker .icon-element.icon-element--is-preview {
  margin: 0;
}
.theme-designer .inline-editor-container__icon-picker .ck.dropdown .ui.dropdown.selection .menu .active.item .icon-element,
.theme-designer .inline-editor-container__icon-picker .ck.dropdown .ui.dropdown.selection .menu .item:hover .icon-element {
  color: #008582;
  background: transparent;
}
.theme-designer .inline-editor-container__icon-picker .inline-icon-picker {
  display: flex;
  flex-direction: row;
}
.theme-designer .inline-editor-container__icon-picker .inline-icon-picker .inline-icon-picker__select {
  margin-right: 1rem;
  flex-grow: 1;
}
.theme-designer .inline-editor-container__icon-picker .inline-icon-picker .inline-icon-picker__preview {
  border: 0.1rem solid #e8ebeb;
  border-radius: 0.2rem;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  justify-content: center;
}
.wyn-app-store {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 3.5rem !important;
  min-height: 300px;
  border-top-color: #d4d9d9;
  background-color: #ffffff;
}
.wyn-app-store .ui.card .image > img[width][height] {
  object-fit: cover;
}
.wyn-app-store .app-store-nav {
  background-color: #ffffff;
  border-bottom: 0.1rem solid #e8ebeb;
  padding: 0;
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.wyn-app-store .app-store-nav__items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1.5rem 1rem;
}
.wyn-app-store .app-store-nav__item {
  font: normal 1.4rem 'Roboto Medium', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #394242 !important;
  text-transform: uppercase;
  text-align: center;
  padding-left: 3rem;
}
.wyn-app-store .app-store-nav__item:first-of-type {
  border-right: 0.1rem solid #e8ebeb;
  padding: 0 3rem;
}
.wyn-app-store .app-store-nav__item .ui.label {
  padding: 1rem 0;
  margin: 0;
  transition: color 0.2s ease;
  border-radius: 0;
}
.wyn-app-store .app-store-nav__item .ui.label:hover {
  color: #3ec0ad !important;
  border-bottom-color: #3ec0ad;
}
.wyn-app-store .app-store-nav__item .ui.label .ck-icon {
  padding-right: 1rem;
}
.wyn-app-store .app-store-nav__item .ck-simple-popup-trigger {
  padding-bottom: 1rem;
}
.wyn-app-store .app-store-nav__item .ck-simple-popup-trigger.open .ui.label {
  color: #3ec0ad !important;
  border-bottom-color: #3ec0ad;
}
.wyn-app-store .app-store-nav__item--active .ui.label {
  color: #2b8679 !important;
  border-bottom-color: #2b8679;
}
.wyn-app-store .wyn-app-store__page {
  min-height: 300px;
  border-top-color: #d4d9d9;
  margin-top: 1rem;
}
.wyn-app-store .wyn-app-store__category-page .header-ribbon {
  background-color: #77d3c6;
  padding: 2rem;
}
.wyn-app-store .wyn-app-store__category-page .ui.hero .ui.inverted.header .sub.header {
  color: #ffffff;
}
.wyn-app-store .wyn-app-store__detail-page .category-button-wrapper {
  padding: 1rem 0;
  margin-left: -0.4rem;
}
.wyn-app-store .wyn-app-store__detail-page .category-button-wrapper > .buttons {
  display: inline-block;
}
.wyn-app-store .wyn-app-store__detail-page .category-button-wrapper > .buttons > .button {
  margin-top: 1rem !important;
}
.wyn-app-store .wyn-app-store__detail-page .content.content__line-breaks,
.wyn-app-store .wyn-app-store__detail-page .iu.header .sub.header {
  white-space: pre-wrap;
}
.wyn-app-store .app-detail-header-image__hover-icon {
  background: #77d3c6;
  padding: 3rem;
  border-radius: 100px;
  z-index: 20;
  height: 100px;
  width: 100px;
  display: inline-block;
  text-align: center;
  margin: 2rem auto 0;
}
.wyn-app-store hr {
  height: 0.1rem;
  border-style: none;
  background: #e8ebeb;
}
.wyn-app-store a {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.wyn-app-store a.item,
.wyn-app-store .ui.list .item {
  font-size: 1.4rem;
}
.wyn-app-store .ui.inverted.header .sub.header {
  color: #ffffff;
}
.wyn-app-store .ui.list .item .icon {
  line-height: 0.9rem;
  padding: 0.5rem 0 0.7rem 0;
}
.app-store-nav__popup-items {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  margin: 2rem;
}
.app-store-nav__popup-item {
  width: 250px;
  font: normal 1.4rem 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #394242 !important;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.2rem;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.app-store-nav__popup-item:hover {
  color: #2b8679 !important;
  background-color: #3ec0ad;
}
#data-protection-app .ck-panel.bordered {
  border-color: #e8ebeb;
}
#data-protection-app .data-protection__item__actions {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 210px;
  float: right;
}
#data-protection-app .piirecord-search-button {
  display: flex;
  justify-content: flex-end;
}
#data-protection-app .piirecord-list-row {
  color: #394242;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #e8ebeb;
}
#data-protection-app .piirecord-list-row .ck-lozenge {
  width: 30px;
}
#data-protection-app .piirecord-list-row .ck-lozenge .lozenge__content {
  color: #ffffff;
}
#data-protection-app .piirecord-list-row .piirecord-list-row__key {
  font-weight: bold;
  padding-left: 0px;
}
#data-protection-app .piirecord-list-row .piirecord-list-row__right__actions.wide {
  min-width: 200px;
}
#data-protection-app .piirecord-list-table {
  padding-top: 1rem;
  border-bottom: solid 1px #e8ebeb;
}
#data-protection-app .piirecord-entry-subrow > td {
  padding: 0;
}
#data-protection-app .piirecord-entry-subrow .loading-state__inner {
  height: 100%;
}
#data-protection-app .piirecord-entry-subrow .piirecord-entry-table {
  border: 0;
  padding: 20px 0;
}
#data-protection-app .piirecord-entry-subrow .piirecord-entry-table .piirecord-list-row__heading {
  text-transform: none;
}
#data-protection-app .piirecord-entry-subrow .piirecord-paging-wrapper {
  padding: 0 0 20px;
}
#data-protection-app .piirecord-list-row__heading {
  color: #77d3c6;
  text-transform: uppercase;
}
.data-protection__propt-modal__list {
  list-style-position: inside;
}
.entry-list-modal {
  display: flex;
  /** ########################################################################################
      LIST MODAL > SIDE PANE
      ######################################################################################## */
  /** ########################################################################################
      LIST MODAL > MAIN
      ######################################################################################## */
}
.entry-list-modal .entry-manager-side-pane {
  display: flex;
}
.entry-list-modal .entry-manager-side-pane .ck-side-pane.inverted.mini .ui.ck-icon-menu {
  display: flex;
}
.entry-list-modal .entry-manager-side-pane .ck-side-pane.inverted.mini .ck.menu-item {
  margin-top: 2rem;
}
.entry-list-modal .entry-manager-side-pane .ck-side-pane.inverted.mini .ck-icon {
  font-size: 3rem;
}
.entry-list-modal .sources-filter {
  display: flex;
  flex-direction: column;
}
.entry-list-modal .entry-date-picker .DateRangePicker {
  z-index: 6;
}
.entry-list-modal .entry-manager-list {
  width: 100%;
  background-color: #ffffff;
  height: 100vh;
  display: flex;
  flex-direction: column;
  /** ########################################################################################
        LIST MODAL > MAIN > TOOLBAR
        ######################################################################################## */
  /** ########################################################################################
        LIST MODAL > MAIN > RETENTION MESSAGE
        ######################################################################################## */
  /** ########################################################################################
        LIST MODAL > MAIN > LIST
        ######################################################################################## */
  /** ########################################################################################
        LIST MODAL > MAIN > FOOTER
        ######################################################################################## */
  /** ########################################################################################
        ROW STYLES
        ######################################################################################## */
  /** ########################################################################################
        ROW STYLES > MULTI SELECT
        ######################################################################################## */
}
.entry-list-modal .entry-manager-list .entry-manager-list__toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 25px;
  border-bottom: solid #77d3c6 1px;
}
.entry-list-modal .entry-manager-list .entry-manager-list__toolbar__right {
  display: flex;
  align-items: center;
}
.entry-list-modal .entry-manager-list .entry-manager-list__toolbar__right .ck-icon:hover .icon {
  color: #3ec0ad !important;
}
.entry-list-modal .entry-manager-list .retention-message-wrapper {
  color: #ffffff;
  background-color: #77d3c6;
  padding: 2rem;
  vertical-align: middle;
  font-size: 1.5rem;
}
.entry-list-modal .entry-manager-list .mx-retention-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.entry-list-modal .entry-manager-list .mx-retention-message .mx-retention-message__close {
  margin-right: 0.5rem;
}
.entry-list-modal .entry-manager-list .entry-list {
  overflow-y: scroll;
  border-bottom: 1px solid #d4d9d9;
  flex-grow: 1;
}
.entry-list-modal .entry-manager-list .entry-manager-list__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 0;
  width: 100%;
}
.entry-list-modal .entry-manager-list .entry-manager-list__footer__right {
  margin-right: 10px;
}
.entry-list-modal .entry-manager-list .entry-list-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px;
  align-items: center;
}
.entry-list-modal .entry-manager-list .entry-list-row div,
.entry-list-modal .entry-manager-list .entry-list-row span {
  user-select: none;
}
.entry-list-modal .entry-manager-list .entry-list-row__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 1.5rem;
}
.entry-list-modal .entry-manager-list .entry-list-row__status {
  margin-left: -2.2rem;
  margin-right: 0.3rem;
}
.entry-list-modal .entry-manager-list .entry-list-row__right {
  display: flex;
  align-items: center;
}
.entry-list-modal .entry-manager-list .entry-list-row__right__status {
  width: 140px;
  margin-right: 15px;
}
.entry-list-modal .entry-manager-list .entry-list-row__right__date {
  width: 160px;
  margin-right: 15px;
}
.entry-list-modal .entry-manager-list .entry-list-row__right__actions {
  width: 195px;
  margin-right: 15px;
}
.entry-list-modal .entry-manager-list .entry-list-row__header {
  text-transform: uppercase;
  font-size: 1rem;
  text-align: center;
}
.entry-list-modal .entry-manager-list .entry-list-row__header--sortable {
  color: #2b8679;
  cursor: pointer;
}
.entry-list-modal .entry-manager-list .entry-list-row__header__text {
  margin-right: 0.5rem;
}
.entry-list-modal .entry-manager-list .entry-list-row--disabled {
  opacity: 0.8;
}
.entry-list-modal .entry-manager-list .multi-select-row {
  border-top: 1px solid #d4d9d9;
}
.entry-list-modal .entry-manager-list .multi-select-row:first-of-type {
  border: none;
}
.entry-list-modal .entry-manager-list .multi-select-row:last-of-type {
  border-bottom: 1px solid #d4d9d9;
}
.entry-list-modal .entry-manager-list .multi-select-row:last-of-type.multi-select-row--selected {
  border-color: #77d3c6;
}
.entry-list-modal .entry-manager-list .multi-select-row--selected + .multi-select-row:not(.multi-select-row--selected) {
  border-top-color: #77d3c6;
}
.entry-list-modal .entry-manager-list .multi-select-row--selected {
  border-color: #77d3c6;
  background-color: #e5eff4;
}
/** ########################################################################################
    DETAIL MODAL
    ######################################################################################## */
.entry-manager-detail {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /** ########################################################################################
      DETAIL MODAL > TOOLBAR
      ######################################################################################## */
}
.entry-manager-detail .entry-manager-detail__body {
  flex-grow: 1;
  height: 0;
  overflow-y: scroll;
}
.entry-manager-detail .entry-detail-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
  border-bottom: solid #77d3c6 1px;
  height: 75px;
  flex-grow: 0;
}
.entry-manager-detail .entry-detail-toolbar__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250px;
}
.entry-manager-detail .entry-detail-media-wrapper {
  max-width: 600px;
  object-fit: contain;
}
.entry-manager-detail .entry-details__row {
  display: flex;
  margin: 1rem 0;
}
.entry-manager-detail .entry-details__row__label {
  min-width: 200px;
}
.entry-manager-detail .entry-details__row__label:after {
  content: ':';
}
.entry-manager-detail .entry-details__row-label {
  min-width: 200px;
  margin: 1rem 0;
}
.entry-manager-detail .entry-details__row-label:after {
  content: ':';
}
.entry-manager-detail .entry-details__row-value {
  min-width: 200px;
  margin: 1rem 0;
}
.entry-manager-detail .entry-details__data__table {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.entry-manager-detail .entry-details__value__section {
  padding-left: 1rem;
}
.entry-header .entry-header-name {
  padding: 0 1rem 0 0;
}
.entry-header .entry-header-email {
  font-size: 1.4rem;
  color: #8d9494;
}
.entry-byline {
  display: flex;
  align-items: center;
}
.entry-byline .entry-byline__divider {
  border-left: 1px solid #d4d9d9;
  width: 1px;
  margin: 0 6px;
  min-height: 20px;
}
.entry-meta-item {
  border-right: 1px solid #d4d9d9;
  padding: 0 0.5rem;
  display: inline-block;
}
.entry-meta-item--winner {
  text-transform: capitalize;
}
.entry-meta-item:last-of-type {
  border: none;
}
.entry-meta-item:first-of-type {
  padding-left: 0;
}
.entry-toolbar-divider {
  border-left: 1px solid #70859a;
  min-height: 33px;
}
.integration-list__item__actions {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 210px;
  float: right;
}
.integration-list__item__actions.integration-credentials-list__item__actions {
  width: auto;
}
.integration-list__item__image {
  min-height: 77px;
  display: flex;
}
.integration-wizard .form-step {
  width: 600px;
}
.integration-wizard .mapping-step {
  width: 800px;
}
.integration-wizard,
.integration-editor {
  height: 100%;
}
.integration-wizard.integration-editor--hidden,
.integration-editor.integration-editor--hidden {
  display: none;
}
.integration-wizard .form-step .reload-button,
.integration-editor .form-step .reload-button {
  margin-top: 3.2rem;
}
.integration-wizard .mapping-step .mapping-separator,
.integration-editor .mapping-step .mapping-separator {
  margin-left: -1rem;
  margin-right: -1rem;
}
/* INTEGRATION DEBUG LIST STYLES  */
.integration-debug-list {
  height: calc(100vh - 170px);
}
.integration-debug-details .codemirror {
  height: calc(100vh - 130px);
}
.wyn-integration-picker .picker-item__item-image img {
  object-fit: contain !important;
}
.integration-designer-app .modal-app-panel.modal-app-panel--side-nav.size-mini {
  min-width: 60px;
}
.integration-designer-app .modal-app-panel.modal-app-panel--right-panel.size-massive {
  min-width: 0px;
}
.integration-designer-app .modal-app-panel__content-container {
  overflow: scroll;
}
.integration-designer-app .field-mapping .no-mapped-data__label {
  font-style: italic;
}
.integration-designer-app .field-mapping .separator {
  border: 0.1rem dashed #505959;
  margin-right: -2rem;
  margin-left: -2rem;
}
.integration-designer-app .field-mapping .data-block {
  padding: 2rem 1rem;
  border: 0.2rem solid #394242;
  border-radius: 0.3rem;
  min-height: 5.7rem;
  word-wrap: break-word;
}
.integration-designer-app .modal-app-panel__header-container .ck-menu-wrapper {
  float: left;
  padding-left: 40px;
  width: 600px;
  height: 100%;
}
.integration-designer-app .modal-app-panel--side-nav .modal-app-panel__content-container {
  margin-top: 30px;
}
.integration-designer-app .code-help-panel .ui.header.small {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.integration-designer-app .code-help-panel .ui.reveal > .content {
  font-size: 1.3rem !important;
}
.integration-designer-app .code-help-panel .content-related-label {
  line-height: 25px;
  margin-bottom: 0.5rem;
}
.integration-designer-app .code-help-panel .description-list {
  line-height: 25px;
  padding: 0 15px 10px;
  margin: 0;
}
.integration-designer-app .code-help-panel .help-code {
  border: 1px solid #6c7373;
  border-radius: 5px;
  padding: 5px 10px;
  word-break: break-word;
  margin-bottom: 2rem;
  white-space: pre-wrap;
  line-height: 18px;
  max-height: 220px;
  overflow: scroll;
}
.integration-designer-app .code-help-panel hr.divider {
  border-top: 0.01rem solid #394242;
  margin: 15px 15px 20px 0;
}
.integration-designer-app .integration-app-toolbar {
  width: 100%;
}
.integration-designer-app .codemirror {
  max-width: 50vw;
}
.help-code-tooltip {
  line-height: 25px;
  font-size: 1.3rem;
  text-align: left;
}
.integration-overview .badges {
  display: flex;
  flex-wrap: wrap;
}
.integration-overview .badges .badge {
  margin-bottom: 0.2rem;
}
#userMyDetails-app .user-details-app .user-card .content-card-header__inner {
  display: block;
}
#userMyDetails-app .user-details-app .user-card.user-card--with-avatar .content-card-avatar {
  flex-grow: 1;
}
#userMyDetails-app .user-details-app .user-card.user-card--with-avatar .content-card-avatar .content-card-avatar__inner .grid .row .column:nth-child(1) {
  width: 65px;
  max-width: 65px;
  min-width: 65px;
}
#userMyDetails-app .user-details-app .user-card.user-card--with-avatar .content-card-body__inner .grid .row .column:nth-child(1) {
  margin-left: 65px;
}
body {
  height: initial;
}
.theme-picker-modal {
  min-height: 100%;
  background-color: #505959;
  overflow-y: scroll;
}
.api-error-container .ui.header {
  margin-bottom: 1.5rem;
}
.api-error-container .api-error-container__link {
  color: white;
  text-decoration: underline;
}
/**
Rendered in modal so outside namespace
**/
.publishing-destinations-wizard {
  background-color: #505959;
  height: 100%;
  overflow-y: scroll;
}
.publishing-destinations-wizard .menu-item .item {
  width: 100px;
  min-height: 30px;
}
.publishing-destinations-wizard .loading-state-container {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.publishing-destinations-wizard .inline-block {
  display: inline-block;
  margin-left: 2.5rem;
}
.publishing-destinations-wizard .publish-step {
  height: initial;
  width: 100%;
}
.publishing-destinations-wizard .destination-type-step,
.publishing-destinations-wizard .schedule-step,
.publishing-destinations-wizard .embed-code-step,
.publishing-destinations-wizard .lightbox-launch-step {
  width: 100%;
  height: 100%;
}
.publishing-destinations-wizard .destination-type-step,
.publishing-destinations-wizard .picker-item__item-image,
.publishing-destinations-wizard .schedule-step .picker-item__item-image,
.publishing-destinations-wizard .lightbox-launch-step {
  font-size: 31px;
}
.publishing-destinations-wizard .lightbox-launch-step .ck-checkbox-group .ck-checkbox.radio .ui.checkbox label {
  padding: 0 1rem 0 2.4rem;
}
.publishing-destinations-wizard .publish-step {
  width: 80%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.publishing-destinations-wizard .publish-step .publish-step__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 2rem;
  border-right: 1px dashed #e8ebeb;
  margin: 15px 0;
  width: 50%;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__items {
  overflow-y: auto;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__retention-message {
  margin-bottom: 30px;
  display: flex;
  padding-right: 50px;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__items .publish-step__meta__item,
.publishing-destinations-wizard .publish-step .publish-step__meta__items .content-item {
  margin: 1.5rem 0;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__items .publish-step__meta__item:first-of-type,
.publishing-destinations-wizard .publish-step .publish-step__meta__items .content-item:first-of-type {
  margin-top: 0;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__items .publish-step__meta__item:last-of-type,
.publishing-destinations-wizard .publish-step .publish-step__meta__items .content-item:last-of-type {
  margin-bottom: 0;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__item {
  display: flex;
  align-items: center;
  min-height: 95px;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__item__header {
  text-transform: uppercase;
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
  color: #e8ebeb;
  margin-bottom: 0.5rem;
}
.publishing-destinations-wizard .publish-step .publish-step__meta__item__byline {
  border-color: transparent;
  font-family: Roboto Condensed Regular, 'Helvetica Neue', sans-serif;
  color: #ffffff;
}
.publishing-destinations-wizard .publish-step .publish-step__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.publishing-destinations-wizard .publish-step .publish-step__actions__publish {
  font-size: 3rem;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  margin-bottom: 1.1rem;
  padding: 2rem;
  padding-top: 3rem;
  text-align: center;
  border-radius: 0.2rem;
  border-style: solid;
  border-width: 0.1rem;
  border-color: transparent;
  width: 266px;
  cursor: pointer;
  transition: border 0.2s ease;
}
.publishing-destinations-wizard .publish-step .publish-step__actions__publish:hover {
  border-color: #3ec0ad;
}
.publishing-destinations-wizard .publish-step .publish-step__actions__publish__text {
  text-transform: uppercase;
  color: #77d3c6;
  margin-top: 2rem;
  font-size: 4.4rem;
}
.publishing-destinations-wizard .publish-step .publish-step__actions__publish.saving .ck-icon i:before {
  content: '';
}
.publishing-destinations-wizard .publish-step .publish-step__actions__publish.saving .ck-icon:before {
  position: absolute;
  content: '';
  width: 110px;
  height: 110px;
  border-radius: 500rem;
  border-width: 1rem;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
}
.publishing-destinations-wizard .publish-step .publish-step__actions__publish.saving .ck-icon:after {
  position: absolute;
  content: '';
  width: 110px;
  height: 110px;
  border-radius: 500rem;
  border-width: 1rem;
  animation: button-spin 1.6s linear;
  animation-iteration-count: infinite;
  border-color: #77d3c6 transparent transparent;
  border-style: solid;
  margin-left: -109px;
}
.publishing-destinations-wizard .schedule-step__done,
.publishing-destinations-wizard .dimensions-step__done {
  margin-top: 200px;
  text-align: center;
}
.publishing-destinations-wizard .rocket-step {
  font-size: 96px;
}
.publishing-destinations-wizard .rocket-step .rocket-step__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}
.publishing-destinations-wizard .rocket-step .rocket-step__content__countdown {
  font-size: 3em;
  color: #ffffff;
  width: 350px;
  margin-left: 50px;
}
.publishing-destinations-wizard .rocket-step .ck-icon {
  animation: launch-rocket 3.7s cubic-bezier(0.87, 0.22, 0.6, 0.5) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes launch-rocket {
  2%,
  6%,
  10%,
  14%,
  18% {
    transform: translate3d(-3px, 0, 0);
  }
  4%,
  8%,
  12%,
  16%,
  20% {
    transform: translate3d(3px, 0, 0);
  }
  22%,
  26%,
  30%,
  34%,
  38% {
    transform: translate3d(-4px, 0, 0);
  }
  24%,
  28%,
  32%,
  36%,
  40% {
    transform: translate3d(4px, 0, 0);
  }
  42%,
  46%,
  50%,
  54%,
  58% {
    transform: translate3d(-5px, -1px, 0);
  }
  44%,
  48%,
  52%,
  56%,
  60% {
    transform: translate3d(5px, 1px, 0);
  }
  62%,
  66%,
  70%,
  74%,
  78% {
    transform: translate3d(-6px, -2px, 0);
  }
  64%,
  68%,
  72%,
  76%,
  80% {
    transform: translate3d(6px, 2px, 0);
  }
  100% {
    transform: translate(0, -1500px);
    transition-timing-function: ease-in;
  }
}
.publishing-destinations-wizard .embed-code-step .embed-code-step__icon {
  font-size: 38px;
}
.publishing-destinations-wizard .embed-code-step .embed-code-step__done {
  margin-top: 50px;
  text-align: center;
}
.publishing-destinations-wizard .embed-code-step .embed-code-step__done .ck.button {
  font-size: 48px;
}
.publishing-destinations-wizard .embed-code-step .embed-code-step__copy-success-message {
  color: #157841;
  opacity: 0;
  position: absolute;
  right: 10px;
  bottom: -10px;
  transition: opacity 250ms ease;
}
.publishing-destinations-wizard .embed-code-step .embed-code-step__copy-success-message--visible {
  opacity: 1;
}
.publishing-destinations-wizard .embed-code-step .ck.textarea textarea,
.publishing-destinations-wizard .embed-code-step .ck.input input {
  cursor: pointer;
}
.publishing-destinations-wizard .embed-code-step .ck.input input {
  font-size: 3.2rem;
  height: auto !important;
  text-align: center;
}
.publishing-destinations-wizard .embed-code-step .ui.textarea textarea {
  height: 13rem;
  font-size: 2rem;
}
.publishing-destinations-wizard .privacy-mgmt-step .privacy-mgmt-step__done {
  text-align: center;
}
.publishing-destinations-wizard .privacy-mgmt-wizard .wizard-action-buttons {
  padding-top: 4rem;
}
.rules-text__editor-container {
  height: 350px;
  position: relative;
  user-select: auto;
}
.rules-text__editor-container .rules-text__editor-container__html-btn {
  position: absolute;
  top: 10px;
  right: 11px;
}
.policy-config__editor-container .ql-container {
  height: 80px;
}
.policy-config__editor-container privacy,
.rules-text__editor-container privacy,
.policy-config__editor-container terms,
.rules-text__editor-container terms,
.policy-config__editor-container rules,
.rules-text__editor-container rules {
  color: #008582;
  border-color: #008582;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  line-height: 2.5rem;
  margin: 0.2rem 0;
  display: inline-block;
}
.policy-preview-panel {
  display: flex;
  flex-direction: column;
}
.policy-preview-panel privacy,
.policy-preview-panel terms,
.policy-preview-panel rules {
  color: #2b8679;
  text-decoration: underline;
}
.policy-preview-panel > div {
  margin: 0 0 1rem 0;
}
.policy-preview-panel__policy-container {
  display: flex;
  flex-direction: row;
}
.policy-preview-panel__example-text {
  font-family: BLOKKRegular;
  font-size: 12px;
  color: #e8ebeb;
  line-height: 16px;
}
.policy-preview-panel__example-button {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  border: 1px solid #e8ebeb;
  display: block;
  width: auto;
  padding: 10px;
  border-radius: 2px;
  align-self: flex-start;
  background: #e8ebeb;
  color: #f7f7f7;
  cursor: default;
}
.policy-preview-panel__checkbox {
  border: 0.1rem solid #394242;
  height: 2rem;
  width: 2rem;
  min-width: 2rem;
  margin-right: 2rem;
}
.policy-config__editor-toolbar {
  display: flex;
  flex-direction: row;
  border: 1px solid #d4d9d9;
  border-radius: 2px 2px 0 0;
}
.policy-config__editor-toolbar > div {
  margin-right: 1rem;
}
.ck.quill {
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ck.quill .ql-snow a {
  color: #77d3c6;
}
.ck.quill .ql-container,
.ck.quill .ql-toolbar {
  border-radius: 0.2rem;
}
.ck.quill .ql-container {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.ck.quill .ql-editor {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: 2rem;
  font-size: 1.5rem;
  color: #394242;
  padding: 0.4em 0.7em;
  flex-grow: 1;
}
.ck.quill .ql-editor em {
  font-style: italic !important;
}
.ck.quill.hasToolbar .ql-container {
  border-radius: 0 0 0.2rem 0.2rem;
}
.ck.quill.hasToolbar .ql-toolbar {
  border-radius: 0.2rem 0.2rem 0 0;
}
.ck.quill .ql-stroke {
  stroke: #505959;
}
.ck.quill .ql-picker {
  color: #505959;
}
.ck.quill .ql-fill {
  fill: #505959;
}
.ck.quill .ql-toolbar .ql-picker-item {
  padding: 0.5rem;
  margin: 0.4rem;
  border-radius: 0.2rem;
}
.ck.quill .ql-toolbar .ql-picker-item:hover,
.ck.quill .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-item:hover .ql-stroke-miter {
  color: #008582;
  background-color: #77d3c6;
}
.ck.quill .ql-toolbar button:hover,
.ck.quill .ql-toolbar button:focus,
.ck.quill .ql-toolbar button.ql-active,
.ck.quill .ql-toolbar .ql-picker-label:hover,
.ck.quill .ql-toolbar .ql-picker-label.ql-active,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected,
.ck.quill .ql-toolbar button:hover .ql-stroke,
.ck.quill .ql-toolbar button:focus .ql-stroke,
.ck.quill .ql-toolbar button.ql-active .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ck.quill .ql-toolbar button:hover .ql-stroke-miter,
.ck.quill .ql-toolbar button:focus .ql-stroke-miter,
.ck.quill .ql-toolbar button.ql-active .ql-stroke-miter,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  color: #3ec0ad;
}
.ck.quill .ql-toolbar button:hover .ql-fill,
.ck.quill .ql-toolbar button:focus .ql-fill,
.ck.quill .ql-toolbar button.ql-active .ql-fill,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-fill,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ck.quill .ql-toolbar button:hover .ql-stroke .ql-fill,
.ck.quill .ql-toolbar button:focus .ql-stroke .ql-fill,
.ck.quill .ql-toolbar button.ql-active .ql-stroke .ql-fill,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-stroke .ql-fill,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke .ql-fill,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-stroke .ql-fill,
.ck.quill .ql-toolbar button:hover .ql-stroke-miter .ql-fill,
.ck.quill .ql-toolbar button:focus .ql-stroke-miter .ql-fill,
.ck.quill .ql-toolbar button.ql-active .ql-stroke-miter .ql-fill,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-stroke-miter .ql-fill,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter .ql-fill,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter .ql-fill {
  fill: #3ec0ad;
}
.ck.quill .ql-toolbar button:hover .ql-stroke,
.ck.quill .ql-toolbar button:focus .ql-stroke,
.ck.quill .ql-toolbar button.ql-active .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ck.quill .ql-toolbar button:hover .ql-stroke .ql-stroke,
.ck.quill .ql-toolbar button:focus .ql-stroke .ql-stroke,
.ck.quill .ql-toolbar button.ql-active .ql-stroke .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-stroke .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-stroke .ql-stroke,
.ck.quill .ql-toolbar button:hover .ql-stroke-miter .ql-stroke,
.ck.quill .ql-toolbar button:focus .ql-stroke-miter .ql-stroke,
.ck.quill .ql-toolbar button.ql-active .ql-stroke-miter .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label:hover .ql-stroke-miter .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter .ql-stroke,
.ck.quill .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter .ql-stroke {
  stroke: #3ec0ad;
}
.ck.quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-label {
  border-color: #77d3c6;
  color: #505959;
  border-radius: 0.2rem 0.2rem 0 0;
}
.ck.quill .ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
  border-color: #77d3c6;
  color: #394242;
  border-radius: 0 0.2rem 0.2rem 0.2rem;
  background: #ffffff;
  padding: 0;
}
.ck.quill.inverted .ql-container,
.ck.quill.inverted .ql-toolbar {
  border-width: 0.1rem;
  border-style: solid;
  border-color: #d4d9d9;
}
.ck.quill.inverted .ql-toolbar {
  border-bottom-width: 0;
}
.ck.quill.inverted .ql-editor {
  color: #ffffff;
}
.ck.quill.inverted .ql-stroke {
  stroke: #ffffff;
}
.ck.quill.inverted .ql-picker {
  color: #ffffff;
}
.ck.quill.inverted .ql-fill {
  fill: #ffffff;
}
.ck.quill.inverted .ql-toolbar button:hover,
.ck.quill.inverted .ql-toolbar button:focus,
.ck.quill.inverted .ql-toolbar button.ql-active,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected,
.ck.quill.inverted .ql-toolbar button:hover .ql-stroke,
.ck.quill.inverted .ql-toolbar button:focus .ql-stroke,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ck.quill.inverted .ql-toolbar button:hover .ql-stroke-miter,
.ck.quill.inverted .ql-toolbar button:focus .ql-stroke-miter,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-stroke-miter,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  color: #3ec0ad;
}
.ck.quill.inverted .ql-toolbar button:hover .ql-fill,
.ck.quill.inverted .ql-toolbar button:focus .ql-fill,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ck.quill.inverted .ql-toolbar button:hover .ql-stroke .ql-fill,
.ck.quill.inverted .ql-toolbar button:focus .ql-stroke .ql-fill,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-stroke .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-stroke .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-stroke .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-stroke .ql-fill,
.ck.quill.inverted .ql-toolbar button:hover .ql-stroke-miter .ql-fill,
.ck.quill.inverted .ql-toolbar button:focus .ql-stroke-miter .ql-fill,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-stroke-miter .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-stroke-miter .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter .ql-fill,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter .ql-fill {
  fill: #3ec0ad;
}
.ck.quill.inverted .ql-toolbar button:hover .ql-stroke,
.ck.quill.inverted .ql-toolbar button:focus .ql-stroke,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ck.quill.inverted .ql-toolbar button:hover .ql-stroke .ql-stroke,
.ck.quill.inverted .ql-toolbar button:focus .ql-stroke .ql-stroke,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-stroke .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-stroke .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-stroke .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-stroke .ql-stroke,
.ck.quill.inverted .ql-toolbar button:hover .ql-stroke-miter .ql-stroke,
.ck.quill.inverted .ql-toolbar button:focus .ql-stroke-miter .ql-stroke,
.ck.quill.inverted .ql-toolbar button.ql-active .ql-stroke-miter .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label:hover .ql-stroke-miter .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter .ql-stroke,
.ck.quill.inverted .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter .ql-stroke {
  stroke: #3ec0ad;
}
.ck.quill.inverted .ql-toolbar .ql-picker.ql-expanded .ql-picker-label {
  border-color: #3ec0ad;
  color: #ffffff;
}
.ck.quill.inverted .ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
  border-color: #3ec0ad;
  color: #ffffff;
  background: #505959;
}
.policy-config__editor-toolbar {
  padding: 1rem;
}
.policy-config__editor-toolbar.ql-toolbar {
  border-bottom-width: 0;
}
.campaign-customise.campaign-customise-codemirror-wrapper .ck-panel {
  height: calc(100vh - 220px);
}
.campaign-customise-notes,
.campaign-customise-notes-nodomain {
  padding-top: 2.4rem;
}
.campaign-customise-notes .campaign-customise-notes-list,
.campaign-customise-notes-nodomain .campaign-customise-notes-list {
  padding: 0 1.2rem;
  line-height: 1.8rem;
}
.campaign-customise-notes .campaign-customise-notes-list > li,
.campaign-customise-notes-nodomain .campaign-customise-notes-list > li {
  padding: 0 0 0.6rem;
}
.split-window .split-window__inner {
  display: flex;
  flex-direction: row;
  height: 100vh;
  overflow: hidden;
}
.split-window .split-window__east,
.split-window .split-window__west {
  height: 100%;
  overflow: hidden;
}
.split-window .split-window__west {
  width: 600px;
  min-width: 600px;
  position: relative;
}
.split-window .split-window__east {
  flex-grow: 1;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
}
.split-window .split-window-west__toolbar {
  border-bottom: 1px solid #77d3c6;
  height: 75px;
  padding: 0 4rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  background: #505959;
  display: flex;
}
.split-window .split-window-west__panel,
.split-window .split-window-east__panel {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
.split-window .split-window-east__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.split-window .split-window-west__panel {
  padding-top: 75px;
}
.split-window .split-window-panel--align-top {
  justify-content: start;
}
.split-window .split-window--fix-width-small {
  width: 400px;
  min-width: 400px;
}
.split-window .split-window--fix-width-medium {
  width: 600px;
  min-width: 600px;
}
.split-window .split-window--fix-width-large {
  width: 800px;
  min-width: 800px;
}
.split-window .split-window--flex-width {
  width: 100%;
  min-width: unset;
}
.wx-app {
  /**
  EXPORT ENTRIES PANEL
  **/
  /**
  PAGES PANEL
  **/
  /**
  PUBLISHING DESTINATIONS PANEL
  **/
  /**
  EXPERIENCE SIDEBAR PANEL
  **/
  /**
  PUBLISHING STATUS PANEL
  **/
  /**
  CUSTOM JS/CSS PANEL
  **/
  /**
   SUMMARY PANEL
   **/
  /**
  WINNER MANAGEMENT PANEL
  **/
}
.wx-app .wx-main-panel {
  min-height: calc(101vh - 250px);
}
.wx-app .status-box {
  padding: 0.7rem 1rem;
  display: inline-block;
  font: normal 1.8rem 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border-radius: 0.2rem;
  position: relative;
  margin: 0 2rem;
}
.wx-app .status-box.status-box--active {
  color: #ffffff;
  background-color: #77d3c6;
  font: normal 1.8rem 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  margin: 0 3rem;
}
.wx-app .status-box.status-box--active.experience-status--action {
  background-color: #157841;
}
.wx-app .status-box.status-box--active.experience-status--super {
  background-color: #e0e200;
  color: #394242;
}
.wx-app .status-box.status-box--active.experience-status--base {
  background-color: #8bd8f0;
  color: #394242;
}
.wx-app .status-box.status-box--active.experience-status--error {
  background-color: #ee2f19;
}
.wx-app .status-box.status-box--active.experience-status--advanced {
  background-color: #157841;
}
.wx-app .status-box.status-box--compact {
  margin: 0;
  font: normal 1.4rem 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  padding: 0.5rem;
}
.wx-app .status-box.status-box--draft {
  background-color: #b2b8b8;
}
.wx-app .status-box.status-box--ready {
  background-color: #157841;
}
.wx-app .status-box.status-box--scheduled {
  background-color: #157841;
}
.wx-app .status-box.status-box--published {
  background-color: #77d3c6;
}
.wx-app .status-box.status-box--expired {
  background-color: #ee2f19;
}
.wx-app .status-box__wrapper:last-of-type {
  margin-right: 0;
}
.wx-app .status-box__wrapper:last-of-type .status-box,
.wx-app .status-box__wrapper:last-of-type .status-box--active {
  margin-right: 0;
}
.wx-app .status-box__wrapper:first-of-type {
  margin-left: 0;
}
.wx-app .wx-panel__publishing-destinations .publishing-destinations-items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 2rem;
}
.wx-app .wx-panel__publishing-destinations .publishing-destinations-items__item {
  margin: 1rem 0;
}
.wx-app .wx-panel__publishing-destinations .publishing-destinations-items__item:first-of-type {
  margin-top: 0;
}
.wx-app .wx-panel__publishing-destinations .publishing-destinations-items__item:last-of-type {
  margin-bottom: 0;
}
.wx-app .wx-panel__publishing-destinations .publishing_destination_item_menu {
  display: flex;
  justify-content: flex-end;
}
.wx-app .wx-panel__publishing-destinations .macro-experience-publishing-destinations .ck.content-item .content-item__right {
  width: 300px;
}
.wx-app .wx-panel__publishing-destinations .macro-experience-publishing-destinations .ck.content-item .content-item__right .content-item-content__header {
  word-break: break-all;
}
.wx-app .wx-panel__publishing-destinations .macro-experience-publishing-destinations .publishing_destination_item_menu .ck-menu-wrapper .ck.menu-item .item {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.wx-app .wx-panel__publishing-destinations .ui.secondary.menu {
  display: flex;
  align-items: center;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-status {
  padding: 0.5rem 1rem;
  background-color: #e8ebeb;
  border-radius: 0.2rem;
  color: #ffffff;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-status.publishing-destination-status--draft {
  background-color: #b2b8b8;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-status.publishing-destination-status--ready {
  background-color: #157841;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-status.publishing-destination-status--scheduled {
  background-color: #157841;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-status.publishing-destination-status--published {
  background-color: #157841;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-status.publishing-destination-status--expired {
  background-color: #ee2f19;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-meta .publishing-destination-meta__item {
  padding: 0 0.5rem;
  border-left: 1px solid #e8ebeb;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-meta .publishing-destination-meta__item:first-of-type {
  padding-left: 0;
  border-left: none;
}
.wx-app .wx-panel__publishing-destinations .publishing-destination-meta div.publishing-destination-meta__item {
  margin-top: 0.5rem;
}
.wx-app .wx-panel__publishing-destinations .ui.secondary.menu .item {
  padding: 1em 0;
}
.wx-app .wx-panel__publishing-destinations .ui.menu .item > .input input {
  font-size: 1.5rem;
}
.wx-app #wx-panel__publishingDestinations .ui.secondary.menu .item {
  padding: 1em 0;
  height: 100%;
}
.wx-app .wx-toolbar .toolbar-header {
  border-left: 0.1rem solid #e8ebeb;
  display: inline-block;
  margin-left: 2rem;
  padding-left: 2.4rem;
  min-width: 50px;
}
.wx-app .wx-toolbar .toolbar-header__experience-type {
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1rem;
  color: #505959;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wx-app .wx-toolbar .toolbar-header__experience-name {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 2.4rem;
  color: #394242;
  font-weight: 200;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wx-app .wx-toolbar .toolbar-header__experience-name--empty:before {
  content: '[Experience Name]';
}
.wx-app .wx-toolbar .experience-toolbar__right .experience-status {
  margin: 0 1.5rem 0 1rem;
}
.wx-app .wx-sidebar .ck-menu-wrapper .ui.menu.secondary.pointing.vertical div.item > a {
  padding: 1rem 0 1rem 1.5rem;
  margin: 1rem 0;
  max-height: 5rem;
}
.wx-app .wx-sidebar.wx-sidebar--bottom-border .ck-menu-wrapper:not(:last-child) {
  border-bottom: 0.1rem solid #e8ebeb;
}
.wx-app .link-item__label {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.wx-app .link-item-label__byline {
  font-size: 1.2rem;
}
.wx-app .wx-panel__displayType .ck.picker .picker-item {
  width: 250px !important;
}
.wx-app .wx-panel__displayType .ck.picker .picker-item__item-image {
  margin: 0 auto;
  flex-grow: 1;
  align-items: end;
}
.wx-app .wx-panel__displayType .ck.picker .picker-item__content {
  flex-grow: 0;
}
.wx-app .wx-panel__displayType .ck.picker .picker-item.selected .picker-item__item-image .isvg g.highlight-on-select circle {
  fill: #77d3c6;
}
.wx-app .wx-panel__displayType .ck.picker .picker-item.selected .picker-item__item-image .isvg g.highlight-on-select path {
  stroke: #77d3c6;
}
.wx-app .wx-panel__displayType .display-type-configuration .ck-checkbox-group .fields {
  align-items: flex-start;
}
.wx-app .wx-panel__displayType .display-type-configuration .ck-checkbox-group .fields .field {
  flex: 1;
}
.wx-app .wx-panel__displayType .display-schematic {
  display: flex;
  justify-content: center;
}
.wx-app .wx-panel__displayType .display-schematic__preview {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 296px;
  height: 182px;
  padding: 24px;
  background-color: #f7f7f7;
  border-radius: 8px;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--bars {
  display: flex;
  gap: 2px;
  margin-bottom: 8px;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--bars .display-schematic__preview__progress__item {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  border: 1px solid #2b8679;
  background-color: #2b8679;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--bars .display-schematic__preview__progress__item:last-child {
  background-color: transparent;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--dots {
  position: absolute;
  bottom: 10px;
  display: flex;
  gap: 6px;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--dots .display-schematic__preview__progress__item {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  border: 1px solid #2b8679;
  background-color: #2b8679;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--dots .display-schematic__preview__progress__item:last-child {
  background-color: transparent;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--none + .display-schematic__preview__navigation--slide_vertical-arrows {
  margin: -9px;
}
.wx-app .wx-panel__displayType .display-schematic__preview__progress--dots + .display-schematic__preview__navigation--slide_vertical-arrows {
  margin-top: -9px;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_horizontal-arrows,
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-arrows {
  align-items: center;
  justify-content: space-between;
  color: #2b8679;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_horizontal-arrows .ck-icon .icon:before,
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-arrows .ck-icon .icon:before {
  font-weight: 800;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-arrows {
  flex-direction: column;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-arrows .display-schematic__preview__navigation__control {
  transform: rotate(90deg);
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_horizontal-buttons,
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-buttons {
  display: flex;
  gap: 12px;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_horizontal-buttons .display-schematic__preview__navigation__control,
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-buttons .display-schematic__preview__navigation__control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 26px;
  border: 1px solid #2b8679;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_horizontal-buttons .display-schematic__preview__navigation__control:before,
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-buttons .display-schematic__preview__navigation__control:before {
  display: block;
  content: ' ';
  width: 29px;
  height: 1px;
  background-color: #2b8679;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_horizontal-links,
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-links {
  display: flex;
  gap: 12px;
}
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_horizontal-links .display-schematic__preview__navigation__control,
.wx-app .wx-panel__displayType .display-schematic__preview__navigation--slide_vertical-links .display-schematic__preview__navigation__control {
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 1px solid #2b8679;
  color: #2b8679;
}
.wx-app .exw-permission-warning-panel {
  padding: 20px;
  background-color: #77d3c6;
}
.wx-app .exw-template-warning-panel {
  padding: 20px;
  background-color: #77d3c6;
}
.wx-app .plus-button-hover-tip {
  font: normal 1.4rem 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  margin-left: 1rem;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.34, 1.61, 0.7, 1);
  vertical-align: middle;
}
.wx-app .plus-button-hover-tip.plus-button-hover-tip--visible {
  opacity: 1;
}
.wx-app .nav.bordered {
  border-top: 0.1rem solid #d4d9d9;
  border-bottom: 0.1rem solid #d4d9d9;
}
.wx-app .wx-panel.wx-panel__entries-export .entry-export-item {
  padding: 2rem;
  border: 0.1rem solid #e8ebeb;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task {
  width: 100%;
  max-width: 500px;
  margin: 2rem auto 4rem;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file {
  width: 100%;
  border: 0.1rem solid #d4d9d9;
  border-radius: 0.2rem;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  padding: 2rem;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file > div {
  margin-top: 2rem;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file > div:first-of-type {
  margin-top: 0;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file > div:first-of-type {
  margin-top: 0;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file__icon {
  font-size: 10em;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file__icon i.icon {
  margin: 0;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file__footer {
  padding: 2rem;
  color: #ffffff;
  margin: 2rem -2rem -2rem;
  background-color: #157841;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file__password {
  cursor: pointer;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task.export-task--empty .export-file__footer {
  background-color: #77d3c6;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task.export-task--failed .export-file__footer {
  background-color: #eb8e1b;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task .export-file__footer.export-file__footer--retention {
  background-color: #77d3c6;
}
.wx-app .wx-panel.wx-panel__entries-export .export-info {
  display: flex;
}
.wx-app .wx-panel.wx-panel__entries-export .export-info__text {
  display: inline-block;
}
.wx-app .wx-panel.wx-panel__entries-export .export-info__text--clickable {
  font-weight: bolder;
  cursor: pointer;
}
.wx-app .wx-panel.wx-panel__entries-export .export-task-generating .icon {
  font-size: 10em;
}
.wx-app .wx-panel.wx-panel__entries-export .spinner {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto;
}
.wx-app .wx-panel.wx-panel__entries-export .double-bounce1,
.wx-app .wx-panel.wx-panel__entries-export .double-bounce2,
.wx-app .wx-panel.wx-panel__entries-export .double-bounce3,
.wx-app .wx-panel.wx-panel__entries-export .double-bounce4 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #77d3c6;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 3s infinite ease-in-out;
}
.wx-app .wx-panel.wx-panel__entries-export .double-bounce2 {
  animation-delay: -1s;
}
.wx-app .wx-panel.wx-panel__entries-export .double-bounce3 {
  animation-delay: -1.3s;
}
.wx-app .wx-panel.wx-panel__entries-export .double-bounce4 {
  animation-delay: -1.8s;
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.wx-app .wx-panel__pages .screen__summary-container {
  display: flex;
}
.wx-app .wx-panel__pages .next-slide {
  margin-left: 1.5rem;
  border: 0.3rem solid #e8ebeb;
}
.wx-app .wx-panel__pages .next-slide.first {
  margin-top: 3rem;
  margin-bottom: 100px;
}
.wx-app .wx-panel__pages .next-slide.second {
  margin-top: 5rem;
  margin-bottom: 120px;
}
.wx-app .wx-panel.wx-panel__publishing-status {
  padding: 2rem 4rem;
}
.wx-app .custom-css-container,
.wx-app .custom-js-container {
  max-width: 800px;
}
.wx-app .custom-css-container .ui.label,
.wx-app .custom-js-container .ui.label {
  font-size: 80px;
}
.wx-app .settings-panel__name .ck.input input {
  font-size: 3.2rem;
  height: auto !important;
  padding: 0 1rem;
}
.wx-app .wx-panel__winners .component-campaignobject-winners {
  border-bottom: none;
}
.wx-app .wx-panel__winners .timeline-container {
  border-top: 0.1rem solid #e8ebeb;
}
/**
THEME SUMMARY PANEL
**/
.wx-panel__theme-page-mode {
  max-width: 375px;
  margin-top: 1rem;
  text-align: right;
}
/**
 PUBLISHING DESTINATIONS PANEL
 This is outside publishing-destinations.less because it is a modal which doesn't exist within the "workspace-app" scope
 **/
.publishing-destination-editor .modal-app-panel--left-panel {
  transition: width 0.75s ease 0.1s, opacity 0.3s ease 0.5s;
}
.publishing-destination-editor .modal-app-panel--left-panel .modal-app-panel__content-container {
  overflow: auto;
}
.publishing-destination-editor.publishing-destination-editor--preview-mode > .modal-app-panel--left-panel {
  width: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: width 0.75s ease 0.1s, opacity 0.3s ease;
}
.publishing-destination-editor .editor-preview-header {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 30px 20px;
  background: #d4d9d9;
  border-top: 1px solid #b8c6cc;
  border-bottom: 1px solid #b8c6cc;
}
.publishing-destination-editor .editor-preview__content {
  transition: flex 0.75s ease;
}
.publishing-destination-editor .editor-preview__content--iframe {
  flex: 3;
  height: 100%;
  overflow: auto;
}
.publishing-destination-editor .editor-preview__content--element {
  flex: 1;
  padding: 40px 0;
}
.publishing-destination-editor .editor-preview__content--min-height {
  flex: 0;
}
.publishing-destination-editor .field-help {
  font-size: 1.2rem;
  color: #b2b8b8;
}
.lightbox-launch-preview {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  white-space: nowrap;
}
.lightbox-launch-preview--button {
  padding: 1rem 3.2rem;
  line-height: 21px;
  border-radius: 4px;
  text-transform: uppercase;
}
.publishing-destination-editor__code-buttons .ck.ui.button.basic.accent.inverted.error:hover {
  background: #ee2f19 !important;
}
.publishing-destination-editor__code-buttons .ck.ui.button.basic.accent.inverted.success:hover {
  background: #77d3c6 !important;
}
.publish-next-actions-wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  border-left: 0.1rem solid #e8ebeb;
  margin: 1rem 0;
}
@media (max-width: 992px) {
  .publish-next-actions-wrapper {
    border-left-color: transparent;
  }
}
.publish-next-action-button {
  width: 210px;
  margin: 0 2rem;
}
.dimensions-control {
  display: inline-block;
}
.dimensions-control .dimensions-control__input {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  flex: 1;
  width: 120px;
}
.score-range-control {
  display: flex;
  align-items: flex-end;
}
.score-range-control .score-range-control__input {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  flex: 1;
}
.score-range-control .score-range-control__divider {
  margin-right: 20px;
  margin-bottom: 9px;
  font-size: 16px;
}
.score-range-control .score-range-control__input:last-child {
  margin-right: 0;
}
.background-editor {
  min-height: 100%;
  background-color: #505959;
  overflow-y: scroll;
  font-size: 1rem;
}
.rules-text-editor .ql-container {
  height: 350px;
}
.background-editor {
  min-height: 100%;
  background-color: #505959;
  overflow-y: scroll;
  font-size: 1rem;
}
.delete-experience-meta {
  padding: 2rem 0 0 2rem;
}
.field-container {
  display: flex;
  flex-direction: row;
}
.field-container > div.field-container__field {
  display: flex;
  align-items: flex-end;
}
.wx-panel.wx-panel__header {
  padding: 2rem 4rem;
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #e8ebeb;
  border-radius: 0;
}
.wx-panel.wx-panel__header .panel-title {
  padding-right: 2rem;
  margin-right: 2rem;
  border-right: 0.1rem solid #e8ebeb;
}
.wx-panel.wx-panel__header .panel-btn {
  position: relative;
  margin-left: auto;
}
/**
 Overlay modal styles
 This is outside publishing-destinations.less because it is a modal which doesn't exist within the "workspace-app" scope
 **/
#modal-preview {
  position: relative;
  height: 100%;
  width: 100%;
}
#modal-preview .web-overlay-settings {
  position: absolute;
  right: 3.2rem;
  bottom: 3.2rem;
  width: 256px;
  padding: 32px 16px;
  border-radius: 4px;
  border: 1px solid #e8ebeb;
  background: #ffffff;
}
.publish-destination-preview .overlay-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #ffffff;
}
.publish-destination-preview .overlay-preview-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}
.publish-destination-preview .codemirror {
  height: calc(100vh - 270px);
}
.publish-destination-preview .overlay-close-button-container {
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
}
.publish-destination-preview .overlay-iframe {
  margin: auto;
  border: 0;
  width: 100%;
  height: 100%;
}
.publish-destination-preview .overlay-iframe--static-preview {
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
.help-info-column .ck-panel > .ui.header {
  margin-bottom: 1.4rem;
}
.help-info-column .help-info-column__content {
  color: #6c7373;
}
.help-info-column .help-info-column__content .ui.header {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.help-info-column .help-info-column__content .label {
  margin: 0;
  line-height: 1.4285em;
}
.help-info-column .help-info-column__content .help-code {
  border: 1px solid #6c7373;
  border-radius: 5px;
  padding: 5px 10px;
  word-break: break-word;
  margin-bottom: 2rem;
  white-space: pre-wrap;
  line-height: 18px;
  max-height: 220px;
  overflow: scroll;
}
.account-search__account-item {
  color: #ffffff;
  padding: 10px 0;
}
.account-search__master-account-item {
  color: #77d3c6;
}
.component-search.account-search__search-input input {
  color: #ffffff;
}
#app-account-settings .account-settings-save-btn {
  width: 100%;
  text-align: right;
  padding: 2rem;
}
.script-editor-code-wrapper {
  position: relative;
  height: 400px;
}
.page-container .page-panel {
  padding: 3rem 3rem 0 3rem;
}
.page-container .page-panel:last-of-type {
  padding-bottom: 3rem;
}
.page-container .page-panel.page-panel--divided {
  border-bottom: 0.1rem solid #e8ebeb;
  padding-bottom: 3rem;
}
.experience-list-filter__status {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.experience-list-filter__status > div {
  padding: 0 1rem;
  border-right: 0.1rem solid #e8ebeb;
}
.experience-list-filter__status > div:first-of-type {
  padding-left: 0;
}
.experience-list-filter__status > div:last-of-type {
  border-right-width: 0;
}
.window-scroller-tooltip-overflow .ReactVirtualized__Grid.ReactVirtualized__List {
  overflow: visible !important;
}
.window-scroller-tooltip-overflow .ReactVirtualized__Grid.ReactVirtualized__List .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.experience-clone-modal .clone-in-progress {
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: rgba(57, 66, 66, 0.9);
}
.wyn-content-services {
  /* moderation modal */
}
.wyn-content-services .cd-header-container {
  margin-top: -1rem;
  padding: 30px;
  border-radius: 0.4rem 0.4rem 0 0;
}
.wyn-content-services .cd-header-container .content-item-content__topline {
  font-size: 1.6rem;
}
.wyn-content-services .cd-header-container .content-item-content__header {
  font-size: 72px !important;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif !important;
}
.wyn-content-services .cd-header-container .ck-icon .icon.icon-advocacy {
  font-size: 80px;
}
.wyn-content-services .page-panel.content-services__api-usage,
.wyn-content-services .page-panel.content-services__collection-list {
  padding: 1rem;
}
.wyn-content-services .page-header {
  border-radius: 0.4rem 0.4rem 0 0;
}
.wyn-content-services hr {
  height: 1px;
  border-style: none;
  background: #6c87a1;
}
.wyn-content-services a {
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.wyn-content-services.page-container {
  margin-top: 3rem;
  border-radius: 0.4rem;
  background-color: #ffffff;
}
.wyn-content-services .ck.content-card .content-card__main .content-card-media {
  height: 120px;
}
.wyn-content-services .ck.content-card .content-card__main .content-card-media .content-card-media__thumbnail img.ui.image,
.wyn-content-services .ck.content-card .content-card__main .content-card-media .content-card-media__thumbnail .ui.embed {
  max-height: 120px;
  max-width: 186px;
}
.wyn-content-services.settings-modal {
  display: flex;
  min-height: 100%;
}
.wyn-content-services.settings-modal .settings-wrapper {
  background-color: #ffffff;
  flex-grow: 1;
  overflow-y: auto;
}
.wyn-content-services.settings-modal .settings-wrapper .settings-wrapper__content:not(.settings-wrapper--is-new) {
  max-height: calc(100vh - 217px);
  overflow-y: auto;
  overflow-x: hidden;
}
.wyn-content-services.settings-modal .settings-wrapper .settings-wrapper__actions {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: white;
  border-top: 1px solid #bcc8d4;
  z-index: 1;
}
.wyn-content-services.settings-modal .ck-side-pane {
  overflow-y: visible;
  overflow-x: visible;
  background: #394242;
}
.wyn-content-services.settings-modal .collection-settings-buttons {
  text-align: right;
}
.wyn-content-services.settings-modal .collection-settings-buttons .ck.buttons button {
  margin: 0 0.9em;
}
.wyn-content-services.settings-modal .collection-settings-buttons .ck.buttons button:last-child {
  margin: 0;
}
.wyn-content-services.settings-modal > .ck-panel {
  background: #ffffff;
  border-top: 1px solid #bcc8d4;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.wyn-content-services.detail-modal {
  min-height: 100%;
}
.wyn-content-services.detail-modal .detail-modal-wrapper {
  display: flex;
  align-items: stretch;
  height: 100vh;
}
.wyn-content-services.detail-modal .detail-modal__config {
  flex: 0 0 500px;
  min-height: 100%;
}
.wyn-content-services.detail-modal .detail-modal__config .ck-side-pane {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.wyn-content-services.detail-modal .detail-modal__config .ck-side-pane .detail-modal__config-header {
  border-bottom: 1px solid #77d3c6;
  padding: 1rem 4rem 0 4rem;
  height: 6.4rem;
  flex: 0 0 6.4rem;
}
.wyn-content-services.detail-modal .detail-modal__config .ck-side-pane .detail-modal__config-main {
  flex: 1;
  overflow-y: auto;
}
.wyn-content-services.detail-modal .detail-modal__content {
  background-color: #ffffff;
  flex: 1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.wyn-content-services.detail-modal .detail-modal__content .detail-modal__content-header > .ck-panel.bordered {
  border-bottom-color: #77d3c6;
  height: 100%;
}
.wyn-content-services.detail-modal .detail-modal__content .detail-modal__content-main {
  flex: 1;
  overflow-y: auto;
  width: calc(100vw - 500px);
}
.wyn-content-services.detail-modal .detail-modal__content .detail-modal__content-main > .ck-panel > .ck.content-card > .content-card__inner {
  border: 0;
  padding: 0;
}
.wyn-content-services.detail-modal .detail-modal__data-item {
  position: relative;
}
.wyn-content-services.detail-modal .detail-modal__data-item-label {
  position: absolute;
  left: 0;
  width: 120px;
}
.wyn-content-services.detail-modal .detail-modal__data-item-value {
  margin-left: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wyn-content-services.detail-modal .content-card-media-main__inner .media-wrapper {
  display: block;
  text-align: center;
}
.wyn-content-services.detail-modal .content-card-media-main__inner .media-wrapper > div,
.wyn-content-services.detail-modal .content-card-media-main__inner .media-wrapper video {
  max-width: 100%;
}
.wyn-content-services.detail-modal .content-card-media-main__inner .media-wrapper.media-wrapper--instagram {
  margin: auto;
  width: 300px;
}
.wyn-content-services.detail-modal .cta-actions {
  float: right;
  margin-right: 40px;
}
.wyn-content-services .detail-modal__prominence .asset-radio-menu .ui.secondary.menu {
  flex-wrap: nowrap;
}
.wyn-content-services .collection-action:hover,
.wyn-content-services .content-quick-action:hover {
  cursor: pointer;
}
.wyn-content-services .media-wrapper {
  min-width: 100px;
  min-height: 100px;
  position: relative;
}
.wyn-content-services .media-wrapper .video-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wyn-content-services .media-wrapper .video-icon .icon-background {
  background: transparent !important;
  width: 25px;
  height: 25px;
  border-radius: 25px;
}
.wyn-content-services .media-wrapper .video-icon .ck-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wyn-content-services .media-wrapper .video-icon .ck-icon > .icon-play3 {
  color: #8d9494;
  opacity: 0.85;
}
.wyn-content-services .window-scroller-tooltip-overflow .ReactVirtualized__Grid.ReactVirtualized__List {
  overflow: visible !important;
}
.wyn-content-services .window-scroller-tooltip-overflow .ReactVirtualized__Grid.ReactVirtualized__List .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}
.wyn-content-services .collection-item {
  cursor: pointer;
}
.wyn-content-services .collection-item .ck.content-item .content-item-content__header {
  overflow: visible;
}
.wyn-content-services .collection-item .ck.content-item .content-item-content__header .truncate-table-container {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.wyn-content-services .collection-item .ck.content-item .content-item-content__header .truncate-table-container .truncate-table-row {
  display: table-row;
}
.wyn-content-services .collection-item .ck.content-item .content-item-content__header .truncate-table-container .truncate-table-row .truncate-table-wrapper {
  display: block;
}
.wyn-content-services .collection-item .ck.content-item .content-item-content__header .truncate-table-container .truncate-table-row .truncate-table-wrapper .truncate-table-item {
  font-size: 3.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wyn-content-services .collection-item .content-item-content__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wyn-content-services .collection-item-extra__detail {
  padding: 0 1rem;
  border-width: 0;
  border-right-width: 0.1rem;
  border-style: solid;
  border-color: #e8ebeb;
}
.wyn-content-services .collection-item-extra__detail:first-of-type {
  padding-left: 0;
}
.wyn-content-services .collection-item-extra__detail:last-of-type {
  padding-right: 0;
  border-right-width: 0;
}
.wyn-content-services.moderation-wrapper {
  display: flex;
  overflow: hidden;
}
.wyn-content-services.moderation-wrapper .moderation-actions > .ck.button {
  float: right;
  margin: 0 0 0 1rem;
  z-index: 1;
}
.wyn-content-services.moderation-wrapper .moderation-actions .moderation-actions-menu {
  margin-bottom: 1rem;
}
.wyn-content-services.moderation-wrapper .moderation-actions .moderation-actions-menu .moderation-actions-menu__aux-actions {
  margin-right: 1.2rem;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper {
  overflow-y: auto;
  height: calc(100% - 13.9rem);
}
.wyn-content-services.moderation-wrapper .content-list__wrapper .content-list {
  padding: 0 2rem 1rem;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper .content-list .content-list__item--removing {
  transition: opacity 0.1s;
  opacity: 0;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper .content-list .content-list__item .ck.content-card {
  width: 100%;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper .content-list .content-list__item .content-list__item__move-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  position: absolute;
  left: 0;
  height: 100%;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper .content-list .content-list__item .content-list__item__move-actions + .ck.content-card {
  margin-left: 3.3rem;
  width: calc(100% - 3.3rem);
}
.wyn-content-services.moderation-wrapper .content-list__wrapper .sortable-item__action-drag {
  position: relative;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper .sortable-item__action-drag:after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper > .ck-panel {
  background-color: #ffffff;
  margin: 0 2rem;
  padding: 0.5rem 0 0.1rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.wyn-content-services.moderation-wrapper .content-list__wrapper > .ck-panel + div > .content-list {
  padding: 5rem 2rem 1rem;
}
.wyn-content-services.moderation-wrapper .content-list__item__cta {
  margin: 10px 0 0 -4px;
  display: flex;
  align-items: center;
}
.wyn-content-services.moderation-wrapper,
.wyn-content-services .moderation-wrapper__west,
.wyn-content-services .moderation-wrapper__east {
  height: 100%;
  overflow-y: hidden;
}
.wyn-content-services.moderation-wrapper--reordering .moderation-wrapper__east *,
.wyn-content-services.moderation-wrapper--reordering .moderation-wrapper__west * {
  -webkit-user-select: none;
  user-select: none;
}
.wyn-content-services .moderation-wrapper__west {
  flex: 1;
  display: flex;
  max-width: 475px;
  background-color: #505959;
}
.wyn-content-services .moderation-wrapper__west .moderation-wrapper__west-panel {
  overflow-y: auto;
}
.wyn-content-services .moderation-wrapper__west .ck-side-pane {
  background-color: #394242;
  overflow-x: visible;
  overflow-y: visible;
}
.wyn-content-services .moderation-wrapper__east {
  background-color: #ffffff;
  flex: 2;
}
.wyn-content-services .moderation-wrapper__east > .ck-panel .search-warning-message {
  font-size: 1.5rem;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 3.3rem;
  color: #eb8e1b;
  border: 1px solid #eb8e1b;
  margin-top: 10px;
}
.wyn-content-services .moderation-wrapper__east > .ck-panel .search-warning-message > .ck-icon {
  text-align: center;
  width: 37.5px;
}
.wyn-content-services .moderation-wrapper__east > .ck-panel .search-warning-message .search-warning-message__fix-action {
  cursor: pointer;
}
.wyn-content-services .moderation-wrapper__east .moderation-header {
  cursor: pointer;
}
.wyn-content-services .moderation-wrapper__east .moderation-header i.icon {
  font-size: 1.8rem;
}
.wyn-content-services .moderation-wrapper__east .moderation-header .moderation-actions {
  float: right;
  margin-top: -0.8rem;
}
.wyn-content-services.detail-modal .ck.content-card .ui.header .sub.header,
.wyn-content-services.moderation-wrapper .ck.content-card .ui.header .sub.header {
  font-size: 1.4rem;
  color: #364b5f;
}
.wyn-content-services .export-progress-label {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.wyn-content-services .export-progress-bar {
  margin-bottom: 0;
}
.wyn-content-services .moderation-sidebar-panel {
  border-bottom: 0.1rem solid #6c87a1;
}
.wyn-content-services .moderation-sidebar-panel:last-of-type {
  border-bottom-color: transparent;
}
.wyn-content-services .ck.content-card {
  margin: 1rem 0;
}
.wyn-content-services .ck.content-card:hover:not(.content-card--active) .content-card__inner {
  border-color: #3ec0ad;
}
.wyn-content-services .ck.content-card .content-card-details__inner {
  margin-top: 0.5rem;
}
.wyn-content-services .content-card-avatar .content-card-meta__reshare {
  color: #8095a9;
  padding-left: 4rem;
}
.wyn-content-services .content-card-avatar .content-card-meta,
.wyn-content-services .content-card-avatar .content-item-content__title,
.wyn-content-services .content-card-avatar .content-item-content__byline,
.wyn-content-services .content-card-avatar .content-item__image {
  cursor: pointer;
}
.wyn-content-services .content-card-avatar .content-card-meta__timestamp {
  border-left-color: transparent;
}
.wyn-content-services .content-card-avatar .content-card-meta__timestamp--left {
  padding-left: 0px;
}
.wyn-content-services .content-card-avatar .content-item-content__byline {
  margin-top: 1px;
  margin-bottom: 2px;
}
.wyn-content-services.inject-wrapper .ck.content-card:hover .content-card__inner {
  border-color: #d4d9d9 !important;
}
.wyn-content-services .collection-feeds {
  line-height: 13px;
}
.wyn-content-services .collection-feeds > .ck.ui.grid:last-child > .row {
  box-shadow: none;
}
.wyn-content-services .collection-feeds .grid .row {
  padding: 0;
}
.wyn-content-services .collection-feeds .sortable-item__action-drag {
  display: inline-block;
}
.wyn-content-services .collection-feeds .sortable-item__action-drag .ck-icon i {
  color: #ffffff;
  background-color: #77d3c6;
  z-index: 1;
}
.wyn-content-services .collection-feeds .sortable-item__action-drag .ck-icon i.hover {
  color: inherit;
  background-color: transparent;
  box-shadow: none;
}
.wyn-content-services .collection-feeds .ui.secondary.menu .item.vertically.fitted {
  margin: 0em 0.8rem;
  padding: 0.25rem 0;
}
.wyn-content-services .feed-item-status {
  white-space: nowrap;
}
.wyn-content-services .feed-item-status__polling {
  background-color: #d4d9d9;
  border-radius: 0.2rem;
  min-width: 15rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  vertical-align: top;
}
.wyn-content-services .feed-item-status__alerts {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 0.75rem;
}
.wyn-content-services .feed-item-status__alerts .ck-icon i.icon {
  border: 0;
  padding: 0;
  line-height: 2.8rem;
  height: 2.8rem;
  width: 3.4rem;
}
.wyn-content-services .moderation-actions-menu {
  margin-left: 1rem;
  display: inline-block;
}
.wyn-content-services .moderation-reactions-menu {
  margin: 0 1rem;
  display: flex;
  align-items: center;
}
.wyn-content-services .moderation-actions {
  display: flex;
  align-items: center;
}
.wyn-content-services .moderation-actions.moderation-actions--left {
  justify-content: flex-start;
}
.wyn-content-services .moderation-actions.moderation-actions--right {
  justify-content: flex-end;
}
.wyn-content-services .navigation-actions .ui.buttons:last-of-type {
  border-left: 0.1rem solid #e8ebeb;
  padding-left: 1rem;
}
.wyn-content-services .navigation-actions .ui.buttons:first-of-type {
  margin-right: 2rem;
}
.wyn-content-services #chart-container {
  margin-top: 20px;
  height: 50px;
}
.wyn-content-services.bulk-actions-modal {
  display: block;
  min-height: 250px;
}
.wyn-content-services .sortable-item__action-drag {
  cursor: -webkit-grab;
}
.wyn-content-services .sortable-item__action-drag .ck.content-item {
  cursor: pointer;
}
.wyn-content-services.sortable-hoc__item--dragging .sortable-item__action-drag {
  display: inherit;
}
.wyn-content-services [data-ck-position='bottom center'][data-ck-tooltip]:before {
  pointer-events: none;
}
.ck-side-pane .ck-icon-menu.ui.menu.vertical .item.horizontally.fitted {
  padding-top: 1em;
  padding-bottom: 1em;
}
.content-meta-lozenge {
  border-radius: 3rem;
  padding: 0 0 0 1rem;
  background-color: #77d3c6;
  display: inline-block;
  margin-right: 0.5rem;
}
.slick-slider .slick-dots {
  bottom: -50px;
  padding: 10px 0;
}
.slick-slider .slick-dots li button:before {
  opacity: 1;
  color: #6c7373;
  font-size: 20px;
  transition: all 0.2s ease;
}
.slick-slider .slick-dots li.slick-active button:before {
  color: #77d3c6;
  font-size: 35px;
}
.slick-slider .slick-slide {
  background: transparent;
}
.slick-slider .slick-slide .ui.header {
  margin-bottom: 1rem;
}
.slick-slider .slick-track {
  cursor: default;
}
.slick-slider .slick-next {
  right: 0;
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-arrow {
  z-index: 10;
  width: 50px;
  text-align: center;
  height: 100%;
}
.slick-slider .slick-arrow:before {
  opacity: 0.5;
  background-color: transparent;
  font-family: 'Engvetica';
  font-size: 48px;
  border-radius: 100%;
}
.slick-slider .slick-arrow:hover {
  background-color: transparent;
}
.slick-slider .slick-arrow:hover:before {
  opacity: 1;
}
.slick-slider .slick-arrow.slick-next:before {
  padding: 0;
  content: '>';
}
.slick-slider .slick-arrow.slick-prev:before {
  padding: 0;
  content: '<';
}
.app-store-nav .slick-slider .slide-content {
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
}
.app-store-modal .ui.container {
  width: 1100px !important;
}
.app-store-modal .slick-list {
  max-width: 1100px;
  text-align: center;
  margin: 0 auto;
}
.app-store-modal .slick-slider .slick-next {
  right: -65px;
}
.app-store-modal .slick-slider .slick-prev {
  left: -65px;
}
.app-store-modal .slick-slider .slick-track {
  background-color: transparent;
}
.app-store-modal .slick-slider .slick-slide {
  height: 80vh;
  overflow: auto;
  text-align: center;
}
.app-store-modal .slick-slider .slick-arrow {
  height: auto;
}
.appDetails-carousel-wrapper {
  padding-bottom: 2rem;
}
.appDetails-carousel-wrapper .slick-slider .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.appDetails-carousel-wrapper .slick-slider.appDetails-carousel-wrapper__carousel .slick-slide {
  height: 400px;
}
.appDetails-carousel-wrapper .slick-slider.appDetails-carousel-wrapper__carousel .slick-slide > div .appDetails-carousel-wrapper__image-wrapper > img {
  max-height: 400px;
}
.appDetails-carousel-wrapper .slick-slider.appDetails-carousel-wrapper__slider {
  padding-top: 1rem;
}
.appDetails-carousel-wrapper .slick-slider.appDetails-carousel-wrapper__slider .slick-slide {
  height: 125px;
  cursor: pointer;
  padding: 0 1rem;
}
.appDetails-carousel-wrapper .slick-slider.appDetails-carousel-wrapper__slider .slick-slide > div .appDetails-carousel-wrapper__image-wrapper > img {
  max-height: 125px;
}
.appDetails-carousel-wrapper .slick-slider .slick-arrow.slick-prev:before,
.appDetails-carousel-wrapper .slick-slider .slick-arrow.slick-next:before {
  display: block;
  color: #505959;
  font-size: 2.4rem;
  height: 5rem;
  width: 5rem;
  opacity: 1;
  background-color: #ffffff;
  border: 0.1rem solid #b2b8b8;
  line-height: 5rem;
  text-align: center;
}
.appDetails-carousel-wrapper .slick-slider .slick-arrow.slick-prev:hover:before,
.appDetails-carousel-wrapper .slick-slider .slick-arrow.slick-next:hover:before {
  opacity: 1;
  background-color: #3ec0ad !important;
}
.appDetails-carousel-wrapper .slick-slider .slick-next {
  right: -2rem;
}
.appDetails-carousel-wrapper .slick-slider .slick-prev {
  left: -2rem;
}
#campaign-reveal-promotions-view .promotion-meta span {
  border-left: 0.1rem solid #e8ebeb;
  padding: 0 0.5rem;
}
#campaign-reveal-promotions-view .promotion-meta span:first-of-type {
  border-left-width: 0;
  padding-left: 0;
}
#campaign-reveal-promotions-view .promotion-image {
  height: 100px;
  width: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#campaign-reveal-promotions-view .promotion-image .ck-icon {
  font-size: 3rem;
}
#campaign-reveal-promotions-view .plus-button-hover-tip {
  font: normal 1.4rem 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  margin-left: 1rem;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.34, 1.61, 0.7, 1);
  vertical-align: middle;
}
#campaign-reveal-promotions-view .plus-button-hover-tip.plus-button-hover-tip--visible {
  opacity: 1;
}
.table-sort-wrapper .paging {
  padding: 1rem 0 0;
  border-top: solid 0.1rem #d4d9d9;
}
.table-sort-wrapper .truncated-label {
  max-width: 0;
}
.table-sort-wrapper .truncated-label > .label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-clone-account-table.fixed-scrolling {
  width: auto;
}
.theme-clone-account-table.fixed-scrolling.theme-clone-account-table--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.theme-clone-account-table.fixed-scrolling .ui.table tbody,
.theme-clone-account-table.fixed-scrolling .ui.table tbody {
  height: 200px;
}
.theme-clone-account-table.fixed-scrolling .ui.table td,
.theme-clone-account-table.fixed-scrolling .ui.table td,
.theme-clone-account-table.fixed-scrolling .ui.table th,
.theme-clone-account-table.fixed-scrolling .ui.table th {
  width: 820px;
}
.logger-widget {
  position: absolute;
  background-color: #394242;
  padding: 1rem;
  z-index: 999999999;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  border: 0.1rem solid #6c7373;
}
.logger-widget.logger-widget--position-right {
  bottom: 50%;
  transform: translateY(50%);
  right: -210px;
  border-radius: 0.2rem 0 0 0.2rem;
  transition: right 0.2s ease;
  border-right-width: 0;
}
.logger-widget.logger-widget--position-right:hover {
  right: 0px;
}
.logger-widget.logger-widget--position-left {
  bottom: 50%;
  transform: translateY(50%);
  left: -210px;
  border-radius: 0 0.2rem 0.2rem 0;
  transition: left 0.2s ease;
  border-left-width: 0;
}
.logger-widget.logger-widget--position-left:hover {
  left: 0px;
}
.logger-widget .logger-widget__inner {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.logger-widget .logger-widget__inner > div {
  padding: 0 1rem;
}
.logger-widget.logger-widget--position-left .logger-widget__inner {
  flex-direction: row-reverse;
}
.logger-widget .logger_header {
  height: 300px;
  position: relative;
  width: 4rem;
  display: inline-block;
}
.logger-widget .logger-widget__header {
  position: absolute;
  transform-origin: top left;
  height: 2rem;
  width: 260px;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.logger-widget.logger-widget--position-left .logger-widget__header {
  transform-origin: top right;
  transform: rotate(90deg);
  right: 1rem;
}
.logger-widget.logger-widget--position-right .logger-widget__header {
  transform: rotate(-90deg);
  transform-origin: top left;
  left: 1rem;
}
.logger-widget .logger-widget__log-levels {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
}
.labels-and-translations-app .translations-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ffffff;
}
.chart-scroll-container {
  display: flex;
  overflow: hidden;
}
.chart-scroll-container .chart-scroll-container__y-axis {
  flex-shrink: 0;
}
.chart-scroll-container .chart-scroll-container__scrollable-container {
  position: relative;
  flex-grow: 1;
  width: 100%;
  min-width: 0;
}
.chart-scroll-container .chart-scroll-container__scrollable-container .chart-scroll-container__scrollable-container__content {
  margin: 0 30px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.chart-scroll-container .chart-scroll-container-scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.5 ease;
  cursor: pointer;
}
.chart-scroll-container .chart-scroll-container-scroll-button.chart-scroll-container-scroll-button--align-left {
  left: 0;
}
.chart-scroll-container .chart-scroll-container-scroll-button.chart-scroll-container-scroll-button--align-right {
  right: 0;
}
.chart-scroll-container .chart-scroll-container-scroll-button.chart-scroll-container-scroll-button--visible {
  opacity: 1;
}
.chart-scroll-container .chart-scroll-container-scroll-button .ck-icon i.icon.color-base {
  color: inherit;
}
.chart-scroll-container .chart-scroll-container-scroll-button .ck-icon i.icon.color-base.is-circular {
  border-color: inherit;
}
.responsive-bar-tooltip {
  position: fixed;
  background: #ffffff;
  border: 0.1rem solid #6c7373;
  border-radius: 0.4rem;
  pointer-events: none;
  width: 200px;
}
.component--react-insights .insights-title .ck-icon i {
  margin: 0 8px;
}
.component--react-insights .component--react-insights__children {
  padding-left: 3.2rem;
}
.message:not(.ck) {
  /*---- messages.less ----*/
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  padding: 45px 52px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1052;
}
.message:not(.ck).hiddenmsg {
  opacity: 0;
}
.message:not(.ck) .close {
  font-size: 2.2rem;
  color: #ffffff;
}
.message:not(.ck) .close:hover {
  color: #3ec0ad;
}
.message:not(.ck).message-type--success,
.message:not(.ck).message-type--ok {
  background: hsl(146.66666667, 70.21276596%, 27.64705882%);
}
.message:not(.ck).message-type--notice {
  background: #77d3c6;
}
.message:not(.ck).message-type--warning,
.message:not(.ck).message-type--partial {
  background: #eb8e1b;
}
.message:not(.ck).message-type--error {
  background: hsl(6.1971831, 86.23481781%, 51.56862745%);
}
.error-500 .pageWrapper {
  padding-top: 0;
  min-height: 1000px;
}
.error-500 summary,
.error-500 summary h2 {
  color: #555;
}
.error-500 summary::-webkit-details-marker {
  display: block;
}
body.error-500 .message-technical {
  position: absolute;
  bottom: 30px;
  top: auto;
}
.stack {
  border: 1px solid black;
  padding: 5px;
  overflow: auto;
  height: 300px;
  background-color: rgba(0, 0, 0, 0.3);
}
.snippet {
  padding: 5px;
  background-color: white;
  border: 1px solid black;
  margin: 3px;
  font-family: courier,monospace;
}
.icon-status {
  color: #fff;
}
.mockupPreview .contentWrapper {
  /*---- preview.less ----*/
  padding: 95px 0 30px;
}
.state-preview,
.preview-channel-type {
  text-align: center;
  cursor: pointer;
  margin: 10px;
  display: inline-block;
  line-height: 40px;
}
.state-preview p,
.preview-channel-type p {
  font-size: 14px;
  margin: 0;
}
.state-preview:hover p,
.state-preview:hover i,
.state-preview.selected p,
.preview-channel-type:hover p,
.preview-channel-type:hover i,
.preview-channel-type.selected p {
  color: #77d3c6;
}
.state-preview [data-icon]:before {
  font-size: 36px;
  padding: 0 0 5px;
}
.state-preview.selected [data-icon]:before {
  color: #77d3c6;
}
.navbar-preview .navbar-inner ul {
  margin-top: 10px;
}
.navbar-preview .navbar-inner .divider {
  border-left: 1px #999 solid;
  height: 80px;
  margin: -10px 10px 0;
}
.navbar-preview .navbar-inner .close-preview {
  text-decoration: none;
  position: absolute;
}
.navbar-preview .navbar-inner .close-preview:hover {
  color: #ffffff;
}
.preview-channel-type.selected .icon.l {
  color: #77d3c6;
}
.preview-channel-type .icon.l {
  line-height: 58px;
}
.panel-preview {
  height: 1320px;
  overflow: hidden;
}
.panel-scroll-container {
  height: 1320px;
  overflow: hidden;
}
.mockupPreview .sectionInner {
  background: transparent;
}
.mockupPreview .pages-wrapper {
  max-width: 900px;
  overflow: hidden;
  border: none;
}
.mockupPreview .message {
  width: 960px;
  float: right;
}
.mockupPreview .message p {
  font-size: 1.2em;
}
.mockupPreview .message strong {
  color: #76d5ff;
  font-weight: bold;
}
.duMetaHolder {
  min-height: 160px;
  border-top: ridge 2px #777;
  border-left: 10px solid #666;
  border-right: 10px solid #666;
  padding: 15px 5px;
  background-color: #666;
}
.xIcon {
  position: relative;
}
.previewPromoChannelsPanel {
  margin: 5px 5px 15px;
  text-align: left;
  background-color: #666;
  overflow: auto;
  width: 1130px;
  height: 1267px;
  clear: right;
  border: 10px #555 solid;
  border-radius: 5px;
}
.previewPromoChannelsPanel.webPreviewPane .customisePromoLozenge {
  height: 1265px;
}
.lozMetaDetail .xIcon {
  margin: 5px 10px !important;
  float: left;
}
.inlineWarning {
  position: absolute;
  right: 10px;
  top: 10px;
  left: 0;
  height: 40px;
  z-index: 10000;
}
.inlineWarning div {
  background: rgba(255, 0, 0, 0.6);
  padding: 10px 10px 10px 45px;
  border-radius: 8px;
  min-width: 270px;
  text-align: center;
  border: 2px white solid;
  float: right;
}
#displayUnitSideBar {
  z-index: 6000 !important;
}
/* New Mockup Preview */
.previewDObjPromoPanel {
  height: 1320px;
  overflow: hidden;
}
.previewDObjLozengeContainer {
  height: 1300px;
}
.fbHeaderActions {
  background: #fff;
  height: 20px;
  padding: 10px;
}
.facebookPreview {
  overflow: hidden;
  position: relative;
  min-width: 1033px;
  background-color: #e7ebf2;
  text-align: center;
}
.facebookPreview .formRow.dObjPreview {
  border-radius: 0 0 8px 8px;
}
.fbHeader {
  background-color: #4a6ea9;
}
.fbTabCol,
.fbCanvCol {
  margin: 10px auto 0;
  float: none;
  width: 811px;
  border: 1px solid #c4cde0;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  /*---- console.less ----*/
  *zoom: 1;
}
.fbTabCol:before,
.fbCanvCol:before,
.fbTabCol:after,
.fbCanvCol:after {
  display: table;
  content: "";
  line-height: 0;
}
.fbTabCol:after,
.fbCanvCol:after {
  clear: both;
}
.fbContent {
  max-width: 1020px;
  margin: auto;
  padding-top: 20px;
}
.fbTabCol {
  margin: 0 0 0 20px;
  float: left;
  min-height: 800px;
}
.fbTabCol .fbTabPreview {
  position: absolute;
  z-index: 10000;
}
.fbFooter {
  height: 100px;
}
.webPreviewWrapper {
  overflow: hidden;
  height: 1467px;
  position: relative;
  padding-top: 0;
  text-align: center;
  background-color: #ffffff;
  color: #111;
  margin: auto;
}
.webPreviewWrapper a:link,
.webPreviewWrapper a:visited {
  color: #069;
}
.webPreviewWrapper .contentWrapper {
  padding: 0;
}
.mpHeaderWrapper {
  background: transparent url('/c/img/preview/web/header.png') center top no-repeat;
  padding: 5px 5px 0;
  height: 100px;
}
.footerWrapper {
  height: 100px;
}
.ft-list {
  width: 90%;
  text-align: center;
  margin: auto;
  padding-top: 10px;
}
.preview-content-web {
  background-color: #ffffff;
  min-height: 1000px;
  padding: 10px;
}
.content-backup {
  color: #000;
}
.xPromotion {
  z-index: 1000;
  position: absolute;
}
.previewOverlay {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
}
.previewDUHolder {
  margin-bottom: 10px;
}
.previewFeatureBarHolder {
  height: 350px;
  margin: 10px;
}
.previewBodyContentNoHero {
  height: 540px;
}
.previewBodyContent {
  height: 780px;
}
.sourceName {
  margin: 1em 0;
}
.iframe-preview {
  border: 0;
  width: 100%;
  min-height: 1600px;
}
.iframe-preview.preview-facebook {
  width: 810px;
  margin: auto;
  display: block;
  background: #fff;
}
.preview-pane-facebook.hasPhases .wizardScreen,
.preview-pane-facebook.hasUserModes .wizardScreen {
  width: 1130px;
}
.preview-pane-facebook .badge,
.preview-pane-web .badge {
  position: absolute;
  z-index: 400;
  padding: 4px 6px;
  right: 0;
  background: #cf2e76;
  border-radius: 5px;
}
.wizard-nav a {
  font-size: 12px;
}
.wizard-nav .selected a {
  color: #77d3c6;
}
.component-preview {
  padding: 0;
  margin-top: 10px;
  height: 1290px;
  overflow: hidden;
}
.preview-pane-container {
  height: 1300px;
}
.preview-pane {
  margin: 10px 5px 15px;
  text-align: left;
  background-color: #666;
  overflow: auto;
  width: 1130px;
  height: 1267px;
  clear: right;
  border: 1px #555 solid;
  border-radius: 2px;
}
.preview-pane.preview-pane-facebook {
  background: #e7ebf2;
}
.preview-pane-inner {
  height: 1500px;
}
.layout-wizard footer {
  /*---- wizard.less ----*/
  padding: 0 50px;
}
.form-wizard {
  padding: 0 50px;
}
.form-wizard > h1 {
  font-size: 72px;
  text-transform: lowercase;
  margin: 30px 0;
}
.carousel-inner {
  width: 1070px;
}
.wizard {
  line-height: normal;
}
.wizard .item {
  width: 1070px;
  min-height: 400px;
  border-radius: 2px;
  background: #828282;
  background-color: #666666;
  background-image: -webkit-radial-gradient(200px 200px, circle cover, #828282, #333);
  background-image: radial-gradient(circle, #828282, #333);
  background-repeat: no-repeat;
  -ms-transition: all 600ms cubic-bezier(0.750, 0.000, 0.385, 1.000);;
  transition: all 600ms cubic-bezier(0.750, 0.000, 0.385, 1.000);;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.385, 1);
  -o-transition-timing-function: cubic-bezier(0.75, 0, 0.385, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.385, 1);
  /* custom */
}
.wizard .item.loading {
  display: block;
}
.wizard .active.left {
  left: -1170px;
}
.wizard .active.right {
  left: 1170px;
}
.wizard .wizardScreen:first-child {
  border-radius: 0 2px 2px 2px;
}
.wizard-tabs {
  width: 1070px;
  padding: 0;
  margin: 0;
  /*---- console.less ----*/
  *zoom: 1;
}
.wizard-tabs:before,
.wizard-tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
.wizard-tabs:after {
  clear: both;
}
.wizard-tabs li {
  float: left;
  padding: 20px;
  font-size: 17px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: normal;
  font-style: normal;
  min-width: 120px;
}
.wizard-tabs li.active {
  background-color: #77d3c6;
}
.wizard-tabs li[data-icon]::before {
  padding-right: 7px;
}
.carousel-control {
  left: -80px;
  top: 250px;
  margin-top: 0;
  text-decoration: none;
  border: 0;
  background: transparent;
  width: auto;
  height: auto;
  font-size: 80px;
  font-family: Engvetica;
}
.carousel-control.left::after {
  content: "<";
  text-align: left;
  width: 30px;
  text-shadow: none;
}
.carousel-control.right::before {
  content: ">";
  width: 30px;
  text-shadow: none;
}
.carousel-control.right {
  left: auto;
  right: -80px;
  background-image: none;
}
.carousel-control.left {
  background-image: none;
}
.wizard .campaignLozenge {
  width: 890px!important;
}
.wizard .selectLozenge {
  width: 890px!important;
}
.wizard .lozenge.pickChannelDisplayObjects {
  min-height: 120px!important;
  /*---- console.less ----*/
  *zoom: 1;
}
.wizard .lozenge.pickChannelDisplayObjects:before,
.wizard .lozenge.pickChannelDisplayObjects:after {
  display: table;
  content: "";
  line-height: 0;
}
.wizard .lozenge.pickChannelDisplayObjects:after {
  clear: both;
}
.wizardScreen .hoverButton {
  width: 250px!important;
}
#buttonContainer {
  margin: 0 auto;
  text-align: center;
}
.connectButton {
  border-radius: 2px;
  background: none repeat scroll 0 0 #77d3c6;
  color: #ffffff;
  font-size: 24px;
  margin: 10px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.connectButton a {
  text-decoration: none;
}
.connectButton a:hover {
  color: #ffffff;
}
#wizardButtons.promotionWizard,
.wizardButtonContainer {
  float: right;
  margin-right: 10px;
}
.newAppSteps img {
  padding: 0 0 10px 0;
}
.wizardScreen h2 {
  margin: 0;
  font: 50px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
}
.ngx-wizard-crumb .wizard-crumbs {
  position: relative;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-progress {
  z-index: 1;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-steps {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-progress,
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-steps {
  border-width: 0;
}
.ngx-wizard-crumb .wizard-crumbs #wizard-crumb-step-wrapper {
  text-align: right;
}
.ngx-wizard-crumb .wizard-crumbs #wizard-crumb-progress-wrapper,
.ngx-wizard-crumb .wizard-crumbs #wizard-crumb-step-wrapper {
  position: relative;
  top: -18px;
  font-size: 0;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-progress {
  border-top: 2px dotted #929292;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb,
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-progress-marker {
  text-align: left;
  color: #989898;
  font-size: 24px;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb {
  -ms-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb.crumb-hidden {
  opacity: 0;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-progress-marker {
  color: #fff;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb i:before,
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb-progress-marker i:before {
  margin: 0;
  padding: 0;
}
.ngx-wizard-crumb .wizard-crumbs .wizard-crumb i:before {
  font-size: 12px;
}
h1.ngx-campaign-wizard-header,
h1.ngx-wizard-header {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #77d3c6;
  font-size: 48px;
  text-transform: lowercase;
  margin-bottom: 20px;
  text-align: center;
}
p.ngx-campaign-wizard-byline {
  text-align: center;
  color: #ffffff;
}
h1.ngx-campaign-wizard-help {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  margin: 40px 100px;
}
.ngx-hbox-container h1.ngx-campaign-wizard-header,
.ngx-hbox-container h1.ngx-wizard-header {
  text-align: left;
}
.wizard-card-wrapper .wizard-card-panel.slideIn {
  animation: slide_fade_up 0.4s;
}
.wizard-card-wrapper .wizard-card-panel.slideOut {
  animation: slide_fade_out 0.4s;
}
.wizard-card-wrapper .wizard-card-panel.wizard-card-summary,
.wizard-card-wrapper .wizard-card-panel.wizard-card-layout-centered {
  text-align: left;
}
.wizard-card-wrapper .ngx-component-schedule-datetime {
  color: #ffffff;
}
.wizard-card-wrapper .ngx-component-schedule-datetime .x-datepicker-month .x-btn-inner {
  color: #ffffff;
}
.ngx-warning-component {
  color: #f89406;
  font-size: 16px;
  padding: 10px 40px;
  text-align: left;
}
.flip-container {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.flip-container:hover .back {
  transform: rotateY(0deg);
}
.flip-container:hover .front {
  transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
  width: 320px;
  height: 480px;
}
/* flip speed goes here */
.card-flipper {
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  /* back, initially hidden pane */
  /* hide back of pane during swap */
}
.card-flipper span.icon-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.card-flipper span.icon-wrapper i:before {
  padding: 0;
}
.card-flipper .card-back {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.card-flipper.card-flipper-flipped > .flip-container > .card-back {
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}
.card-flipper.card-flipper-flipped > .flip-container > .card-front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.card-flipper.card-flipper-flipped i.icon {
  display: inline;
}
.card-flipper .card-front,
.card-flipper .card-back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.card-flipper .card-front {
  z-index: 2;
  -webkit-transform: rotateY(0.1deg);
  -ms-transform: rotateY(0.1deg);
  -o-transform: rotateY(0.1deg);
  transform: rotateY(0.1deg);
}
/* fades in and out icons on the summary wizard card */
.card-fader {
  transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out;
  position: relative;
  /* back, initially hidden pane */
  /* hide back of pane during swap */
}
.card-fader span.icon-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.card-fader span.icon-wrapper i:before {
  padding: 0;
}
.card-fader .card-hidden {
  opacity: 0;
}
.card-fader.card-fader-fade > .fade-container > .card-hidden {
  opacity: 1;
}
.card-fader.card-fader-fade > .fade-container > .card-visible {
  opacity: 0;
}
.card-fader.card-fader-fade i.icon {
  display: inline;
}
.card-fader .card-visible,
.card-fader .card-hidden {
  transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#preview-carousel .carousel-items {
  position: relative;
  display: block;
  height: 600px;
  width: 500px;
}
#preview-carousel .carousel-item {
  display: none;
  position: absolute;
  background-color: #77d3c6;
  height: 600px;
  width: 500px;
}
#preview-carousel .carousel-img {
  height: 600px;
  width: 500px;
}
#preview-carousel .carousel-caption {
  background-color: rgba(250, 250, 250, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-shadow: none;
  padding: 0 0 0 20px;
  color: #808080;
  text-align: left;
  font-size: 16px;
  line-height: 60px;
}
#preview-carousel .carousel-crumbs {
  text-align: center;
  padding: 10px;
}
#preview-carousel .carousel-crumb {
  display: inline-block;
  cursor: pointer;
}
#preview-carousel .carousel-crumb.selected {
  cursor: default;
}
#preview-carousel .carousel-crumb[data-icon]:before {
  padding: 0;
  margin: 0;
}
.object-picker.channel-type-picker {
  width: 80%;
  margin: 0 auto;
}
.object-picker ul {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.object-picker .icon-wrapper {
  font-size: 48px;
  color: #fff;
}
.object-picker .entry-frequency-label,
.object-picker .entry-source-label {
  vertical-align: middle;
}
.object-picker .entry-frequency-none .entry-frequency-label {
  vertical-align: initial;
}
.object-picker .entry-source-none .entry-source-label {
  vertical-align: initial;
}
.object-picker .object-back {
  background-color: #77d3c6;
}
.object-picker .object-back .icon-wrapper {
  color: #2b8679;
}
.object-picker .object-title,
.object-picker .object-description,
.object-picker .object-name {
  display: block;
}
.object-picker .object-title,
.object-picker .object-name {
  color: #ffffff;
  display: block;
}
.object-picker .object-description {
  color: #8d9494;
}
.object-picker .object-title,
.object-picker .object-name {
  font-size: 18px;
  margin: 10px 0;
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
}
.object-picker .object-description {
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.object-picker .object-picker-item-over:not(.required) .object-name,
.object-picker .object-picker-item-over:not(.required) .object-description,
.object-picker .object-picker-item-over:not(.required) .object-title {
  color: #3ec0ad;
}
.object-picker .object-picker-item-selected .object-name,
.object-picker .object-picker-item-selected.object-picker-item-over:not(required) .object-name,
.object-picker .object-picker-item-selected .object-description,
.object-picker .object-picker-item-selected.object-picker-item-over:not(required) .object-description,
.object-picker .object-picker-item-selected .object-title,
.object-picker .object-picker-item-selected.object-picker-item-over:not(required) .object-title {
  color: #3ec0ad;
}
.object-picker .object-item {
  cursor: pointer;
  display: inline-block;
  margin: 0 20px 20px;
  text-align: center;
  position: relative;
  max-width: 150px;
  vertical-align: top;
}
.object-picker .object-item .object-item-inner {
  width: 145px;
  height: 203px;
  text-align: center;
  display: inline-block;
}
.object-picker .object-item .object-help-wrapper {
  display: none;
}
.object-picker .object-item.required.required {
  cursor: default;
}
.object-picker .object-item.required .object-item-inner {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.object-picker .object-item .object-description-wrapper {
  margin: 0 auto;
  width: 150px;
}
.object-picker .object-item.disabled.disabled {
  cursor: default;
}
.object-picker .object-item.disabled .object-item-inner,
.object-picker .object-item.disabled .object-description-wrapper {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.object-picker .object-item.source-item p.source-name {
  font-size: 16px;
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  margin-top: 10px;
}
.object-picker .object-item.source-item .object-item-inner {
  width: 100px;
  height: 96px;
}
.object-picker .object-item.source-item .object-front {
  background: transparent;
}
.object-picker .object-item.source-item .object-back {
  border-radius: 100%;
}
.object-picker .object-item.source-item .object-back p.source-name {
  color: #77d3c6;
}
.object-picker .object-item.big-circles .object-front,
.object-picker .object-item.small-circles .object-front,
.object-picker .object-item.big-circles .object-back,
.object-picker .object-item.small-circles .object-back {
  border-radius: 100%;
}
.object-picker .object-item.big-circles .object-back,
.object-picker .object-item.small-circles .object-back {
  border-radius: 100%;
}
.object-picker .object-item.big-circles .object-back p.source-name,
.object-picker .object-item.small-circles .object-back p.source-name {
  color: #77d3c6;
}
.object-picker .object-item.big-circles .icon-wrapper {
  font-size: 64px;
}
.object-picker .object-item.big-circles .object-item-inner {
  width: 150px;
  height: 150px;
}
.object-picker .object-item.small-circles .object-item-inner {
  width: 100px;
  height: 100px;
}
.object-picker .object-item.theme-item .theme-icon,
.object-picker .object-item.theme-item .theme-item-inner {
  max-height: 174px;
  max-width: 145px;
}
.object-picker .object-item.template-item .template-item-inner {
  width: 150px;
  height: 120px;
}
.object-picker .object-item .page-item-inner,
.object-picker .object-item .form-item-inner {
  width: 125px;
  height: 150px;
  text-align: center;
  display: inline-block;
}
.object-picker .object-item.rightsFlow-item {
  margin: 0 10px;
  max-width: 200px;
}
.object-picker .object-item.rightsFlow-item.disabled .object-help-wrapper {
  color: #616161;
  font-size: 24px;
  display: inline-block;
  background: #fefefe;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  margin: 5px 0 0;
}
.object-picker .object-item.rightsFlow-item.disabled .object-help-wrapper i:before {
  padding-right: 0;
}
.object-picker .object-item .rights-flow-manual.card-front {
  background-color: #F7CF44;
}
.object-picker .object-item .rights-flow-system.card-front {
  background-color: #bf3966;
}
.object-picker .object-item .launch-timing-schedule.card-front {
  background-color: #ffc40d;
}
.object-picker .object-item .launch-timing-later.card-front {
  background-color: #9c9c9c;
}
.object-picker .object-item.judging-item-inner .object-front {
  border: 1px solid transparent;
}
.object-picker .object-item .judging-strategy-jury.card-front {
  background-color: #D8A6C1;
}
.object-picker .object-item .judging-strategy-public.card-front {
  background-color: #896FB0;
}
.object-picker .object-item .judging-strategy-jurythenpublic.card-front {
  background-color: #6B4D96;
}
.object-picker .object-item .judging-strategy-publicthenjury.card-front {
  background-color: #361D5B;
}
.object-picker .object-item .entry-frequency-once.card-front {
  background-color: #8DD6BE;
}
.object-picker .object-item .entry-frequency-daily.card-front {
  background-color: #3CB093;
}
.object-picker .object-item .entry-frequency-none.card-front {
  background-color: #1F8873;
}
.object-picker .object-item .entry-source-hashtag.card-front {
  background-color: #8DD6BE;
}
.object-picker .object-item .entry-source-hashtagandform.card-front {
  background-color: #3CB093;
}
.object-picker .object-item .entry-source-twitter.card-front {
  background-color: #55acee;
}
.object-picker .object-item .entry-source-instagram.card-front {
  background-color: #3f729b;
}
.object-picker .object-item .entry-source-snapchat.card-front {
  background-color: #fffc00;
}
.object-picker .object-item .entry-source-snapchat.card-front .icon-wrapper {
  color: #2b8679;
}
.object-picker .object-item .entry-source-google.card-front {
  background-color: #dd4b39;
}
.object-picker .object-item .entry-source-youtube.card-front {
  background-color: #e52d27;
}
.object-picker .object-item .entry-source-web.card-front {
  background-color: #cf2e76;
}
.object-picker .object-item .entry-source-facebook.card-front {
  background-color: #3b5998;
}
.object-picker .object-item .entry-source-linkedin.card-front {
  background-color: #0976b4;
}
.object-picker .object-item .entry-source-ad.card-front {
  background-color: #EB2897;
}
.object-picker .object-item.winner-selection-item {
  max-width: none;
}
.object-picker .object-item.winner-selection-item .object-description-wrapper {
  width: auto;
}
.panel.panel-flowgrid .object-picker li.object-item {
  max-width: initial;
}
.panel.panel-flowgrid .object-picker li.object-item.theme-item .theme-icon,
.panel.panel-flowgrid .object-picker li.object-item.theme-item .theme-item-inner {
  max-height: 240px;
  max-width: 200px;
}
.panel.panel-flowgrid .object-picker li.object-item.theme-item .theme-item-inner {
  height: 240px;
  width: 200px;
}
.panel.panel-flowgrid .object-picker li.object-item.form-item .form-icon,
.panel.panel-flowgrid .object-picker li.object-item.form-item .form-item-inner {
  max-height: 240px;
  max-width: 200px;
}
.panel.panel-flowgrid .object-picker li.object-item.form-item .form-item-inner {
  height: 240px;
  width: 200px;
}
.wizard-summary .flip-container {
  -webkit-perspective: 2500px;
  -moz-perspective: 2500px;
  perspective: 2500px;
  width: 500px;
  height: auto;
  min-height: 500px;
  position: relative;
}
.wizard-summary .card-front,
.wizard-summary .card-back {
  background-color: #ffffff;
  border-radius: 10px;
}
.wizard-summary .card-back .flip-container {
  min-height: 50px;
}
.wizard-summary .icon-card-quiz {
  background: #e8ebeb;
}
.wizard-summary .icon-card-coupon {
  background: #e8ebeb;
}
.wizard-summary .icon-card-contest,
.wizard-summary .icon-card-themerize {
  background: #e8ebeb;
}
.wizard-summary .icon-card-game,
.wizard-summary .icon-card-download,
.wizard-summary .icon-card-content {
  background: #e8ebeb;
}
.wizard-summary .icon-card-sweepstake {
  background: #e8ebeb;
}
.wizard-summary .icon-card-loyalty,
.wizard-summary .icon-card-offer,
.wizard-summary .icon-card-click {
  background: #e8ebeb;
}
.wizard-summary .panel {
  border-radius: 10px;
  background-color: #ffffff;
  border-color: transparent;
  box-shadow: none;
}
.wizard-summary .panel-heading {
  border-radius: 10px 10px 0 0;
  padding: 10px 15px;
}
.wizard-summary .panel-heading h3 {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
}
.wizard-summary .row {
  padding: 0;
}
.wizard-summary .meta-block {
  max-height: 600px;
  padding: 10px 0;
}
.wizard-summary .meta-block:first-of-type {
  padding-top: 0;
}
.wizard-summary .meta-block.no-pad {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
.wizard-summary .meta-block.info {
  background: #b2ebea;
}
.wizard-summary .meta-block.overline {
  border-top: 2px dotted #e8ebeb;
}
.wizard-summary .meta-block.underline {
  border-bottom: 2px dotted #e8ebeb;
}
.wizard-summary .meta-block h4 {
  font-size: 1.8rem;
}
.wizard-summary .summary-footer {
  padding: 20px;
  margin-left: -15px;
  margin-right: -15px;
}
.wizard-summary .icon-align-right:before,
.wizard-summary .icon-align-left:before {
  position: absolute;
  font-size: 24px;
}
.wizard-summary .icon-align-right:before {
  right: 10px;
  top: 60px;
}
.wizard-summary .icon-align-left:before {
  left: 10px;
}
.wizard-summary span.summary-icon {
  position: absolute;
  top: 0;
  right: 40px;
  background: #657998;
  padding: 20px;
  color: #ffffff;
}
.wizard-summary .meta-label {
  font: 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #6c7373;
  font-weight: 700;
  margin-bottom: 5px;
}
.wizard-summary .meta-value {
  font: normal 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #394242;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wizard-summary .meta-list .object-item {
  width: 75px;
  height: 100px;
  margin-right: 10px;
}
.wizard-summary .meta-list .source-item {
  width: 50px;
  height: 50px;
}
.wizard-summary .summary-footer .meta-value {
  margin-bottom: 0;
}
.wizard-summary .summary-footer-caption {
  margin-left: 10px;
}
.pick-winner-wizard-summary {
  min-height: 600px;
}
.working-status,
.draw-status {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  background: #e6f0f5;
  border-radius: 0 0 10px 10px;
  color: #9c9c9c;
}
.summary-checklist li {
  margin: 20px 0;
}
.summary-checklist p {
  font-size: 20px;
  line-height: 50px;
}
.summary-checklist .card-flipper .flip-container,
.summary-checklist .card-fader .flip-container,
.summary-checklist .card-flipper .fade-container,
.summary-checklist .card-fader .fade-container {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  width: 50px;
  height: 50px;
}
.summary-checklist .card-flipper .card-front,
.summary-checklist .card-fader .card-front,
.summary-checklist .card-flipper .card-back,
.summary-checklist .card-fader .card-back,
.summary-checklist .card-flipper .card-hidden,
.summary-checklist .card-fader .card-hidden,
.summary-checklist .card-flipper .card-visible,
.summary-checklist .card-fader .card-visible {
  background-color: #fff;
  font-size: 24px;
  border-radius: 100%;
  text-align: center;
}
.summary-checklist .card-flipper .card-front .icon,
.summary-checklist .card-fader .card-front .icon,
.summary-checklist .card-flipper .card-back .icon,
.summary-checklist .card-fader .card-back .icon,
.summary-checklist .card-flipper .card-hidden .icon,
.summary-checklist .card-fader .card-hidden .icon,
.summary-checklist .card-flipper .card-visible .icon,
.summary-checklist .card-fader .card-visible .icon {
  color: #9c9c9c;
}
.summary-checklist .card-flipper .card-back,
.summary-checklist .card-fader .card-back,
.summary-checklist .card-flipper .card-hidden,
.summary-checklist .card-fader .card-hidden {
  background-color: #77d3c6;
  color: #fff;
}
.summary-checklist .card-flipper .card-back .icon,
.summary-checklist .card-fader .card-back .icon,
.summary-checklist .card-flipper .card-hidden .icon,
.summary-checklist .card-fader .card-hidden .icon {
  color: #fff;
}
.summary-icon {
  height: 100px;
  width: 100px;
  position: absolute;
  right: 40px;
  top: 0;
  background-color: #e8ebeb;
  padding: 0;
  border: 0;
  display: inline-block;
  text-align: center;
}
.summary-icon .icon-card {
  line-height: 100px;
  color: #77d3c6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ngx-carousel-crumbs {
  background: rgba(97, 97, 97, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  text-align: center;
}
.ngx-carousel-crumbs .ngx-carousel-crumb {
  display: inline-block;
  margin: 17px;
}
.ngx-carousel-crumbs .ngx-carousel-crumb:before {
  padding-right: 0;
}
.ngx-carousel-crumbs .ngx-carousel-crumb.current:before {
  content: 'b';
}
.rights-summary {
  font-size: 14px;
}
.rights-summary .rights-url-label {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
}
.rights-summary .rights-url {
  font-size: 16px;
  padding: 10px;
  background-color: #8B8B8B;
  border-radius: 2px;
  margin: 0 0 10px 0;
}
.rights-summary .clipboard-button {
  margin: 10px 0 0 10px;
  float: right;
  display: inline-block;
  padding: 10px;
  text-transform: lowercase;
  background-color: #77d3c6;
  border-radius: 2px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.rights-summary .clipboard-button.zeroclipboard-is-active {
  background-color: #46a546;
}
.rights-summary .status-title.ngx-form-heading-headline {
  margin: 10px 0;
  display: inline-block;
}
.rights-summary .status-title.ngx-form-heading-headline i {
  vertical-align: middle;
  color: #ffffff;
  font-size: 24px;
  border-radius: 100%;
  text-align: center;
  padding: 5px;
  margin-right: 10px;
}
.rights-summary .status-title.ngx-form-heading-headline i:before {
  padding-right: 0;
}
.rights-summary .status-summary p {
  color: #ffffff;
  margin: 0 0 10px 0;
}
.rights-summary .status-success,
.rights-summary .request-success {
  color: #46a546;
}
.rights-summary .status-error,
.rights-summary .request-error {
  color: #f89406;
}
.rights-summary .status-success i {
  background-color: #46a546;
}
.rights-summary .status-error i {
  background-color: #f89406;
}
.rights-summary #rights-summary-clipboard-text {
  display: none;
}
/*---- pageBuilder.less ----*/
.layout-editor .ngx-panel .x-panel-body.ngx-panel-body .x-panel-default {
  /*---- pageBuilder.less ----*/
  padding-bottom: 20px;
}
.layout-editor .headerWrapper > .container {
  width: 1270px;
}
.layout-editor .headerWrapper > .container > .fill {
  margin: 0;
}
.layout-editor .headerWrapper .complexActions {
  padding-right: 0;
  padding-top: 16px;
}
.layout-editor .headerWrapper .panel-app header h1 {
  line-height: 46px;
  font-size: 36px;
}
.layout-editor .headerWrapper .form-editor-header {
  width: 1300px;
  margin: 0 auto;
}
.layout-editor .headerWrapper .form-editor-header .component-controls {
  padding: 20px 35px 20px 0;
}
.layout-editor .headerWrapper .component-controls .component-control-btn.btn-clear {
  color: #FFF;
}
.layout-editor .headerWrapper .component-controls .component-control-btn.btn-clear:hover {
  color: #3ec0ad;
}
.full {
  width: 100%;
}
.half {
  width: 50%;
}
.third {
  width: 33.333333%;
}
.twothirds {
  width: 66.666667%;
}
.sixty {
  width: 60%;
}
.forty {
  width: 40%;
}
.quarter {
  width: 25%;
}
.threequarters {
  width: 75%;
}
.pageDesignerSharingLabel div {
  font-size: 10px;
}
.pages-wrapper {
  padding: 20px 10px 10px;
  margin-bottom: 10px;
  max-width: 750px;
  border-left: 1px solid #505959;
  height: 128px;
  overflow: hidden;
  text-align: left;
}
.pages-wrapper.preview-selected {
  border-right: 1px solid #505959;
  max-width: 600px;
}
header.navbar:hover .pages-wrapper {
  height: auto;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.ngx-form-field-headline,
.x-form-item .ngx-formfield-label-top {
  color: #ffffff;
  font: 16px/100% Roboto, "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
  line-height: normal;
  margin-bottom: 10px !important;
}
.ngx-form-field-byline {
  color: #6c87a1;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  line-height: normal;
  margin-top: 0;
}
.ngx-copy-editor-field-separator {
  border-top: 1px solid #e8ebeb;
  margin-bottom: 5px;
  width: 100%;
}
.ngx-page-module-field-container {
  padding: 15px 40px;
}
.ngx-page-module-field-container.separator {
  border-top: 1px solid #e8ebeb !important;
}
.ngx-page-module-field-container:first-child {
  padding-top: 0;
  border-top: none !important;
}
.ngx-page-module-field-container:first-child .ngx-form-heading-container {
  padding-top: 0 !important;
}
.pb-schematic {
  color: #ffffff;
}
.pb-schematic .float-container {
  position: relative;
}
.pb-schematic .float-container:after {
  content: '';
  display: block;
  clear: both;
}
.pb-schematic .pb-schematic-callout-image {
  width: 100%;
  height: 150px;
  background: #9c9c9c;
  margin-bottom: 10px;
}
.pb-schematic .pb-schematic-callout-heading-wrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.pb-schematic .pb-schematic-callout-heading-wrapper .pb-schematic-callout-heading-wrapper-row {
  display: table-row;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.pb-schematic .pb-schematic-callout-heading-wrapper .pb-schematic-header-image-wrapper {
  width: 50%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
  min-height: 100%;
  padding-bottom: 10px;
}
.pb-schematic .pb-schematic-callout-heading-wrapper .pb-schematic-header-image-wrapper .pb-schematic-callout-image {
  height: 100%;
  min-height: 150px;
}
.pb-schematic .pb-schematic-callout-heading-wrapper .pb-schematic-header-image-wrapper.variation-left {
  padding-right: 10px;
}
.pb-schematic .pb-schematic-callout-heading-wrapper .pb-schematic-header-image-wrapper.variation-right {
  padding-left: 10px;
}
.pb-schematic .pb-schematic-callout-heading-wrapper .pb-schematic-heading-fields-wrapper {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  word-wrap: break-word;
  width: 50%;
}
.pb-schematic .pb-schematic-callout-heading-wrapper .pb-schematic-button-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.pb-schematic .pb-schematic-callout-heading-wrapper.pb-schematic-callout-master-head .pb-schematic-header-image-wrapper {
  width: 20%;
}
.pb-schematic .pb-schematic-callout-heading-wrapper.pb-schematic-callout-master-head .pb-schematic-heading-fields-wrapper {
  width: 60%;
}
.pb-schematic .pb-schematic-callout-heading-wrapper.pb-schematic-callout-master-head .pb-schematic-button-cell {
  width: 20%;
}
.pb-schematic .pb-schematic-callout-heading-wrapper.pb-schematic-callout-master-head .pb-schematic-callout-image {
  min-height: 120px;
}
.pb-schematic .pb-schematic-heading {
  font: normal 24px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding-bottom: 10px;
}
.pb-schematic .pb-schematic-byline {
  font: normal 16px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding-bottom: 10px;
}
.pb-schematic .pb-schematic-description,
.pb-schematic .pb-schematic-caption,
.pb-schematic .pb-schematic-badge,
.pb-schematic .pb-schematic-price {
  font: normal 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding-bottom: 10px;
}
.pb-schematic .pb-schematic-button-wrapper .pb-schematic-cta {
  cursor: pointer;
  border-radius: 3px;
  background: #9c9c9c;
  float: left;
  padding: 10px 20px;
  margin-bottom: 10px;
  max-width: 100%;
  word-wrap: break-word;
}
.pb-schematic .pb-schematic-button-wrapper .pb-schematic-cta.pagination-button {
  margin-right: 10px;
}
.pb-schematic .pb-schematic-button-wrapper .pb-schematic-cta.right-aligned {
  float: right;
}
.pb-schematic .pb-schematic-button-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.campaign-goal-summary {
  padding: 30px 0;
  font-family: HelveticaNeue-Light, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
}
.campaign-goal-summary .goal-title {
  font-size: 24px;
  line-height: 28px;
}
.campaign-goal-summary .goal-prop-title {
  font-weight: bold;
}
.campaign-goal-summary .goal-milestones {
  line-height: 20px;
}
.campaign-goal-summary .goal-edit-icon {
  position: relative;
}
.campaign-goal-summary .goal-edit-icon .goal-edit-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.campaign-goal-summary .goal-edit-icon:hover .goal-edit-hover {
  cursor: pointer;
  display: block;
  background: rgba(119, 211, 198, 0.6);
  border-radius: 3px;
}
.campaign-goal-summary .goal-edit-icon:hover .goal-edit-hover .edit-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.goal-module.goal-summary .campaign-goal-summary {
  padding: 0 0 30px 0;
  color: #ffffff;
}
.goal-editor-milestone-wrapper {
  padding: 30px 0;
  margin-bottom: 0px !important;
  border-bottom: 1px dashed #77d3c6;
}
.goal-editor-milestone-wrapper.last-milestone {
  margin-bottom: 30px !important;
  border-bottom: 1px solid #77d3c6;
}
.goal-editor-milestone-wrapper .disabled-goal-field .ui.medium.label {
  padding: 0 0 8px 0 !important;
}
.goal-editor-milestone-wrapper .disabled-goal-field .ui.large.label {
  padding: 0;
}
.goal-editor-milestone-wrapper .disabled-goal-field .ui.large.label span {
  font-size: 15px !important;
  line-height: 35px !important;
}
.goal-editor-milestone-wrapper .last-milestone-icon .ck-icon i:before {
  color: #77d3c6;
}
.wyn-module-editor-wrapper {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}
.wyn-module-editor-wrapper .grid:not(.ui) .row {
  height: 0;
}
.wyn-module-editor-wrapper .grid:not(.ui) {
  margin: 0 auto;
}
.wyn-module-editor-wrapper .schematic-preview {
  flex-grow: 1;
  overflow-y: auto;
  background-color: #394242;
  padding-top: 95px;
  /*  border for posts */
  /*  stream */
  /*  waterfall */
  /*  masonry */
  /*  Grids */
}
.wyn-module-editor-wrapper .schematic-preview html {
  overflow-y: scroll;
}
.wyn-module-editor-wrapper .schematic-preview .grid5x,
.wyn-module-editor-wrapper .schematic-preview .grid3x,
.wyn-module-editor-wrapper .schematic-preview .waterfall .grid-item,
.wyn-module-editor-wrapper .schematic-preview .stream .grid-item,
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item,
.wyn-module-editor-wrapper .schematic-preview .list .grid-item {
  float: left;
  border: 1px solid #3ec0ad;
  border-radius: 5px;
  margin-bottom: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .stream,
.wyn-module-editor-wrapper .schematic-preview .stream-sizer {
  width: 50%;
  max-width: 100%;
  min-width: 20em;
  margin: auto;
}
.wyn-module-editor-wrapper .schematic-preview .stream .grid-item.stacked {
  max-width: 100%;
  width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .stream .grid-item {
  max-width: 50%;
  height: auto;
  margin-bottom: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .stream .grid-item img {
  padding: 0 1em;
  width: 100px;
  height: 100px;
  margin: 1rem;
}
.wyn-module-editor-wrapper .schematic-preview .waterfall .grid-item {
  display: block;
  width: 100px;
  height: 100px;
}
.wyn-module-editor-wrapper .schematic-preview .waterfall .grid-item.tall {
  height: 200px;
}
.wyn-module-editor-wrapper .schematic-preview .waterfall .grid-item img {
  padding: 20%;
  display: block;
  width: 100px;
  height: 100px;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item img {
  padding: 20%;
  width: 100px;
  height: 100px;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.wide {
  width: 200px;
  height: 100px;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.wide div {
  display: flex;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.tall {
  width: 100px;
  height: 200px;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.small {
  width: 100px;
  height: 100px;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.large {
  width: 200px;
  height: 200px;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.large .img-container img {
  padding: 25%;
}
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.small img,
.wyn-module-editor-wrapper .schematic-preview .masonry .grid-item.large img {
  width: 100%;
  height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .grid3x .grid-item,
.wyn-module-editor-wrapper .schematic-preview .grid5x .grid-item {
  padding: 20%;
  margin: auto;
  display: flex;
  justify-content: center;
}
.wyn-module-editor-wrapper .schematic-preview .grid3x .tile-container,
.wyn-module-editor-wrapper .schematic-preview .grid5x .tile-container {
  flex: 1;
  padding: 10%;
}
.wyn-module-editor-wrapper .schematic-preview .grid5x,
.wyn-module-editor-wrapper .schematic-preview .grid5x-sizer {
  width: 18%;
}
.wyn-module-editor-wrapper .schematic-preview .grid5x {
  margin: 1%;
}
.wyn-module-editor-wrapper .schematic-preview .grid3x,
.wyn-module-editor-wrapper .schematic-preview .grid3x-sizer {
  width: 31.25%;
}
.wyn-module-editor-wrapper .schematic-preview .grid3x {
  margin: 1%;
}
.wyn-module-editor-wrapper .schematic-preview .list,
.wyn-module-editor-wrapper .schematic-preview .list-sizer {
  width: 100%;
  max-width: 100%;
  min-width: 20em;
  margin: auto;
}
.wyn-module-editor-wrapper .schematic-preview .list .grid-item.wide {
  max-width: 100%;
  width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .list .grid-item.wide div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.wyn-module-editor-wrapper .schematic-preview .list .grid-item.wide div .img-container {
  flex: 1;
}
.wyn-module-editor-wrapper .schematic-preview .list .grid-item {
  max-width: 50%;
  height: auto;
  margin-bottom: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .list .grid-item img {
  padding: 0 1em;
  width: 100px;
  height: 100px;
  margin: 1rem;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview {
  background: transparent;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview em {
  font-style: italic;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__description,
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__helptext,
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__warning,
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__byline,
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__tagline,
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__cta,
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__note {
  max-width: 100%;
  word-wrap: break-word;
  color: #b2b8b8;
  line-height: 1.3;
  margin-bottom: 0;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__note {
  font-size: 1.2rem;
  color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__description {
  font-size: 1.3rem;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__helptext {
  font-size: 1.3rem;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__warning {
  color: #eb8e1b;
  font-size: 1.3rem;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__byline {
  font-size: 1.7rem;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__tagline {
  font-size: 1.7rem;
  text-transform: uppercase;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__cta {
  font-size: 1.2rem;
  padding: 0.475em 1.1em;
  border: 1px solid #b2b8b8;
  border-radius: 0.2rem;
  display: inline-block;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__icon {
  width: 5rem;
  height: 5rem;
  line-height: 0;
  background-color: #6c7373;
  border-radius: 50%;
  padding: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__icon.copy-preview__icon--centered {
  margin: 0 auto;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__icon.copy-preview__icon--right {
  margin: 0 0 0 auto;
}
.wyn-module-editor-wrapper .schematic-preview .copy-preview__background {
  border: 1px solid #b2b8b8;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, #b2b8b8 10px, #b2b8b8 11px);
  padding: 2em;
}
@media (max-width: 1200px) {
  .wyn-module-editor-wrapper .schematic-preview .copy-preview .content {
    font-family: BLOKKRegular !important;
    font-size: 5px !important;
    line-height: 6px !important;
  }
  .wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__description,
  .wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__helptext,
  .wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__byline,
  .wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__tagline,
  .wyn-module-editor-wrapper .schematic-preview .copy-preview .copy-preview__cta {
    font-family: BLOKKRegular !important;
    font-size: 3px !important;
    line-height: 5px !important;
  }
}
.wyn-module-editor-wrapper .schematic-preview .tile-preview {
  position: relative;
  display: block;
  border: 1px solid #3ec0ad;
  border-radius: 5px;
  float: none;
}
.wyn-module-editor-wrapper .schematic-preview .tile-preview .img-container {
  padding: 15%;
}
.wyn-module-editor-wrapper .schematic-preview .image-preview .ui.header .sub {
  font-size: 15px;
  margin: 1em;
}
.wyn-module-editor-wrapper .schematic-preview .image-preview .postcard {
  position: relative;
  display: block;
  border: 1px solid #3ec0ad;
  border-radius: 5px;
  float: none;
  margin: 0 auto;
  padding: 35%;
}
.wyn-module-editor-wrapper .schematic-preview .image-preview .stacked {
  position: relative;
  display: block;
  border: 1px solid #3ec0ad;
  border-radius: 5px;
  float: none;
  margin: 0 auto;
  padding-bottom: 5%;
  padding-top: 5%;
  text-align: center;
}
.wyn-module-editor-wrapper .schematic-preview .image-preview .stacked img {
  max-height: 90px;
}
.wyn-module-editor-wrapper .schematic-preview .image-preview.image-align--left .img-container {
  text-align: left;
}
@media (max-width: 1200px) {
  .wyn-module-editor-wrapper .schematic-preview .image-preview .header {
    font-family: BLOKKRegular  !important;
    font-size: 5px !important;
    line-height: 6px !important;
  }
}
.wyn-module-editor-wrapper .schematic-preview .countdown-preview-timer {
  width: 350px;
  border-radius: 0.2rem;
  font-size: 3.6rem;
  color: #3ec0ad;
  border: 1px solid #3ec0ad;
  padding: 1rem;
}
.wyn-module-editor-wrapper .schematic-preview .countdown-preview-timer .timer-wrapper {
  margin: 0 0.5rem;
}
.wyn-module-editor-wrapper .schematic-preview .countdown-preview-timer .timer-wrapper .timer-value {
  width: 2.2rem;
  display: inline-block;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper {
  padding: 4%;
  border: 1px solid #77d3c6;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .img-container {
  width: 100%;
  height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .img-container .ui.image {
  max-height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .ck.tooltip {
  height: 100%;
  width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .pin-icon {
  font-size: 2.5rem;
  fill: #ffffff;
  font-family: engvetica;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .pin-wrapper {
  height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .pin-wrapper {
  position: relative;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .pin-wrapper .ui.label {
  position: absolute;
  top: 5px;
  left: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .tile-hoverable-content,
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .tile-active {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #77d3c6;
  font-size: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wyn-module-editor-wrapper .schematic-preview .collage-preview .collage-preview__tile-wrapper .tile-active {
  opacity: 0.7;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview {
  /*.ui.form input {
    .placeholder(lighten(@modulePreviewTextColor, 10%));
  }*/
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview-container {
  display: flex;
  padding-bottom: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview {
  margin-top: 0;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-rows: 1fr;
  overflow: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview .radio-preview__option {
  width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview .radio-preview__option .radio-preview__option__label {
  width: 100%;
  overflow: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview__option__label {
  color: #6c7373;
  min-height: 1rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview__option__label .selected-option {
  color: white;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview__option__label-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  line-height: 16px;
  max-height: 32px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview__option__image img {
  visibility: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview__option--has-image .radio-preview__option__image img {
  visibility: visible;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--col-count-2 {
  grid-template-columns: repeat(2, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--col-count-3 {
  grid-template-columns: repeat(3, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--col-count-4 {
  grid-template-columns: repeat(4, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--row-count-2 .radio-preview__option__image {
  width: 64px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--row-count-2.radio-preview--col-count-2 .radio-preview__option__image {
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--row-count-3 {
  grid-template-rows: repeat(3, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--row-count-3 .radio-preview__option__image {
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--row-count-3.radio-preview--col-count-2 .radio-preview__option__image {
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--extrasmall {
  width: 60%;
  max-width: 60%;
  height: 60%;
  max-height: 60%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--small {
  width: 70%;
  max-width: 70%;
  height: 70%;
  max-height: 70%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--medium {
  width: 80%;
  max-width: 80%;
  height: 80%;
  max-height: 80%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--large {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--extralarge {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal {
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--col-count-2 {
  grid-template-columns: repeat(2, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--col-count-3 {
  grid-template-columns: repeat(3, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--col-count-4 {
  grid-template-columns: repeat(4, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--col-count-5 {
  grid-template-columns: repeat(5, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--col-count-6 {
  grid-template-columns: repeat(6, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--col-count-7 {
  grid-template-columns: repeat(7, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--col-count-8 {
  grid-template-columns: repeat(8, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--extrasmall {
  height: 60%;
  max-height: 60%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--small {
  height: 70%;
  max-height: 70%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--medium {
  height: 80%;
  max-height: 80%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--large {
  height: 90%;
  max-height: 90%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--extralarge {
  height: 100%;
  max-height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal .radio-preview__option__image {
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical .radio-preview__option__image {
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-2 {
  grid-template-rows: repeat(2, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-2 .radio-preview__option__image {
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-3 {
  grid-template-rows: repeat(3, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-3 .radio-preview__option__image {
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-4 {
  grid-template-rows: repeat(4, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-4 .radio-preview__option__image {
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-5 {
  grid-template-rows: repeat(5, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--row-count-5 .radio-preview__option__image {
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--extrasmall {
  width: 60%;
  max-width: 60%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--small {
  width: 70%;
  max-width: 70%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--medium {
  width: 80%;
  max-width: 80%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--large {
  width: 90%;
  max-width: 90%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--vertical.radio-preview--extralarge {
  width: 100%;
  max-width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--card {
  padding: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--card .radio-preview__option__image {
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--card .radio-preview__option {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--card .radio-preview__option__label {
  padding-top: 0.5rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--card .radio-preview__option__image {
  border: 1px solid #6c7373;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--card .radio-preview__option--has-image .radio-preview__option__image {
  border: none;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle .radio-preview__option {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle .radio-preview__option__label {
  padding-top: 0.4rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--grid .radio-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical .radio-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--horizontal .radio-preview__option__image {
  background-color: #6c7373;
  border-radius: 50%;
  padding: 10px;
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--grid.radio-preview--row-count-2 .radio-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical.radio-preview--row-count-2 .radio-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--horizontal.radio-preview--row-count-2 .radio-preview__option__image {
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--grid.radio-preview--row-count-3 .radio-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical.radio-preview--row-count-3 .radio-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--horizontal.radio-preview--row-count-3 .radio-preview__option__image {
  min-width: 35px;
  width: 35px;
  height: 35px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical {
  justify-items: flex-start;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical .radio-preview__option {
  flex-direction: row;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical .radio-preview__option .radio-preview__option__image {
  margin: 0 10px 0 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical .radio-preview__option .radio-preview__option__label {
  padding: 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical .radio-preview__option__image {
  margin-bottom: 5px;
  padding: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical.radio-preview--row-count-2 .radio-preview__option__image {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical.radio-preview--row-count-3 .radio-preview__option__image {
  min-width: 30px;
  width: 30px;
  height: 30px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical.radio-preview--row-count-4 .radio-preview__option__image {
  min-width: 25px;
  width: 25px;
  height: 25px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--circle.radio-preview--vertical.radio-preview--row-count-5 .radio-preview__option__image {
  min-width: 15px;
  width: 15px;
  height: 15px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--button .radio-preview__option {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border: 1px solid #6c7373;
  width: 100%;
  height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--full-bleed .radio-preview__option {
  position: relative;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--full-bleed .radio-preview__option__label {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: auto;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--card,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--card,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--grid.radio-preview--circle,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .radio-preview--horizontal.radio-preview--circle {
  align-items: flex-start;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview-container {
  display: flex;
  padding-bottom: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview {
  margin-top: 0;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-rows: 1fr;
  overflow: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview .checkbox-preview__option {
  width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview .checkbox-preview__option .checkbox-preview__option__label {
  width: 100%;
  overflow: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview__option__label {
  color: #6c7373;
  min-height: 1rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview__option__label .selected-option {
  color: white;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview__option__label-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  line-height: 16px;
  max-height: 32px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview__option__image img {
  visibility: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview__option--has-image .checkbox-preview__option__image img {
  visibility: visible;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--col-count-2 {
  grid-template-columns: repeat(2, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--col-count-3 {
  grid-template-columns: repeat(3, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--col-count-4 {
  grid-template-columns: repeat(4, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--row-count-2 .checkbox-preview__option__image {
  min-width: 64px;
  width: 64px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--row-count-2.checkbox-preview--col-count-2 .checkbox-preview__option__image {
  min-width: 48px;
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--row-count-3 {
  grid-template-rows: repeat(3, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--row-count-3 .checkbox-preview__option__image {
  min-width: 36px;
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--row-count-3.checkbox-preview--col-count-2 .checkbox-preview__option__image {
  min-width: 36px;
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--extrasmall {
  width: 60%;
  max-width: 60%;
  height: 60%;
  max-height: 60%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--small {
  width: 70%;
  max-width: 70%;
  height: 70%;
  max-height: 70%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--medium {
  width: 80%;
  max-width: 80%;
  height: 80%;
  max-height: 80%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--large {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--extralarge {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal {
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--col-count-2 {
  grid-template-columns: repeat(2, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--col-count-3 {
  grid-template-columns: repeat(3, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--col-count-4 {
  grid-template-columns: repeat(4, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--col-count-5 {
  grid-template-columns: repeat(5, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--col-count-6 {
  grid-template-columns: repeat(6, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--col-count-7 {
  grid-template-columns: repeat(7, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--col-count-8 {
  grid-template-columns: repeat(8, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--extrasmall {
  height: 60%;
  max-height: 60%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--small {
  height: 70%;
  max-height: 70%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--medium {
  height: 80%;
  max-height: 80%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--large {
  height: 90%;
  max-height: 90%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--extralarge {
  height: 100%;
  max-height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal .checkbox-preview__option__image {
  min-width: 48px;
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical .checkbox-preview__option__image {
  min-width: 48px;
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-2 {
  grid-template-rows: repeat(2, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-2 .checkbox-preview__option__image {
  min-width: 48px;
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-3 {
  grid-template-rows: repeat(3, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-3 .checkbox-preview__option__image {
  min-width: 36px;
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-4 {
  grid-template-rows: repeat(4, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-4 .checkbox-preview__option__image {
  min-width: 36px;
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-5 {
  grid-template-rows: repeat(5, 1fr);
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--row-count-5 .checkbox-preview__option__image {
  min-width: 36px;
  width: 36px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--extrasmall {
  width: 60%;
  max-width: 60%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--small {
  width: 70%;
  max-width: 70%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--medium {
  width: 80%;
  max-width: 80%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--large {
  width: 90%;
  max-width: 90%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--vertical.checkbox-preview--extralarge {
  width: 100%;
  max-width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox {
  padding: 5px;
  justify-items: self-start;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option {
  display: flex;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option .checkbox-preview__option__label {
  margin-left: 1rem;
  text-align: left;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option .checkbox-preview__option__label .checkbox-preview__option__label-wrap {
  text-align: left;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option .checkbox-preview__option__label .daysShown {
  color: #ffffff;
  font-size: 10px;
  line-height: 10px;
  padding-top: 2px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option__image {
  min-width: 48px;
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option__checkbox {
  width: 18px;
  height: 18px;
  margin-left: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option--no-image .checkbox-preview__option__image {
  display: none;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--checkbox .checkbox-preview__option--no-image .checkbox-preview__option__checkbox {
  margin-left: 0px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .centered-input-fields .checkbox-preview--checkbox {
  justify-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .centered-input-fields .checkbox-preview--checkbox .checkbox-preview__option {
  flex-direction: column;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .centered-input-fields .checkbox-preview--checkbox .checkbox-preview__option .checkbox-preview__option__label {
  text-align: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .centered-input-fields .checkbox-preview--checkbox .checkbox-preview__option .checkbox-preview__option__label .checkbox-preview__option__label-wrap {
  text-align: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .centered-input-fields .checkbox-preview--checkbox .checkbox-preview__option__checkbox {
  margin: 10px 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--card {
  padding: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--card .checkbox-preview__option__image {
  min-width: 48px;
  width: 48px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--card .checkbox-preview__option {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--card .checkbox-preview__option__label {
  padding-top: 0.5rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--card .checkbox-preview__option__image {
  border: 1px solid #6c7373;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--card .checkbox-preview__option--has-image .checkbox-preview__option__image {
  border: none;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle .checkbox-preview__option {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle .checkbox-preview__option__label {
  padding-top: 0.4rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--grid .checkbox-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical .checkbox-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--horizontal .checkbox-preview__option__image {
  background-color: #6c7373;
  border-radius: 50%;
  padding: 10px;
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--grid.checkbox-preview--row-count-2 .checkbox-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical.checkbox-preview--row-count-2 .checkbox-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--horizontal.checkbox-preview--row-count-2 .checkbox-preview__option__image {
  min-width: 50px;
  width: 50px;
  height: 50px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--grid.checkbox-preview--row-count-3 .checkbox-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical.checkbox-preview--row-count-3 .checkbox-preview__option__image,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--horizontal.checkbox-preview--row-count-3 .checkbox-preview__option__image {
  min-width: 35px;
  width: 35px;
  height: 35px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical {
  justify-items: flex-start;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical .checkbox-preview__option {
  flex-direction: row;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical .checkbox-preview__option .checkbox-preview__option__image {
  margin: 0 10px 0 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical .checkbox-preview__option .checkbox-preview__option__label {
  padding: 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical .checkbox-preview__option__image {
  margin-bottom: 5px;
  padding: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical.checkbox-preview--row-count-2 .checkbox-preview__option__image {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical.checkbox-preview--row-count-3 .checkbox-preview__option__image {
  min-width: 30px;
  width: 30px;
  height: 30px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical.checkbox-preview--row-count-4 .checkbox-preview__option__image {
  min-width: 25px;
  width: 25px;
  height: 25px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--circle.checkbox-preview--vertical.checkbox-preview--row-count-5 .checkbox-preview__option__image {
  min-width: 15px;
  width: 15px;
  height: 15px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--button .checkbox-preview__option {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border: 1px solid #6c7373;
  width: 100%;
  height: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--full-bleed .checkbox-preview__option {
  position: relative;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--full-bleed .checkbox-preview__option__label {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: auto;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--card,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--card,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--grid.checkbox-preview--circle,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-preview--horizontal.checkbox-preview--circle {
  align-items: flex-start;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview-container {
  display: flex;
  padding-bottom: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview {
  margin-top: 0;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-auto-rows: 1fr;
  overflow: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview .quiz-category-preview__option {
  width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview .quiz-category-preview__option .quiz-category-preview__option__label {
  width: 100%;
  overflow: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview.quiz-category-preview--col-count-2 {
  grid-template-columns: repeat(2, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview.quiz-category-preview--col-count-3 {
  grid-template-columns: repeat(3, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview.quiz-category-preview--col-count-4 {
  grid-template-columns: repeat(4, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview.quiz-category-preview--col-count-5 {
  grid-template-columns: repeat(5, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview.quiz-category-preview--col-count-6 {
  grid-template-columns: repeat(6, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview.quiz-category-preview--col-count-7 {
  grid-template-columns: repeat(7, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview.quiz-category-preview--col-count-8 {
  grid-template-columns: repeat(8, minMax(80px, 1fr));
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option__label {
  color: #6c7373;
  min-height: 1rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option__label .selected-option {
  color: white;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option__label-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  line-height: 16px;
  max-height: 32px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option__image img {
  visibility: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option--has-image .quiz-category-preview__option__image img {
  visibility: visible;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option__label {
  padding-top: 0.4rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .quiz-category-preview__option__image {
  background-color: #6c7373;
  border-radius: 50%;
  padding: 10px;
  width: 50px;
  height: 50px;
  display: flex;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview.quiz-category-preview--row-count-2 .quiz-category-preview__option__image {
  width: 50px;
  height: 50px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview.quiz-category-preview--row-count-3 .quiz-category-preview__option__image {
  width: 35px;
  height: 35px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview {
  display: flex;
  padding: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--center-aligned {
  justify-content: center;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--left-aligned {
  justify-content: left;
  align-items: left;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview .realtime-poll-preview__option {
  border: 0.1rem solid #6c7373;
  border-radius: 2px;
  padding: 20px;
  margin: 5px;
  display: flex;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview .realtime-poll-preview__option .realtime-poll-preview__option__image {
  width: 32px;
  line-height: 32px;
  padding-right: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview .realtime-poll-preview__option.realtime-poll-preview__option--no-image .realtime-poll-preview__option__image {
  display: none;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview .realtime-poll-preview__option .realtime-poll-preview__option__label {
  width: 100%;
  overflow: hidden;
  color: #6c7373;
  padding-right: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview .realtime-poll-preview__option .realtime-poll-preview__option__label .realtime-poll-preview__option__label-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 16px;
  max-height: 32px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview .realtime-poll-preview__option .realtime-poll-preview__option__counter {
  width: 30px;
  text-align: right;
  line-height: 32px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--horizontal {
  flex-direction: column;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--horizontal .realtime-poll-preview__option {
  width: 80%;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--vertical {
  flex-direction: row;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--vertical .realtime-poll-preview__option {
  width: 14%;
  max-width: 142px;
  flex-direction: column-reverse;
  justify-content: end;
  height: 250px;
  align-content: center;
  align-items: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--vertical .realtime-poll-preview__option .realtime-poll-preview__option__counter {
  width: auto;
  text-align: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--vertical .realtime-poll-preview__option .realtime-poll-preview__option__label {
  text-align: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .realtime-poll-preview.realtime-poll-preview--vertical .realtime-poll-preview__option .realtime-poll-preview__option__image {
  padding-top: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .optin-preview-panel__cta-container {
  margin-top: 1rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .optin-preview-panel__cta-container button {
  display: inline-block;
  margin-right: 2rem;
  padding: 1rem;
  background-color: transparent;
  border-style: solid;
  border-width: thin;
  color: #394242;
  font-weight: 400;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .optin-preview-panel__cta-container .optin-preview-panel__skip {
  display: inline-block;
  color: #2b8679;
  text-decoration: underline;
}
.editing .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .optin-preview-panel__cta-container button {
  color: #ffffff;
  border-color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview label {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 14px;
  color: #6c7373;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form input[type='text'],
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form input[type='password'],
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview textarea {
  border: 1px solid #6c7373;
  color: #6c7373;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview textarea {
  resize: none;
  background-size: 100% 30px;
  line-height: 30px;
  padding: 0 3px;
  font-size: 1.3rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .info-text-preview {
  line-height: 30px;
  padding: 0 3px;
  font-size: 1.3rem;
  word-break: break-all;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .field > label {
  line-height: 40px;
  color: #6c7373;
  font-weight: normal;
  margin: 0;
  text-align: left;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .field-label-preview {
  margin-bottom: 10px;
  text-align: left;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .field-label-preview label {
  font-size: 14px;
  line-height: 14px;
  color: #6c7373;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.selection.dropdown {
  line-height: 38px;
  height: 40px;
  border-color: #6c7373;
  color: #6c7373;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 24px;
  overflow: hidden;
  min-width: 50px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.selection.dropdown.auto-size {
  padding-right: 30px;
  width: auto;
  max-width: 100%;
  overflow: hidden;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.selection.dropdown .ck-icon {
  position: absolute;
  right: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.selection.dropdown .ck-icon i,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.selection.dropdown .ck-icon i:before {
  color: #6c7373;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .fields.no-bottom-margin {
  margin-bottom: 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .grouped.fields > .field {
  text-align: left;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .grouped.fields > .field:first-child {
  margin-top: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .grouped.fields > .field:last-child {
  margin-bottom: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .ui.checkbox {
  width: 100%;
  text-align: left;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .ui.checkbox.auto-width {
  width: auto;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.checkbox label {
  padding-left: 3.5rem;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.checkbox label:before {
  border-color: #6c7373;
  top: 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.radio.checkbox.checked input ~ label:after {
  opacity: 1;
  background-color: #6c7373;
  top: 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.radio.checkbox label {
  color: #6c7373;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.checkbox.checked input ~ label:after {
  content: '\e800';
  opacity: 1;
  top: 0;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .checkbox-option-embed {
  position: absolute;
  left: 24px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .centered-input-fields .input-field-preview,
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .centered-input-fields .ui.selection.dropdown {
  text-align: center;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .upload-preview-wrapper {
  display: flex;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .upload-preview-wrapper .upload-preview-wrapper--input {
  flex-grow: 1;
  margin-right: 10px;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .upload-preview-wrapper .upload-preview-wrapper--browse-button {
  text-align: center;
  width: 150px;
  align-items: flex-end;
  cursor: pointer;
}
.wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .break-line {
  text-align: right;
  border-bottom: 1px dashed #6c7373;
  color: #6c7373;
  font-size: 12px;
  padding-bottom: 5px;
}
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview .ui.form input[type='text'],
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview .ui.form input[type='text'],
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview .ui.form input[type='password'],
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview .ui.form input[type='password'],
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview textarea,
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview textarea {
  border-color: #ffffff;
  color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview .info-text-preview,
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview .info-text-preview {
  color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview .ui.form .field > label,
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview .ui.form .field > label {
  color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview .ui.selection.dropdown,
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview .ui.selection.dropdown {
  border-color: #ffffff;
  color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview .ui.selection.dropdown .ck-icon i,
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview .ui.selection.dropdown .ck-icon i,
.wyn-module-editor-wrapper .schematic-preview .module.hovering .schematic-form-field-preview .ui.selection.dropdown .ck-icon i:before,
.wyn-module-editor-wrapper .schematic-preview .pd-fullsize-module.editing .schematic-form-field-preview .ui.selection.dropdown .ck-icon i:before {
  color: #ffffff;
}
@media only screen and (max-width: 1300px) {
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .fields {
    margin-bottom: 0;
  }
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form .fields {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .wyn-module-editor-wrapper .schematic-preview .schematic-form-field-preview .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields {
    width: 100% !important;
    margin: 0 0 1em;
  }
}
.wyn-module-editor-wrapper .schematic-preview .filter-bar {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #505959;
  line-height: 3em;
  color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .filter-bar span {
  padding-left: 1em;
}
.wyn-module-editor-wrapper .schematic-preview .content-filters,
.wyn-module-editor-wrapper .schematic-preview .sort-filters {
  line-height: 1em;
  color: #ffffff;
}
.wyn-module-editor-wrapper .schematic-preview .pane {
  margin-top: 20px;
}
.wyn-module-editor-wrapper .schematic-preview .pane.detail,
.wyn-module-editor-wrapper .schematic-preview .pane.tile {
  position: relative;
  top: 2em;
  display: inline-block;
  width: 100%;
}
.wyn-module-editor-wrapper .schematic-preview .pane.detail {
  padding: 0 25%;
}
.wyn-module-editor-wrapper .schematic-preview .pane.tile {
  padding: 0 35%;
}
.wyn-module-editor-wrapper .schematic-preview .pane.default.grid3x,
.wyn-module-editor-wrapper .schematic-preview .pane.default.stream {
  width: 50%;
  left: 25%;
}
.wyn-module-editor-wrapper .schematic-preview .vertical-goal img {
  max-width: 290px;
}
.wyn-module-editor-wrapper .schematic-preview .detail-preview {
  height: 100%;
  padding: 15%;
  border: 1px solid #3ec0ad;
  border-radius: 0.2rem;
}
.wyn-module-editor-wrapper .layout-builder-wrapper {
  height: 100vh;
  overflow: hidden;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder {
  height: 100%;
  overflow-y: auto;
  background: #394242;
  padding: 75px 0px 40px;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder > .ck.tooltip {
  position: fixed;
  z-index: 1;
  left: 20px;
  top: 275px;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-wrapper {
  height: auto;
  margin: 0 auto;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-wrapper__selector .ck.dropdown {
  display: inline-block;
  width: 250px;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-wrapper__selector hr {
  display: inline-block;
  height: 12px;
  width: calc((100% - 250px - 82px) / 2);
  margin: 0 20px 7px;
  border-color: #ffffff;
  vertical-align: bottom;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-wrapper__selector hr:first-of-type {
  border-width: 1px 0 0 1px;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-wrapper__selector hr:last-of-type {
  border-width: 1px 1px 0 0;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .react-grid-layout {
  position: relative;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile {
  background: #77d3c6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile .layout-builder__tile__swatch {
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
  border: 25px solid;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile .layout-builder__tile__swatch--pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile .layout-builder__tile__pins {
  z-index: 1;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile .layout-builder__tile__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile:hover {
  background: #3ec0ad;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile:hover .icon.icon-cancel {
  visibility: visible;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile:hover .layout-builder__tile__overlay {
  opacity: 1;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .layout-builder__tile .icon.icon-cancel {
  visibility: hidden;
  position: absolute;
  right: 6px;
  top: 12px;
}
.wyn-module-editor-wrapper .layout-builder-wrapper .layout-builder .react-grid-item.react-grid-placeholder {
  background: transparent;
  opacity: 1;
  border: 1px dashed #3ec0ad;
}
.wyn-module-editor-wrapper .sortable-item__takeover {
  position: relative;
}
.wyn-module-editor-wrapper .sortable-item__takeover .sortable-item__checkable {
  position: relative;
  padding: 15px 10px;
  margin: 0 35px;
  white-space: nowrap;
  background-color: #8d9494;
  border: 1px solid #394242;
}
.wyn-module-editor-wrapper .sortable-item__takeover .sortable-item-settings-action,
.wyn-module-editor-wrapper .sortable-item__takeover .sortable-item__action-delete {
  position: absolute;
  top: 18px;
  visibility: hidden;
}
.wyn-module-editor-wrapper .sortable-item__takeover .sortable-item-settings-action {
  right: 50px;
}
.wyn-module-editor-wrapper .sortable-item__takeover .sortable-item__action-delete {
  right: 80px;
}
.wyn-module-editor-wrapper .sortable-item__takeover .sortable-item__action-drag {
  position: absolute;
  left: 6px;
  top: 18px;
  visibility: hidden;
}
.wyn-module-editor-wrapper .sortable-item__takeover:hover {
  cursor: move;
}
.wyn-module-editor-wrapper .sortable-item__takeover:hover .sortable-item-settings-action,
.wyn-module-editor-wrapper .sortable-item__takeover:hover .sortable-item__action-drag,
.wyn-module-editor-wrapper .sortable-item__takeover:hover .sortable-item__action-delete {
  visibility: visible;
}
.wyn-module-editor-wrapper .multi-choice-option-list {
  margin: 0 -10px 0 -30px;
}
.wyn-module-editor-wrapper .multi-choice-option-list > div:last-of-type {
  margin-top: 20px;
}
.wyn-module-editor-wrapper .multi-choice-option-list .multi-choice-option-editor-inline .multi-choice-option-editor__action-drag-handle {
  cursor: pointer;
  padding-left: 8px;
}
.wyn-module-editor-wrapper .multi-choice-option-list .multi-choice-option-editor-inline .multi-choice-option-editor-inline__embed-code-icon-wrapper {
  width: 35px;
  text-align: center;
  line-height: 35px;
}
.wyn-module-editor-wrapper .multi-choice-option-list .multi-choice-option-editor-inline .multi-choice-option-editor-inline__empty-image-wrapper {
  width: 35px;
}
.wyn-module-editor-wrapper .multi-choice-option-list.multi-choice-option-list--sort-in-progress .multi-choice-option-editor-inline .multi-choice-option-editor__action-drag-handle {
  opacity: 0;
}
.wyn-module-editor-wrapper .logic-panel {
  padding-left: 5.3rem;
}
.wyn-module-editor-wrapper .logic-panel .logic-row {
  margin-bottom: 2rem;
}
.wyn-module-editor-wrapper .logic-panel .logic-row__answer {
  margin: 2rem 0;
}
.wyn-module-editor-wrapper .logic-panel .logic-row__validation-message {
  color: #ffffff;
}
.wyn-module-editor-wrapper .wyn-module-editor-scrollable-content {
  overflow-x: scroll;
}
.wyn-module-editor-wrapper .wyn-module-editor {
  height: 100%;
  display: flex;
}
.wyn-module-editor-wrapper .wyn-module-editor .ui.reveal .ui.hidden {
  display: block !important;
}
.wyn-module-editor-wrapper .wyn-module-editor .ck-asset-radio-menu .ck.menu-item {
  fill: #77d3c6;
}
.wyn-module-editor-wrapper .wyn-module-editor .ck-asset-radio-menu .ck.menu-item:hover,
.wyn-module-editor-wrapper .wyn-module-editor .ck-asset-radio-menu .ck.menu-item .active {
  fill: #3ec0ad;
}
.wyn-module-editor-wrapper .wyn-module-editor .ck-asset-radio-menu .ck.menu-item .ck-icon__svg {
  width: 6em;
  height: 80px;
}
.wyn-module-editor-wrapper .wyn-module-editor .ck-side-pane__container .ck-side-pane {
  padding-top: 75px;
}
.wyn-module-editor-wrapper .wyn-module-editor .help {
  padding-top: 75px;
  background-color: #394242;
  height: 100%;
  width: 100%;
}
.wyn-module-editor-wrapper .wyn-module-editor .no-styles-wrapper,
.wyn-module-editor-wrapper .wyn-module-editor .in-network-wrapper {
  padding: 20px;
  background-color: #394242;
}
.wyn-module-editor-wrapper .module-editor-menu {
  background-color: #505959;
  border-bottom: 1px solid #77d3c6;
  height: 75px;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 21;
  display: flex;
}
.wyn-module-editor-wrapper .module-editor-menu .ck.toolbar {
  flex-grow: 1;
  padding-left: 0.7em;
  width: 33%;
  background-color: #394242;
}
.wyn-module-editor-wrapper .module-editor-menu .ck.toolbar .toolbar-header {
  min-width: 50px;
}
.wyn-module-editor-wrapper .module-editor-menu .admin-menu {
  width: 600px;
  padding: 0 4rem;
  transition: width 0.25s;
}
.wyn-module-editor-wrapper .module-editor-menu .admin-menu .ui.menu {
  height: 74px;
}
.wyn-module-editor-wrapper .module-editor-menu.expanded .admin-menu {
  width: 67%;
  transition: width 0.25s;
}
.wyn-module-editor-wrapper .admin-pane {
  transition: all 0.25s;
  width: 600px;
  flex-shrink: 0;
}
.wyn-module-editor-wrapper .admin-pane .ck.codemirror {
  padding: 10px 10px 10px 0;
  height: 67vh;
}
.wyn-module-editor-wrapper .admin-pane .ck-side-pane.big {
  width: 100% !important;
}
.wyn-module-editor-wrapper .admin-pane.expanded {
  width: 67%;
  transition: all 0.25s;
}
.wyn-module-editor-wrapper .admin-pane.expanded .ck-takeover-panel .ui.reveal.slide.right > .hidden.content {
  width: 100% !important;
}
.wyn-module-editor-wrapper .admin-pane .module-editor__link .sortable-item__link {
  border-bottom: 1px dashed #6c7373;
}
.wyn-module-editor-wrapper .admin-pane .module-editor__link .sortable-item__link:first-of-type {
  border-top: 1px dashed #6c7373;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__image .sortable-item__action-delete {
  right: 6px;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__image .sortable-item__action-drag {
  left: 3px;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__image .ck-cta-dropdown .row:first-of-type {
  padding: 10px 0 4px 0;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__image .ck-cta-dropdown .row:last-of-type {
  padding: 4px 0;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image,
.wyn-module-editor-wrapper .admin-pane .sortable-item__video,
.wyn-module-editor-wrapper .admin-pane .sortable-item__link {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__video .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__link .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__image .sortable-item__action-delete,
.wyn-module-editor-wrapper .admin-pane .sortable-item__video .sortable-item__action-delete,
.wyn-module-editor-wrapper .admin-pane .sortable-item__link .sortable-item__action-delete {
  position: absolute;
  visibility: hidden;
  align-items: center;
  top: 0;
  bottom: 0;
  display: flex;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__video .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__link .sortable-item__action-drag {
  cursor: move;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image:hover .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__video:hover .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__link:hover .sortable-item__action-drag,
.wyn-module-editor-wrapper .admin-pane .sortable-item__image:hover .sortable-item__action-delete,
.wyn-module-editor-wrapper .admin-pane .sortable-item__video:hover .sortable-item__action-delete,
.wyn-module-editor-wrapper .admin-pane .sortable-item__link:hover .sortable-item__action-delete {
  visibility: visible;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__link .sortable-item__action-delete {
  right: 10px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__link .sortable-item__action-drag {
  left: 8px;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__link .sortable-item__action-delete {
  right: 10px;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__link .sortable-item__action-drag {
  left: 8px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image .sortable-item__action-delete {
  right: 6px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image .sortable-item__action-delete.sortable-item__action-delete--small {
  right: 10px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image .sortable-item__action-drag {
  left: 3px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__image .sortable-item__action-drag.sortable-item__action-drag--small {
  left: 7px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__video .sortable-item__action-delete {
  right: 7px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-item__video .sortable-item__action-drag {
  left: 3px;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__video .sortable-item__action-delete {
  right: 7px;
}
.wyn-module-editor-wrapper .admin-pane.expanded .sortable-item__video .sortable-item__action-drag {
  left: 3px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-slices {
  margin: 0 -10px 0 -30px;
}
.wyn-module-editor-wrapper .admin-pane .sortable-slices.sortable-slices--drag-in-progress .sortable-item__action-drag {
  visibility: hidden;
}
.wyn-module-editor-wrapper .admin-pane .warning {
  color: #eb8e1b;
}
.size-slider-wrapper span {
  line-height: 25px;
}
.size-slider-wrapper .size-select {
  width: 150px;
  float: left;
  margin-right: 5px;
}
.media-settings {
  width: 525px;
}
.validation-JS-modal-wrapper {
  margin: 8rem;
  height: calc(100% - 16rem);
  background: #394242;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.validation-JS-modal-wrapper .ck.codemirror {
  flex: 2 0;
  margin: 2rem 2.4rem 2.4rem 2rem;
  height: unset;
  overflow-y: auto;
}
.validation-JS-modal-wrapper .ck.codemirror .cm-s-code-mirror-dark.CodeMirror {
  padding: 1rem;
}
.coloured-rich-text {
  position: relative;
}
.coloured-rich-text .ck.rich-text {
  position: relative;
}
.coloured-rich-text .ck.rich-text .rich-text__editor-wrapper .quill .ql-container,
.coloured-rich-text .ck.rich-text .rich-text__editor-wrapper .quill .ql-editor {
  color: inherit;
}
.coloured-rich-text .coloured-rich-text__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 35px;
  border-radius: 2px;
}
.coloured-rich-text .coloured-rich-text__background.coloured-rich-text__background--error {
  margin-right: 30px;
}
.video-thumbnail-explain-text {
  margin-top: 20px;
  margin-block-end: 0 !important;
  font-size: 12px;
}
/*---- cards.less ----*/
#filters {
  /*---- cards.less ----*/
  margin: 10px 0 40px 0;
}
#filters.splitter {
  color: #ffffff;
}
#filters.splitter:hover {
  color: #ffffff;
}
#filters .current {
  background: #77d3c6;
  color: #ffffff;
}
.panel-flowgrid .action-link {
  text-decoration: none;
  float: right;
  -webkit-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  -ms-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  -o-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
}
.panel-flowgrid .action-icon {
  text-decoration: none;
  float: left;
}
.panel-flowgrid .action-icon:hover {
  color: #3ec0ad;
}
.panel-flowgrid .item:hover {
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.panel-flowgrid .crafted-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.panel-flowgrid .element {
  width: 250px;
  list-style-type: none;
  margin: 10px 20px 10px 0;
  border-radius: 2pt;
  float: left;
  line-height: normal;
}
.panel-flowgrid .item {
  border-radius: 2px 2px 0 0;
  font-size: 32px;
  text-align: right;
  background-color: rgba(119, 211, 198, 0.5);
  height: 300px;
  padding: 5px;
  overflow: hidden;
}
.panel-flowgrid .item.icon-point {
  font-size: 100px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.panel-flowgrid .crafted-item {
  background-color: rgba(0, 0, 0, 0.1);
}
.panel-flowgrid .caption {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.75);
  height: 95px;
  margin-top: -95px;
}
.panel-flowgrid .caption h3 {
  color: #505959;
  text-transform: lowercase;
  margin: 0;
  font: 28px 'Helvetica-Neue Light', Arial, Helvetica, Geneva, sans-serif;
}
.panel-flowgrid .caption > p {
  font-size: 14px;
  color: #6c7373;
  margin: 0;
  padding: 0 !important;
}
.panel-flowgrid .caption > p.headline {
  font-size: 18px;
  color: #ffffff;
  margin: 5px 0;
}
.panel-flowgrid .actions {
  background-color: #ffffff;
  margin: 0;
  line-height: 11px;
  border-radius: 0 0 2px 2px;
  height: 50px;
}
.panel-flowgrid .actions a,
.panel-flowgrid .actions div {
  cursor: pointer;
  line-height: 11px;
  text-transform: lowercase;
  font: 20px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  padding: 5px 7px;
  margin: 8px 7px 5px 5px;
}
.panel-flowgrid .actions a:link,
.panel-flowgrid .actions div:link,
.panel-flowgrid .actions a:visited,
.panel-flowgrid .actions div:visited {
  color: #858585;
}
.panel-flowgrid .actions a.icon-only,
.panel-flowgrid .actions div.icon-only {
  padding: 0;
  margin: 9px 9px 0 0;
  width: 32px;
  height: 32px;
}
.panel-flowgrid .actions a.icon-only[data-icon]:before,
.panel-flowgrid .actions div.icon-only[data-icon]:before {
  margin: 6px 0 0 6px;
}
.panel-flowgrid .actions a[data-icon]:before,
.panel-flowgrid .actions div[data-icon]:before {
  line-height: 11px;
}
.panel-flowgrid .actions .action-link:hover {
  background-color: #3ec0ad;
  color: #fff;
  border-radius: 2px;
}
.panel-flowgrid a {
  text-decoration: none;
}
.panel-flowgrid.nobg .item,
.panel-flowgrid.nobg .item:hover {
  background-color: transparent;
}
.panel-flowgrid.feeds .element {
  height: auto;
}
.panel-flowgrid.feeds .item,
.panel-flowgrid.feeds .item:hover {
  background: rgba(50, 50, 50, 0.5);
  text-align: center;
  height: 170px;
}
.panel-flowgrid.feeds .item img,
.panel-flowgrid.feeds .item:hover img {
  margin: 40px 0;
}
.panel-flowgrid.feeds .caption {
  margin-top: 0;
}
.icon-tagline {
  float: right;
  font-size: 28px;
  margin-top: 5px;
}
.thumbnail {
  background-size: cover;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
/*! qTip2 - Pretty powerful tooltips - v2.0.0pre - 2012-12-14
* http://craigsworks.com/projects/qtip2/
* Copyright (c) 2012 Craig Michael Thompson; Licensed MIT, GPL */
/* Core qTip styles */
.qtip {
  /*---- tooltips.less ----*/
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 300px;
  min-width: 50px;
  direction: ltr;
}
.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}
.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}
.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}
/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
  top: 16px;
}
/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
  vertical-align: middle;
}
.qtip-icon,
.qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none;
}
.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
/* Default tooltip style */
.qtip-default .qtip-icon {
  color: #777;
}
.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}
/* NGX tooltip style */
.qtip-ngx {
  border: 1px solid #d4d9d9;
  background-color: #d4d9d9;
  color: #394242;
  padding: 8px 4px;
  border-radius: 3px;
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-align: center;
  line-height: 1.4em;
  font-weight: bold;
}
.qtip-ngx .qtip-titlebar {
  border-bottom-width: 0;
  color: #ffffff;
  background: #505959;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}
.qtip-ngx .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}
.qtip-ngx .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}
.qtip-ngx.wide-tip {
  max-width: 600px;
}
.qtip-ngx.qtip-pos-bc .qtip-tip {
  bottom: -7px !important;
}
/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}
/* Tips plugin */
.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml {
  position: absolute;
  color: #394242;
  background: #d4d9d9;
  border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}
.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}
/* Modal plugin */
#qtip-overlay {
  position: fixed;
  top: -10000em;
  bottom: auto;
  left: -10000em;
  right: auto;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}
/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 100%;
  height: 100%;
  background-color: #111;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
/*---- gamification.less ----*/
.sectionInner.hidden {
  /*---- gamification.less ----*/
  opacity: 0;
  display: none;
  -ms-transition: opacity;
  transition: opacity;
}
.gamification-all-rewards {
  font-size: 100px;
  color: #404040;
  text-align: center;
}
#badgesContainer ul.thumbnails,
#pointsContainer ul.thumbnails,
#rewardsContainer ul.thumbnails {
  padding: 0;
  margin: 0;
}
.smallElementDef {
  height: auto;
  width: 132px;
}
.smallElementDef .thumbnail {
  overflow: hidden;
}
.smallElementDef .item {
  font-size: 32px;
  height: 100px;
  padding: 5px;
}
.smallElementDef .item.icon-point {
  font-size: 48px;
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.smallElementDef .caption {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.75);
  height: 35px;
  margin-top: 0;
}
.smallElementDef .actions a {
  padding: 4px 2px 5px 7px;
  margin: 8px 6px 0 0;
}
.smallElementDef .actions a.icon-only {
  padding: 0;
  margin: 9px 9px 0 0;
  width: 32px;
  height: 32px;
}
.smallElementDef .actions a.icon-only[data-icon]:before {
  margin: 6px 0 0 6px;
}
.card-view-container .element {
  height: auto;
  width: 132px;
}
.card-view-container .element .thumbnail {
  overflow: hidden;
}
.card-view-container .element .item {
  font-size: 32px;
  height: 100px;
  padding: 5px;
}
.card-view-container .element .item.icon-point {
  font-size: 48px;
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.card-view-container .element .caption {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.75);
  height: 35px;
  margin-top: 0;
}
.card-view-container .element .actions a {
  padding: 4px 2px 5px 7px;
  margin: 8px 6px 0 0;
}
.card-view-container .element .actions a.icon-only {
  padding: 0;
  margin: 9px 9px 0 0;
  width: 32px;
  height: 32px;
}
.card-view-container .element .actions a.icon-only[data-icon]:before {
  margin: 6px 0 0 6px;
}
.rewardPreviewWrapper .element {
  text-align: center;
}
.rewardPreviewWrapper .element .item {
  font-size: 32px;
  width: 150px;
  height: 150px;
  padding: 5px;
}
.rewardPreviewWrapper .element .item.icon-point {
  font-size: 60px;
  text-align: center;
  display: inline-block;
  width: auto;
  height: auto;
  color: #333;
  padding: 40px 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.rewardPreviewWrapper .element .item.icon-badge {
  width: auto;
  text-align: center;
}
.rewardPreviewWrapper .element .item.icon-badge img {
  max-height: 150px;
}
.rewardPreviewWrapper .element .caption,
.rewardPreviewWrapper .element .reward-title {
  padding: 10px 0;
  font-size: 16px;
  text-align: center;
  line-height: 26px;
}
.rewardPreviewWrapper .element .caption-label {
  border-top: 1px dotted #828282;
}
.component.component-loyalty,
.component.component-gamification,
.component.component-incentives {
  padding: 35px 0 0 0;
}
.component.component-loyalty h1,
.component.component-gamification h1,
.component.component-incentives h1,
.component.component-loyalty p,
.component.component-gamification p,
.component.component-incentives p {
  padding: 0 35px;
}
.loyalty-rule-definition,
.reward-rule-definition {
  border: 0;
}
.loyalty-rule-definition .x-btn.ngx-delete-rule,
.reward-rule-definition .x-btn.ngx-delete-rule {
  padding: 10px;
}
.loyalty-rule-definition .x-btn.ngx-delete-rule .x-btn-icon-el[data-icon]:before,
.reward-rule-definition .x-btn.ngx-delete-rule .x-btn-icon-el[data-icon]:before {
  font-size: 30px;
  padding: 0;
  line-height: 30px;
}
.loyalty-rule-definition .x-btn.ngx-delete-rule.x-btn-over .x-btn-icon-el[data-icon]:before,
.reward-rule-definition .x-btn.ngx-delete-rule.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #666666;
}
.loyalty-rule-definition:first-of-type,
.reward-rule-definition:first-of-type {
  border-width: 0;
}
.loyalty-rule-definition .x-container span,
.reward-rule-definition .x-container span {
  display: inline-block;
  vertical-align: middle;
}
.rule-action.action-selector.active {
  border: 1px solid #9c9c9c;
}
.rule-action.action-selector.passive .action-selector-value {
  border: none;
}
.rule-action.action-selector.passive .action-selector-value.selected {
  display: inline-block;
  border: none;
}
.rule-action.reward-selector.passive .reward-selector-value {
  border: none;
}
.rule-action.reward-selector.passive .reward-selector-value.selected {
  display: inline-block;
  border: none;
}
.loyalty-rule-definition,
.reward-rule-definition {
  line-height: 50px;
}
.achievement-rule-container,
.campaign-reward-rule-container {
  padding-bottom: 40px;
  font-size: 30px;
  color: #9c9c9c;
}
.achievement-rule-container p,
.campaign-reward-rule-container p {
  padding: 0;
  margin: 0;
}
.achievement-rule-container .rule-prefix,
.campaign-reward-rule-container .rule-prefix {
  font-size: 30px;
  font-weight: normal;
  color: #9c9c9c;
  margin: 0 5px;
  height: 40px;
  padding: 5px 0;
  display: inline-block;
}
.achievement-rule-container .rule-action,
.campaign-reward-rule-container .rule-action {
  margin-right: 20px;
  color: #77d3c6;
  border-bottom: 1px dotted #77d3c6;
  padding-bottom: 5px;
  display: inline-block;
}
.achievement-rule-container .rule-action p,
.campaign-reward-rule-container .rule-action p {
  color: #77d3c6;
}
.achievement-rule-container ul,
.campaign-reward-rule-container ul {
  -webkit-padding-start: 0;
}
.rule-action-placeholder,
.reward-rule-action-placeholder {
  border-radius: 2px;
  cursor: pointer;
}
.rule-action-placeholder.outline,
.reward-rule-action-placeholder.outline {
  border: 1px dotted #77d3c6;
}
.achievement-levels {
  margin: 20px 0 60px 0;
}
.achievement-levels .loading {
  margin-left: 40px;
}
.achievement-level {
  position: relative;
  margin: 0;
  padding: 30px 0 30px 90px;
  border-left: 1px solid #32ccfe;
}
.achievement-level-wrapper {
  position: relative;
}
.achievement-level-controls {
  height: 110px;
  width: 100px;
  margin-right: 60px;
  display: inline-block;
  border-radius: 2px;
}
.achievement-level-controls:after {
  display: block;
  content: ' ';
  height: 21px;
  width: 21px;
  border-radius: 50%;
  left: 149px;
  top: 65px;
  background: #77d3c6;
  position: absolute;
  border: 5px solid rgba(50, 50, 50, 0.5);
}
.achievement-level-controls .action-link {
  font-size: 24px;
  color: #a6a6a6;
  display: block;
  float: right;
  padding: 3px 5px;
  cursor: pointer;
}
.achievement-level-controls .action-link:hover {
  color: #77d3c6;
}
.achievement-level-meta {
  display: inline-block;
  padding: 20px 0 40px 80px;
  border-left: 1px dotted #666;
  color: #ccc;
}
.achievement-level-meta .ngx-form-heading-byline {
  padding: 0 0 10px 0;
  margin-top: 0.5em;
}
.achievement-level-meta span {
  color: #77d3c6;
}
.achievement-level-meta:after {
  position: absolute;
  display: block;
  content: ' ';
  height: 40px;
  width: 870px;
  text-align: center;
  top: 40px;
  left: 180px;
  border-bottom: 1px dotted #666;
}
.achievement-level-score {
  font-size: 64px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
}
.achievement-level-score span {
  color: #ccc;
}
.achievement-level h3 {
  font-size: 20px;
  margin: 0;
  color: #fff;
}
.achievement-level p {
  color: #ccc;
  margin: 0;
}
.achievement-levels h3 span {
  color: #32ccfe;
}
.achievement-level h3.i:before,
.achievement-level h3.g:before,
.achievement-level h3.s:before,
.achievement-level h3.c:before {
  position: absolute;
  top: 34px;
  left: 0;
  width: 90px;
  font-size: 30px;
  text-align: center;
  font-family: EngVetica;
}
.achievement-level h3.i:before {
  content: "'";
}
.achievement-level h3.g:before {
  content: '*';
}
.achievement-level h3.s:before {
  content: '$';
}
.achievement-level h3.c:before {
  content: 'O';
}
.achievement-level .type {
  float: right;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  border-radius: 2px;
  background: #fff;
  color: #aaa;
  margin-right: 80px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.card-view-container .action-link {
  text-decoration: none;
  float: right;
  -webkit-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  -ms-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  -o-transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease, background 0.3s ease;
}
.card-view-container .action-icon {
  text-decoration: none;
  float: left;
}
.card-view-container .action-icon:hover {
  color: #3ec0ad;
}
.card-view-container .actions .action-link:hover {
  background-color: #3ec0ad;
  color: #37b8b5;
  border-radius: 2px;
}
.card-view-container .item:hover {
  background-color: rgba(99, 207, 205, 0.25);
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.card-view-container .crafted-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.card-view-container .element {
  width: 250px;
  list-style-type: none;
  margin: 10px 20px 10px 0;
  border-radius: 2pt;
  display: inline-block;
  line-height: normal;
}
.card-view-container .element .actions a[data-icon]:before {
  line-height: 12px;
}
.card-view-container .element .item.icon-point {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.card-view-container .element.small {
  width: 135px;
  background: #eee;
}
.card-view-container .item {
  border-radius: 2px 2px 0 0;
  font-size: 32px;
  text-align: right;
  background-color: #77d3c6;
  height: 300px;
  padding: 5px;
  overflow: hidden;
}
.card-view-container .crafted-item {
  background-color: rgba(0, 0, 0, 0.1);
}
.card-view-container .caption {
  padding: 10px;
  background-color: #e8ebeb;
  height: 75px;
  margin-top: -100px;
}
.card-view-container .caption h3 {
  color: #394242;
  text-transform: lowercase;
  margin: 0;
  font: 28px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.card-view-container .caption > p {
  font-size: 14px;
  color: #394242;
  margin: 0;
  padding: 0 !important;
}
.card-view-container .caption > p.headline {
  font-size: 18px;
  color: #ffffff;
  margin: 5px 0;
}
.card-view-container .actions {
  background-color: #e8ebeb;
  height: 50px;
  margin: 0;
}
.card-view-container .actions a {
  text-transform: lowercase;
  font: 20px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #505959;
  padding: 4px 7px 5px;
  margin: 8px 8px 5px 5px;
}
.card-view-container .actions {
  border-radius: 0 0 2px 2px;
}
.card-view-container .actions a.icon-only {
  padding: 0;
  margin: 9px 9px 0 0;
  width: 32px;
  height: 32px;
}
.card-view-container .actions a[data-icon]:before {
  margin: 7px 0 0 1px;
}
.card-view-container .actions a.icon-only[data-icon]:before {
  margin: 6px 0 0 6px;
}
.card-view-container a {
  text-decoration: none;
}
.card-view-container.nobg .item,
.card-view-container.nobg .item:hover {
  background-color: transparent;
}
.card-view-container.feeds .element {
  height: auto;
}
.card-view-container.feeds .item,
.card-view-container.feeds .item:hover {
  background: rgba(50, 50, 50, 0.5);
  text-align: center;
  height: 170px;
}
.card-view-container.feeds .item img,
.card-view-container.feeds .item:hover img {
  margin: 40px 0;
}
.card-view-container.feeds .caption {
  margin-top: 0;
}
.card-view-container .noActions .caption {
  height: 85px;
}
.editor-fullpage-column,
.designer-theme,
.designer-theme > .row,
.col-designer {
  height: 100%;
}
.overlayMask.overlay-full .editor-fullpage-column {
  top: 0;
}
.designer-theme-wrapper {
  height: 100%;
}
.overlay-base.editor-fullpage-column {
  padding: 0;
  margin: 0;
  width: 100%;
}
.overlay-base.editor-fullpage-column > .grid {
  margin-left: -10px;
  height: 100%;
}
.overlay-base.editor-fullpage-column > .grid > .column {
  height: 100%;
  padding: 0;
}
.overlay-base.editor-fullpage-column .toolbar-designer-theme {
  text-align: center !important;
}
.designer-theme {
  display: table;
  width: 100%;
}
.designer-theme .table-row {
  display: table-row;
}
.col-designer {
  display: table-cell;
  max-height: 100%;
  overflow: auto;
  vertical-align: top;
  padding: 15px 0 0;
}
.col-designer > header {
  height: 50px;
  border-bottom: 1px solid #77d3c6;
  padding: 0 1rem;
}
.col-designer > header .icon-nav-title {
  color: #77d3c6;
  font-size: 34px;
}
.col-designer > header .icon-nav-title:before {
  padding-right: 0px;
}
.col-designer .wrapper-components {
  border-bottom: 1px solid #77d3c6;
  margin: 0 5px;
}
.col-designer .wrapper-components:last-of-type {
  border-bottom-color: transparent;
}
.x-ie10 .col-designer,
.x-ie11 .col-designer {
  position: fixed;
  bottom: 0;
  top: 0;
}
.x-ie10 .overlay-base.editor-fullpage-column .col-designer,
.x-ie11 .overlay-base.editor-fullpage-column .col-designer {
  top: 8px;
}
.x-safari .wrapper-preview-designer,
.x-safari .wrapper-controls {
  overflow: hidden;
  height: calc(100% - 65px);
}
.toolbar-designer-theme {
  background-color: #394242;
  text-align: center;
  width: 60px;
}
.toolbar-designer-theme header + .wrapper-components .nav-icons-designer {
  border-top: 0;
  width: 100%;
}
.x-ie10 .toolbar-designer-theme,
.x-ie11 .toolbar-designer-theme {
  width: 80px;
  left: 0;
}
.ui.menu.nav-icons-designer {
  background-color: transparent;
  padding-top: 25px;
  box-shadow: none;
}
.ui.menu.nav-icons-designer .icon {
  color: #e8ebeb;
  font-size: 20px;
}
.ui.menu.nav-icons-designer a.item {
  margin: 0 0 25px;
  padding: 0 1em;
}
.ui.menu.nav-icons-designer a.item:hover .icon {
  color: #3ec0ad !important;
}
.ui.menu.nav-icons-designer a.item .active {
  color: #77d3c6 !important;
}
.ui.menu.nav-icons-designer a.item .active .icon {
  color: #77d3c6 !important;
}
.ui.menu.nav-icons-designer i.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
}
.ui.menu.nav-icons-designer i:before {
  padding-right: 0;
  cursor: pointer;
}
.workspace-designer-theme {
  position: relative;
  background-color: #505959;
  width: 400px;
}
.x-ie10 .workspace-designer-theme,
.x-ie11 .workspace-designer-theme {
  left: 80px;
}
.workspace-designer-theme header h1 {
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 0 0px;
}
.workspace-designer-theme header p {
  font-size: 12px;
  color: #ffffff;
  margin: 0;
}
.workspace-designer-theme details summary:before {
  content: '\28';
  font-family: EngVetica;
  font-size: 12px;
  position: absolute;
  right: 20px;
}
.workspace-designer-theme details summary:hover {
  color: #77d3c6;
}
.workspace-designer-theme details:only-of-type summary {
  cursor: default;
}
.workspace-designer-theme details:only-of-type summary:before {
  content: '';
}
.workspace-designer-theme details:only-of-type summary:hover {
  color: #ffffff;
}
.editor-shown .workspace-designer-theme {
  width: 700px;
}
.editor-shown .workspace-designer-theme .wrapper-controls {
  width: auto;
}
.editor-shown .workspace-designer-theme.workspace-designer-theme-js {
  width: 850px;
}
.wrapper-controls .control {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #505959;
  padding: 22px 20px;
  margin: 0;
  border-bottom: 1px solid #e8ebeb;
}
.wrapper-controls .control:last-child {
  border-bottom: none;
}
.wrapper-controls .control label {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #ffffff !important;
  display: block;
  margin-bottom: 10px;
  text-transform: none;
  font-size: 12px;
}
.wrapper-controls summary {
  padding: 2rem 0 2rem 2rem;
  font-weight: bold;
  color: #ffffff;
  text-transform: none;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  cursor: pointer;
  background: none;
}
.canvas-designer-theme {
  background-color: #f7f7f7;
  position: relative;
}
.x-ie10 .canvas-designer-theme,
.x-ie11 .canvas-designer-theme {
  left: 460px;
  right: 0;
}
.canvas-designer-theme .ui.header-controls {
  padding: 0px 0px 15px 20px;
  border-bottom: 1px solid #77d3c6;
  padding-right: 0px;
}
.canvas-designer-theme .ui.header-controls .ui.button.basic {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
}
.canvas-designer-theme .ui.header-controls .navbar-left.editor-only {
  padding-left: 0px;
  margin-left: 0px;
}
.canvas-designer-theme .ui.header-controls .navbar-left.editor-only > .item:first-child {
  padding-left: 0px;
}
.simple.dropdown .dropdown-menu {
  background: #ffffff;
  border: 1px solid #77d3c6;
  padding: 8px;
}
.x-ie10.editor-shown .canvas-designer-theme,
.x-ie11.editor-shown .canvas-designer-theme {
  left: 780px;
}
.wrapper-preview-designer {
  position: absolute;
  top: 65px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.iframe-preview-designer {
  height: 100%;
}
.ui.header-controls .menu > .item:last-child {
  margin-right: 0;
}
.ui.header-controls .ui.dropdown .menu > .item {
  padding: 1rem 0.7em !important;
  font-size: 1.5rem !important;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.ui.header-controls .menu > .item a[href] {
  background: transparent !important;
  padding: 0;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-size: 14px;
  text-transform: none;
  color: #394242;
}
.ui.header-controls .menu > .item a[href] .icon {
  font-size: 20px;
}
.ui.header-controls .menu > .item a[href]:hover {
  color: #3ec0ad !important;
}
.ui.header-controls .menu > .item a[href]:hover .icon {
  color: #3ec0ad !important;
}
.ui.header-controls .menu > .item a[href].current {
  color: #2b8679 !important;
}
.ui.header-controls .menu > .item a[href].current .icon {
  color: #2b8679 !important;
}
.ui.header-controls .menu > .item a[href].active {
  color: #2b8679 !important;
}
.ui.header-controls .menu > .item a[href].active .icon {
  color: #2b8679 !important;
}
.ui.header-controls .navbar-left {
  padding: 10px 0 8px 5px;
}
.ui.header-controls .navbar-left.hidden-lg .dropdown-menu {
  min-width: 123px;
}
.ui.header-controls .navbar-left.hidden-lg .current-page,
.ui.header-controls .navbar-left.hidden-lg .current-theme-page {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  min-width: 85px;
}
.ui.header-controls .navbar-left > .item {
  border-right: 1px solid #e8ebeb;
  margin-right: 0;
}
.ui.header-controls .navbar-left > .item:last-child {
  border-right: none;
}
.ui.header-controls .navbar-left > .item .icon {
  font-size: 16px;
  color: #989898;
}
.ui.header-controls .navbar-left > .item button {
  padding: 0;
  float: none;
}
.ui.header-controls .navbar-left > .item .dropdown-toggle {
  margin-left: 10px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.ui.header-controls .ui.buttons .dropdown-menu {
  border-radius: 4px;
}
.ui.header-controls .ui.buttons .dropdown-menu .item {
  color: #6c7373 !important;
  font-weight: normal !important;
  border-radius: 0.3rem;
}
.ui.header-controls .ui.buttons .dropdown-menu .item:hover {
  color: #2b8679 !important;
  font-weight: bold !important;
  background: #d8f2ee !important;
}
.ui.header-controls .navbar-right {
  border-right: 1px solid #e8ebeb;
  padding: 8px 10px 8px 0;
}
.ui.header-controls .navbar-right.app-persist {
  border-right: none;
  padding: 0 0 0 15px;
}
.ui.header-controls .navbar-right.app-persist .btn {
  font-size: 1.4rem;
  padding: 0;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: none;
}
.ui.header-controls .navbar-right.app-persist .dropdown-toggle {
  margin-left: 5px;
  margin-right: 10px;
}
.ui.header-controls .navbar-right.app-persist .model-persist {
  padding: 8px 15px 8px 10px;
  vertical-align: middle;
}
.ui.header-controls .navbar-right.app-persist .dropdown {
  padding: 5px 8px;
  vertical-align: middle;
}
.ui.header-controls .navbar-right.app-persist .icon.icon-switch {
  margin: 5px 0 !important;
}
.ui.header-controls .navbar-right .btn-clear {
  vertical-align: middle;
  float: none;
  display: inline-block;
}
.ui.header-controls .navbar-right.ui.icon.menu .item {
  padding: 0 8px;
  color: #989898;
}
.ui.header-controls .navbar-right.ui.icon.menu .item:hover {
  color: #3ec0ad;
}
.ui.header-controls .navbar-right > .item .icon {
  font-size: 16px;
}
.ui.header-controls .navbar-right.preview-help-toggle {
  padding: 8px 0 8px 16px;
}
.designer-theme .form-group {
  border-bottom: 0;
  padding: 0;
}
.designer-theme .col-sm-2 {
  text-align: right;
}
.designer-theme .form-control[readonly] {
  background-color: transparent;
}
.component-spacing input {
  text-align: center;
}
i.icon-trigger {
  color: #ffffff;
}
.form-group i.icon-trigger {
  cursor: pointer;
  color: #394242;
  position: relative;
  right: -10px;
}
.editor-fullpage-column .navbar-header .navbar-title {
  margin: 20px;
}
.navbar-title small {
  color: #bbb;
}
textarea.form-control {
  height: 350px;
}
input.form-control[type='color'] {
  height: 52px;
  min-width: 52px;
}
.wrapper-controls {
  width: 400px;
  min-width: 400px;
}
.wrapper-controls .radio-inline {
  position: relative;
}
.worskpace-designer-theme .wrapper-controls {
  position: absolute;
  top: 65px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.worskpace-designer-theme summary::-webkit-details-marker {
  display: inline-block;
}
.component-spacing .row > div,
.component-borders .row > div {
  text-align: center;
  padding: 5px 0;
}
.component-spacing label,
.component-borders label {
  text-align: left;
}
.wrapper-debug {
  background: #ccc;
  color: #333333;
}
.wrapper-debug th {
  font-weight: bold;
}
.editor-fullpage .content-popout {
  padding: 3em 2em;
}
.editor-fullpage .navbar .nav a.active {
  color: #2b8679;
}
#component-default {
  padding: 20px;
}
.navbar .nav li {
  display: inline-block;
  font-size: 12px;
}
.form-control {
  font-size: 24px;
}
.iframe-preview-designer {
  display: block;
  margin: auto;
}
.preview-desktop {
  width: 100%;
}
.preview-tablet {
  width: 720px;
}
.preview-phone {
  width: 420px;
}
.slider {
  background: #b2b8b8;
  border-radius: 10px;
  cursor: pointer;
}
.slider.disabled {
  pointer-events: none;
  opacity: 0.45;
}
.slider .handle {
  background: #77d3c6;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.slider-horizontal .handle {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.slider-vertical .handle {
  transform: translateX(-5px);
}
.combo-options {
  position: absolute;
  bottom: 85px;
  top: 190px;
  left: 0;
  right: 0;
  overflow: auto;
}
.control-overlaycombo .form-control {
  width: 100%;
}
.control-overlaycombo .icon {
  top: -1px;
  color: #ffffff;
}
.control-fontpicker .warning-font {
  float: right;
  font-size: 18px;
  margin-top: 8px;
  color: #F7CF44;
}
.control-fontpicker .warning-font:before {
  padding-right: 0;
}
.control-fontpicker .filter-fonts {
  padding: 4px 8px;
  margin: 40px 0 20px;
}
.qtip-content b {
  color: #ee2f19;
}
.value-display {
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.control.control-number .icon {
  color: #ffffff;
}
.control-colorpicker {
  position: relative;
}
.control-colorpicker .picker-overlay .ui.grid {
  margin: 0;
}
.control-colorpicker .picker-overlay .ui.grid > .column {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.control-colorpicker.colorpicker-backgroundColor .form-control {
  width: 100%;
}
.control-colorpicker.colorpicker-backgroundColor .form-control,
.control-colorpicker.colorpicker-backgroundColor label,
.control-colorpicker.colorpicker-backgroundColor .icon {
  color: #394242 !important;
}
.control-colorpicker.colorpicker-backgroundColor.colorpicker-dark label,
.control-colorpicker.colorpicker-backgroundColor.colorpicker-dark .icon,
.control-colorpicker.colorpicker-backgroundColor.colorpicker-dark .form-control {
  color: #e8ebeb !important;
}
.control-colorpicker.colorpicker-backgroundColor.colorpicker-middle .form-control,
.control-colorpicker.colorpicker-backgroundColor.colorpicker-middle label,
.control-colorpicker.colorpicker-backgroundColor.colorpicker-middle .icon {
  color: #929292;
}
.control-colorpicker.colorpicker-color {
  color: #ffffff;
}
.control-colorpicker.colorpicker-color .form-control {
  width: 100%;
}
.control-colorpicker.colorpicker-color.colorpicker-dark {
  background: #394242;
}
.control-colorpicker.colorpicker-color.colorpicker-middle {
  background: #929292;
}
.overlay-constrained .control-colorpicker {
  padding: 20px 0;
}
.overlay-constrained .control-colorpicker .form-control {
  width: 100%;
}
.overlay-constrained .control-colorpicker .form-control,
.overlay-constrained .control-colorpicker label,
.overlay-constrained .control-colorpicker .icon {
  color: #e8ebeb;
}
.overlay-constrained .control-colorpicker .row {
  margin: 0 0 20px;
}
.overlay-constrained .control-colorpicker .row:first-child > div {
  vertical-align: top;
}
.overlay-constrained .control-colorpicker .row:last-child {
  margin-bottom: 0;
}
.overlay-constrained .control-colorpicker .color-picker-preview {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}
.overlay-constrained .control-colorpicker .color-picker-bg {
  width: 195px;
  height: 195px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal 100% / normal Arial, Helvetica, sans-serif;
  color: #ffffff;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), #ffffff;
  background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), #ffffff;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), #ffffff;
  background-position: 0 0, 40px 40px;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 60px;
  background-size: 60px;
}
.overlay-constrained .control-colorpicker .color-picker-map {
  width: 195px;
  height: 195px;
  position: relative;
}
.overlay-constrained .control-colorpicker .color-picker-map:before,
.overlay-constrained .control-colorpicker .color-picker-map:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.overlay-constrained .control-colorpicker .color-picker-map::before {
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.overlay-constrained .control-colorpicker .color-picker-map::after {
  background: linear-gradient(to bottom, transparent 0%, #000 100%);
}
.overlay-constrained .control-colorpicker .color-picker-map.map-active {
  cursor: none;
}
.overlay-constrained .control-colorpicker .color-picker-vars {
  margin-top: 6px;
}
.overlay-constrained .control-colorpicker .color-picker-vars .form-group {
  white-space: nowrap;
}
.overlay-constrained .control-colorpicker .color-picker-vars .form-group .control-label,
.overlay-constrained .control-colorpicker .color-picker-vars .form-group .form-control {
  margin: 0;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
.overlay-constrained .control-colorpicker .color-picker-vars .form-group .form-control {
  width: 75px;
  margin-top: 2px;
  color: #e8ebeb !important;
}
.overlay-constrained .control-colorpicker .color-picker-vars .form-group .control-label {
  padding-right: 5px;
  padding-left: 0;
  color: #e8ebeb !important;
}
.overlay-constrained .control-colorpicker .color-picker-reticle {
  position: absolute;
  top: auto;
  right: auto;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 0 -5px -5px;
  z-index: 4;
}
.overlay-constrained .control-colorpicker .color-picker-reticle.reticle-dark {
  border-color: #000;
}
.overlay-constrained .control-colorpicker .col-sm-1 {
  padding: 0;
}
.overlay-constrained .control-colorpicker .col-sm-4 {
  padding-left: 10px;
}
.overlay-constrained .control-colorpicker .col-sm-7 {
  padding-right: 0;
}
.overlay-constrained .control-colorpicker .slider-colorhue {
  background: linear-gradient(to top, #ff0000 0%, #f09 10%, #cd00ff 20%, #3200ff 30%, #06f 40%, #00fffd 50%, #0f6 60%, #35ff00 70%, #cdff00 80%, #f90 90%, #fe0000 99%);
  width: 30px;
  height: 195px;
  border-radius: 0;
  cursor: pointer;
  padding: 2px 0;
}
.overlay-constrained .control-colorpicker .slider-colorhue .handle {
  width: 100%;
  border-radius: 0;
  height: 6px;
  background-color: #ffffff;
  transform: none;
  border: 1px solid black;
}
.overlay-constrained .control-colorpicker .slider-coloralpha {
  height: 6px;
  width: 100%;
  margin-bottom: 8px;
}
.control-textalign .ui.button.btn-toggle,
.control-buttonradio .ui.button.btn-toggle {
  box-shadow: none !important;
  color: #ccc;
  border: 1px solid;
  margin-right: 8px;
}
.control-textalign .ui.button.btn-toggle:last-child,
.control-buttonradio .ui.button.btn-toggle:last-child {
  margin-right: 0;
}
.control-textalign .ui.button.btn-toggle.active,
.control-buttonradio .ui.button.btn-toggle.active,
.control-textalign .ui.button.btn-toggle:hover,
.control-buttonradio .ui.button.btn-toggle:hover {
  color: #77d3c6;
  background: transparent;
  box-shadow: none !important;
}
.control-fontsize .icon {
  color: #ffffff;
}
.control-fontsize .slider {
  height: 6px;
  background-color: rgba(255, 255, 255, 0.15);
  margin-top: 9px;
}
.control-fontsize .slider .handle {
  height: 16px;
  width: 16px;
}
.control-spacing .spacing-wrapper {
  border: 1px dashed #888;
  margin: 5px;
}
.control-spacing .spacing-wrapper > .row > .column {
  padding: 0;
}
.control-spacing .form-control {
  border-radius: 0;
  outline: none !important;
}
.control-spacing .form-control:focus {
  box-shadow: none;
  outline: none;
}
.control-spacing input.form-control,
.control-spacing div.value-display {
  padding: 12px;
  font-size: 20px;
  min-height: 40px;
}
.control-spacing .spacing-top,
.control-spacing .spacing-bottom {
  text-align: center;
  max-width: 100%;
}
.control-spacing .spacing-top {
  border-top: 4px solid #77d3c6;
}
.control-spacing .spacing-left {
  border-left: 4px solid #77d3c6;
  max-width: 100%;
}
.control-spacing .spacing-right {
  border-right: 4px solid #77d3c6;
  text-align: right;
  max-width: 100%;
}
.control-spacing .spacing-bottom {
  border-bottom: 4px solid #77d3c6;
}
.control-spacing .icon.icon-toggle {
  color: #ffffff;
}
.control-borders .form-control,
.control-borders .control-label {
  text-align: center;
  max-width: 100%;
}
.control-borders .form-control {
  margin-bottom: 5px;
  height: 30px;
}
.wrapper-controls .control-borders .control-label {
  padding: 0;
  margin: 0;
}
.control-borders select.form-control {
  background-color: #ccc;
  color: #111;
  font-size: 18px;
  width: 100%;
}
.control-borders .form-control[type='color'] {
  width: 35px;
  height: 40px;
  min-width: 0;
  margin: -8px 2px 0;
}
.overlay-constrained {
  position: fixed;
  top: 65px;
  bottom: 0;
  left: 82px;
  width: 400px;
  z-index: 5;
  background-color: #394242;
  color: #ffffff;
  padding: 0 15px;
  border-left: 1px solid #8d9494;
}
.overlay-constrained .control {
  border: none;
  background: none;
}
.overlay.editor-fullpage-column .overlay-constrained {
  left: 67px;
  top: 68px;
}
.toolbar-overlay {
  position: absolute;
  bottom: 30px;
  text-align: center;
  left: 0;
  right: 0;
}
.navbar-overlay {
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #77d3c6;
}
.navbar-overlay h3 {
  text-align: center;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: bold;
  color: #77d3c6;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 10px;
}
.navbar-overlay .nav-compact {
  text-align: center;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.navbar-overlay .item {
  border-right: 1px solid #ffffff;
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}
.navbar-overlay .item.active {
  color: #77d3c6;
}
.navbar-overlay .item:last-child {
  border-right: none;
}
.option-combo {
  display: block;
  font-size: 24px;
  text-align: center;
  padding: 18px;
  cursor: pointer;
}
.option-combo:hover,
.option-combo.option-selected {
  background: #989898;
}
.control-iconpicker .input-icon {
  font-family: SocialVetica;
  font-size: 34px;
  text-align: center;
  border: 1px dashed #394242 !important;
  border-radius: 0;
  height: 60px;
  width: 60px;
  cursor: pointer;
}
.wrapper-controls .control-iconpicker .input-icon {
  position: absolute;
  top: -15px;
  right: -5px;
}
.icon-preview {
  display: inline-block;
  cursor: pointer;
  width: 23%;
  margin: 1%;
  height: 0;
  position: relative;
}
.icon-preview i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.icon-preview i:before {
  font-family: SocialVetica;
  font-size: 36px;
  padding-right: 0;
}
.icon-preview i:after {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.icon-preview.active,
.icon-preview:hover {
  border-color: #77d3c6;
}
.icon-preview.active i:before,
.icon-preview:hover i:before {
  color: #77d3c6;
}
.control-sizing .control-label,
.control-sizing .form-control {
  text-align: center;
  width: 80px;
}
.control-sizing .col-sm-4,
.control-sizing .col-sm-3,
.control-sizing .col-sm-1 {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.control-sizing .col-sm-4 {
  padding-left: 5px;
}
.wrapper-controls .control-sizing .control-label {
  padding-top: 0;
  margin-top: 2px;
  margin-bottom: 0;
}
.control-sizing .icon {
  color: #e8ebeb;
}
.editor-formula {
  min-height: 400px;
}
.editor-formula textarea.form-control {
  height: 250px;
  width: 100%;
}
.icon-toggle {
  cursor: pointer;
}
.icon-toggle::before {
  font-size: 16px;
}
.editor-constrained {
  min-width: 400px;
}
.overlay-full .editor-constrained {
  left: 86px;
}
.editor-constrain {
  position: relative;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 140px);
}
.wrapper-controls .control-assetlist {
  background-color: transparent;
}
.control-assetlist .filter-assets {
  padding: 4px 15px;
  margin: 20px auto 10px;
  width: 90%;
}
.control-assetlist .filter-assets::-webkit-input-placeholder {
  color: #b2b8b8;
}
.control-assetlist .list-assets {
  overflow: scroll;
  display: flex;
  flex-direction: column;
}
.control-assetlist .item-list-asset {
  display: table-row;
  margin: 0;
  border-color: #e8ebeb;
}
.control-assetlist .item-list-asset > div {
  display: table-cell;
  vertical-align: middle;
  min-height: 50px;
  padding: 1em 0;
}
.control-assetlist .asset-col-icon {
  width: 50px;
  text-align: center !important;
}
.control-assetlist .asset-col-icon img {
  height: 32px;
}
.control-assetlist .asset-col-filesize .asset-theme-filesize {
  text-align: right;
  width: 120px;
}
.control-assetlist .asset-theme-filename,
.control-assetlist .asset-theme-filesize {
  padding-right: 10px;
  font-size: 21px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  white-space: nowrap;
  width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.control-assetlist .asset-theme-thumbnail {
  max-height: 100px;
}
.control-assetlist .asset-theme-type {
  padding-bottom: 10px;
}
.control.control-history {
  position: absolute;
  top: 120px;
  bottom: 20px;
  margin-left: 20px;
  width: 95%;
  border-left: 1px solid #d4d9d9;
  color: gray;
  background: none;
}
.control.control-history .spinner {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 0;
  top: -25px;
}
.revision {
  -webkit-transition: border 0.5s;
  margin-left: 43px;
  position: relative;
  border: 1px solid #d4d9d9;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px;
  color: #ffffff;
  cursor: pointer;
}
.revision:hover,
.revision:hover.revision:before,
.revision:hover.revision:after {
  border-color: #ffffff;
}
.revision p:last-child {
  margin-bottom: 0;
}
.revision:before {
  -webkit-transition: border 0.5s;
  z-index: 20;
  content: ' ';
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #77d3c6;
  background-color: #77d3c6;
  border-radius: 50%;
  top: 22px;
  left: -74px;
}
.revision:after {
  -webkit-transition: border 0.5s;
  content: ' ';
  position: absolute;
  display: block;
  border-top: 1px solid #d4d9d9;
  left: -60px;
  top: 30px;
  width: 60px;
}
.control.control-codemirror .app-codeeditor {
  vertical-align: top;
  width: 100%;
  min-height: 400px;
}
.control.control-codemirror .app-codeeditor textarea {
  width: 100%;
  resize: vertical;
}
.control.control-codemirror .reference-code {
  position: absolute;
  right: 0;
  width: 0;
  padding-left: 15px;
  max-height: 1000px;
  background: #b2b8b8;
  overflow: hidden;
}
.control.control-codemirror.ref-shown .app-codeeditor {
  right: 350px;
}
.control.control-codemirror.ref-shown .reference-code {
  overflow: auto;
  width: 350px;
}
.control.control-uploader {
  color: #ffffff;
  position: relative;
}
.view-themesettings .control.control-uploader {
  padding-top: 0;
}
.control.control-uploader.dropzone {
  border: 2px dashed #d4d9d9;
  border-bottom-color: #d4d9d9;
  padding: 40px 20px;
}
.control.control-uploader.dropzone .btn {
  margin-top: 0;
  background: #ffffff;
  color: #394242;
}
.control.control-uploader.dropzone.drag-active {
  border-color: #3ec0ad;
}
.control.control-uploader .asset-none-selected {
  margin-bottom: 20px;
}
.control.control-uploader .uploader-input h2 {
  font-size: 26px;
  pointer-events: none;
}
.control.control-uploader .uploader-input p {
  font-size: 12px;
  color: #ffffff;
  margin: 0;
}
.control.control-uploader .list-status-uploads {
  height: 70px;
  overflow: auto;
  margin: 10px 0;
}
.control.control-uploader .asset-uploading {
  text-align: center;
}
.control.control-uploader .progress-wrapper {
  position: relative;
  height: 26px;
  text-align: center;
  margin: 0 70px;
}
.control.control-uploader .progress-bar {
  background-color: #157841;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  line-height: 26px;
}
.control.control-uploader .message-constrain {
  position: absolute;
  color: #ffffff;
  bottom: 0;
  padding: 20px;
  margin-bottom: 0;
}
.control.control-uploader .preview-upload-file {
  margin-bottom: 20px;
}
.control.control-uploader .uploader-input {
  text-align: center;
}
.control.control-uploader .uploader-input h2 {
  color: #ffffff;
}
.control.control-uploader .uploader-input h2,
.control.control-uploader .uploader-input .btn {
  display: inline-block;
  vertical-align: middle;
}
.control.control-uploader .uploader-input .btn {
  margin-left: 20px;
}
.control.control-uploader .fileinput-button {
  position: relative;
  margin-top: 0;
  background-color: #ffffff;
  margin-right: 10px;
  padding: 8px 12px;
}
.control.control-uploader .fileinput-button:last-child {
  margin-right: 0;
}
.view-themesettings .ui.form {
  margin: -1em;
}
.view-themesettings .ui.form .asset-theme-filename {
  font-size: 28px;
}
.view-themesettings .ui.form .inline.fields > .control-label {
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: normal;
}
.view-themesettings .ui.form .inline.fields {
  padding: 2em 15px;
  position: relative;
  margin-bottom: 20px;
}
.view-themesettings .ui.form .inline.fields .field .icon,
.view-themesettings .ui.form .inline.fields .column .icon {
  color: #ffffff;
}
.view-themesettings .ui.form .form-control {
  padding: 5px 10px;
  color: #ffffff !important;
  background-color: #505959 !important;
}
.view-themesettings .ui.form .uploader-input {
  display: inline-block;
}
.view-themesettings .ui.form .asset-none-selected {
  padding: 9px 10px;
  border: 1px solid;
  margin: 0;
  font-size: 18px;
  border-radius: 2px;
}
.x-mask.ngx-message-rotating {
  z-index: 5300;
}
.icon.warning-asset {
  color: #eb8e1b;
}
.help-only {
  display: none !important;
}
.help-shown .editor-only {
  display: none !important;
}
.help-shown .help-only.hidden-lg {
  display: none !important;
}
.help-shown .help-only.visible-lg {
  display: flex !important;
}
@media screen and (max-width: 1600px) {
  .editor-shown .editor-only.hidden-lg {
    display: flex !important;
  }
  .editor-shown .editor-only.visible-lg {
    display: none !important;
  }
  .editor-shown.help-shown .editor-only {
    display: none !important;
  }
  .help-shown .help-only.hidden-lg {
    display: flex !important;
  }
  .help-shown .help-only.visible-lg {
    display: none !important;
  }
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .wrapper-preview-designer {
    position: static;
    height: 100%;
  }
  /* IE11 */
}
.x-reset .cm-s-code-mirror-light.CodeMirror *,
.x-reset .cm-s-code-mirror-dark.CodeMirror * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ngx-codemirror .x-form-item-body {
  vertical-align: top;
}
.CodeMirror pre {
  padding: 0 1rem;
}
/* Color scheme */
.cm-s-code-mirror-light {
  color: #394242;
  font-size: 1.4rem;
}
.cm-s-code-mirror-light.CodeMirror {
  background: #f7f7f7;
}
.cm-s-code-mirror-light.CodeMirror-wrap {
  background: #e8ebeb !important;
}
.cm-s-code-mirror-light .CodeMirror-gutters {
  background: #e8ebeb;
  border-right: 1px solid #b2b8b8;
}
.cm-s-code-mirror-light .box,
.cm-s-code-mirror-light .editor .top-boxes,
.cm-s-code-mirror-light .CodeMirror-gutter-wrapper,
.cm-s-code-mirror-light body.project .editor-pane,
.cm-s-code-mirror-light body.project .editor {
  background: #F7F8F9;
}
.cm-s-code-mirror-light .CodeMirror-cursor {
  border-left-color: #000000;
}
.cm-s-code-mirror-light .CodeMirror pre,
.cm-s-code-mirror-light .box pre,
.cm-s-code-mirror-light .editor .top-boxes pre,
.cm-s-code-mirror-light .CodeMirror-gutter-wrapper pre {
  color: #4D4E53;
}
.cm-s-code-mirror-light .cm-keyword {
  color: #007BBB;
}
.cm-s-code-mirror-light .cm-atom {
  color: #4D4E53;
}
.cm-s-code-mirror-light .box-html .cm-atom {
  color: #4D4E53;
}
.cm-s-code-mirror-light .cm-def {
  color: #5C4E53;
}
.cm-s-code-mirror-light .cm-variable {
  color: #0077aa;
}
.cm-s-code-mirror-light .cm-variable-2 {
  color: #669900;
}
.cm-s-code-mirror-light .cm-variable-3 {
  color: #0077aa;
}
.cm-s-code-mirror-light .cm-header {
  color: #FF6400;
}
.cm-s-code-mirror-light .cm-number {
  color: #4D4E53;
}
.cm-s-code-mirror-light .cm-property {
  color: #990055;
}
.cm-s-code-mirror-light .cm-attribute {
  color: #66993E;
}
.cm-s-code-mirror-light .cm-builtin {
  color: #9B7536;
}
.cm-s-code-mirror-light .cm-qualifier {
  color: #669900;
}
.cm-s-code-mirror-light .cm-operator {
  color: #cda869;
}
.cm-s-code-mirror-light .cm-meta {
  color: #000000;
}
.cm-s-code-mirror-light .cm-string {
  color: #0077aa;
}
.cm-s-code-mirror-light .cm-string-2 {
  color: #bd6b18;
}
.cm-s-code-mirror-light .cm-tag {
  color: #9B0064;
}
.cm-s-code-mirror-light .box-css .cm-tag {
  color: #9B0064;
}
.cm-s-code-mirror-light .cm-tag.cm-bracket {
  color: #9B0064;
}
.cm-s-code-mirror-light .CodeMirror-linenumber {
  color: #394242;
}
.cm-s-code-mirror-light .CodeMirror-guttermarker-subtle {
  color: #aaaaaa;
}
.cm-s-code-mirror-light .cm-comment {
  color: #777777;
}
.cm-s-code-mirror-light .cm-searching,
.cm-s-code-mirror-light .CodeMirror-focused .CodeMirror-selected,
.cm-s-code-mirror-light .CodeMirror-selected {
  background-color: #b2b8b8;
}
.cm-s-code-mirror-light > div .CodeMirror-activeline-background {
  background: #efefff;
}
.cm-s-code-mirror-light > div span.CodeMirror-matchingbracket {
  outline: 1px solid grey;
  color: inherit;
}
.cm-s-code-mirror-dark {
  color: #e8ebeb;
  font-size: 1.4rem;
}
.cm-s-code-mirror-dark.CodeMirror-wrap {
  background: #394242 !important;
}
.cm-s-code-mirror-dark .CodeMirror-gutters {
  background: #6c7373;
  border-right: 1px solid rgba(100, 100, 100, 0.5);
}
.cm-s-code-mirror-dark .box,
.cm-s-code-mirror-dark .editor .top-boxes,
.cm-s-code-mirror-dark .CodeMirror-gutter-wrapper,
.cm-s-code-mirror-dark body.project .editor-pane,
.cm-s-code-mirror-dark body.project .editor {
  background: #272825;
}
.cm-s-code-mirror-dark .CodeMirror-cursor {
  border-left-color: #ffffff;
}
.cm-s-code-mirror-dark .CodeMirror pre,
.cm-s-code-mirror-dark .box pre,
.cm-s-code-mirror-dark .editor .top-boxes pre,
.cm-s-code-mirror-dark .CodeMirror-gutter-wrapper pre {
  color: #ffffff;
}
.cm-s-code-mirror-dark .cm-keyword {
  color: #FA2D7D;
}
.cm-s-code-mirror-dark .cm-atom {
  color: #ae81ff;
}
.cm-s-code-mirror-dark .box-html .cm-atom {
  color: #ae81ff;
}
.cm-s-code-mirror-dark .cm-def {
  color: #F79900;
}
.cm-s-code-mirror-dark .cm-variable {
  color: #71D7D0;
}
.cm-s-code-mirror-dark .cm-variable-2 {
  color: #AE81FF;
}
.cm-s-code-mirror-dark .cm-variable-3 {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-header {
  color: #FA2D7D;
}
.cm-s-code-mirror-dark .cm-number {
  color: #B78CFF;
}
.cm-s-code-mirror-dark .cm-property {
  color: #71D7D0;
}
.cm-s-code-mirror-dark .cm-attribute {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-builtin {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-qualifier {
  color: #a6e22e;
}
.cm-s-code-mirror-dark .cm-operator {
  color: #FA2D7D;
}
.cm-s-code-mirror-dark .cm-meta {
  color: #FA2D7D;
}
.cm-s-code-mirror-dark .cm-string {
  color: #E9E07F;
}
.cm-s-code-mirror-dark .cm-string-2 {
  color: #E9E07F;
}
.cm-s-code-mirror-dark .cm-tag {
  color: #FA2D7D;
}
.cm-s-code-mirror-dark .box-css .cm-tag {
  color: #f92672;
}
.cm-s-code-mirror-dark .cm-tag.cm-bracket {
  color: #ffffff;
}
.cm-s-code-mirror-dark .CodeMirror-linenumber {
  color: #e8ebeb;
}
.cm-s-code-mirror-dark .CodeMirror-guttermarker-subtle {
  color: #575344;
}
.cm-s-code-mirror-dark .cm-comment {
  color: #e8ebeb;
}
.cm-s-code-mirror-dark .cm-searching,
.cm-s-code-mirror-dark .CodeMirror-focused .CodeMirror-selected,
.cm-s-code-mirror-dark .CodeMirror-selected {
  background-color: #8d9494;
}
.ReactCodeMirror {
  height: 800px;
}
.winner-list {
  display: flex;
  flex-direction: column;
}
.winner-info {
  position: relative;
  margin: 0.5rem 0;
}
.winner-info .winner-cover,
.winner-info .winner-cover-invalid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  pointer-events: none;
}
.winner-info .winner-cover {
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0.6) 100%);
}
.winner-info.invalidate .winner-cover-invalid {
  display: block;
  background: rgba(255, 255, 255, 0.75);
}
.winners-collapsed .winner-info {
  display: none;
}
.winners-collapsed .winner-info:first-of-type,
.winners-collapsed .winner-info:nth-of-type(2) {
  display: block;
}
.winners-collapsed .winner-info:nth-of-type(2) .winner-cover {
  display: block;
}
.winners-expanded .winner-info {
  display: block;
}
.winners-expanded .winner-cover {
  display: none;
}
.history-container {
  padding: 0 30px;
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #e8ebeb;
  color: #505959;
}
.history-container .history-title {
  position: absolute;
  padding: 32px 0;
  text-transform: uppercase;
}
.history-container .history-byline {
  position: absolute;
  padding: 32px 10px 32px 80px;
  left: 30%;
  color: #6c7373;
}
.history-container .timeline {
  padding: 128px 0 20px;
  max-width: 970px;
  margin: 0;
  list-style: none;
  position: relative;
}
.history-container .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  left: 30%;
  margin-left: -1px;
  border-left: 1px solid #e8ebeb;
  height: 100%;
}
.history-container .timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.history-container .timeline > li:before,
.history-container .timeline > li:after {
  content: " ";
  display: table;
}
.history-container .timeline > li:after {
  clear: both;
}
.history-container .timeline > li:before,
.history-container .timeline > li:after {
  content: " ";
  display: table;
}
.history-container .timeline > li:after {
  clear: both;
}
.history-container .timeline > li > .timeline-panel {
  width: 70%;
  float: left;
  -webkit-margin-left: calc(30% +  45px);
  -ms-margin-left: calc(30% +  45px);
  -o-margin-left: calc(30% +  45px);
  -khtml-margin-left: calc(30% +  45px);
  -moz-margin-left: calc(30% +  45px);
  margin-left: calc(30% +  45px);
  border: 1px solid #e8ebeb;
  border-radius: 4px;
  padding: 10px 15px;
  position: relative;
  max-width: 560px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.history-container .timeline > li > .timeline-date {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  position: absolute;
  text-align: right;
  padding-right: 40px;
  -webkit-top: calc(50% -  25px);
  -ms-top: calc(50% -  25px);
  -o-top: calc(50% -  25px);
  -khtml-top: calc(50% -  25px);
  -moz-top: calc(50% -  25px);
  top: calc(50% -  25px);
  height: 50px;
  line-height: 46px;
  right: 70%;
}
.history-container h4.timeline-title,
.history-container .timeline-title {
  font: normal 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: lowercase;
}
.history-container h4.timeline-title a:hover,
.history-container .timeline-title a:hover {
  color: #77d3c6;
}
.history-container .timeline-byline {
  padding-top: 5px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
}
.history-container .timeline-body-wrapper {
  margin: 20px -15px 0 -15px;
  padding: 10px 15px 0 15px;
  border-top: 1px dashed #e8ebeb;
}
.history-container .timeline-body > p,
.history-container .timeline-body > ul {
  margin-bottom: 0;
}
.history-container .timeline-body > p + p {
  margin-top: 5px;
}
.history-container .winners-title {
  padding: 20px 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
}
.history-container .winner-expand-collapse {
  text-align: center;
  font-size: 24px;
  position: relative;
  margin-top: -20px;
  clear: both;
}
.history-container .winner-expand-collapse i {
  cursor: pointer;
}
.history-container .winner-expand-collapse i:hover {
  color: #77d3c6;
}
.history-container .timeline-expanded .winner-expand {
  display: none;
}
.history-container .timeline-expanded .winner-collapse {
  display: block;
}
.history-container .timeline-expanded .winner-info {
  display: block;
}
.history-container .timeline-collapsed .winner-expand {
  display: block;
}
.history-container .timeline-collapsed .winner-collapse {
  display: none;
}
.history-container .timeline-collapsed .winner-info {
  display: none;
}
.history-container .timeline-collapsed .winner-expand-collapse {
  margin-top: -30px;
}
.history-container .winner-list:after {
  clear: both;
  content: '';
  display: block;
}
.history-container .winner-info {
  padding: 10px 0;
  position: relative;
}
.history-container .winner-info:after {
  clear: both;
  content: "";
  display: block;
}
.history-container .winner-info .winner-image {
  margin: 0 5px;
  width: 48px;
  height: 48px;
  border-radius: 75px;
}
.history-container .winner-info .winner-name {
  line-height: 48px;
  font: 16px/48px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.history-container .winner-info .winner-status {
  line-height: 48px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: uppercase;
  font-weight: bold;
}
.history-container .winner-info .winner-cover,
.history-container .winner-info .winner-cover-invalid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.95), #ffffff);
  display: none;
  pointer-events: none;
}
.history-container .winner-info:first-of-type,
.history-container .winner-info:nth-of-type(2) {
  display: block;
}
.history-container .winner-info:nth-of-type(2) .winner-cover {
  display: block;
}
.history-container .timeline-expanded .winner-info .winner-cover {
  display: none;
}
.history-container .winner-info.invalidate .winner-cover-invalid {
  display: block;
  background: rgba(255, 255, 255, 0.75);
}
.history-container .draw-criteria {
  padding: 20px 0 0 0;
}
.history-container .draw-criteria .criteria-title {
  font: bold 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: uppercase;
}
.history-container .draw-criteria .criteria-description {
  font: 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding-top: 5px;
}
.history-container.rights-history-container .timeline-body {
  margin: 10px 0;
}
.history-container.customer-history-container .timeline > li > .timeline-panel {
  border: none;
}
.history-container.dashboard-history-container {
  padding: 0;
  margin-top: -30px;
  border-top: 0;
}
.history-container.dashboard-history-container .history-byline {
  line-height: 20px;
  padding: 32px 10px 32px 40px;
}
.history-container.dashboard-history-container .timeline > li > .timeline-panel {
  border: none;
}
.history-container .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 46px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  -webkit-top: calc(50% -  25px);
  -ms-top: calc(50% -  25px);
  -o-top: calc(50% -  25px);
  -khtml-top: calc(50% -  25px);
  -moz-top: calc(50% -  25px);
  top: calc(50% -  25px);
  left: 30%;
  margin-left: -25px;
  background-color: #6c7373;
  z-index: 100;
  border-radius: 50%;
}
.history-container .timeline-badge i[data-icon]:before {
  padding-right: 0;
}
.history-container .timeline-badge.expire,
.history-container .timeline-badge.draft,
.history-container .timeline-badge.inactivate,
.history-container .timeline-badge.invalidate,
.history-container .timeline-badge.error,
.history-container .timeline-badge.deny,
.history-container .timeline-badge.unapprove,
.history-container .timeline-badge.delete,
.history-container .timeline-badge.stop,
.history-container .timeline-badge.locking {
  background-color: #eb8e1b;
}
.history-container .timeline-badge.upload,
.history-container .timeline-badge.create,
.history-container .timeline-badge.grant,
.history-container .timeline-badge.activate,
.history-container .timeline-badge.connect,
.history-container .timeline-badge.enable,
.history-container .timeline-badge.clone,
.history-container .timeline-badge.export,
.history-container .timeline-badge.save,
.history-container .timeline-badge.send,
.history-container .timeline-badge.archive,
.history-container .timeline-badge.r,
.history-container .timeline-badge.g,
.history-container .timeline-badge.re,
.history-container .timeline-badge.login,
.history-container .timeline-badge.assign {
  background-color: #157841;
}
.history-container .timeline-badge.update,
.history-container .timeline-badge.reset,
.history-container .timeline-badge.clean,
.history-container .timeline-badge.disable,
.history-container .timeline-badge.i {
  background-color: #e8ebeb;
  color: #929292;
}
.history-container .timeline-badge.ask,
.history-container .timeline-badge.edit,
.history-container .timeline-badge.start,
.history-container .timeline-badge.update,
.history-container .timeline-badge.comment,
.history-container .timeline-badge.download,
.history-container .timeline-badge.publish,
.history-container .timeline-badge.uninvalidate,
.history-container .timeline-badge.select,
.history-container .timeline-badge.fill,
.history-container .timeline-badge.substitute,
.history-container .timeline-badge.e,
.history-container .timeline-badge.v,
.history-container .timeline-badge.vo,
.history-container .timeline-badge.ct,
.history-container .timeline-badge.cm,
.history-container .timeline-badge.lk,
.history-container .timeline-badge.s {
  color: #ffffff;
  background-color: #77d3c6;
}
.history-container .timeline-badge.shuffle,
.history-container .timeline-badge.reselect,
.history-container .timeline-badge.switch,
.history-container .timeline-badge.c,
.history-container .timeline-badge.cu {
  background-color: #929292;
}
.history-container .timeline-badge.approve,
.history-container .timeline-badge.confirm,
.history-container .timeline-badge.join {
  background-color: #157841;
}
.history-container .timeline-badge.primary {
  background-color: #77d3c6 !important;
}
.history-container .timeline-badge.success {
  background-color: #157841 !important;
}
.history-container .timeline-badge.warning {
  background-color: #eb8e1b !important;
}
.history-container .timeline-badge.danger {
  background-color: #ee2f19 !important;
}
.history-container .timeline-badge.info {
  background-color: #77d3c6 !important;
}
@media (max-width: 1170px) {
  .history-container ul.timeline:before {
    left: 40px;
  }
  .history-container ul.timeline > li > .timeline-panel {
    -webkit-width: calc(100% -  90px);
    -ms-width: calc(100% -  90px);
    -o-width: calc(100% -  90px);
    -khtml-width: calc(100% -  90px);
    -moz-width: calc(100% -  90px);
    width: calc(100% -  90px);
    max-width: 100%;
  }
  .history-container ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    -webkit-top: calc(50% -  25px);
    -ms-top: calc(50% -  25px);
    -o-top: calc(50% -  25px);
    -khtml-top: calc(50% -  25px);
    -moz-top: calc(50% -  25px);
    top: calc(50% -  25px);
  }
  .history-container ul.timeline > li > .timeline-panel {
    float: right;
  }
  .history-container ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 10px;
    left: -10px;
    right: auto;
  }
  .history-container ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 9px;
    left: -9px;
    right: auto;
  }
}
.campaign-theme-panel {
  border-bottom: 0.1rem solid #e8ebeb;
}
.campaign-theme-panel .hoverable-child .ui.image {
  object-fit: cover;
}
.theme-picker-modal .ck.picker .picker-item__header > .ui.header .content {
  font-size: 2rem;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.theme-picker-modal .ck.picker .picker-item__topline > .ui.header .content {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.2rem;
}
.theme-picker-modal .ck.picker .picker-item__topline {
  margin-bottom: 1rem;
}
.entry--select__form__modal .ck.modified-by.inverted {
  color: #394242;
}
/**
   BACKGROUND PANEL
   **/
.page-structure-panel .page-structure-summary .page-structure__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: stretch;
  flex-direction: row;
  margin-bottom: 2rem;
}
.page-structure-panel .page-structure-summary .page-structure-item__image {
  width: 250px;
  min-width: 250px;
}
.page-structure-panel .page-structure-summary .page-structure-item__image:last-of-type {
  margin-bottom: 0;
}
.page-structure-panel .page-structure-summary .page-structure-item__description {
  cursor: pointer;
  margin-left: 4rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.page-structure-panel .page-structure-summary .page-structure-item__description .ui.header:hover .content {
  color: #37b8b5;
}
.page-structure-panel .page-structure-summary .page-structure-item__description .ui.header .ck-icon {
  margin-left: 1rem;
}
.status-item-container .ck.message .message__inner {
  display: inline;
}
/*---- icons.less ----*/
.ngx-clear-trigger:before,
.ngx-select-trigger:before,
.x-form-lock-trigger:before,
.x-form-arrow-trigger:before,
.x-form-date-trigger:before,
.x-form-time-trigger:before,
.x-tool-toggle:before,
.x-tool-close:before,
.x-tool-help:before,
.icon-close:before,
.x-form-invalid-icon:before,
.ux-row-action-item.action-icon:before,
.x-btn .x-btn-icon-el[data-icon]:before,
[data-icon]:before {
  font-family: EngVetica;
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  display: inline-block;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-style: normal;
  vertical-align: middle;
}
.ux-row-action-item.action-icon:before {
  padding-right: 0;
}
.action-icon.action-icon-splitter {
  border-left: 1px solid #e8ebeb;
  cursor: default;
  width: 0;
}
.icon.xs {
  font-size: 18px;
}
.icon.s {
  font-size: 24px;
}
.icon.m {
  font-size: 36px;
}
.icon.xm {
  font-size: 120px;
}
.icon.xxm {
  font-size: 150px;
}
.icon.l {
  font-size: 48px;
}
.icon.xl {
  font-size: 80px;
}
.icon.xxl {
  font-size: 180px;
}
.icon.subtle {
  color: #b2b8b8;
}
[class^='icon-']:before,
[class*=' icon-']:before {
  speak: never;
  font-family: EngVetica;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-trash:before {
  content: "\e91f";
}
.icon-quiz-result:before {
  content: "\e91e";
}
.icon-complexity-intermediate:before {
  content: "\e91b";
}
.icon-complexity-beginner:before {
  content: "\e91c";
}
.icon-complexity-advanced:before {
  content: "\e91d";
}
.icon-spin-the-wheel:before {
  content: "\e91a";
}
.icon-cookie-bite:before {
  content: "\e919";
}
.icon-dice:before {
  content: "\e918";
}
.icon-journey-map:before {
  content: "\e917";
}
.icon-book-search:before {
  content: "\e915";
}
.icon-file-checked:before {
  content: "\e916";
}
.icon-branching:before {
  content: "\e913";
}
.icon-help-strong:before {
  content: "\2047";
}
.icon-more-vertical:before {
  content: "\205d";
}
.icon-number:before {
  content: "\e90c";
}
.icon-facebook-outline:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\46";
}
.icon-staging:before {
  content: "\53";
}
.icon-twitter:before {
  content: "\54";
}
.icon-instagram:before {
  content: "\49";
}
.icon-pinterest:before {
  content: "\50";
}
.icon-googleplus:before {
  content: "\47";
}
.icon-youtube:before {
  content: "\59";
}
.icon-snapchat:before {
  content: "\e90b";
}
.icon-flickr:before {
  content: "\4b";
}
.icon-tumblr:before {
  content: "\a5";
}
.icon-vine:before {
  content: "\221a";
}
.icon-linkedin:before {
  content: "\2c6";
}
.icon-vk:before {
  content: "\2d8";
}
.icon-rss:before {
  content: "\52";
}
.icon-bazaarvoice:before {
  content: "\e90a";
}
.icon-vimeo:before {
  content: "\e907";
}
.icon-newscred:before {
  content: "\e906";
}
.icon-lithium:before {
  content: "\e905";
}
.icon-edit:before {
  content: "\65";
}
.icon-content:before {
  content: "\e901";
}
.icon-publish:before {
  content: "\70";
}
.icon-campaign:before {
  content: "\39";
}
.icon-exclusive:before {
  content: "\b4";
}
.icon-contest:before {
  content: "\2211";
}
.icon-promotion:before {
  content: "\4f";
}
.icon-inbox:before {
  content: "\b6";
}
.icon-keep:before {
  content: "\a1";
}
.icon-archive:before {
  content: "\a2";
}
.icon-cta:before {
  content: "\24";
}
.icon-settings2:before {
  content: "\71";
}
.icon-lego:before {
  content: "\7a";
}
.icon-info:before {
  content: "\2f";
}
.icon-help:before {
  content: "\3f";
}
.icon-inherit:before {
  content: "\2018";
}
.icon-screens:before {
  content: "\c8";
}
.icon-screendesigner:before {
  content: "\201";
}
.icon-pause:before {
  content: "\e912";
}
.icon-favourite-solid:before {
  content: "\e90d";
}
.icon-warning-solid:before {
  content: "\e90e";
}
.icon-feed:before {
  content: "\e904";
}
.icon-voting:before {
  content: "\e914";
}
.icon-previous:before {
  content: "\3c";
}
.icon-next:before {
  content: "\3e";
}
.icon-up:before {
  content: "\29";
}
.icon-down:before {
  content: "\28";
}
.icon-arrow-previous:before {
  content: "\2264";
}
.icon-arrow-next:before {
  content: "\2265";
}
.icon-arrow-first:before {
  content: "\b7";
}
.icon-arrow-last:before {
  content: "\201a";
}
.icon-quiz:before {
  content: "\153";
}
.icon-coupon:before {
  content: "\e7";
}
.icon-trophy:before {
  content: "\ae";
}
.icon-competition:before {
  content: "\df";
}
.icon-game:before {
  content: "\2122";
}
.icon-starburst:before {
  content: "\c5";
}
.icon-socialwall:before {
  content: "\e911";
}
.icon-template:before {
  content: "\67";
}
.icon-layout:before {
  content: "\6c";
}
.icon-theme:before {
  content: "\74";
}
.icon-carousel:before {
  content: "\e900";
}
.icon-comment:before {
  content: "\27";
}
.icon-comments:before {
  content: "\e5";
}
.icon-quote:before {
  content: "\51";
}
.icon-advocacy:before {
  content: "\22";
}
.icon-man:before {
  content: "\4d";
}
.icon-superfan:before {
  content: "\48";
}
.icon-advocate:before {
  content: "\61";
}
.icon-frau:before {
  content: "\66";
}
.icon-cheerleader:before {
  content: "\2365";
}
.icon-user:before {
  content: "\4a";
}
.icon-audience:before {
  content: "\45";
}
.icon-preview:before {
  content: "\3d";
}
.icon-settings:before {
  content: "\63";
}
.icon-config:before {
  content: "\c7";
}
.icon-moderate:before {
  content: "\e903";
}
.icon-cloud:before {
  content: "\57";
}
.icon-unpublish:before {
  content: "\75";
}
.icon-upload:before {
  content: "\6e";
}
.icon-download:before {
  content: "\64";
}
.icon-review:before {
  content: "\a7";
}
.icon-engaged:before {
  content: "\72";
}
.icon-live:before {
  content: "\4c";
}
.icon-chart:before {
  content: "\2c";
}
.icon-insights:before {
  content: "\69";
}
.icon-assets:before {
  content: "\2dc";
}
.icon-image:before {
  content: "\31";
}
.icon-gallery:before {
  content: "\32";
}
.icon-video:before {
  content: "\33";
}
.icon-videogallery:before {
  content: "\34";
}
.icon-form:before {
  content: "\36";
}
.icon-file:before {
  content: "\35";
}
.icon-folder:before {
  content: "\f7";
}
.icon-invite:before {
  content: "\37";
}
.icon-rules:before {
  content: "\6a";
}
.icon-share:before {
  content: "\73";
}
.icon-home:before {
  content: "\7e";
}
.icon-switch:before {
  content: "\7c";
}
.icon-menu:before {
  content: "\2260";
}
.icon-bookmark:before {
  content: "\222b";
}
.icon-logout:before {
  content: "\6f";
}
.icon-refresh:before {
  content: "\76";
}
.icon-open:before {
  content: "\26";
}
.icon-play:before {
  content: "\2206";
}
.icon-stop:before {
  content: "\2248";
}
.icon-play3:before {
  content: "\f8";
}
.icon-fullscreen:before {
  content: "\5e";
}
.icon-target:before {
  content: "\2c7";
}
.icon-copy:before {
  content: "\ce";
}
.icon-search:before {
  content: "\38";
}
.icon-rows:before {
  content: "\ac";
}
.icon-bullet:before {
  content: "\3a";
}
.icon-grid-small:before {
  content: "\7b";
}
.icon-grid-large:before {
  content: "\7d";
}
.icon-grid:before {
  content: "\5b";
}
.icon-grid-items:before {
  content: "\5d";
}
.icon-channel:before {
  content: "\4e";
}
.icon-live2:before {
  content: "\43";
}
.icon-heart:before {
  content: "\d8";
}
.icon-favourite:before {
  content: "\2a";
}
.icon-reply:before {
  content: "\2014";
}
.icon-retweet:before {
  content: "\b1";
}
.icon-pricing:before {
  content: "\a3";
}
.icon-email:before {
  content: "\40";
}
.icon-connect:before {
  content: "\2d";
}
.icon-disconnect:before {
  content: "\5f";
}
.icon-socialplugin:before {
  content: "\e910";
}
.icon-code:before {
  content: "\5a";
}
.icon-text:before {
  content: "\41";
}
.icon-phone:before {
  content: "\2020";
}
.icon-calendar:before {
  content: "\44";
}
.icon-countdown:before {
  content: "\56";
}
.icon-location:before {
  content: "\5c";
}
.icon-promote2:before {
  content: "\25";
}
.icon-contact:before {
  content: "\55";
}
.icon-security:before {
  content: "\23";
}
.icon-locked:before {
  content: "\6b";
}
.icon-cursor:before {
  content: "\30";
}
.icon-app:before {
  content: "\2e";
}
.icon-science:before {
  content: "\3c0";
}
.icon-test:before {
  content: "\cd";
}
.icon-map:before {
  content: "\bf";
}
.icon-score:before {
  content: "\2030";
}
.icon-results:before {
  content: "\d2";
}
.icon-filter:before {
  content: "\192";
}
.icon-warning:before {
  content: "\cf";
}
.icon-bug:before {
  content: "\42";
}
.icon-stress:before {
  content: "\3b";
}
.icon-danger:before {
  content: "\21";
}
.icon-shocked:before {
  content: "\278e";
}
.icon-sad:before {
  content: "\278a";
}
.icon-neutral:before {
  content: "\278b";
}
.icon-smiley:before {
  content: "\278c";
}
.icon-happy:before {
  content: "\278d";
}
.icon-minion:before {
  content: "\2202";
}
.icon-pacman:before {
  content: "\220f";
}
.icon-robotmod:before {
  content: "\3a9";
}
.icon-rocket:before {
  content: "\221e";
}
.icon-minus:before {
  content: "\e908";
}
.icon-col:before {
  content: "\2044";
}
.icon-col2:before {
  content: "\20ac";
}
.icon-col3:before {
  content: "\2039";
}
.icon-colL:before {
  content: "\203a";
}
.icon-colR:before {
  content: "\fb01";
}
.icon-radio-unselected:before {
  content: "\2d9";
}
.icon-radio-selected:before {
  content: "\62";
}
.icon-check-unselected:before {
  content: "\bb";
}
.icon-check-selected:before {
  content: "\60";
}
.icon-carousel-active:before {
  content: "\aa";
}
.icon-pin:before {
  content: "\2da";
}
.icon-share2:before {
  content: "\2dd";
}
.icon-talk:before {
  content: "\b8";
}
.icon-cart:before {
  content: "\c1";
}
.icon-shop:before {
  content: "\152";
}
.icon-champion:before {
  content: "\201d";
}
.icon-target2:before {
  content: "\2019";
}
.icon-broadcast:before {
  content: "\d3";
}
.icon-promote:before {
  content: "\d4";
}
.icon-mosaic:before {
  content: "\e909";
}
.icon-join:before {
  content: "\da";
}
.icon-interact:before {
  content: "\2db";
}
.icon-sine:before {
  content: "\25ca";
}
.icon-activity:before {
  content: "\131";
}
.icon-premium:before {
  content: "\e6";
}
.icon-rankings:before {
  content: "\ab";
}
.icon-line:before {
  content: "\2026";
}
.icon-polygonal:before {
  content: "\f8ff";
}
.icon-close:before {
  content: "\58";
}
.icon-cancel:before {
  content: "\78";
}
.icon-plus:before {
  content: "\2b";
}
.icon-approve:before {
  content: "\79";
}
.icon-move:before {
  content: "\c2";
}
.icon-copyright:before {
  content: "\a9";
}
.icon-web:before {
  content: "\ba";
}
.icon-desktop:before {
  content: "\77";
}
.icon-mobile:before {
  content: "\6d";
}
.icon-tablet:before {
  content: "\b5";
}
.icon-themerize:before {
  content: "\e600";
}
.icon-lineheight:before {
  content: "\af";
}
.icon-height:before {
  content: "\68";
}
.icon-width:before {
  content: "\201e";
}
.icon-align-left:before {
  content: "\fb02";
}
.icon-align-center:before {
  content: "\2021";
}
.icon-align-right:before {
  content: "\b0";
}
.icon-nav:before {
  content: "\c6";
}
.icon-function:before {
  content: "\201c";
}
.icon-module:before {
  content: "\2013";
}
.icon-preview-off:before {
  content: "\2205";
}
.icon-score-quiz:before {
  content: "\e90f";
}
.icon-infinite:before {
  content: "\ea2f";
}
i.icon.icon-feed {
  width: 1.5em;
}
.x-form-date-trigger:before {
  content: 'D';
}
.x-form-time-trigger:before {
  content: 'V';
}
.ngx-select-trigger::before,
.x-form-arrow-trigger:before {
  content: '\28';
}
.ngx-clear-trigger::before {
  content: '\78';
}
.x-form-lock-trigger::before {
  color: #ee2f19;
  content: 'k';
}
.icon-social:before {
  content: '\22';
}
.x-form-invalid-icon:before {
  content: '\58';
}
.x-tool-close:before {
  content: 'x';
}
.x-tool-help:before {
  content: '?';
}
.x-tool-toggle:before {
  content: '>';
}
.ngx-fieldset-expanded .x-tool-toggle:before {
  content: '(';
}
.icon-sweepstake:before {
  content: '\ae';
}
.icon-loyalty:before {
  content: '\2122';
}
.icon-custom:before {
  content: '\5a';
}
.icon-whitelabel:before {
  content: '\7a';
}
.icon-promotion-teaser:before {
  content: '$';
}
.icon-promotion-content:before {
  content: '$';
}
.icon-promotion-offer:before {
  content: 'Å';
}
.icon-promotion-reward:before {
  content: 'ß';
}
.icon-warning:before {
  content: 'Ï';
}
i.icon-message {
  font-size: 40px;
  margin-right: 0;
  vertical-align: middle;
  color: #e8ebeb;
}
.icon-notice {
  color: #77d3c6 !important;
}
.icon-notice:before {
  content: '/';
  color: #77d3c6;
  padding-right: 5px;
}
.icon-warn {
  color: #eb8e1b !important;
}
.icon-warn:before {
  content: 'Ï';
  color: #eb8e1b;
  padding-right: 5px;
}
.icon-status {
  color: #ffffff;
}
.wx-panel.wx-panel__pages .content-item__right {
  width: 100%;
}
.wx-panel.wx-panel__pages .ck.content-item .content-item-content__header {
  overflow: visible;
}
.wx-panel.wx-panel__pages .page-phase {
  border-bottom: 0.1rem dashed #d4d9d9;
}
.wx-panel.wx-panel__pages .page-phase.page-phase--last {
  border-bottom-color: transparent;
}
.wx-panel.wx-panel__pages .summary-panel--list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wx-panel.wx-panel__pages .summary-panel--list-item--byline {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.wx-panel.wx-panel__pages .summary-panel--list-item--byline .status {
  font-family: Roboto, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #8d9494;
  margin-left: 5px;
}
.wx-panel.wx-panel__pages .list-item-actions {
  display: flex;
  align-items: center;
  min-width: 110px;
}
.wx-panel.wx-panel__pages .list-item-actions .date-popup,
.wx-panel.wx-panel__pages .list-item-actions .drag-handle {
  margin-right: 2rem;
}
.overview-page .colored_container {
  background-color: #77d3c6;
}
.overview-page .header_section {
  background-color: #e8ebeb;
}
.overview-page .ck.quick-action:hover:not(.quick-action--disabled) .ui.header .content,
.overview-page .ck.quick-action:hover:not(.quick-action--disabled) i.icon {
  color: #394242;
}
.ck-lozenge.base {
  background-color: #8bd8f0;
}
.vote-message__editor-container {
  height: 350px;
  position: relative;
  background-color: #394242;
}
.vote-message__editor-container .vote-message__editor-container__html-btn {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  min-width: 1rem;
}
img {
  max-width: 100%;
}
.global-navigation .ui.menu .item > img:not(.ui),
.nav-account.support .avatar {
  border: 1px solid #f7f7f7;
  border-radius: 0.2rem;
}
.sortable-hoc__item--dragging {
  z-index: 5100;
}
.sortable-hoc__item--dragging .results-preview-item__title-icon {
  font-size: 1.3rem;
}
.sortable-hoc__item--dragging .results-preview-item__inner {
  padding: 0.5rem 1rem;
}
.sortable-hoc__item--dragging .results-preview-item__title {
  display: flex;
  align-items: center;
}
.sortable-hoc__item--dragging .results-preview-item__title .results-preview-item__title-text {
  flex: 1;
  margin-left: 0.5rem;
}
.sortable-hoc__item--dragging .sortable-item__action-drag,
.sortable-hoc__item--dragging .sortable-item__action-delete,
.sortable-hoc__item--dragging .sortable-item__action-settings {
  display: none;
}
.sortable-hoc__item--dragging.module-editor {
  background: #d8f2ee;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.sortable-hoc__item--dragging.module-editor.ck-panel {
  border-bottom: none;
}
.sortable-hoc__item--dragging.module-editor .ck.dropdown .ui.dropdown.selection.inverted,
.sortable-hoc__item--dragging.module-editor .ck.input .ui.input.inverted input {
  color: #37b8b5;
}
.sortable-hoc__item--dragging.module-editor .ck.dropdown .ui.dropdown.selection.inverted i.inverted.icon,
.sortable-hoc__item--dragging.module-editor .ck.input .ui.input.inverted input i.inverted.icon {
  color: #37b8b5;
}
.sortable-hoc__item--dragging.module-editor .dropdown-positioner i.inverted.icon {
  color: #37b8b5;
}
.sortable-hoc__item--dragging.module-editor .ck.dropdown .ui.dropdown.selection.inverted,
.sortable-hoc__item--dragging.module-editor .ck.input .ui.input.inverted {
  border-color: #37b8b5;
}
.sortable-hoc__item--dragging.module-editor.sortable-feed-item .ck-checkbox {
  position: relative;
  top: 15px;
}
.sortable-hoc__item--dragging.module-editor.sortable-item__takeover {
  display: flex;
  align-items: center;
}
.sortable-hoc__item--dragging.content-list .ck.content-card {
  background: #e5eff4;
}
.sortable-hoc__item--dragging.content-list .content-card-media .content-card-media__thumbnail img.ui.image,
.sortable-hoc__item--dragging.content-list .content-card-media .content-card-media__thumbnail .ui.embed {
  max-height: 100px;
}
.sortable-hoc__item--dragging.content-list .moderation-actions-menu {
  margin-left: 1rem;
  display: inline-block;
}
.sortable-hoc__item--dragging.content-list .content-list__item__move-actions {
  display: none;
}
.ck-date-time-picker .rw-datetime-picker input.rw-input {
  height: auto;
}
.multi-choice-option-list--dragged-item {
  z-index: 5100;
}
.multi-choice-option-list--dragged-item .multi-choice-option-editor__action-drag-handle {
  padding-left: 10px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-heading {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: bold;
}
.media-heading.large {
  text-transform: lowercase;
  color: #fff;
  font: normal 36px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 700;
}
.media-heading.large span {
  font-weight: normal;
}
.media-byline {
  color: #6c87a1;
  font: normal 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 5px 0;
}
.media-object {
  display: block;
}
.dl-horizontal.text-left dt {
  text-align: left;
}
.review-info .dl-horizontal dt {
  width: 130px;
}
.review-info .dl-horizontal dd {
  margin-left: 135px;
}
.v-center {
  display: table !important;
  height: 100%;
}
.v-center .v-center-inner {
  display: table-cell !important;
  vertical-align: middle;
}
.v-center .media {
  margin-top: 0;
}
.v-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.align-middle {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.invisible {
  visibility: hidden !important;
}
.component-stats-overview {
  /*---- overviews.less ----*/
}
.component-stats-overview .cell-metric {
  text-align: center;
  min-height: 100px;
}
.component-stats-overview .label-metric {
  display: block;
}
.panel-app > .header-overview {
  background-size: cover;
  background-position: center bottom;
  color: #394242;
}
.panel-app > .header-overview > .row:first-of-type {
  padding: 10px 40px 30px;
}
.component-actions-overview {
  border-top: 1px dashed #d4d9d9;
  padding: 0;
  margin-top: 2em;
}
.action-overview {
  text-align: center;
}
.action-overview a:link,
.action-overview a:visited {
  color: #394242;
  text-decoration: none;
}
.action-overview > a {
  display: inline-block;
}
.action-overview .media-body {
  padding-top: 1em;
}
.action-overview .media-heading {
  font-size: 20px;
  font-weight: normal;
  color: #394242;
}
.action-overview p {
  margin-top: 0;
  font-size: 12px;
  color: #8d9494;
}
.action-overview .icon.xl {
  margin-right: 0;
  font-size: 56px;
}
.action-overview .icon.xl:before {
  padding-right: 0;
}
.action-overview a:hover {
  color: #37b8b5 !important;
}
.action-overview a:hover .media-heading,
.action-overview a:hover .icon {
  color: #37b8b5 !important;
}
.action-overview a:hover p {
  color: #3ec0ad !important;
}
.overview-actions .media-heading {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  font-weight: normal;
  color: #808080;
}
.overview-actions .action-quick p {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.overview-actions .action-quick a:link i[data-icon],
.overview-actions .action-quick a:visited i[data-icon] {
  float: none;
  font-size: 64px;
  color: #989898;
}
.overview-actions .action-quick a:hover i[data-icon],
.overview-actions .action-quick a:hover strong {
  color: #37b8b5;
}
.overview-actions .action-quick a:hover p {
  color: #3ec0ad;
}
.component.component-stats-overview .metric {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 64px;
  font-weight: 100;
}
.component.component-stats-overview .label-metric {
  display: block;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: normal;
  color: #8d9494;
}
.component.component-stats-overview .component-controls {
  text-align: right;
  float: right;
}
@media (min-width: 992px) {
  .header-overview .icon.xxl {
    font-size: 160px;
  }
  .header-overview .title-overview-headline {
    font-size: 144px;
  }
}
.header-overview-advocacy,
.header-summary-advocacy {
  border-bottom: 7px solid #77d3c6 !important;
  background-color: #e8ebeb !important;
}
.header-overview-advocacy i.inverted.icon,
.header-summary-advocacy i.inverted.icon {
  color: #394242;
}
[class*='ui 16:9 embed'] {
  padding-bottom: 56.25%;
  width: 100%;
  position: relative;
}
[class*='ui 16:9 embed'] > .embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.header-overview-audience {
  border-bottom: 7px solid #77d3c6 !important;
  background-color: #e8ebeb !important;
}
.header-overview-audience i.inverted.icon {
  color: #394242;
}
#react-message-growler-mount {
  z-index: 20000;
  position: absolute;
}
.campaignInsights.overlay-base {
  /*---- insights.less ----*/
  padding-top: 150px;
}
.campaignInsights .component .btn {
  padding: 10px;
}
.insights-hashtag {
  margin-top: 20px !important;
}
.ui.menu > .container .insightsNav,
.ui.menu > .container .insightsDateControls {
  margin-top: 1em;
}
.ck-menu-wrapper .nav-menu-icon {
  padding-left: 0;
  font-size: 24px;
  padding-right: 10px;
  line-height: 48px;
  margin: 6px 0;
  color: #77d3c6;
  border-right: 1px solid #77d3c6 !important;
}
.statBox {
  height: 165px;
  padding-top: 55px;
  margin-bottom: 10px;
}
.stat-box--hidden {
  display: none !important;
}
.small125 .statBox {
  height: initial;
  padding: 22px 0;
}
.normalWidth .statBox {
  width: 125px;
  float: left;
  margin-left: 10px;
}
.doubleWidth .statBox {
  width: 250px;
  float: left;
  margin-left: 10px;
}
.statBoxHero .statBox {
  background-color: #77d3c6;
}
.campaignHeadingInfo .statBoxEngagement .statBox {
  position: absolute;
  bottom: 0;
  width: 260px;
  margin: 0 0 20px 20px;
  padding: 0;
  height: auto;
  background-color: transparent !important;
}
.campaignHeadingInfo .statBoxEngagement .statBoxCount {
  text-align: left;
}
.campaignHeadingInfo .statBoxEngagement .statBoxLabel {
  text-align: left;
  font-size: 1.2em;
  color: #ffffff;
}
.statBoxLabel {
  font-weight: normal;
  text-align: center;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
}
.statBoxCount {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  font-size: 30px;
  line-height: 45px;
  text-align: center;
  text-transform: lowercase;
}
.statBox.big .statBoxCount {
  font-size: 64px;
  line-height: 64px;
}
.keyStatBox .statBox {
  color: #8d9494;
  text-transform: uppercase;
  border-left: 3px solid #77d3c6;
  margin-bottom: 40px;
  padding: 0 10px;
  height: auto;
  border-radius: 0;
}
.keyStatBox .statBoxLabel {
  text-align: left;
  font-size: 1.1em;
}
.keyStatBox .statBoxCount {
  text-align: left;
}
.keyStatBoxHero {
  border-left: 3px solid #77d3c6;
  margin-bottom: 40px;
  padding: 0 10px;
}
.keyStatBoxHero .statBoxLabel {
  text-align: left;
}
.keyStatBoxHero .statBoxCount {
  font-size: 4.2em;
  text-align: left;
}
.audienceActivityStatBox {
  padding: 20px 10px;
}
.audienceActivityStatBox .statBoxLabel {
  text-align: center;
  margin: 0 100px;
}
.audienceActivityStatBox .statBoxCount {
  font-size: 64px;
  text-align: center;
}
.genderInfographic {
  position: relative;
  padding: 10px;
  margin: 50px 0 75px;
}
.genderInsightsWrapper .genderInfographic {
  margin: 0;
  padding: 0;
}
.genderInfographic .icon-gender {
  width: 120px;
  height: 300px;
  float: left;
  position: relative;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 1.5em;
}
.genderInfographic .icon-gender:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 256px;
  line-height: 256px;
  margin-left: -64px;
}
.genderInfographic .genderSeparator {
  width: 1px;
  background-color: #8d9494;
  height: 250px;
  float: left;
  margin: 0 15px;
}
.genderInfographic .icon-gender p {
  text-align: center;
  font-size: 2.4em;
  line-height: 28px;
  position: absolute;
  bottom: 0;
  margin: auto;
  width: 100%;
}
.genderInfographic .genderMale:before {
  content: 'M';
  color: #77d3c6;
}
.genderInfographic .genderFemale:before {
  content: 'f';
  color: #cf2e76;
}
.genericTable {
  display: table;
  width: 100%;
}
.genericTable.full-height {
  height: 100%;
}
.genericTable.fixedLayout {
  table-layout: fixed;
}
.tableCellVAlignTop {
  display: table-cell;
  vertical-align: top;
}
.tableCellVAlignMiddle {
  display: table-cell;
  vertical-align: middle;
}
.tableCellHAlignCenter {
  text-align: center;
}
.campaignHeadingInfo {
  position: relative;
  height: 400px;
  border-bottom: 4px solid #77d3c6;
  overflow: hidden;
}
.campaignHeadingInfo hgroup {
  background-color: rgba(68, 214, 252, 0.75);
  height: 100%;
}
.campaignTitle {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 4em;
  color: #77d3c6;
  padding: 20px 60px 0;
  overflow-x: hidden;
  white-space: nowrap;
}
.campaignTitle span.title-icon {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #77d3c6;
}
.campaignHeadingInfo .title {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 3.2em;
  color: #ffffff;
  padding: 24px;
}
.insightsChartGraphs {
  width: 1110px;
  height: 400px;
}
@media screen and (max-width: 992px) {
  .insightsChartGraphs {
    width: 650px;
    height: 300px;
  }
}
.campaignLiveInsightsChartGraphs {
  min-width: 1110px;
  height: 300px;
}
.gaugeContainer {
  float: left;
  width: 250px;
  height: 250px;
}
.campaignLiveGraphs {
  position: relative;
  padding: 30px;
}
.campaignLiveGraphsDescription {
  padding: 30px;
}
.performancePieChart {
  width: 400px;
  height: 200px;
}
.performancePieChart.performancePieChart--medium {
  width: 300px;
}
.performancePieChart.performancePieChart--medium.performancePieChart--medium--has-title {
  height: 150px;
}
.performancePieChart title {
  display: none;
}
.customPieChart {
  width: 172px;
  text-align: center;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #666;
}
.customPieChart .customPieChart--title {
  font-size: 24px;
}
.customPieChart .customPieChart--subtitle {
  font-size: 12px;
}
.performanceSummaryList {
  float: left;
  padding-left: 150px;
}
.demographicLocationChart {
  display: table;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.demographicLocation {
  display: table-row;
  width: 100%;
}
.demographicLocation .peopleGraphicsWrapper {
  display: table-cell;
  vertical-align: middle;
  min-width: 680px;
  height: 60px;
}
.demographicLocation .peopleGraphicsWrapper .peopleGraphics {
  position: relative;
  float: right;
  width: 0;
  /* will be set by the view */
  height: 32px;
}
.demographicLocation .peopleGraphicsWrapper .peopleGraphicsBG {
  position: absolute;
  width: 100%;
  height: 100%;
}
.demographicLocation .peopleGraphicsWrapper .peopleGraphicsNegative {
  position: absolute;
  width: 100%;
  height: 100%;
}
.demographicLocation .peopleGraphicsCount {
  display: table-cell;
  vertical-align: middle;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 32px;
  color: #9A9A9A;
  text-align: right;
  padding: 10px 30px 10px 10px;
  width: 50%;
  min-width: 130px;
}
.demographicLocation .peopleGraphicsLabel {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  color: #9A9A9A;
  font-size: 18px;
  width: 50%;
  min-width: 220px;
}
.demographicParticipantsContent {
  display: table;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.demographicParticipantsContent {
  display: table;
  width: 100%;
  border-spacing: 15px 20px;
}
.demographicParticipantsContent .participantsGridRow {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: table-row;
}
.participantsGridRow .participantsIcon {
  border-left: 3px solid #77d3c6;
}
.participantsGridRow .participantsIcon,
.participantsGridRow .participantsIcon img {
  width: 64px;
  min-width: 64px;
  margin-left: 5px;
}
.participantsGridRow .participantsInfoBlock {
  width: 100%;
  min-width: 200px;
}
.participantsGridRow .participantsInfoBlock .title {
  font-size: 1.5em;
  float: left;
}
.participantsGridRow .participantsInfoBlock .desc {
  font-size: 1em;
  color: #8d9494;
  clear: both;
}
.dataNotAvailable {
  padding: 10px;
  background: rgba(249, 148, 6, 0.85);
  border-spacing: 0 !important;
}
.dataNotAvailableSimple {
  padding: 10px;
  font-size: 24px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.dataNotAvailable h1::before {
  display: none;
  font-size: 128px;
}
.dataNotAvailable i {
  font-size: 64px;
  line-height: 64px;
  float: right;
  margin-right: -20px;
}
.dataNotAvailable h1 {
  color: #8d9494 !important;
  font-size: 36px !important;
}
.dataNotAvailable h2 {
  color: #8d9494 !important;
  font-size: 24px !important;
}
/* campaign post */
.postSourcesChart {
  display: table;
  width: 100%;
  border-spacing: 5px;
}
.postSources {
  display: table-row;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  width: 100%;
  padding-top: 15px;
}
.postSources .postGraphicsWrapper {
  display: table-cell;
  vertical-align: middle;
  min-width: 615px;
}
.postSources .postGraphicsWrapper .postGraphics {
  position: relative;
  float: right;
  width: 0;
  /* will be set by the view */
  height: 32px;
}
.postSources .postGraphicsWrapper .postGraphicsBG {
  position: absolute;
  background-color: #77d3c6;
  width: 100%;
  height: 100%;
}
.postSources .postGraphicsWrapper .postGraphicsStackBG {
  position: absolute;
  background-color: #77d3c6;
  width: 100%;
  height: 100%;
}
.postSources .postGraphicsWrapper .postGraphicsStackBG.postGraphicsStackBG--inner {
  margin: 5px 0px 5px 5px;
  height: 22px;
}
.postSources .postGraphicsWrapper .postGraphicsNegative {
  position: absolute;
  width: 100%;
  height: 100%;
}
.postSources .postSourceViewsWrapper {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 20px 5px 40px;
  color: #394242;
  width: 50%;
  min-width: 200px;
}
.postSources .postSourceGoalsWrapper {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 30px;
  color: #394242;
  width: 50%;
  min-width: 135px;
}
.postSources .postSourceCount {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  color: #6c7373;
}
.postSources .postSourceLabel {
  font-size: 14px;
  font-weight: bold;
}
.postSources.footer .postSourceCount {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
}
.userJourneyChart {
  display: table;
  width: 100%;
  border-spacing: 5px;
}
.userJourneyChart .userJourney {
  display: table-row;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  width: 100%;
  padding-top: 15px;
}
.userJourneyChart .userJourney .userJourneyGraphicsWrapper {
  display: table-cell;
  vertical-align: middle;
  min-width: 615px;
}
.userJourneyChart .userJourney .userJourneyGraphicsWrapper .userJourneyGraphics {
  position: relative;
  float: right;
  width: 0;
  /* will be set by the view */
  height: 32px;
}
.userJourneyChart .userJourney .userJourneyGraphicsWrapper .userJourneyGraphicsBG {
  position: absolute;
  background-color: #77d3c6;
  width: 100%;
  height: 100%;
}
.userJourneyChart .userJourney .userJourneyViewsWrapper {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0px 5px 18px;
  color: #818181;
  width: 150px;
  min-width: 150px;
}
.userJourneyChart .userJourney .userJourneyViewsWrapper .userJourneyCount {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  color: #9A9A9A;
}
.userJourneyChart .userJourney .userJourneyViewsWrapper .userJourneyLabel {
  font-size: 14px;
  font-weight: bold;
}
/* campaign audience */
.topAudienceButtons li {
  display: inline-block;
}
.topAudienceButtons .btn {
  color: #8d9494;
}
.topAudienceButtons .btn:hover {
  color: #ffffff;
  background: #77d3c6;
}
.topAudienceButtons .btn.btn-accent {
  color: #ffffff;
}
.audicenceGridContent {
  display: table;
  width: 100%;
  border-spacing: 15px 20px;
}
.audicenceGridContent .audicenceGridRow {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: table-row;
}
.audicenceGridRow .audienceIcon {
  border-left: 3px solid #77d3c6;
}
.audicenceGridRow .audienceIcon,
.audicenceGridRow .audienceIcon img {
  width: 64px;
  min-width: 64px;
  margin-left: 5px;
}
.audicenceGridRow .audienceInfoBlock {
  width: 100%;
  min-width: 200px;
}
.audicenceGridRow .audienceInfoBlock .title {
  font-size: 1.5em;
  float: left;
}
.audicenceGridRow .audienceInfoBlock .desc {
  font-size: 1em;
  color: #8d9494;
  clear: both;
}
.audicenceGridRow .counterBlock {
  color: #ffffff;
  min-width: 64px;
  min-height: 64px;
  margin-right: 10px;
  text-align: center;
  border-radius: 2px;
  padding: 0 5px;
}
.audicenceGridRow .counterBlock .count {
  font-size: 1.8em;
}
.audicenceGridRow .counterBlock .countLabel {
  font-size: 1.2em;
}
.audicenceGridRow .counterBlock.referrals {
  background-color: #cf2e76;
}
.audicenceGridRow .counterBlock.invites,
.audicenceGridRow .counterBlock.shares {
  background-color: #77d3c6;
}
.audicenceGridRow .counterBlock.promotes {
  background-color: #46a546;
}
.audiencePieCharts {
  width: 290px;
  height: 200px;
}
.audienceMembersStats .keyStatBox .statBoxLabel {
  color: #77d3c6;
}
.bullet-chart-field-label {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  line-height: 72px;
}
.bulletChart {
  display: table;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  width: 400px;
  padding: 10px 0;
  border-spacing: 0;
}
.bulletChart .itemCount {
  min-width: 140px;
  max-width: 140px;
  text-align: right;
  line-height: 52px;
  padding-right: 10px;
  background-color: #ffffff;
  font-size: 1.2em;
  border-radius: 0 2px 2px 0;
}
.bulletChart .itemLabel {
  padding: 0 10px;
  margin-right: 5px;
  width: 85px;
  text-align: center;
  font-size: 1.2em;
  line-height: 52px;
  border-radius: 2px;
}
.bulletChart .barChartWrapper {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px 0 0 2px;
  display: table-cell;
  min-width: 50px;
}
.bulletChart .barChartWrapper .itemChartBar {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 32px;
}
.bulletChart .barChartWrapper .itemChartAvgWrapper {
  position: absolute;
  top: -10px;
  width: 2px;
  height: 52px;
  background-color: #d4d9d9;
}
.bulletChart .barChartWrapper .itemChartAvgWrapper .itemChartAveBar {
  background-color: transparent;
  width: 12px;
  height: 52px;
  margin-left: -5px;
}
.activity-scores .bulletChart .itemLabel {
  text-align: right;
  width: 180px;
}
.comparativeBulletChart {
  width: 100%;
}
.scoreBulletChart {
  width: 100%;
}
.liveCampaignTitle {
  display: table;
  color: #ffffff;
  font-size: 1.2em;
  background-color: #394242;
  border-radius: 2px;
  padding: 10px;
  margin-left: 20px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.liveCampaignTitle .title {
  display: table-cell;
  padding-right: 10px;
}
.liveCampaignBox {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
  font-size: 13px;
  line-height: 18px;
  margin: 1px 0;
  background-color: #e02d42;
  border-radius: 2px;
  padding: 0 5px;
}
.eventFeedWrapper {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: table;
  margin: 25px 0;
}
.eventFeedWrapper .eventIcon {
  font-size: 24px;
  min-width: 32px;
}
.eventFeedWrapper .eventInfoBlock {
  padding: 0 10px;
}
.eventFeedWrapper .eventUserProfileIcon {
  border-left: 1px solid #e8ebeb;
  padding-left: 10px;
}
.eventFeedWrapper .eventUserProfileIcon img {
  width: 48px;
  height: 48px;
}
.eventFeedWrapper .eventName {
  font-size: 1.3em;
  color: #394242;
}
.eventFeedWrapper .userName {
  font-size: 1.3em;
  color: #6c7373;
}
.eventFeedWrapper .eventTime {
  font-size: 1em;
  color: #6c7373;
}
/* campaign view on the global insights page */
.container-graphs {
  display: table;
  width: 100%;
  border-spacing: 10px 5px;
}
.campaignPromotionGraphsContainer {
  border-collapse: collapse;
}
.campaignItemWrapper,
.promotionItemWrapper,
.conversationSummaryItemWrapper,
.advocacySummaryItemWrapper {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: table-row;
  margin: 10px 0;
}
.advocacySummaryItemWrapper {
  margin: 0;
}
.rewardItemWrapper {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: table-row;
  margin: 0;
  font-size: 14px;
}
.rewardItemWrapper.rewardItemHeader {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
}
.advocacySummaryFooter {
  text-align: center;
}
.promotionItemWrapper {
  border-bottom: 1px solid #8d9494;
}
.promotionItemWrapper .tableCellVAlignMiddle {
  padding: 5px;
}
.campaignItemWrapper .bulletGraphWrapper {
  width: 200px;
  min-width: 200px;
  text-align: center;
}
.campaignItemWrapper .bulletChart {
  padding: 0;
  width: 100%;
}
.campaignItemWrapper .bulletChart .itemLabel {
  line-height: 38px;
  padding: 0 5px;
}
.campaignItemWrapper .bulletChart .barChartWrapper .itemChartBar {
  height: 22px;
  margin-top: 8px;
  margin-bottom: 5px;
}
.campaignItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper {
  height: 38px;
  top: -8px;
}
.campaignItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper .itemChartAveBar {
  background-color: transparent;
  width: 12px;
  height: 38px;
  margin-left: -5px;
}
.campaignItemWrapper .bulletChart .itemCount {
  line-height: 38px;
  min-width: 100px;
  max-width: 100px;
}
.conversationSummaryItemWrapper,
.advocacySummaryItemWrapper {
  /*&.conversationSummaryHeader .bulletGraphWrapper, &.conversationSummaryHeader .counterBlock,*/
}
.conversationSummaryItemWrapper .bulletGraphWrapper,
.advocacySummaryItemWrapper .bulletGraphWrapper {
  font-size: 1.2em;
  width: 175px;
  min-width: 175px;
  text-align: center;
  padding: 10px 0;
}
.conversationSummaryItemWrapper .bulletGraphWrapper.wide,
.advocacySummaryItemWrapper .bulletGraphWrapper.wide {
  width: 220px;
  min-width: 220px;
}
.conversationSummaryItemWrapper .bulletChart,
.advocacySummaryItemWrapper .bulletChart {
  padding: 0;
  width: 100%;
}
.conversationSummaryItemWrapper .bulletChart .itemLabel,
.advocacySummaryItemWrapper .bulletChart .itemLabel {
  line-height: 28px;
  padding: 0 5px;
}
.conversationSummaryItemWrapper .bulletChart .barChartWrapper,
.advocacySummaryItemWrapper .bulletChart .barChartWrapper {
  background-color: #d4d9d9;
}
.conversationSummaryItemWrapper .bulletChart .barChartWrapper .itemChartBar,
.advocacySummaryItemWrapper .bulletChart .barChartWrapper .itemChartBar {
  height: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.conversationSummaryItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper,
.advocacySummaryItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper {
  height: 28px;
  top: -4px;
}
.conversationSummaryItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper .itemChartAveBar,
.advocacySummaryItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper .itemChartAveBar {
  background-color: transparent;
  width: 12px;
  height: 28px;
  margin-left: -5px;
}
.conversationSummaryItemWrapper .bulletChart .itemCount,
.advocacySummaryItemWrapper .bulletChart .itemCount {
  background-color: #d4d9d9;
  line-height: 28px;
  min-width: 75px;
  max-width: 750px;
}
.conversationSummaryItemWrapper .conversationSummaryIcon,
.advocacySummaryItemWrapper .conversationSummaryIcon {
  font-size: 24px;
  width: 24px;
}
.conversationSummaryItemWrapper .conversationSummaryAvatar,
.advocacySummaryItemWrapper .conversationSummaryAvatar {
  max-width: 50px;
  max-height: 50px;
  border-radius: 2px;
}
.conversationSummaryItemWrapper .conversationSummaryAvatar.small,
.advocacySummaryItemWrapper .conversationSummaryAvatar.small {
  max-width: 32px;
  max-height: 32px;
}
.conversationSummaryItemWrapper .actionIcon a,
.advocacySummaryItemWrapper .actionIcon a {
  text-decoration: none;
}
.conversationSummaryItemWrapper .actionIcon a:hover,
.advocacySummaryItemWrapper .actionIcon a:hover {
  color: #77d3c6 !important;
}
.conversationSummaryItemWrapper .conversationSummaryNetwork,
.advocacySummaryItemWrapper .conversationSummaryNetwork {
  padding-top: 12px;
}
.conversationSummaryItemWrapper .conversationSummaryNetwork.actionIcon a,
.advocacySummaryItemWrapper .conversationSummaryNetwork.actionIcon a {
  font-size: 24px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock {
  width: 100%;
  min-width: 200px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .action-icon,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .action-icon {
  color: #6c7373 !important;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .title,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .title {
  font-size: 16px;
  float: left;
  font-weight: bold;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .title a,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .title a {
  color: #6c7373;
  text-decoration: none;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .userName,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .userName {
  float: left;
  padding-left: 10px;
  line-height: 20px;
  font-family: normal 12px 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .userName a,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .userName a {
  color: #6c7373;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .desc,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .desc {
  color: #d4d9d9;
  clear: both;
  min-width: 320px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .desc span,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .desc span {
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .desc .localization,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .desc .localization {
  color: #d4d9d9;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .desc i,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .desc i {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  color: #d4d9d9;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .desc i.border-right,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .desc i.border-right {
  border-right: 1px solid #8d9494;
  margin-right: 10px;
  padding-right: 5px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .desc i.border-left,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .desc i.border-left {
  border-left: 1px solid #8d9494;
  margin-left: 10px;
  padding-left: 5px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .comment,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .comment {
  font-family: normal 12px 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #394242;
  clear: both;
  min-width: 320px;
  word-break: break-all;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .conversation-content,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .conversation-content {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .conversation-content .contentImage,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .conversation-content .contentImage {
  vertical-align: top;
  display: table-cell;
  padding-right: 10px;
  width: 64px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .conversation-content .contentImage img,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .conversation-content .contentImage img {
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  border-radius: 2px;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .conversation-content .contentDetails,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .conversation-content .contentDetails {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.conversationSummaryItemWrapper .conversationSummaryInfoBlock .conversation-content:after,
.advocacySummaryItemWrapper .conversationSummaryInfoBlock .conversation-content:after {
  clear: both;
  content: "";
}
.conversationSummaryItemWrapper .counterBlock,
.advocacySummaryItemWrapper .counterBlock {
  font-size: 1.2em;
  min-width: 70px;
  margin-right: 10px;
  text-align: center;
  word-wrap: break-word;
}
.conversationSummaryItemWrapper .counterBlock.wide,
.advocacySummaryItemWrapper .counterBlock.wide {
  min-width: 125px;
}
.conversationSummaryItemWrapper .counterBlock.large,
.advocacySummaryItemWrapper .counterBlock.large {
  min-width: 125px;
  font-size: 2em;
}
.conversationSummaryItemWrapper .counterBlock.color-red,
.advocacySummaryItemWrapper .counterBlock.color-red {
  color: #e02d42;
}
.conversationSummaryItemWrapper .counterBlock .sentiment,
.advocacySummaryItemWrapper .counterBlock .sentiment {
  color: #ffffff;
  border-radius: 2px;
  line-height: 38px;
  min-width: 100px;
}
.conversationSummaryItemWrapper .counterBlock .sentiment.green,
.advocacySummaryItemWrapper .counterBlock .sentiment.green {
  background-color: #46a546;
}
.conversationSummaryItemWrapper .counterBlock .sentiment.orange,
.advocacySummaryItemWrapper .counterBlock .sentiment.orange {
  background-color: #f89406;
}
.conversationSummaryItemWrapper .counterBlock .sentiment.red,
.advocacySummaryItemWrapper .counterBlock .sentiment.red {
  background-color: #9d261d;
}
.conversationSummaryItemWrapper .tag-insights-preview,
.advocacySummaryItemWrapper .tag-insights-preview {
  cursor: pointer;
  color: #ffffff;
  background-color: #d4d9d9;
  border-radius: 2px;
  line-height: 28px;
  padding: 0 5px;
}
.conversationSummaryItemWrapper .tag-insights-preview:hover,
.advocacySummaryItemWrapper .tag-insights-preview:hover {
  background-color: #77d3c6;
}
.conversationSummaryItemWrapper.conversationSummaryFooter .bulletGraphWrapper,
.advocacySummaryItemWrapper.conversationSummaryFooter .bulletGraphWrapper,
.conversationSummaryItemWrapper.conversationSummaryFooter .counterBlock,
.advocacySummaryItemWrapper.conversationSummaryFooter .counterBlock {
  font-size: 0.9em;
  font-weight: bold;
}
.conversationSummaryItemWrapper.conversationSummaryFooter .tableCellVAlignMiddle,
.advocacySummaryItemWrapper.conversationSummaryFooter .tableCellVAlignMiddle {
  text-align: center;
}
.insights-filter-menu {
  list-style: none outside none;
  text-align: center;
  padding-bottom: 20px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 24px;
}
.insights-filter-menu li {
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
  padding: 5px;
  min-width: 185px;
  background-color: #e8ebeb;
  border: 1px solid #e8ebeb;
  border-radius: 3px;
  color: #394242;
}
.insights-filter-menu li i {
  font-size: 16px;
  line-height: 16px;
  display: none;
}
.insights-filter-menu li.current,
.insights-filter-menu li:hover {
  background-color: #d8f2ee;
  border-color: #d8f2ee;
}
.insights-filter-menu li.current i {
  display: inline-block;
}
.insights-filter-menu li.disabled {
  color: #e8ebeb;
  background-color: #ffffff;
  border-color: #ffffff;
  cursor: default;
}
.insights-filter-menu li > a {
  cursor: pointer;
}
.advocacySummaryItemWrapper .bulletChart {
  padding: 10px;
}
.advocacySummaryItemWrapper .bulletChart .barChartWrapper {
  vertical-align: middle;
}
.advocacySummaryItemWrapper .bulletChart .barChartWrapper .itemChartBar {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 30px;
}
.advocacySummaryItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper {
  height: 50px;
  top: -10px;
}
.advocacySummaryItemWrapper .bulletChart .barChartWrapper .itemChartAvgWrapper .itemChartAveBar {
  background-color: transparent;
}
.advocacySummaryItemWrapper .bulletChart .itemCount {
  background-color: #ffffff;
  line-height: 50px;
}
.advocacySummaryItemWrapper .tableCellVAlignMiddle.bulletGraphWrapper {
  margin: 0 10px;
  padding: 0;
}
.monitor-post-metrics-component .conversationSummaryItemWrapper {
  color: #6c7373;
}
.monitor-post-metrics-component .conversationSummaryItemWrapper .bulletGraphWrapper {
  padding: 5px;
}
.monitor-post-metrics-component .conversationSummaryItemWrapper .bulletChart .barChartWrapper .itemChartBar {
  height: 26px;
}
.insights-overlay.overlay .header-overview h2 {
  font-weight: 100;
  text-transform: none;
  color: #6c7373;
}
.insights-overlay .panel-app .component h1 {
  color: #394242;
}
.insights-overlay .panel-app .component h2 {
  color: #394242;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.insights-overlay .panel-app .sectionHeader.entries-summary-insights-header {
  border-bottom: 7px solid #77d3c6 !important;
  background-color: #e8ebeb !important;
}
.insights-overlay .panel-app .sectionHeader.entries-summary-insights-header i.inverted.icon {
  color: #394242;
}
.insights-overlay .sectionInner {
  background-color: #f7f7f7;
}
.insights-overlay .top-messagers-header {
  display: none;
}
.insights-overlay .download-btn {
  color: #2b8679 !important;
}
.insights-overlay .download-btn i:before {
  vertical-align: top;
}
.insights-overlay .download-btn:hover {
  color: #37b8b5 !important;
}
.insights-overlay .ui.menu > .container > .menu .item {
  border-bottom-style: hidden;
  margin-bottom: 3px;
}
.component .insights-horizontal-header {
  padding-bottom: 20px;
}
.component .insights-horizontal-header h1 {
  white-space: nowrap;
  padding-right: 30px;
  border-right: 1px solid #8d9494;
  font-size: 2rem;
}
.component .insights-horizontal-header h2 {
  font-size: 36px;
  line-height: 36px;
  white-space: nowrap;
  padding-right: 30px;
  border-right: 1px solid #8d9494;
}
.component .insights-horizontal-header p {
  width: 100%;
  padding-left: 30px;
}
.component .insights-horizontal-header.tab-title {
  padding-bottom: 0;
}
.component .insights-horizontal-header.tab-title h2 {
  text-transform: none;
  font-size: 64px;
  line-height: 64px;
  border: none;
  padding-right: 0;
}
.campaignItemWrapper .campaignIconBG {
  color: #ffffff;
  margin: 7px 0;
}
.campaignItemWrapper .campaignIconWrapper {
  padding: 15px;
  background-color: #77d3c6;
}
.campaignItemWrapper .campaignIcon {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  color: #394242;
}
.campaignItemWrapper .campaignInfoBlock,
.promotionItemWrapper .promotionInfoBlock {
  width: 100%;
  min-width: 200px;
}
.campaignItemWrapper .campaignInfoBlock .campaignType {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #6c7373;
}
.campaignItemWrapper .campaignInfoBlock .title,
.promotionItemWrapper .promotionInfoBlock .title {
  float: left;
}
.campaignItemWrapper .campaignInfoBlock .liveCampaignBox,
.promotionItemWrapper .promotionInfoBlock .liveCampaignBox {
  margin-left: 10px;
  float: left;
}
.campaignItemWrapper .campaignInfoBlock .desc,
.promotionItemWrapper .promotionInfoBlock .desc {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  color: #6c7373;
  clear: both;
}
.campaignItemWrapper .counterBlock,
.promotionItemWrapper .counterBlock {
  font-size: 16px;
  min-width: 70px;
  margin-right: 10px;
  text-align: center;
}
.campaignItemWrapper .actionIcon,
.promotionItemWrapper .actionIcon {
  min-width: 16px;
}
.campaignItemWrapper .actionIcon a,
.promotionItemWrapper .actionIcon a {
  font-size: 16px;
  width: 16px;
  min-width: 16px;
  cursor: pointer;
  text-decoration: none;
  color: #2b8679 !important;
}
.campaignItemWrapper .actionIcon a:hover,
.promotionItemWrapper .actionIcon a:hover {
  color: #37b8b5 !important;
}
.campaignItemWrapper .highlightBlock,
.promotionItemWrapper .highlightBlock {
  color: #ffffff;
  background-color: #8d9494;
  border-radius: 2px;
  line-height: 38px;
}
.campaignItemWrapper .campaignIcon img {
  width: 32px;
  min-width: 32px;
}
.campaignItemWrapper.campaignHeader .bulletGraphWrapper,
.campaignItemWrapper.campaignHeader .counterBlock,
.promotionItemWrapper.promotionHeader .counterBlock {
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
}
.export-all-container {
  display: table-caption;
  text-align: end;
  padding-right: 10px;
  margin-bottom: 10px;
}
.campaignItemWrapper.campaignLeaderboard .counterBlock {
  min-width: 100px;
}
.liveCampaignBoxcampaignLeaderboard.campaignHeader .counterBlock {
  font-size: 0.9em;
  font-weight: bold;
}
.component.no-bottom-border {
  border-bottom: 0;
}
.component.small-bottom-padding {
  padding-bottom: 10px;
}
.component.no-padding {
  border-bottom: 0;
}
/* FB Page insights overlay style */
.chart {
  position: relative;
  display: inline-block;
  margin: 30px auto;
}
.engagementScoreWrapper {
  margin-left: 24px;
}
.metrics .statBox {
  position: relative;
  display: inline-block;
  float: left;
  height: 164px;
  width: 164px;
  margin: 30px 15px 10px 10px;
  padding: 0;
  background: #8d9494;
  text-align: center;
  border-radius: 2px;
}
.metrics .statBox .statBoxCount {
  margin: 45px auto 0;
  font-size: 46px;
  text-transform: uppercase;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.metrics .statBox .statBoxLabel {
  margin: 0 20px;
  font-size: 16px;
  text-transform: lowercase;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
/* hacking highcharts */
.highcharts-legend-item tspan {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system !important;
  font-size: 14px;
}
/* this class is on an svg group, using fill instead of color */
.series-post-wrapper text {
  fill: #e8ebeb;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
}
.series-post-wrapper path {
  stroke: #e8ebeb;
  stroke-width: 1;
  stroke-dasharray: 5,5;
}
.series-post-wrapper:hover text {
  fill: #77d3c6;
}
.series-post-wrapper:hover path {
  stroke: #77d3c6;
}
.series-post-tooltip-item {
  border-top: 1px dashed #666;
  padding: 10px 0;
  color: #6c7373;
}
.series-post-tooltip-item:first-child {
  border-top: none;
  padding-top: 0;
}
.series-post-tooltip-item:last-child {
  padding-bottom: 0;
}
.series-post-tooltip-item img {
  max-width: 48px;
  max-height: 48px;
  margin-right: 5px;
}
.series-post-tooltip-item i {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 16px;
  line-height: 16px;
}
.series-post-tooltip-item a {
  text-decoration: none;
}
.series-post-tooltip-item a:link,
.series-post-tooltip-item a:visited {
  color: #6c7373;
}
.series-post-tooltip-item a:hover {
  color: #ffffff;
}
.channelContentTabs {
  display: table;
  border-spacing: 15px 10px;
}
.postChartWrapper .pagePostMetric {
  margin: 30px 0 30px 40px;
}
.postChartWrapper .pagePostMetric .description {
  width: 280px;
  margin-right: 80px;
  display: inline-block;
}
.postChartWrapper .pagePostMetric .description span {
  color: #77d3c6;
  margin-right: 0.25em;
  font-size: 1.25em;
}
.postChartWrapper .pagePostMetric .count {
  width: 100px;
  font-size: 1.4em;
  color: #6c7373;
  display: inline-block;
}
.postChartWrapper .pagePostMetric .count span {
  font-size: 0.5em;
  display: block;
  margin-bottom: 2px;
  color: #394242;
}
.postChartWrapper .pagePostMetric:hover .description {
  border-left: 3px solid #77d3c6;
  margin-right: 70px;
  padding-left: 7px;
}
.postChartWrapper .pagePostMetric:hover .count {
  color: #6c7373;
}
.postChartWrapper .pagePostMetric:hover .count span {
  color: #394242;
}
.insightsDateControls {
  padding-top: 26px;
}
.insightsDateControls .insightsDateSlider {
  padding: 5px 0 0 0;
  float: right;
}
.graph-help-text {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
}
/* this will be applied to a svg element */
.ngx-gauge-arc {
  fill: #6cf;
}
.ngx-gauge-count {
  fill: #8d9494;
  color: #8d9494;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  font-size: 46px;
}
.ngx-gauge-label {
  fill: #8d9494;
  color: #8d9494;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: normal;
  font-size: 14px;
}
.globalInsights .bulletChart .barChartWrapper,
.globalInsights .bulletChart .itemCount {
  background-color: #6c7373;
}
.globalInsights .dataNotAvailableSimple {
  color: #b2b8b8;
}
.insights-date-range-note {
  display: none;
  clear: both;
}
.insights-date-range-note.visible {
  display: block;
}
.insights-support-link {
  color: #6c7373 !important;
  text-decoration: none;
}
.ui.grid.bootstrap-insights {
  padding-bottom: 20px;
}
.ui.grid.bootstrap-insights .row {
  margin-left: -5px;
  margin-right: -5px;
}
.content-break-down {
  display: table;
  width: 100%;
}
.content-break-down .content-break-down-row {
  display: table-row;
  width: 100%;
}
.content-break-down .content-break-down-row .break-down-icon {
  font-size: 24px;
}
.content-break-down .content-break-down-row .break-down-icon.color-web {
  color: #46a546;
}
.content-break-down .content-break-down-row .break-down-icon.color-facebook {
  color: #77d3c6;
}
.content-break-down .content-break-down-row .break-down-icon.color-twitter {
  color: #7e4c7d;
}
.content-break-down .content-break-down-row .break-down-icon.color-instagram {
  color: #cf2e76;
}
.content-break-down .content-break-down-row .break-down-icon.color-youtube {
  color: #F7CF44;
}
.content-break-down .content-break-down-row .break-down-icon.color-googleplus {
  color: #ec4f3a;
}
.content-break-down .content-break-down-row .break-down-icon.color-ugc {
  color: #157841;
}
.content-break-down .content-break-down-row .break-down-icon.color-pinterest {
  color: #8d9494;
}
.content-break-down .content-break-down-row .break-down-icon.color-vine {
  color: #e3713a;
}
.content-break-down .content-break-down-row .break-down-icon.color-flickr {
  color: #f89406;
}
.content-break-down .content-break-down-row .break-down-icon.color-linkedin {
  color: #0976b4;
}
.content-break-down .content-break-down-row .break-down-icon.color-bazaarvoice {
  color: #00b488;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper {
  width: 100%;
  padding: 10px;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar {
  height: 36px;
  background-color: #d4d9d9;
  border-radius: 2px;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-web {
  background-color: #46a546;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-facebook {
  background-color: #77d3c6;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-twitter {
  background-color: #7e4c7d;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-instagram {
  background-color: #cf2e76;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-youtube {
  background-color: #F7CF44;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-googleplus {
  background-color: #ec4f3a;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-ugc {
  background-color: #157841;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-pinterest {
  background-color: #8d9494;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-vine {
  background-color: #e3713a;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-flickr {
  background-color: #f89406;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-linkedin {
  background-color: #0976b4;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.bg-color-bazaarvoice {
  background-color: #00b488;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-bar.goal {
  background-color: #f89406;
}
.content-break-down .content-break-down-row .break-down-bar-wrapper .break-down-count {
  position: absolute;
  top: 0;
  padding: 0 5px;
  line-height: 36px;
  color: #6c7373;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 36px;
}
.content-break-down .content-break-down-row .count-spacer {
  min-width: 120px;
}
.goal-insights {
  margin-top: 40px;
}
.campaign-goal-wrapper {
  border-top: 1px dashed silver;
  padding: 30px 0;
}
.campaign-goal-wrapper .goal-graphics {
  position: relative;
  padding: 10px 10px 10px 0;
}
.campaign-goal-wrapper .goal-values {
  top: 0;
  position: absolute;
  width: 100%;
  font-size: 16px;
  line-height: 50px;
  text-align: right;
  padding-right: 10px;
  font-family: Roboto, HelveticaNeue-Light, Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  border-radius: 2px;
}
.campaign-goal .goal-title,
.campaign-goal .goal-description {
  color: #394242;
  line-height: 16px;
  font-size: 16px;
}
.campaign-goal .goal-description {
  font-size: 12px;
  padding-bottom: 5px;
  color: #6c7373;
}
.campaign-goal .milestone-wrapper {
  float: left;
}
.campaign-goal .milestone-wrapper .milestone-bar-graph-wrapper {
  background-color: #b2b8b8;
  border-right: 1px solid transparent;
  position: relative;
}
.campaign-goal .milestone-wrapper .milestone-bar-graph-wrapper.display-divider {
  border-right: 1px solid #77d3c6;
}
.campaign-goal .milestone-wrapper .milestone-bar-graph-wrapper .milestone-bar {
  height: 30px;
  background-color: #77d3c6;
}
.campaign-goal .milestone-wrapper .milestone-bar-graph-wrapper .milestone-bar-percent {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 30px;
  font-family: HelveticaNeue-Light, Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.campaign-goal .milestone-wrapper .milestone-bar-label {
  text-align: center;
  line-height: 30px;
  font-family: HelveticaNeue-Light, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-top: 10px;
}
.campaign-goal .goal-bar-wrapper {
  position: relative;
  width: 800px;
  padding: 0px;
}
.campaign-goal .goal-bar-wrapper:last-child:after {
  display: block;
  clear: both;
  content: "";
}
.rt-active-users {
  background-color: #77d3c6;
  padding: 20px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
}
.rt-active-users .active-users-title {
  padding-right: 10px;
  font-size: 48px;
  text-transform: lowercase;
}
.rt-active-users .active-users-series {
  padding-right: 10px;
  width: 450px;
}
.rt-active-users .active-users-count {
  width: 160px;
  text-align: left;
  font-size: 48px;
}
.rt-active-users .active-users-gauge {
  width: 160px;
  height: 150px;
  padding-right: 10px;
}
.rt-active-users .ngx-gauge-arc {
  fill: #ffffff;
}
.rt-active-users .ngx-gauge-count,
.rt-active-users .ngx-gauge-label {
  fill: #ffffff;
  color: #ffffff;
  font-size: 36px;
  line-height: 36px;
  text-transform: lowercase;
}
.rt-active-users .ngx-gauge-label {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.people-summary-item {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 20px 10px;
}
.people-summary-item .chart {
  height: 280px;
  min-width: 230px;
  display: table-cell;
  vertical-align: bottom;
}
.people-summary-item .chart i[data-icon]:before {
  padding: 0;
  margin-right: -7px;
}
.people-summary-item .chart i.negative {
  opacity: 0;
}
.people-summary-item .chart.gray {
  color: #6c7373;
}
.people-summary-item .chart.yellow {
  color: rgba(250, 176, 49, 0.6);
}
.people-summary-item .chart.blue {
  color: #76d6fd;
}
.people-summary-item .chart.purple {
  color: #7e4c7d;
}
.people-summary-item .chart.small {
  font-size: 28px;
}
.people-summary-item .chart.medium {
  font-size: 32px;
}
.people-summary-item .chart.large {
  font-size: 36px;
}
.people-summary-item .chart.xlarge {
  font-size: 40px;
}
.people-summary-item .count {
  font-size: 48px;
  text-align: center;
  margin-top: 20px;
}
.people-summary-item .title {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-align: center;
}
.surveyInsightGraphWrapper {
  display: table;
  border-spacing: 0 5px;
}
.surveyInsightTitle {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 20px;
}
.surveyInsightItemLabel {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
  padding-right: 16px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  margin-bottom: 10px;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.surveyInsightItemLabel .xIcon {
  margin: 0;
  margin-top: 5px;
  padding-left: 10px;
  display: inline-block;
}
.surveyInsightItemLabel .xIcon img {
  max-width: 150px;
  width: auto;
}
.surveyInsightItemGraphWrapper {
  vertical-align: middle;
  display: table-cell;
  white-space: nowrap;
  position: relative;
  margin-bottom: 10px;
}
.surveyInsightItemGraphWrapper:last-child {
  margin-bottom: 0;
}
.surveyInsightItemWrapper {
  display: table-row;
  margin-bottom: 15px;
}
.surveyInsightItemWrapper:last-child {
  margin-bottom: 0;
}
.surveyInsightItemBarWrapper {
  display: table-cell;
  width: 99999px;
  padding-right: 10px;
}
.surveyInsightItemBar {
  background-color: #3ec0ad;
  height: 30px;
}
.surveyInsightItemCountWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 10px;
}
.surveyInsightItemCountWrapper:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: '';
}
.surveyInsightItemCount {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  white-space: nowrap;
}
.surveyInsightItemCount[style="margin-left: 0%;"] {
  padding-left: 0;
}
.statBox {
  background: #d9d9d9;
  border-radius: 4px;
}
.statBox.big,
.statBoxBlue .statBox {
  color: #ffffff;
  background-color: #77d3c6;
}
.statBoxLightGray .statBox {
  background-color: #d4d9d9;
}
.statBoxTransparentBg .statBox {
  background-color: transparent;
}
.bulletChart .statBoxRed {
  background-color: #da4760;
}
.bulletChart .statBoxClicks {
  background-color: #7e4c7d;
}
.bulletChart .statBoxViralityGlobal {
  background-color: #cf2e76;
}
.bulletChart .statBoxReferrals {
  background-color: #cf2e76;
}
.bulletChart .statBoxView {
  background-color: #e8ebeb;
}
.bulletChart .statBoxEntries {
  background-color: #46a546;
}
.bulletChart .statBoxReach {
  background-color: #94638f;
}
.bulletChart .statBoxTaggedPerTotalPosts {
  background-color: #e23d8e;
}
.bulletChart .statBoxInvites,
.bulletChart .statBoxEngagement {
  background-color: #77d3c6;
}
.bulletChart .statBoxVirality,
.bulletChart .statBoxTalkingAbout {
  background-color: #F7CF44;
}
.panel-app .insights-horizontal-header h2.tableCellVAlignMiddle {
  font-size: 48px;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-weight: 100;
}
.panel-app .insights-horizontal-header p {
  padding: 20px 30px;
}
#experienceAverageDwellTime .insight-box {
  background-color: #d4d9d9;
  height: initial;
  padding: 22px 0;
  margin-bottom: 10px;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
#experienceAverageDwellTime .insight-box .ck.counter .counter-value .ui.label .ck-label-text,
#experienceAverageDwellTime .insight-box .ck.counter .counter-title .content.font-caps {
  text-transform: lowercase;
  color: #394242 !important;
}
#experienceAverageDwellTime .insight-box .ck.counter .counter-value .ui.label .ck-label-text {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  font-size: 3rem;
  line-height: 4.5rem;
}
#experienceAverageDwellTime .insight-box .ck.counter .counter-title {
  margin-top: 0;
}
#experienceAverageDwellTime .insight-box .ck.counter .counter-title .ui.header.big {
  font-size: 1.4rem;
}
#experienceAverageDwellTime .insight-box .ck.counter .counter-title .content.font-caps {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: normal;
  text-transform: uppercase;
}
/**
 * Channel and Display Container styles
 */
.component-list-channels {
  /*--- _channels.less ---*/
  padding: 0;
  margin: 0;
}
.component-list-channels .list-channel,
.component-list-channels .panel-actions {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #555;
  min-height: 64px;
}
.component-list-channels .panel-actions {
  border-bottom: 0;
}
.component-list-channels h2 {
  font-size: 36px;
  color: #ffffff;
  text-transform: lowercase;
}
.component-list-channels p {
  color: #bbb;
  font-size: 12px;
  margin: 0;
}
.component-channel-add {
  cursor: pointer;
  color: #ffffff;
  font-size: 18px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: normal;
  border-radius: 4px;
  padding: 10px;
}
.component-channel-add ul {
  list-style-type: none;
}
.component-channel-add li:before {
  vertical-align: top;
  font-size: 16px;
  padding-right: 10px;
  line-height: 16px;
}
.panel-list-containers {
  clear: both;
  padding-top: 20px;
  overflow: visible;
}
.component-channel-header .image-cover {
  height: 315px;
  position: relative;
}
.component-channel-header .image-cover .intro-channel h1,
.component-channel-header .image-cover .intro-channel p {
  color: #fff;
}
.component-channel-header .image-avatar {
  position: absolute;
  bottom: 15px;
  left: 15px;
  margin: 0;
}
.component-channel-header .meta-channel {
  background-color: #e8ebeb;
  margin: 0;
  padding: 15px 0;
}
.channel-manager .loading-wrapper {
  padding-top: 200px;
}
.channel-manager .loading-wrapper h1 {
  float: right;
}
.component-instagram-header .image-avatar,
.component-youtube-header .image-avatar,
.component-web-header .image-avatar {
  border-radius: 50%;
  border: 0;
}
.component-web-header.component-channel-header .image-avatar {
  background-color: transparent;
  box-shadow: none;
}
.object-channel img,
.object-channel i[data-icon],
.action-quick img {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  font-size: 32px;
  text-align: center;
}
.component-list .toolbar {
  margin-bottom: 20px;
}
.component-list .object-channel .image-channel img,
.component-list .action-quick .image-channel img {
  float: none;
  width: 96px;
  height: 96px;
  margin-right: 0;
}
.component-list .object-channel strong,
.component-list .action-quick strong {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 10px;
}
.component-list .object-channel a:link,
.component-list .action-quick a:link,
.component-list .object-channel a:visited,
.component-list .action-quick a:visited {
  text-decoration: none;
  color: #bbb;
}
.component-list .object-channel a:hover,
.component-list .action-quick a:hover,
.component-list .object-channel a:hover strong,
.component-list .action-quick a:hover strong {
  color: #77d3c6;
}
.component-list .object-channel a:hover i[data-icon],
.component-list .action-quick a:hover i[data-icon],
.component-list .object-channel a:hover strong i[data-icon],
.component-list .action-quick a:hover strong i[data-icon] {
  color: #ffffff;
}
.component-list .object-channel i[data-icon],
.component-list .action-quick i[data-icon] {
  font-size: 32px;
  float: left;
  padding-right: 10px;
  margin-top: -5px;
}
.panel .panel-summary .sectionInner {
  padding: 0;
}
.channelHeader {
  border: none;
  padding: 0;
  background: #f7f7f7;
}
.channelHeader .name-channel h1 {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  line-height: 42px;
}
.ui.object-status-header {
  font-size: 22px;
  margin: -15px -10px 5px -10px;
}
.ui.object-status-header .icon {
  border-right: 1px solid #e8ebeb;
  padding: 10px;
  margin-right: 5px;
  vertical-align: middle;
}
.ui.object-status-header .name-channel {
  padding: 10px;
  display: inline-block;
}
.lozenge-status {
  border-radius: 4px;
  padding: 5px 10px;
  margin: 5px 0;
  float: right;
  font: 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
}
.lozenge-status .name-status {
  padding: 5px;
  display: inline-block;
}
.lozenge-status .component-controls-box {
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid;
}
.lozenge-status .component-controls-box .btn-icon-only:before {
  padding-right: 0;
  cursor: pointer;
  margin-top: -3px;
}
.lozenge-status.status-notice {
  background-color: #77d3c6;
}
.lozenge-status.status-active {
  background-color: #157841;
}
.lozenge-status.status-warning {
  background-color: hsl(33.17307692, 83.87096774%, 51.37254902%);
}
.lozenge-status.status-staging {
  background-color: #9c9c9c;
}
.image-cover,
.image-no-cover {
  position: relative;
  height: 255px;
  background-color: #d4d9d9;
  border-radius: 2pt 2pt 0 0;
  overflow: hidden;
}
.image-avatar {
  border: 4px solid #ffffff;
  border-radius: 2pt;
}
.component-channel-header .image-avatar {
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: 0 0 1px #111;
  background-repeat: no-repeat;
  background-color: #dcdcdc;
}
.channelHeader .channelName {
  float: left;
  padding-top: 20px;
  margin-left: 20px;
}
.channelHeader .channelName h1 {
  color: #313131;
  font-size: 22px;
}
.channelHeader .channelName h1::before {
  display: none;
}
.channelHeader .channelName p {
  color: #404040;
}
.channel-new .component-connect-header {
  background: #77d3c6;
}
.btn.btn-connect {
  color: #404040;
  padding: 10px;
}
.panel-app .component-connect-header {
  position: static !important;
  margin: 0;
  padding: 110px 0;
}
.panel-app .component-connect-header .icon-status {
  font-size: 72px;
  float: none;
  text-align: center;
  display: block;
  margin-top: 30px;
}
.panel-app .component-connect-header h1 {
  font-size: 20px;
  text-transform: initial;
}
.panel-app .component-connect-header h1::before {
  display: none;
}
.panel-app .component-connect-header p {
  color: #fff;
  line-height: 1.4em;
  margin-top: 10px;
}
.panel-app .component-connect-header .button {
  margin-top: 30px;
  margin-right: 20px;
  font-family: Helvetica, sans-serif;
  color: #7f7f7f;
  background: #ffffff;
  box-shadow: none;
}
.panel-app .component-connect-header .button:hover {
  background: #77d3c6;
  color: #394242;
}
.panel-app .component-connect-header .action-quick:first-of-type {
  margin-bottom: 35px;
}
.panel-app .component-connect-header .col-content {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 30px;
}
.component-summary-livetabs .btn {
  float: right;
}
.component-summary-livetabs .btn.action-icon {
  padding-right: 15px;
  color: #ffffff;
}
.panel-app .component h2.tabs-connected-none {
  font-size: 32px;
  padding: 30px 0;
  text-transform: none;
}
.panel-app .component-summary-livetabs h2.tabs-connected-none {
  padding: 30px;
}
.btn-connect [data-icon]::before {
  padding-right: 0;
}
.component-channel-header .image-avatar {
  width: 180px;
  height: 180px;
  margin: 0;
}
.component-channel-header .image-avatar .icon-avatar:before {
  display: block;
  text-align: center;
  padding-right: 0;
  font-size: 150px;
  margin-top: 10px;
}
.component-channel-header .name-channel {
  margin-left: 0;
  text-overflow: ellipsis;
}
.component-channel-header .name-channel h1 {
  text-transform: none;
  font-size: 24px;
  font-weight: bold;
}
.component-channel-header .meta-actions-channel .group-meta {
  text-align: right;
  white-space: nowrap;
}
.component-channel-header .meta-actions-channel .meta-value {
  display: inline-block;
  border-right: 1px solid #e8ebeb;
}
.component-channel-header .meta-actions-channel .meta-value:last-child {
  border-right: 0;
  padding-right: 0;
  text-align: center;
}
.component-channel-header .meta-actions-channel .meta-actions {
  font-size: 18px;
}
.component-channel-header .meta-actions-channel .meta-actions .widgetButton:link,
.component-channel-header .meta-actions-channel .meta-actions .widgetButton:visited {
  color: #394242;
}
.component-channel-header .meta-actions-channel .meta-actions .widgetButton:hover {
  color: #3ec0ad;
}
.campaign-publishing-destination .ui.grid {
  margin: 0;
}
.overview-actions .dropup {
  float: none;
}
.overview-actions .dropup .dropdown-toggle {
  display: inline-block;
  margin: auto;
  cursor: pointer;
}
.overview-actions .dropup .dropdown-toggle .icon {
  font-size: 64px;
  float: none;
  color: #989898;
}
.overview-actions .dropup.open .dropdown-toggle {
  box-shadow: none;
}
.overview-actions .dropup.open .dropdown-toggle .icon {
  color: #77d3c6;
}
.overview-actions .dropup .dropdown-menu {
  left: 10px;
  bottom: 50%;
}
.overview-actions .dropup .dropdown-menu:before,
.overview-actions .dropup .dropdown-menu:after {
  display: none;
}
.overview-actions .dropup .dropdown-menu a:link,
.overview-actions .dropup .dropdown-menu a:visited {
  color: #ffffff;
}
.overview-actions .dropup .dropdown-menu a:hover {
  color: #77d3c6;
}
.btn-standalone {
  font-size: 16px;
  padding: 16px;
  line-height: 17px;
  white-space: nowrap;
}
.btn-standalone::before {
  font-size: 22px;
  margin-right: 4px;
}
.channel-new i.icon-status {
  margin-right: 5px;
}
.channel-new i.icon-status[data-icon]::before {
  content: '\221e';
}
.header-account-select h1 {
  margin: 0;
  padding: 30px;
  color: #b2b8b8;
  font-size: 36px;
}
.container-account-select .filters .filter.border-left {
  border-color: #e8ebeb;
}
.container-account-select .filters .filter-link.btn {
  color: #2b8679;
}
.container-account-select .filters .filter-link.btn.active {
  color: #3ec0ad;
  text-decoration: underline;
}
.container-account-select .panel-flowgrid .element {
  width: 270px;
}
.container-account-select .sectionInner {
  background: transparent;
}
.container-account-select .ui.grid:first-child {
  border-radius: 2px;
}
.container-account-select h1 {
  color: #ffffff;
}
.container-account-select a:link {
  text-decoration: none;
}
.container-account-select .boxout {
  color: #555;
}
.panel-flowgrid.page-connect {
  padding-top: 0;
}
.panel-flowgrid.page-connect .thumbnail {
  background-color: #e8ebeb;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-top: 155px;
}
.panel-flowgrid.page-connect .caption {
  margin-top: 0;
}
.panel-flowgrid.page-connect .caption h1 {
  font-size: 1.5em;
  color: #555;
  text-overflow: ellipsis;
  overflow: hidden;
}
.panel-flowgrid.page-connect .caption .attr-meta {
  color: #555;
  padding: 0;
  font-size: 1em;
}
.panel-flowgrid.page-connect form {
  margin: 0;
}
.panel-flowgrid.page-connect .actions {
  padding: 0;
  color: #555;
  height: auto;
}
.panel-flowgrid.page-connect .actions div {
  margin: 0;
  padding: 0;
}
.panel-flowgrid.page-connect .actions .btn.btn-connect {
  color: #555;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
}
.container-account-select .isotope {
  min-height: 340px;
  padding-top: 0;
  overflow: auto !important;
}
.container-account-select .isotope .thumbnails {
  margin-top: -30px;
}
.object {
  margin: 10px 0;
  padding: 30px 40px 10px;
}
.object.object-fbApp {
  padding: 10px 35px;
}
.object .object {
  margin: 10px 0;
  padding: 0;
}
.object h3 {
  font-size: 36px;
  margin: 0;
  color: #ffffff;
}
.object .panel-actions {
  text-align: right;
  margin-top: 5px;
}
.object .panel-actions > ul {
  margin: 0;
  padding: 0;
}
.object .widgetButton {
  display: inline-block;
}
.object .dropdown {
  text-align: left;
}
.object .dropdown .widgetButton {
  display: block;
}
.object-meta a,
.object-meta a:link,
.object-meta a:visited {
  text-decoration: none;
  display: inline-block;
  color: #505959;
}
.object-meta .attr-meta {
  border-right: 1px solid;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #505959;
}
.object-meta .attr-meta:first-of-type {
  padding-left: 0;
}
.object-meta .attr-meta:last-child {
  border-right: none;
}
.object-meta h4 {
  margin: 0;
}
.object-meta .dropdown-menu a:link,
.object-meta .dropdown-menu a:visited {
  font-size: 14px;
  text-align: left;
}
.object-meta .dropdown-menu a:hover {
  color: #3ec0ad;
}
.object-meta .action-icon[data-icon]::before {
  padding: 0 10px 0 0;
}
.status-conflict .status-connection-error {
  background: hsl(33.17307692, 83.87096774%, 51.37254902%);
  border-radius: 2px;
}
.status-conflict .status-connection-error .action-icon[data-icon]::before {
  color: #ffffff;
}
.status-conflict .status-connection-error .action-icon[data-icon]:hover::before {
  color: #3ec0ad;
}
.status-conflict .status-connection-error p {
  color: #ffffff;
  float: left;
}
.status-conflict .object-dCont .attr-meta,
.status-conflict .object-fbApp .attr-meta {
  border-right: 1px #505959 solid;
}
.status-conflict .object-dCont .attr-meta:last-of-type,
.status-conflict .object-fbApp .attr-meta:last-of-type {
  border-right: none;
}
.status-conflict .object-dCont .attr-meta.fanPageStatus,
.status-conflict .object-fbApp .attr-meta.fanPageStatus,
.status-conflict .object-dCont .attr-meta.fbAppStatus,
.status-conflict .object-fbApp .attr-meta.fbAppStatus {
  float: right;
  border: none;
  padding: 10px 0 0 20px;
}
.status-conflict .object-dCont .boxout,
.status-conflict .object-fbApp .boxout {
  color: #394242;
  min-width: 0;
  margin-right: 0;
}
.status-conflict .object-cPage .boxout {
  color: #394242;
  min-width: 0;
  margin-right: 0;
}
.component-facebook .status-conflict,
.component-facebook .status-connection-error {
  border-radius: 0;
}
.status-conflict-message {
  margin-top: 10px;
  border-top: 1px #989898 dashed;
}
.component-status-tab p {
  max-width: 400px;
  vertical-align: middle;
  display: inline-block;
}
.component-status-fbApp p {
  max-width: 650px;
}
.component-status-tab,
.component-status-fbApp {
  padding: 10px 0;
}
.component-status-tab .statusButton,
.component-status-fbApp .statusButton {
  cursor: pointer;
}
.attr-meta a.boxout {
  text-decoration: none;
}
.displayContainerType img {
  margin-right: 10px;
  float: left;
}
.displayContainerType h2 {
  float: left;
}
.widgetButton .action-icon:before {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.widgetButton.open .dropdown-menu {
  padding: 15px 20px;
  left: -160px;
}
.widgetButton.open .dropdown-menu:after {
  left: 75%;
}
.widgetButton.open .dropdown-menu:before {
  left: 74%;
}
.widgetButton.open .dropdown-menu li {
  padding: 10px 0;
}
.widgetButton.open .dropdown-menu li i:before,
.widgetButton.open .dropdown-menu li span {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
}
.widgetButton.open .dropdown-menu li:hover {
  cursor: pointer;
}
.widgetButton.open .dropdown-menu li:hover i:before,
.widgetButton.open .dropdown-menu li:hover span {
  color: #77d3c6;
}
.widgetButton .dropdown-menu {
  min-width: 180px;
}
.widgetButton .dropdown-menu .action-icon {
  line-height: 10px;
}
/* Facebook channel feed */
.channel-disconnected.layout-details.channel-facebook .panel-summary {
  width: auto;
}
#fb-root {
  line-height: 0;
}
.widgetButtonTooltip,
.advancedPageButtonTooltip {
  display: none;
  width: 120px;
  font-size: 1em;
  color: #fff;
  z-index: 99999;
  position: relative;
  margin: 1em 0 3em;
  box-shadow: rgba(30, 30, 30, 0.7) 0 0 0 4px;
  border-radius: 4px;
  background: none rgba(0, 0, 0, 0.9) 0 0 scroll no-repeat;
  padding: 4px 8px 8px;
  text-align: center;
}
.widgetButtonTooltip:before,
.advancedPageButtonTooltip:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -20px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: rgba(30, 30, 30, 0.7);
  left: 55px;
}
/*  Audience
    (Scheduled posts & live posts/comments/timeline)

    TODO: There is a crazy specificity race happening here and it sucks.
          The markup is picking up random css it shouldn't, so we need to
          have another look at the classes at some point.
*/
.overlay .fb-post-header .avatar,
.overlay .audience-timeline-header .avatar,
.overlay .fb-post-comment-interactions .avatar,
.overlay .audience-timeline-interactions .avatar {
  width: 50px;
  height: 50px;
}
.overlay .fb-post-header h1:before,
.overlay .audience-timeline-header h1:before,
.overlay .fb-post-comment-interactions h1:before,
.overlay .audience-timeline-interactions h1:before {
  display: none;
}
.overlay .fb-post-header h2,
.overlay .audience-timeline-header h2,
.overlay .fb-post-comment-interactions h2,
.overlay .audience-timeline-interactions h2,
.overlay .fb-post-header h2 li,
.overlay .audience-timeline-header h2 li,
.overlay .fb-post-comment-interactions h2 li,
.overlay .audience-timeline-interactions h2 li {
  float: left;
}
.overlay .fb-post-header h2 .icon,
.overlay .audience-timeline-header h2 .icon {
  vertical-align: middle;
}
.overlay .fb-post-header .metrics {
  float: right;
  clear: right;
}
.overlay .sectionHeader .fb-post-profile-content h1,
.overlay .sectionHeader .audience-timeline-content h1 {
  margin-top: 10px;
}
.fb-post,
.achievement {
  position: relative;
  width: auto;
  overflow: visible;
  padding: 40px;
}
.fb-post h2,
.achievement h2 {
  color: #fff;
  margin: 0 auto 30px;
  font-size: 12px;
}
.fb-post h2 ul,
.achievement h2 ul {
  padding: 0;
}
.fb-post h3,
.achievement h3 {
  color: #eee;
  font-size: 1em;
}
.fb-post .details,
.achievement .details {
  height: 30px;
  margin: 0;
  padding: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.fb-post .details li,
.achievement .details li {
  float: left;
  line-height: 30px;
  margin-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #aaa;
  list-style-type: none;
  color: #fff;
}
.fb-post .details:first-of-type,
.achievement .details:first-of-type {
  margin-left: 0;
}
.fb-post .details:last-of-type,
.achievement .details:last-of-type {
  border-right: 0;
}
.fb-post .details a,
.achievement .details a {
  text-decoration: none;
}
.fb-post .details .icon,
.achievement .details .icon {
  vertical-align: middle;
  margin-right: 0;
  color: #808080;
}
.fb-post #timelineMetrics,
.achievement #timelineMetrics,
.fb-post #achievementMetrics,
.achievement #achievementMetrics {
  float: right;
  margin-top: 0;
}
.fb-post .metric,
.achievement .metric {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  padding: 0;
  margin: 0 0 0 30px;
  background: #c0c0c0;
  text-align: center;
  border-radius: 2px;
}
.fb-post .metric:first-of-type,
.achievement .metric:first-of-type {
  margin: 0;
}
.fb-post .metric h1,
.achievement .metric h1 {
  border: 0;
  font-size: 34px;
  margin: 35px auto 0;
  color: #fff;
  padding: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.fb-post .metric h2,
.achievement .metric h2 {
  font-size: 18px !important;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  float: none;
}
.fb-post-header,
.audience-timeline-header {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #aaa;
}
.fb-post-header .live,
.audience-timeline-header .live {
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  right: 0;
  font-size: 18px;
  padding: 0.25em 0.5em;
  border-radius: 2px;
  background: #f00;
  color: #fff;
}
.fb-post-header .metric,
.audience-timeline-header .metric {
  margin: 0 0 0 10px;
  height: 100px;
  width: 110px;
}
.fb-post-header .metric h1,
.audience-timeline-header .metric h1 {
  margin: 30px auto 0;
}
.fb-post-header .metric.campaigns,
.audience-timeline-header .metric.campaigns,
.fb-post-header .metric.invites,
.audience-timeline-header .metric.invites,
.fb-post-header .metric.shares,
.audience-timeline-header .metric.shares {
  background-color: #989898;
}
.fb-post-header .metric.referrals,
.audience-timeline-header .metric.referrals {
  background-color: #cf2e76;
}
.fb-post-header .metric.postEngagement,
.audience-timeline-header .metric.postEngagement {
  background-color: #0583a1;
}
.fb-post-header .metric.reach,
.audience-timeline-header .metric.reach {
  background-color: #F7CF44;
}
.fb-post-header .metric.engagement,
.audience-timeline-header .metric.engagement {
  background-color: #9FDCE9;
}
.fb-post-header:after,
.audience-timeline-header:after {
  display: table;
  content: '';
  clear: both;
}
.overlay .audience-timeline-header {
  border-bottom-color: transparent;
}
.overlay .audience-timeline-header h1 {
  color: #808080;
}
.audience-timeline-interactions:after,
.audience-timeline-header:after {
  display: table;
  content: '';
  clear: both;
}
.hasScrolled .fb-post-header .live,
.hasScrolled .audience-timeline-header .live {
  background: #222;
  color: #444;
}
.metrics-small .metric {
  margin: 0 0 0 6px;
  width: 90px;
  height: 90px;
}
.metrics-small .metric h1 {
  margin: 24px auto 0;
}
.pagePostsContent .post-actions {
  float: right;
}
.fb-post-profile-content,
.audience-timeline-content {
  min-height: 156px;
  width: 500px;
  float: left;
  margin-bottom: 20px;
}
.fb-post-comment-person-back,
.audience-timeline-back {
  display: block;
  text-decoration: none;
  font-size: 52px;
}
.fb-post-comment-interactions,
.audience-timeline-interactions {
  width: 100%;
  text-align: left;
}
.timeline {
  margin: 60px 0 60px 30px;
}
.timeline .loading {
  margin-left: 40px;
}
.timeline h3 {
  font-size: 20px;
  margin: 0;
  color: #fff;
}
.timeline h3 span {
  color: #32ccfe;
}
.timeline h3.v:before {
  content: '=';
}
.timeline h3.i:before {
  content: "'";
}
.timeline h3.r:before {
  content: '±';
}
.timeline h3.g:before {
  content: '*';
}
.timeline h3.s:before {
  content: '$';
}
.timeline h3.vo:before {
  content: 'U';
}
.timeline h3.re:before {
  content: '∑';
}
.timeline h3.ct:before {
  content: '0';
}
.timeline h3.c:before {
  content: 'O';
}
.timeline h3.e:before {
  content: '˙';
}
.timeline h3.cm:before {
  content: '"';
}
.timeline h3.lk:before {
  content: 'H';
}
.timeline h3.v:before,
.timeline h3.i:before,
.timeline h3.r:before,
.timeline h3.g:before,
.timeline h3.s:before,
.timeline h3.vo:before,
.timeline h3.re:before,
.timeline h3.ct:before,
.timeline h3.c:before,
.timeline h3.e:before,
.timeline h3.cm:before,
.timeline h3.lk:before {
  position: absolute;
  top: 34px;
  left: 0;
  width: 90px;
  font-size: 30px;
  text-align: center;
  font-family: EngVetica;
}
.timeline p {
  margin: 0;
}
.timeline .type {
  float: right;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  border-radius: 2px;
  background: #fff;
  color: #aaa;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: lowercase;
  padding: 0 10px;
  margin: 0 0 30px 30px;
}
.timeline-event {
  position: relative;
  margin: 0;
  padding: 30px 0 30px 70px;
  border-left: 1px solid #32ccfe;
}
.timeline-event:after,
.timeline-event:before {
  position: absolute;
  display: block;
  content: ' ';
}
.timeline-event:after {
  height: 11px;
  width: 11px;
  border-radius: 50%;
  left: -5px;
  top: 45px;
  background: #32ccfe;
}
.timeline-event:before {
  height: 20px;
  width: 25px;
  text-align: center;
  top: 31px;
  left: 0;
  border-bottom: 1px dotted #ddd;
}
.post-thread {
  position: relative;
  margin: 30px 0;
  padding: 10px 0 0;
}
.post-thread:after {
  content: attr(data-display-comments);
  color: #fff;
  font-size: 12px;
  top: 6px;
  left: 2px;
  border-radius: 1px;
  padding: 1px;
}
.post-icon,
.post-content,
.post-info,
.post-actions {
  display: inline-block;
  min-height: 50px;
  vertical-align: top;
}
.post-icon a[data-icon]:before,
.post-content a[data-icon]:before,
.post-info a[data-icon]:before,
.post-actions a[data-icon]:before,
.post-icon i[data-icon]:before,
.post-content i[data-icon]:before,
.post-info i[data-icon]:before,
.post-actions i[data-icon]:before {
  color: #a6a6a6;
}
.post-icon {
  border-right: 1px solid #aaa;
  line-height: 50px;
  width: 38px;
  text-align: left;
  margin-right: 10px;
}
.post-content img {
  margin: 0 10px 0 0;
}
.post-content .quote {
  color: #666;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
  line-height: 1.3em;
  margin: 0 0 2px 0;
  cursor: pointer;
  vertical-align: middle;
}
.post-content .quote a {
  text-decoration: none;
  color: #666;
}
.post-content .quote p {
  display: inline;
}
.post-content .no-click {
  cursor: default;
}
.post-info {
  margin: 0;
  width: 38px;
}
.boxout {
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  border-radius: 2px;
  background: #d4d9d9;
  min-width: 100px;
  vertical-align: middle;
  line-height: 30px;
  white-space: nowrap;
  color: #505959;
  font: 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.post-boxout {
  display: inline-block;
  margin: 4px 0;
  border-right-width: 0;
  padding: 5px;
}
.post-boxout a[data-icon]:before {
  color: #a6a6a6;
}
.post-boxout .time {
  font-size: 18px;
  color: #ffffff;
  background-color: #4ea542;
  text-transform: lowercase;
}
.post-boxout .boxout:last-of-type {
  margin-right: 0;
}
.post-actions {
  width: 160px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.post-actions li {
  float: right;
  position: relative;
  margin-left: 10px;
}
.post-actions li a:hover,
.post-actions li span:hover {
  color: #32ccfe;
  opacity: 1;
  filter: alpha(opacity=100);
}
.post-actions a,
.post-actions a:link,
.post-actions a:visited,
.post-actions span {
  cursor: pointer;
  text-decoration: none;
  color: #111;
  opacity: 0.3;
  filter: alpha(opacity=30);
  border-bottom: 0;
}
.post-actions .dropdown-menu {
  padding: 20px;
  min-width: 50px;
  left: -44px;
}
.post-actions .dropdown-menu li {
  margin-left: 0;
  width: 80px;
}
.post-actions .dropdown-menu li a,
.post-actions .dropdown-menu li a:link,
.post-actions .dropdown-menu li a:visited,
.post-actions .dropdown-menu li span {
  font-size: 18px;
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: left;
}
.post-actions .dropdown-menu span {
  font-size: 12px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  vertical-align: middle;
}
.fb-post .error {
  padding: 5px 20px 0;
  background: hsl(33.17307692, 83.87096774%, 51.37254902%);
  border-radius: 2px;
  margin-bottom: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.fb-post .error i {
  font-size: 50px;
  vertical-align: middle;
}
/* hacks */
/* Channel delegate activation */
.fbAccountDetails {
  border-bottom: 1px solid #666;
  margin-bottom: 30px;
  /*---- console.less ----*/
  *zoom: 1;
}
.fbAccountDetails:before,
.fbAccountDetails:after {
  display: table;
  content: "";
  line-height: 0;
}
.fbAccountDetails:after {
  clear: both;
}
.fbAccountPic {
  float: left;
  margin: 20px 20px 20px 0;
}
.fbAccountType {
  padding-top: 20px;
}
.nav-list.nav-list-channels {
  margin-top: 65px;
}
.component-list-channels .action-quick a:link,
.component-list-channels .action-quick a:visited {
  color: #d9d9d9;
}
.component-list-channels .action-quick a:link strong,
.component-list-channels .action-quick a:visited strong,
.component-list-channels .action-quick a:link i,
.component-list-channels .action-quick a:visited i {
  color: #ffffff;
}
.component-list-channels .action-quick:hover a strong,
.component-list-channels .action-quick:hover a i {
  color: #77d3c6;
}
.meta-actions-channel .widgetButton {
  padding: 0 5px;
}
.meta-actions-channel .group-meta {
  margin: 0;
}
.meta-actions-channel .meta-value {
  padding: 10px;
}
.panel-app .component.component-connect h2 {
  font-size: 48px;
}
.channelHeader .image-avatar-round {
  position: static;
  margin: 0 auto;
}
.channelHeader .intro-channel h1 {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 64px;
}
.channelHeader .image-cover .ui.middle.aligned.vertically.grid {
  margin: 0;
  height: 315px;
}
.channelHeader .image-no-cover .ui.middle.aligned.vertically.grid {
  margin: 0;
  height: 255px;
}
.post-content .quote {
  color: #e8ebeb;
}
.publish-mode-live {
  background: rgba(41, 96, 210, 0.6);
}
.publish-mode-stage {
  background: rgba(80, 124, 190, 0.6);
}
.domain-name {
  display: inline-block;
  font-size: 13px !important;
  line-height: 14px;
}
.inactive-domain-warning {
  display: inline-block;
  color: #eb8e1b;
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
  text-transform: none;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.header-overview {
  border-bottom: 7px solid #77d3c6 !important;
  background-color: #e8ebeb !important;
}
.header-overview i.inverted.icon {
  color: #394242;
}
.component.component-actions-section {
  /* _sections.less */
  border-top-width: 0;
  padding: 35px;
  border-bottom: 1px solid #d9d9d9 !important;
  border-radius: 0 !important;
}
.actions-section {
  text-align: center;
}
.actions-section a:link,
.actions-section a:visited,
.actions-section a p {
  color: #737373;
  text-decoration: none;
}
.actions-section .byline {
  color: #999;
}
.actions-section > a {
  display: inline-block;
}
.actions-section a:hover,
.actions-section a:hover p {
  color: #77d3c6;
}
.actions-section .media-body {
  margin-top: 5px;
}
.actions-section .media-heading {
  font-size: 22px;
  font-weight: normal;
}
.actions-section p {
  margin-top: 0;
  font-size: 13px;
}
.actions-section .icon.xl {
  float: none;
  margin-right: 0;
  font-size: 56px;
}
.actions-section .icon.xl:before {
  padding-right: 0;
}
.section-actions .media-heading {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  font-weight: normal;
  color: #808080;
}
.section-actions .action-quick p {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.section-actions .action-quick a:link i[data-icon],
.section-actions .action-quick a:visited i[data-icon] {
  float: none;
  font-size: 64px;
  color: #989898;
}
.section-actions .action-quick a:hover i[data-icon],
.section-actions .action-quick a:hover strong {
  color: #37b8b5;
}
.section-actions .action-quick a:hover p {
  color: #3ec0ad;
}
@media (min-width: 992px) {
  .header-overview .icon.xxl {
    font-size: 160px;
  }
}
.kpi-icon-cart:before,
.kpi-icon-convert1:before {
  /*---- _kpi.less ----*/
  content: "\c1";
}
.kpi-icon-bag:before,
.kpi-icon-convert2:before {
  content: "\152";
}
.kpi-icon-pointer:before,
.kpi-icon-engagement1:before {
  content: "\30";
}
.kpi-icon-click:before,
.kpi-icon-engagement2:before {
  content: "\2db";
}
.kpi-icon-share:before,
.kpi-icon-sharing1:before {
  content: "\73";
}
.kpi-icon-network:before,
.kpi-icon-sharing2:before {
  content: "\2dd";
}
.kpi-icon-favourite:before,
.kpi-icon-advocate1:before {
  content: "\d8";
}
.kpi-icon-star:before,
.kpi-icon-advocate2:before {
  content: "\2a";
}
.kpi-icon-speech:before,
.kpi-icon-discuss1:before {
  content: "\27";
}
.kpi-icon-microphone:before,
.kpi-icon-discuss2:before {
  content: "\b8";
}
.kpi-icon-squarequote:before,
.kpi-icon-comment1:before {
  content: "\22";
}
.kpi-icon-roundquote:before,
.kpi-icon-comment2:before {
  content: "\51";
}
.kpi-icon-megaphone:before,
.kpi-icon-reach1:before {
  content: "\d4";
}
.kpi-icon-radiowaves:before,
.kpi-icon-reach2:before {
  content: "\d3";
}
.kpi-icon-sight:before,
.kpi-icon-target1:before {
  content: "\2c7";
}
.kpi-icon-bullseye:before,
.kpi-icon-target2:before {
  content: "\2019";
}
.kpi-icon-rosette:before,
.kpi-icon-champion1:before {
  content: "\201d";
}
.kpi-icon-crown:before,
.kpi-icon-champion2:before {
  content: "\e6";
}
.kpi-icon-newperson:before,
.kpi-icon-join1:before {
  content: "\da";
}
.kpi-icon-person:before,
.kpi-icon-join2:before {
  content: "\4a";
}
.kpi-icon-boot:before,
.kpi-icon-activity1:before {
  content: "\131";
}
.kpi-icon-sinewave:before,
.kpi-icon-activity2:before {
  content: "\25ca";
}
.kpi-icon-podium:before,
.kpi-icon-ranking1:before {
  content: "\ab";
}
.kpi-icon-barchart:before,
.kpi-icon-ranking2:before {
  content: "\d2";
}
[class^="kpi-icon-"]:before,
[class*=" kpi-icon-"]:before {
  font-family: EngVetica;
  font-style: normal;
  font-weight: 400;
}
.kpi-icon-editor:before {
  font-size: 32px;
  line-height: 38px;
}
.kpi-style-editor {
  width: 38px;
  height: 38px;
}
.kpi-bg-color {
  background-color: #999;
}
.kpi-bg-color.REACH {
  background-color: #9696b3;
}
.kpi-bg-color.IMPRESSIONS {
  background-color: #e0e200;
}
.kpi-bg-color.ADVOCACY {
  background-color: #268E99;
}
.kpi-bg-color.ENTRIES {
  background-color: #5aaacc;
}
.kpi-bg-color.ENGAGEMENT {
  background-color: #3ec0ad;
}
.kpi-bg-color.CONVERSION {
  background-color: #ee2f19;
}
.kpi-bg-color.BLUE1 {
  background-color: #C8E8FD;
}
.kpi-bg-color.BLUE2 {
  background-color: #93C9F0;
}
.kpi-bg-color.BLUE3 {
  background-color: #4799D8;
}
.kpi-bg-color.BLUE4 {
  background-color: #1878B5;
}
.kpi-bg-color.BLUE5 {
  background-color: #0C3F72;
}
.kpi-bg-color.BLUE6 {
  background-color: #092D52;
}
.kpi-bg-color.MARINE1 {
  background-color: #C0F3FE;
}
.kpi-bg-color.MARINE2 {
  background-color: #9FDCE9;
}
.kpi-bg-color.MARINE3 {
  background-color: #5DB2C5;
}
.kpi-bg-color.MARINE4 {
  background-color: #1B6D81;
}
.kpi-bg-color.MARINE5 {
  background-color: #0E4454;
}
.kpi-bg-color.MARINE6 {
  background-color: #0D2F3C;
}
.kpi-bg-color.MINT1 {
  background-color: #B9EFDB;
}
.kpi-bg-color.MINT2 {
  background-color: #8DD6BE;
}
.kpi-bg-color.MINT3 {
  background-color: #3CB093;
}
.kpi-bg-color.MINT4 {
  background-color: #1F8873;
}
.kpi-bg-color.MINT5 {
  background-color: #125E49;
}
.kpi-bg-color.MINT6 {
  background-color: #0B2B20;
}
.kpi-bg-color.YELLOW1 {
  background-color: #FEF2AB;
}
.kpi-bg-color.YELLOW2 {
  background-color: #FEE27C;
}
.kpi-bg-color.YELLOW3 {
  background-color: #F7CF44;
}
.kpi-bg-color.YELLOW4 {
  background-color: #E2B308;
}
.kpi-bg-color.YELLOW5 {
  background-color: #B8830A;
}
.kpi-bg-color.YELLOW6 {
  background-color: #8A6308;
}
.kpi-bg-color.ORANGE1 {
  background-color: #FDE2A7;
}
.kpi-bg-color.ORANGE2 {
  background-color: #FBCD6C;
}
.kpi-bg-color.ORANGE3 {
  background-color: #F49E42;
}
.kpi-bg-color.ORANGE4 {
  background-color: #EB7E37;
}
.kpi-bg-color.ORANGE5 {
  background-color: #C44F17;
}
.kpi-bg-color.ORANGE6 {
  background-color: #92270B;
}
.kpi-bg-color.RED1 {
  background-color: #FDADB8;
}
.kpi-bg-color.RED2 {
  background-color: #FC7D83;
}
.kpi-bg-color.RED3 {
  background-color: #FC5A62;
}
.kpi-bg-color.RED4 {
  background-color: #F03B45;
}
.kpi-bg-color.RED5 {
  background-color: #D01E2B;
}
.kpi-bg-color.RED6 {
  background-color: #A10516;
}
.kpi-bg-color.PLUM1 {
  background-color: #D8A6C1;
}
.kpi-bg-color.PLUM2 {
  background-color: #BE769C;
}
.kpi-bg-color.PLUM3 {
  background-color: #9F5279;
}
.kpi-bg-color.PLUM4 {
  background-color: #81345B;
}
.kpi-bg-color.PLUM5 {
  background-color: #682045;
}
.kpi-bg-color.PLUM6 {
  background-color: #4F1231;
}
.kpi-bg-color.PURPLE1 {
  background-color: #D4C6E8;
}
.kpi-bg-color.PURPLE2 {
  background-color: #AF9ACE;
}
.kpi-bg-color.PURPLE3 {
  background-color: #896FB0;
}
.kpi-bg-color.PURPLE4 {
  background-color: #6B4D96;
}
.kpi-bg-color.PURPLE5 {
  background-color: #4F327A;
}
.kpi-bg-color.PURPLE6 {
  background-color: #361D5B;
}
.kpi-bg-color.GREY1 {
  background-color: #D7D4D7;
}
.kpi-bg-color.GREY2 {
  background-color: #BAB8BA;
}
.kpi-bg-color.GREY3 {
  background-color: #969596;
}
.kpi-bg-color.GREY4 {
  background-color: #797879;
}
.kpi-bg-color.GREY5 {
  background-color: #535253;
}
.kpi-bg-color.GREY6 {
  background-color: #303030;
}
.kpi-color.REACH {
  color: #9696b3;
}
.kpi-color.IMPRESSIONS {
  color: #e0e200;
}
.kpi-color.ADVOCACY {
  color: #268e99;
}
.kpi-color.ENTRIES {
  color: #5aaacc;
}
.kpi-color.ENGAGEMENT {
  color: #3ec0ad;
}
.kpi-color.CONVERSION {
  color: #ee2f19;
}
.kpi-color.BLUE1 {
  color: #C8E8FD;
}
.kpi-color.BLUE2 {
  color: #93C9F0;
}
.kpi-color.BLUE3 {
  color: #4799D8;
}
.kpi-color.BLUE4 {
  color: #1878B5;
}
.kpi-color.BLUE5 {
  color: #0C3F72;
}
.kpi-color.BLUE6 {
  color: #092D52;
}
.kpi-color.MARINE1 {
  color: #C0F3FE;
}
.kpi-color.MARINE2 {
  color: #9FDCE9;
}
.kpi-color.MARINE3 {
  color: #5DB2C5;
}
.kpi-color.MARINE4 {
  color: #1B6D81;
}
.kpi-color.MARINE5 {
  color: #0E4454;
}
.kpi-color.MARINE6 {
  color: #0D2F3C;
}
.kpi-color.MINT1 {
  color: #B9EFDB;
}
.kpi-color.MINT2 {
  color: #8DD6BE;
}
.kpi-color.MINT3 {
  color: #3CB093;
}
.kpi-color.MINT4 {
  color: #1F8873;
}
.kpi-color.MINT5 {
  color: #125E49;
}
.kpi-color.MINT6 {
  color: #0B2B20;
}
.kpi-color.YELLOW1 {
  color: #FEF2AB;
}
.kpi-color.YELLOW2 {
  color: #FEE27C;
}
.kpi-color.YELLOW3 {
  color: #F7CF44;
}
.kpi-color.YELLOW4 {
  color: #E2B308;
}
.kpi-color.YELLOW5 {
  color: #B8830A;
}
.kpi-color.YELLOW6 {
  color: #8A6308;
}
.kpi-color.ORANGE1 {
  color: #FDE2A7;
}
.kpi-color.ORANGE2 {
  color: #FBCD6C;
}
.kpi-color.ORANGE3 {
  color: #F49E42;
}
.kpi-color.ORANGE4 {
  color: #EB7E37;
}
.kpi-color.ORANGE5 {
  color: #C44F17;
}
.kpi-color.ORANGE6 {
  color: #92270B;
}
.kpi-color.RED1 {
  color: #FDADB8;
}
.kpi-color.RED2 {
  color: #FC7D83;
}
.kpi-color.RED3 {
  color: #FC5A62;
}
.kpi-color.RED4 {
  color: #F03B45;
}
.kpi-color.RED5 {
  color: #D01E2B;
}
.kpi-color.RED6 {
  color: #A10516;
}
.kpi-color.PLUM1 {
  color: #D8A6C1;
}
.kpi-color.PLUM2 {
  color: #BE769C;
}
.kpi-color.PLUM3 {
  color: #9F5279;
}
.kpi-color.PLUM4 {
  color: #81345B;
}
.kpi-color.PLUM5 {
  color: #682045;
}
.kpi-color.PLUM6 {
  color: #4F1231;
}
.kpi-color.PURPLE1 {
  color: #D4C6E8;
}
.kpi-color.PURPLE2 {
  color: #AF9ACE;
}
.kpi-color.PURPLE3 {
  color: #896FB0;
}
.kpi-color.PURPLE4 {
  color: #6B4D96;
}
.kpi-color.PURPLE5 {
  color: #4F327A;
}
.kpi-color.PURPLE6 {
  color: #361D5B;
}
.kpi-color.GREY1 {
  color: #D7D4D7;
}
.kpi-color.GREY2 {
  color: #BAB8BA;
}
.kpi-color.GREY3 {
  color: #969596;
}
.kpi-color.GREY4 {
  color: #797879;
}
.kpi-color.GREY5 {
  color: #535253;
}
.kpi-color.GREY6 {
  color: #303030;
}
.kpi-summary-holder {
  width: 100%;
  table-layout: fixed;
  display: table;
}
.kpi-summary-item {
  display: table-cell;
  padding: 10px 10px 20px;
}
.kpi-summary-item .kpi-title {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 24px;
  text-align: center;
  overflow: hidden;
  padding-bottom: 10px;
}
.kpi-summary-item .kpi-count {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 48px;
  line-height: 48px;
  text-align: center;
  overflow: hidden;
  margin: 10px 0;
}
.kpi-summary-item .kpi-icon {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 50%;
}
.kpi-summary-item .kpi-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  color: #ffffff;
}
.kpi-summary-item .kpi-icon i[data-icon]:before {
  padding-right: 0;
}
.kpi-summary-item .kpi-byline {
  color: #8d9494;
  text-align: center;
  line-height: 20px;
  min-height: 40px;
  overflow: hidden;
  margin-bottom: 10px;
}
.activity-compare-infographic {
  margin-top: 40px;
}
.activity-compare-infographic .activity-details-graph-wrapper {
  border-top: 1px dashed #C0C0C0;
}
.activity-compare-infographic .activity-details-graph-wrapper .kpi-detail-container {
  display: table-cell;
  vertical-align: middle;
  height: 150px;
}
.activity-compare-infographic .activity-details-graph-wrapper .compareGraph {
  min-width: 400px;
  height: 150px;
}
.activity-compare-infographic .activity-details-graph-wrapper .compareBulletChart {
  width: 450px;
  margin: 50px 0;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-icon {
  position: relative;
  padding-top: 13px;
  margin-left: 30px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-icon i[data-icon]:before {
  padding-right: 0;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-label {
  width: 150px;
  font-size: 22px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding-left: 10px;
  text-transform: lowercase;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-count .currentCount {
  font-size: 64px;
  font-weight: 100;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-count .previousCountWrapper .previousCount {
  float: left;
  font-size: 28px;
  line-height: 28px;
  padding-right: 10px;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-count .previousCountWrapper .previousCountLabel {
  float: left;
  line-height: 28px;
  font-size: 12px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: lowercase;
}
.activity-compare-infographic .activity-details-graph-wrapper .activity-count .previousCountWrapper:after {
  clear: both;
  content: "";
}
.activity-compare-infographic .activity-details-graph-wrapper .changePercent {
  width: 150px;
  font-size: 32px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-align: center;
}
.activity-compare-infographic .activity-details-graph-wrapper .changePercent.positive {
  color: #1b8748;
}
.activity-compare-infographic .activity-details-graph-wrapper .changePercent.negative {
  color: #e02d42;
}
.kpi-config-text {
  color: #8d9494;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
  line-height: 14px;
}
.library-uploader {
  position: relative;
  width: 1170px;
  min-height: 700px;
  text-align: initial;
  color: #ffffff;
  background-color: #394242;
}
.library-uploader .loading-anim-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.library-uploader .loading-anim-wrapper .loading-anim {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.library-uploader .upload-view-stack {
  position: absolute;
  width: 100%;
  height: 100%;
}
.library-uploader .upload-view-stack .upload-state-view {
  position: absolute;
  width: 100%;
  height: 100%;
}
.library-uploader .upload-view-stack .upload-state-view.hidden {
  display: none;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview {
  background-color: rgba(132, 132, 132, 0.85);
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color: #505959;
  padding: 3px;
  border-radius: 5px;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window .preview-info {
  word-wrap: break-word;
  margin: 5px 10px;
  font-size: 18px;
  color: #ffffff;
  max-width: 1100px;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window .preview-image {
  overflow: auto;
  max-width: 1100px;
  max-height: 640px;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window .preview-image img {
  max-width: none;
  max-height: none;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window .preview-close {
  position: absolute;
  top: -12px;
  right: -12px;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window .preview-close .uploader-button {
  padding: 0;
  margin-right: 0;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window .preview-close .uploader-button i:before {
  font-size: 24px;
}
.library-uploader .upload-view-stack .upload-state-view.image-file-preview .preview-window .preview-close .uploader-button:hover {
  background: transparent;
  color: #77d3c6;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper {
  background-color: #f7f7f7;
  color: #505959;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .ui.grid {
  margin-left: 0;
  margin-right: 0;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-select-view {
  position: absolute;
  background-color: #505959;
  left: 50px;
  right: 50px;
  top: 50px;
  bottom: 50px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-header-wrapper {
  background-color: #505959;
  border-bottom: 3px solid #e8ebeb;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-header-wrapper .campaign-select-title {
  text-transform: lowercase;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
  color: #ffffff;
  border-right: 1px solid #e8ebeb;
  padding: 10px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-header-wrapper .campaign-filter-buttons {
  border-top: 1px solid #e8ebeb;
  padding: 10px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-header-wrapper .campaign-filter-buttons button {
  margin-right: 10px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-header-wrapper .date-select-wrapper {
  color: #ffffff;
  padding: 13px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-header-wrapper .date-select-wrapper span {
  line-height: 25px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-header-wrapper .date-select-wrapper .date-select {
  width: 150px;
  float: left;
  margin-right: 5px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-list-wrapper {
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid #e8ebeb;
  color: #394242;
  height: 420px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-close {
  position: absolute;
  top: 10px;
  right: 5px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-close .uploader-button {
  padding: 0;
  margin-right: 0;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-close .uploader-button i:before {
  font-size: 24px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-close .uploader-button:hover {
  background: transparent;
  color: #77d3c6;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-item-header-wrapper {
  font-size: 12px;
  color: #505959;
  background-color: #f7f7f7;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-item {
  font-size: 12px;
}
.library-uploader .upload-view-stack .upload-state-view.campaign-select-view-wrapper .campaign-item .campaign-name {
  font-size: 14px;
}
.library-uploader .upload-view-stack .upload-state-view.file-select-view .drop-zone-back-button-wrapper {
  position: absolute;
  bottom: 20px;
  right: 10px;
}
.library-uploader .file-upload-controls {
  background-color: #394242;
  border-bottom: 3px solid #e8ebeb;
  padding: 10px 0px;
  height: 80px;
  margin: 0;
}
.library-uploader .file-upload-controls .file-upload-buttons-left {
  text-align: left;
}
.library-uploader .file-upload-controls .file-upload-buttons-right {
  text-align: right;
  border-left: 1px solid #e8ebeb;
}
.library-uploader .file-upload-controls .file-upload-buttons-right button:last-of-type {
  margin-left: 16px;
  margin-right: 0px;
}
.library-uploader .file-upload-list {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 80px;
  bottom: 0;
}
.library-uploader .file-upload-list .upload-file {
  border-bottom: 1px solid #ffffff;
  padding: 10px 20px;
  position: relative;
}
.library-uploader .file-upload-list .upload-file.is-editing {
  background-color: #6c7373;
}
.library-uploader .file-upload-list .upload-file .upload-file-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .upload-thumbnail {
  display: table-cell;
  cursor: pointer;
  vertical-align: top;
  width: 100px;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .upload-thumbnail .img-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .upload-thumbnail .img-wrapper img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.library-uploader .file-upload-list .upload-file .upload-file-table .upload-file-info {
  display: table-cell;
  width: 550px;
  padding-left: 20px;
  overflow: hidden;
  vertical-align: middle;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .upload-file-info .upload-file-name {
  color: #ffffff;
  font-size: 18px;
  white-space: nowrap;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .upload-file-info .upload-file-details {
  font-size: 11px;
  color: #d4d9d9;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .upload-file-info .upload-file-class {
  font-size: 12px;
  color: #77d3c6;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .image-file-resolution {
  display: table-cell;
  width: 200px;
  color: #d4d9d9;
  text-align: center;
  font-size: 42px;
  vertical-align: middle;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .file-action-buttons {
  display: table-cell;
  vertical-align: middle;
  padding-left: 120px;
}
.library-uploader .file-upload-list .upload-file .upload-file-table .progress-bar-cell {
  display: table-cell;
  vertical-align: middle;
  width: 280px;
}
.library-uploader .file-upload-list .upload-file .item-editor-form-wrapper {
  padding: 10px 0px 0 20px;
}
.library-uploader .file-upload-list .upload-file .item-editor-form-wrapper .item-editor-action-buttons {
  text-align: right;
  padding-bottom: 10px;
}
.library-uploader .file-upload-list .upload-file .item-editor-form-wrapper .item-editor-action-buttons button:last-of-type {
  margin-left: 16px;
  margin-right: 0px;
}
.library-uploader .file-upload-list .upload-file p {
  margin: 0;
}
.library-uploader .file-upload-list .no-files-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 28px;
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.library-uploader .progress-bar-wrapper {
  position: relative;
  height: 26px;
  text-align: center;
  margin: 0 40px;
}
.library-uploader .progress-bar-wrapper .progress-bar-bg,
.library-uploader .progress-bar-wrapper .progress-bar-fg {
  background-color: #b2b8b8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 26px;
  color: #ffffff;
}
.library-uploader .progress-bar-wrapper .progress-bar-fg {
  background-color: transparent;
}
.library-uploader .progress-bar-wrapper .progress-bar {
  background-color: #157841;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  line-height: 26px;
  transition: width 0.2s ease;
}
.library-uploader .file-upload-containers {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.library-uploader .file-upload-containers .upload-container {
  position: relative;
  width: 586px;
  height: 247px;
  border: 1px dashed darkgray;
  border-radius: 5px;
  margin-bottom: 50px;
  cursor: pointer;
}
.library-uploader .file-upload-containers .upload-container .upload-container-button {
  margin: 0px;
  padding: 10px;
  height: 247px;
}
.library-uploader .file-upload-containers .upload-container .upload-container-button i:before {
  font-size: 128px;
  line-height: 128px;
  padding-left: 20px;
}
.library-uploader .file-upload-containers .upload-container .upload-container-button .container-button-title {
  color: #ffffff;
  font-size: 28px;
  line-height: 28px;
  margin: 0;
}
.library-uploader .file-upload-containers .upload-container .upload-container-button .container-button-byline {
  color: #ffffff;
  font-size: 12px;
  margin: 0;
}
.library-uploader .file-upload-containers .upload-container:last-of-type {
  margin-bottom: 0;
}
.library-uploader .file-upload-containers .upload-container:hover,
.library-uploader .file-upload-containers .upload-container.drag-and-drop-inprogress {
  background-color: #77d3c6;
}
.library-uploader .file-upload-containers .upload-container:hover .upload-container-button .container-button-byline,
.library-uploader .file-upload-containers .upload-container.drag-and-drop-inprogress .upload-container-button .container-button-byline {
  color: #ffffff;
}
.library-uploader .file-upload-containers .upload-container .drag-and-drop-foreground {
  background-color: red;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.library-uploader .file-error-handling {
  background-color: hsl(33.17307692, 83.87096774%, 51.37254902%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  right: 0;
}
.library-uploader .file-error-handling .ui.grid {
  margin: 0;
}
.library-uploader .file-error-handling button {
  margin-left: 16px;
}
.library-uploader .file-error-handling .file-error-icon {
  color: #ffffff;
}
.library-uploader .file-error-handling .file-error-icon i:before {
  font-size: 48px;
}
.library-uploader .file-error-handling .file-error-title {
  color: #ffffff;
  font-size: 24px;
}
.library-uploader .file-error-handling .file-error-message {
  color: #ffffff;
  font-size: 14px;
}
.library-uploader .file-error-handling .file-error-handling-buttons {
  text-align: right;
  position: absolute;
  top: 73px;
  right: 0px;
}
.library-uploader .file-upload-success-message {
  background-color: hsl(146.66666667, 70.21276596%, 27.64705882%);
  position: absolute;
  top: 0;
  left: 0;
  bottom: -1px;
  right: 0;
}
.library-uploader .file-upload-success-message .message-title {
  position: absolute;
  color: #ffffff;
  padding-left: 30px;
  font-size: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.library-uploader .uploader-button {
  color: #ffffff;
  background: transparent;
  margin-right: 10px;
}
.library-uploader .uploader-button.highlighted {
  color: #828282;
  background: #e8ebeb;
}
.library-uploader .uploader-button.campaign-filter-button {
  border-radius: 10px;
  padding: 5px 10px !important;
  line-height: 12px;
  font-size: 12px;
}
.library-uploader .uploader-button.item-action-button {
  padding: 0 10px 0 0;
  margin-right: 0;
  color: #ffffff;
}
.library-uploader .uploader-button.item-action-button i:before {
  font-size: 24px;
}
.library-uploader .uploader-button.item-action-button:hover {
  background: transparent;
  color: #77d3c6;
}
.library-uploader .uploader-button.warning-button,
.library-uploader .uploader-button.warning-button:hover {
  color: #eb8e1b;
}
.library-uploader .status-select-wrapper {
  padding: 7px;
}
.library-uploader .styled-select {
  height: 35px;
  padding: 7px;
  overflow: hidden;
  width: 150px;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
  background-color: transparent;
  border-color: #d4d9d9;
}
.library-uploader .styled-select:hover,
.library-uploader .styled-select:focus {
  border-color: #77d3c6;
}
.library-uploader .styled-select option {
  color: #505959;
  font-size: 13px;
  line-height: 1.38;
  background-color: #ffffff;
  padding: 11px 16px;
}
.library-uploader .styled-select option:hover,
.library-uploader .styled-select option:active {
  color: #2b8679;
  backround-color: #d8f2ee;
}
.library-uploader input.styled-range[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
.library-uploader input.styled-range[type=range]:focus {
  outline: none;
}
.library-uploader input.styled-range[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #EEE;
  border-radius: 1px;
  border: 0px solid #000000;
}
.library-uploader input.styled-range[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #AAA;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #EEE;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
.library-uploader input.styled-range[type=range]:focus::-webkit-slider-runnable-track {
  background: #EEE;
}
.library-uploader input.styled-range[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #EEE;
  border-radius: 1px;
  border: 0px solid #000000;
}
.library-uploader input.styled-range[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #AAA;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #EEE;
  cursor: pointer;
}
.library-uploader input.styled-range[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.library-uploader input.styled-range[type=range]::-ms-fill-lower {
  background: #EEE;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
.library-uploader input.styled-range[type=range]::-ms-fill-upper {
  background: #EEE;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
.library-uploader input.styled-range[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #AAA;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #EEE;
  cursor: pointer;
}
.library-uploader input.styled-range[type=range]:focus::-ms-fill-lower {
  background: #EEE;
}
.library-uploader input.styled-range[type=range]:focus::-ms-fill-upper {
  background: #EEE;
}
.library-uploader .item-editor-select {
  margin-bottom: 16px;
  width: 300px;
}
.library-uploader .labeled-text-input {
  position: relative;
  width: 400px;
  margin-bottom: 16px;
}
.library-uploader .labeled-text-input:last-of-type {
  margin-bottom: 0px;
}
.library-uploader .labeled-text-input.wide {
  width: 600px;
}
.library-uploader .labeled-text-input input {
  width: 100%;
  border-radius: 2px;
  color: #ffffff;
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  border: 1px solid #d4d9d9;
  background-color: transparent;
}
.library-uploader .labeled-text-input input:focus {
  border-color: #77d3c6;
}
.library-uploader .labeled-text-input p {
  position: absolute;
  cursor: not-allowed;
  pointer-events: none;
  color: #ffffff;
  font-style: italic;
  font-size: 16px;
  line-height: 25px;
  text-align: right;
  top: 5px;
  right: 10px;
  padding-left: 5px;
  background-color: #6c7373;
}
.library-uploader .ui.basic.button:hover {
  color: #ffffff !important;
}
.view-data-empty,
.grid-data-empty,
.grid-data-small-print {
  /* common/extcomponents/_grid.less */
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 36px;
  color: #b2b8b8;
  margin: 40px auto;
  width: 100%;
  text-align: center;
  text-transform: lowercase;
  padding: 40px;
}
.view-data-empty p,
.grid-data-empty p,
.grid-data-small-print p {
  margin: 20px 0;
}
.x-grid-body .x-grid-table-focused-first {
  border-top: 1px dotted transparent;
}
.x-grid-empty {
  background-color: transparent;
}
.grid-data-empty.small {
  margin: 10px auto;
}
.grid-data-empty.small .empty-grid-icon {
  width: 150px;
  height: 150px;
}
.empty-grid-icon {
  font-size: 96px;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  color: #8d9494;
  border-radius: 100%;
}
.empty-grid-icon:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  height: 100%;
}
.empty-grid-icon i:before {
  margin: 0;
  padding: 0;
}
.empty-grid-headline {
  margin-top: 20px;
}
.empty-grid-byline {
  font-size: 16px;
}
.x-grid-row {
  border-width: 0;
}
.x-grid-row .x-grid-cell:first-of-type {
  color: #394242;
}
.ngx-grid-fixed-height-row,
.ngx-grid-min-height-row {
  height: 165px;
}
.ngx-grid-fixed-height-row .x-grid-cell,
.ngx-grid-min-height-row .x-grid-cell {
  padding: 10px;
}
.ngx-grid-fixed-height-row .x-grid-cell.grid-row-float-actions,
.ngx-grid-min-height-row .x-grid-cell.grid-row-float-actions {
  padding: 25px 10px !important;
}
.ngx-grid-fixed-height-row .x-grid-cell .x-grid-cell-inner,
.ngx-grid-min-height-row .x-grid-cell .x-grid-cell-inner,
.ngx-grid-fixed-height-row .x-grid-cell .x-grid-cell-inner:first-of-type,
.ngx-grid-min-height-row .x-grid-cell .x-grid-cell-inner:first-of-type {
  padding: 0;
}
.ngx-grid-fixed-height-row.row-height-small,
.ngx-grid-min-height-row.row-height-small {
  height: 50px;
  max-height: 50px;
}
.ngx-grid-fixed-height-row.row-height-medium,
.ngx-grid-min-height-row.row-height-medium {
  height: 99px;
  max-height: 99px;
}
.ngx-grid-fixed-height-row.kpi-config-editor-row,
.ngx-grid-min-height-row.kpi-config-editor-row {
  height: 82px;
  max-height: 82px;
}
.ngx-grid-fixed-height-row.kpi-config-editor-row .x-grid-cell-selected,
.ngx-grid-min-height-row.kpi-config-editor-row .x-grid-cell-selected {
  background-color: #e8ebeb !important;
}
.ngx-grid-fixed-height-row.custom-label-editor-row,
.ngx-grid-min-height-row.custom-label-editor-row {
  height: 99px;
  max-height: 99px;
}
.ngx-grid-fixed-height-row.custom-label-editor-row .x-grid-cell-selected,
.ngx-grid-min-height-row.custom-label-editor-row .x-grid-cell-selected {
  background-color: #e8ebeb !important;
}
.ngx-grid-fixed-height-row {
  max-height: 165px;
}
.ngx-grid-min-height-row {
  min-height: 165px;
}
.ngx-upload-asset-list-row .x-grid-cell {
  height: 150px;
}
.ngx-upload-asset-list-row .x-grid-cell .asset-grid-image {
  padding-left: 10px;
}
.ngx-upload-asset-list-row .x-grid-cell .asset-grid-image-150 {
  width: 150px;
}
.ngx-upload-asset-list-row .x-grid-cell .asset-grid-image-150 img {
  max-width: 150px;
  max-height: 150px;
}
.ngx-upload-asset-list-row .x-grid-cell .asset-grid-detail {
  padding-left: 10px;
}
.ngx-upload-asset-list-row .x-grid-cell.ux-row-action-cell {
  padding-right: 15px !important;
}
.ngx-upload-asset-list-row .x-grid-cell .ux-row-action-item.action-icon {
  color: #77d3c6;
}
.ngx-monitor-grid .x-grid-cell {
  padding: 20px;
}
.ngx-monitor-grid .x-grid-cell .x-grid-cell-inner,
.ngx-monitor-grid .x-grid-cell .x-grid-cell-inner:first-of-type {
  padding: 0;
}
.grid-meta-detail,
.review-header .user-details {
  font-size: 0;
  margin: 5px 0 0 0;
  font-weight: normal;
  width: 100%;
  vertical-align: middle;
  text-align: left;
}
.grid-meta-detail .meta-detail,
.review-header .user-details .meta-detail {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
  padding: 3px 10px;
  display: inline;
  line-height: 24px;
  border-left: 1px solid #828282;
}
.grid-meta-detail .meta-detail:first-of-type,
.review-header .user-details .meta-detail:first-of-type {
  border-left-width: 0;
  padding: 3px 10px 3px 0;
}
.grid-meta-detail .meta-detail.meta-detail-channel,
.review-header .user-details .meta-detail.meta-detail-channel {
  font-size: 20px;
}
.grid-meta-detail .meta-detail a,
.review-header .user-details .meta-detail a,
.grid-meta-detail .meta-detail a:link,
.review-header .user-details .meta-detail a:link,
.grid-meta-detail .meta-detail a:visited,
.review-header .user-details .meta-detail a:visited {
  color: #828282;
  text-decoration: none;
}
.grid-meta-detail .meta-detail i[data-icon]:before,
.review-header .user-details .meta-detail i[data-icon]:before {
  padding-right: 0;
  margin: 0;
  margin-top: -2px;
}
.grid-meta-detail .meta-detail[data-icon]:first-of-type:before,
.review-header .user-details .meta-detail[data-icon]:first-of-type:before {
  padding-right: 0;
  margin: 0;
}
.grid-meta-detail .meta-detail i[data-icon]:first-of-type:before,
.review-header .user-details .meta-detail i[data-icon]:first-of-type:before {
  padding-right: 5px;
}
.grid-content {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.grid-content .content {
  margin-bottom: 10px;
  font-size: 16px;
}
.grid-content .post-type {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-grid-cell .x-grid-cell-inner .grid-row {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  position: relative;
  padding: 0;
  color: #505959;
}
.x-grid-cell .x-grid-cell-inner .grid-row .media {
  margin-top: 0;
}
.x-grid-cell .x-grid-cell-inner .grid-row a.username {
  margin-left: 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  color: #e8ebeb;
}
.x-grid-cell .x-grid-cell-inner .grid-row a.username.twitter:before {
  content: '@';
}
.x-grid-cell .x-grid-cell-inner .grid-row .grid-content {
  min-width: 450px;
}
.x-grid-cell .x-grid-cell-inner .grid-row .media-heading {
  margin: 0 0 10px 0;
}
.x-grid-cell .ux-row-action-item {
  cursor: pointer;
}
.x-grid-cell .ux-row-action-item.action-icon {
  font-size: 24px;
  margin-left: 5px;
  display: inline-block;
}
.x-grid-cell .ux-row-action-item.action-icon i {
  padding: 0 2px;
}
.x-grid-cell .ux-row-action-item.action-icon i[data-icon]:before {
  padding-right: 0;
  text-align: center;
}
.x-grid-cell .ux-row-action-item[data-isdisabled=true] {
  background: #eb8e1b;
  border-color: #eb8e1b;
}
.x-grid-cell .ux-row-action-item.button-action-item[data-isdisabled=true] {
  background: #eb8e1b !important;
}
.x-grid-cell .ux-row-action-item.icon-action-item[data-isdisabled=true] {
  background: transparent;
  border-color: transparent;
}
.x-grid-cell .ux-row-action-item.icon-action-item[data-isdisabled=true] i {
  color: #eb8e1b !important;
}
.x-grid-cell.grid-row-float-actions .x-grid-cell-inner {
  text-overflow: initial;
}
.x-grid-cell.grid-row-float-actions .ux-row-action {
  vertical-align: middle;
  display: inline-block;
  width: 60px;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-inner {
  position: relative;
  width: 100%;
  display: inline-block;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item {
  -ms-transition: opacity .2s ease-in, position .2s ease-out;
  transition: opacity .2s ease-in, position .2s ease-out;
  cursor: pointer;
  margin: 0 10px;
  padding: 10px 0 10px 0;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item .action-icon {
  margin-left: 5px !important;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.trigger-action {
  margin: 0 0 0 10px;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.fake-trigger-action {
  margin: 0 5px;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.action-icon-favourite.favourite i[data-icon],
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.action-icon-unfavourite.favourite i[data-icon] {
  color: #f078c8 !important;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.action-icon-flag.flagged i[data-icon],
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.action-icon-unflag.flagged i[data-icon] {
  color: #e0e200 !important;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.ux-row-action-item {
  opacity: 0;
  filter: alpha(opacity=0);
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.ux-row-action-item.trigger-action {
  opacity: 1;
  filter: alpha(opacity=100);
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.ux-row-action-item.actionFade {
  animation: slide_fade_left 0.2s ease-out forwards;
}
.x-grid-cell.grid-row-float-actions .ux-row-action .ux-row-action-item.fake-trigger-action {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.x-grid-cell.grid-row-float-actions.actions-open {
  position: absolute;
  right: 0;
}
.x-grid-cell.grid-row-float-actions.actions-open .ux-row-action {
  width: 100%;
}
.x-grid-cell.grid-row-float-actions.actions-open .ux-row-action .ux-row-action-inner .ux-row-action-item.trigger-action i[data-icon]:before {
  color: transparent;
}
.x-grid-cell.grid-row-float-actions.actions-open .ux-row-action .ux-row-action-inner .ux-row-action-item.fake-trigger-action {
  color: #555;
}
.x-grid-cell.grid-row-float-actions.actions-open .ux-row-action-item.trigger-action {
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
}
.x-grid-cell.grid-row-float-actions.actions-open .ux-row-action-item.fake-trigger-action {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.x-grid-row-selected .ux-row-action-item.fake-trigger-action {
  color: #d4d9d9;
}
.x-grid-row-selected .actions-open .ux-row-action-item.fake-trigger-action {
  color: #ffffff;
}
.x-grid-row-selected .x-grid-cell,
.x-grid-cell-selected.x-grid-cell {
  background-color: #d8f2ee !important;
  border-color: #d8f2ee !important;
  border-style: solid;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta {
  color: #394242 !important;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item i[data-icon],
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item i[data-icon],
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item i[data-icon],
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item i[data-icon],
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item i[data-icon],
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item i[data-icon] {
  color: #394242;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover {
  color: #394242;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.btn-blue-outline i[data-icon],
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.btn-blue-outline i[data-icon],
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item.btn-blue-outline i[data-icon],
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item.btn-blue-outline i[data-icon],
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item.btn-blue-outline i[data-icon],
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item.btn-blue-outline i[data-icon] {
  color: #77d3c6;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.btn-blue-outline .trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.btn-blue-outline .trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item.btn-blue-outline .trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item.btn-blue-outline .trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item.btn-blue-outline .trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item.btn-blue-outline .trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.btn-blue-outline .fake-trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.btn-blue-outline .fake-trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item.btn-blue-outline .fake-trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description .ux-row-action .ux-row-action-item.btn-blue-outline .fake-trigger-action i[data-icon]:hover,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item.btn-blue-outline .fake-trigger-action i[data-icon]:hover,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta .ux-row-action .ux-row-action-item.btn-blue-outline .fake-trigger-action i[data-icon]:hover {
  color: #394242;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .meta-detail,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .meta-detail,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .description .meta-detail,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .description .meta-detail,
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .content .meta .meta-detail,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner .content .meta .meta-detail {
  border-color: #394242;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner.border-left,
.x-grid-cell-selected.x-grid-cell .x-grid-cell-inner.border-left,
.x-grid-row-selected .x-grid-cell .content-grid-content.border-left,
.x-grid-cell-selected.x-grid-cell .content-grid-content.border-left,
.x-grid-row-selected .x-grid-cell .action-icon.border-left,
.x-grid-cell-selected.x-grid-cell .action-icon.border-left {
  border-left: 1px solid #394242;
}
.x-grid-cell.ngx-grid-multi-colorblock .ngx-color-cell.draft {
  color: #fff;
  border-color: #fff;
  background-color: #9c9c9c;
}
.x-grid-cell,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell {
  vertical-align: middle;
  background-color: #ffffff !important;
  border-color: #e8ebeb !important;
}
.x-grid-cell .x-grid-cell-inner,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner,
.x-grid-cell .ngx-sub-cell-meta,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .ngx-sub-cell-meta {
  color: #505959 !important;
}
.x-grid-cell.x-grid-cell-selected,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell.x-grid-cell-selected {
  background-color: #989898 !important;
}
.x-grid-cell .x-grid-cell-inner .ngx-avatar,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ngx-avatar {
  margin-left: 0;
}
.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item i[data-icon],
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item i[data-icon] {
  color: #394242;
}
.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item i[data-icon]:hover,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item i[data-icon]:hover {
  color: #3ec0ad;
}
.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .trigger-action i[data-icon]:hover,
.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item .fake-trigger-action i[data-icon]:hover {
  color: #3ec0ad;
}
.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.ngx-blue-button i[data-icon],
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.ngx-blue-button i[data-icon],
.x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.ngx-blue-button i[data-icon]:hover,
.ngx-no-select-highlight .x-grid-row-selected .x-grid-cell .x-grid-cell-inner .ux-row-action .ux-row-action-item.ngx-blue-button i[data-icon]:hover {
  color: #ffffff;
}
.x-grid-cell .x-grid-cell-inner .grid-content .whitelisted-content {
  color: #bf3966;
}
.x-grid-row-selected .x-grid-cell .x-grid-cell-inner .grid-content .whitelisted-content {
  color: #ffffff;
}
.ngx-no-select-highlight .x-grid-header-ct {
  border-width: 0 !important;
}
.ngx-no-select-highlight .x-grid-cell {
  border-style: dashed !important;
  padding: 25px 10px;
}
.ngx-no-select-highlight .x-grid-cell.ngx-pad-left-cell {
  padding-left: 40px;
}
.ngx-no-select-highlight .x-grid-table-over-first {
  border-top-color: transparent !important;
}
.ngx-no-select-highlight .x-grid-row:first-of-type .x-grid-cell {
  border-color: transparent !important;
}
.x-grid-cell.ngx-grid-flag {
  position: absolute;
  right: 0;
  padding: 0;
  border-width: 0 !important;
  background-color: transparent !important;
}
.x-grid-cell.ngx-grid-flag .x-grid-cell-inner {
  height: 40px;
  width: 40px;
}
.x-grid-cell.ngx-grid-flag .x-grid-cell-inner .ux-row-flag-item.favourite .ngx-flag-cell-triangle {
  border-color: transparent #bf3966 transparent transparent;
}
.x-grid-cell.ngx-grid-flag .x-grid-cell-inner .ux-row-flag-item.flag .ngx-flag-cell-triangle {
  border-color: transparent #e0e200 transparent transparent;
}
.x-grid-cell.ngx-grid-flag .x-grid-cell-inner .ngx-flag-cell-triangle {
  border-style: solid;
  border-width: 0 40px 40px 0;
  position: initial;
  display: block;
}
.x-grid-cell.ngx-grid-flag .x-grid-cell-inner .ngx-flag-cell-triangle i {
  position: absolute;
  right: 0;
  color: #ffffff;
  font-size: 16px;
}
.x-grid-cell.ngx-grid-flag .x-grid-cell-inner .ngx-flag-cell-triangle i[data-icon]:before {
  padding: 0;
  margin: 3px;
}
#themeList .x-grid-cell.x-grid-cell-first,
#formList .x-grid-cell.x-grid-cell-first,
#assetGrid .x-grid-cell.x-grid-cell-first {
  padding: 20px;
}
#themeList .x-column-header-first.x-column-header .x-column-header-inner,
#formList .x-column-header-first.x-column-header .x-column-header-inner,
#assetGrid .x-column-header-first.x-column-header .x-column-header-inner {
  padding-left: 20px !important;
}
.x-tip.x-tip-form-invalid {
  /*---- extCommon.less ----*/
  box-shadow: none;
  border-color: #9d261d;
  background-color: #9d261d;
}
.x-tip.x-tip-form-invalid .x-tip-body {
  color: #ffffff;
  padding: 10px 10px 8px 10px;
  font: normal 14px/100% Roboto, "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
}
.x-tip-form-invalid .x-tip-body-form-invalid,
.x-form-type-text textarea.x-form-invalid-field,
.x-form-type-text input.x-form-invalid-field,
.x-form-type-password textarea.x-form-invalid-field,
.x-form-type-password input.x-form-invalid-field,
.x-form-type-number textarea.x-form-invalid-field,
.x-form-type-number input.x-form-invalid-field,
.x-form-type-email textarea.x-form-invalid-field,
.x-form-type-email input.x-form-invalid-field,
.x-form-type-search textarea.x-form-invalid-field,
.x-form-type-search input.x-form-invalid-field,
.x-form-type-tel textarea.x-form-invalid-field,
.x-form-type-tel input.x-form-invalid-field {
  background-image: none;
}
.x-tab-bar-default-top .x-tabbar-scroll-left,
.x-tab-bar-default-bottom .x-tabbar-scroll-left,
.x-tab-bar-default-top .x-tabbar-scroll-right,
.x-tab-bar-default-bottom .x-tabbar-scroll-right {
  background-image: none;
}
.x-tab-bar-default-left .x-tabbar-scroll-top,
.x-tab-bar-default-right .x-tabbar-scroll-top,
.x-tab-bar-default-left .x-tabbar-scroll-bottom,
.x-tab-bar-default-right .x-tabbar-scroll-bottom {
  background-image: none;
}
.x-mask-msg-text {
  background-image: none;
}
/*---- anti bootstrap re-resets ----*/
.x-border-box a:hover {
  text-decoration: none;
}
a.x-btn:hover,
a.x-tab:hover {
  text-decoration: none;
}
.x-mask {
  /*---- extCommon.less ----*/
  z-index: 1050;
  background-color: #505959;
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
  background-repeat: no-repeat;
}
.x-mask.ngx-component-mask-light {
  background-color: #b2b8b8;
}
.x-mask.ngx-combo-load-mask {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: rgba(210, 210, 210, 0.97);
}
.x-mask.ngx-modal-mask-default {
  position: fixed;
}
.x-mask.ngx-light-modal-mask {
  background-color: rgba(200, 200, 200, 0.7);
}
.x-mask.ngx-bright-modal-mask {
  background-color: rgba(250, 250, 250, 0.97);
}
.x-mask.ngx-dark-modal-mask {
  background-color: rgba(57, 66, 66, 0.8);
}
.x-mask.ngx-page-designer-mask {
  opacity: 0.008;
  filter: alpha(opacity=0.8);
  background-color: rgba(210, 210, 210, 0.97);
  background-image: none;
  background-repeat: no-repeat;
}
.x-mask.ngx-modal-mask-transparent {
  opacity: 0;
  filter: alpha(opacity=0);
}
.x-mask.ngx-clear-mask {
  background-color: transparent;
}
.x-mask.ngx-body-loading-mask-light {
  opacity: 0.5;
}
.x-mask-msg {
  z-index: 1051;
  background: transparent;
  border-color: transparent;
}
.ngx-load-mask,
.ngx-light-load-mask,
.x-mask-msg.x-component-default,
.ngx-clear-mask {
  background-image: none;
  text-align: center;
}
.ngx-load-mask .x-mask-msg-inner,
.ngx-light-load-mask .x-mask-msg-inner,
.x-mask-msg.x-component-default .x-mask-msg-inner,
.ngx-clear-mask .x-mask-msg-inner {
  border-color: transparent;
  background: transparent;
}
.ngx-low-grid-load-mask-msg {
  z-index: 1049 !important;
}
.ngx-low-grid-load-mask {
  z-index: 1047 !important;
}
.ngx-combo-load-mask {
  background-image: none;
  background-color: rgba(150, 150, 150, 0.3);
}
.ngx-combo-load-mask .ngx-mask-wrapper .label-wrapper {
  margin-left: 10px;
}
.ngx-load-mask.ngx-preview-feed-load-mask,
.ngx-load-mask.ngx-light-load-mask {
  background-image: none;
  background-color: rgba(250, 250, 250, 0.6);
}
.x-mask-msg {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
  padding: 10px;
  border-radius: 2px;
  background-position: 0 -1px;
}
.x-mask-msg > div {
  font: normal 15px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #ffffff;
  padding: 0;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
.x-mask-msg > div:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  color: #fff;
  -webkit-animation: rotating 2s linear infinite;
  padding: 0;
  margin-right: 20px;
}
.x-mask-msg.ngx-left-align-load-mask {
  left: 0!important;
}
.x-mask-msg.ngx-left-align-load-mask .x-mask-msg-text {
  padding-left: 5px;
}
.x-mask-msg.ngx-left-align-load-mask .ngx-mask-wrapper .label-wrapper {
  margin-left: 0;
}
.x-mask-msg.ngx-tiny-load-mask.ngx-component-load-mask {
  padding: 0;
}
.x-mask-msg.ngx-loading-message {
  background-color: transparent;
  padding: 70px;
  width: 100%;
  left: 0!important;
  border-radius: 0;
  text-align: center;
  position: fixed;
  cursor: wait;
}
.x-mask-msg.ngx-loading-message > div:before {
  content: '';
}
.x-mask-msg.ngx-loading-message span.ngx-mask-wrapper {
  font: normal 50px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  text-transform: lowercase;
  padding: 0;
}
.x-mask-msg.ngx-loading-message span.ngx-mask-wrapper:before {
  content: '';
}
.x-mask-msg.ngx-tabpanel-mask-message {
  background-color: transparent;
  padding: 70px;
  top: 0 !important;
  border-radius: 0;
  text-align: center;
  cursor: default;
}
.x-mask-msg.ngx-tabpanel-mask-message > div {
  cursor: default;
}
.x-mask-msg.ngx-tabpanel-mask-message > div:before {
  content: '';
}
.x-mask-msg.ngx-tabpanel-mask-message span.ngx-mask-wrapper {
  font: normal 32px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  text-transform: lowercase;
  padding: 0;
}
.x-mask-msg.ngx-tabpanel-mask-message span.ngx-mask-wrapper:before {
  content: '';
}
.x-mask-msg.ngx-tabpanel-mask-message span.ngx-mask-wrapper .ngx-tabpanel-mask-icon {
  font-size: 100px;
}
.x-mask-msg.ngx-top-loading-message {
  padding: 37px 36px 37px 100px;
  width: 100%;
  left: 0!important;
  border-radius: 0;
  position: absolute;
  top: 0!important;
  background-color: rgba(50, 50, 50, 0.85);
  cursor: wait;
}
.x-mask-msg.ngx-top-loading-message span.ngx-mask-wrapper {
  font: normal 50px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  text-transform: lowercase;
  padding: 0;
}
.x-mask-msg.ngx-top-loading-message span.ngx-mask-wrapper:before {
  content: '';
}
.x-css-shadow {
  box-shadow: none !important;
}
.ngx-hidden {
  opacity: 0;
  display: none;
  -ms-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
@-webkit-keyframes slide_fade_left {
  0% {
    -webkit-transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes slide_fade_left {
  0% {
    -moz-transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-ms-keyframes slide_fade_left {
  0% {
    -ms-transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -ms-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes slide_fade_left {
  0% {
    -o-transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slide_fade_left {
  0% {
    transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slide_fade_right {
  0% {
    -webkit-transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes slide_fade_right {
  0% {
    -moz-transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-ms-keyframes slide_fade_right {
  0% {
    -ms-transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -ms-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes slide_fade_right {
  0% {
    -o-transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slide_fade_right {
  0% {
    transform: translate3d(-10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes search_slide {
  0% {
    transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes search_slide {
  0% {
    transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-ms-keyframes search_slide {
  0% {
    transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes search_slide {
  0% {
    transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes search_slide {
  0% {
    transform: translate3d(10px, 0, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slide_fade_up {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
    display: block;
  }
}
@-moz-keyframes slide_fade_up {
  0% {
    -moz-transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
    display: block;
  }
}
@-ms-keyframes slide_fade_up {
  0% {
    -ms-transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -ms-transform: translate3d(0, 0, 0);
    opacity: 1;
    display: block;
  }
}
@-o-keyframes slide_fade_up {
  0% {
    -o-transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    -o-transform: translate3d(0, 0, 0);
    opacity: 1;
    display: block;
  }
}
@keyframes slide_fade_up {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    display: block;
  }
}
@-webkit-keyframes slide_fade_out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    opacity: 0;
    display: none;
  }
}
@-moz-keyframes slide_fade_out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    opacity: 0;
    display: none;
  }
}
@-ms-keyframes slide_fade_out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    opacity: 0;
    display: none;
  }
}
@-o-keyframes slide_fade_out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    opacity: 0;
    display: none;
  }
}
@keyframes slide_fade_out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -20px, 0);
    opacity: 0;
    display: none;
  }
}
.ngx-color-cell {
  text-transform: lowercase;
  width: 100%;
  max-width: 150px;
  min-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.x-form-text {
  vertical-align: top;
}
.conversation-meta-detail .meta-detail {
  border-left: 1px solid #828282;
  padding: 3px 10px;
}
.conversation-meta-detail .meta-detail:first-of-type {
  border-left-width: 0;
  padding: 3px 10px 3px 0;
}
.x-nlg .x-toolbar-default {
  background-image: none !important;
}
.x-tool,
.x-tool-close,
.x-tool-toggle,
.x-tool-help {
  cursor: pointer;
  display: block;
}
.x-panel-header-default {
  margin: 30px 0;
  border-color: #77d3c6;
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.x-panel-header-default .x-panel-header-text-default {
  color: #77d3c6;
  font-size: 56px;
  text-transform: lowercase;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  line-height: 74px;
  padding: 0 40px;
}
.x-panel-body h2 {
  margin: 0;
  font: 50px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  color: #ffffff;
}
.ngx-fullscreen-window-title * {
  padding: 0 0 0 15px;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #77d3c6;
  display: inline-block;
  vertical-align: middle;
}
.ngx-fullscreen-window-title p {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
}
.ngx-fullscreen-window-title .boxer {
  padding: 0;
  display: block;
}
.ngx-fullscreen-window-title *[data-icon]:before {
  padding: 0 15px 0 0;
  border-right: 1px solid #77d3c6;
}
.x-panel-body-default {
  background-color: transparent;
  border-color: transparent;
}
.helpCarousel {
  border-top: 1px solid #828282 !important;
  padding-top: 25px;
  margin: 25px 40px;
}
.helpCarousel .helpMenuItem {
  position: relative;
  margin: 10px;
  color: #ffffff;
}
.helpCarousel .helpMenuItem .count {
  float: left;
  margin-right: 20px;
  font: 50px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.helpCarousel .helpMenuItem .description {
  float: left;
  width: 200px;
  font: 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 0 0 10px;
}
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset,
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset.ngx-fieldset-expanded {
  border-color: transparent;
  margin: 0;
  padding: 0;
}
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset .x-fieldset-body,
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset.ngx-fieldset-expanded .x-fieldset-body {
  padding: 0 10px;
}
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset .x-fieldset-header,
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset.ngx-fieldset-expanded .x-fieldset-header {
  padding: 10px;
}
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset .x-fieldset-header .x-fieldset-header-text,
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset.ngx-fieldset-expanded .x-fieldset-header .x-fieldset-header-text {
  color: #989898;
  padding: 8px 0;
}
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset .x-tool-toggle:before,
.x-fieldset.ngx-fieldset.ngx-help-block-fieldset.ngx-fieldset-expanded .x-tool-toggle:before {
  content: '?';
}
.ngx-help-block-fieldset .x-fieldset-header-text {
  color: #989898;
  font: normal 16px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-help-block {
  border: 1px dashed #808080;
  border-radius: 4px;
  color: #989898;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: normal;
  padding: 0;
  margin-top: 0.5em;
}
.ngx-help-block .ngx-help-block-label {
  font-weight: 700;
}
.network-icon {
  width: auto;
  padding-right: 0;
}
.network-icon i {
  color: #828282;
  margin: auto;
  height: 50px;
  border-right: 0 solid transparent;
}
.ngx-field-label-prefix {
  font-size: 18px;
  margin-right: 20px;
  color: #ffffff;
}
.x-btn.ngx-text-regular .x-btn-inner {
  text-transform: none;
}
.x-btn.ngx-large-button .x-btn-icon-el {
  height: 36px;
  width: 36px;
}
.x-btn.ngx-large-button .x-btn-icon-el[data-icon]:before {
  font-size: 36px;
}
.x-btn.ngx-xxlarge-button .x-btn-button {
  height: 100px;
  width: 140px;
}
.x-btn.ngx-xxlarge-button .x-btn-icon-el {
  height: auto;
  width: auto;
}
.x-btn.ngx-xxlarge-button .x-btn-icon-el[data-icon]:before {
  font-size: 64px;
  line-height: 64px;
}
.x-btn.ngx-xxlarge-button .x-btn-inner {
  font-size: 30px;
  height: 100px;
  padding-top: 64px;
  width: auto;
}
.x-btn.ngx-xxlarge-button .x-btn-inner h3 {
  font-size: 26px;
}
.x-btn.ngx-xxlarge-button .x-btn-inner p {
  font-size: 18px;
}
.x-btn.ngx-xxlarge-button .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-xxlarge-button .x-btn-inner,
.x-btn.ngx-xxlarge-button .x-btn-inner h3,
.x-btn.ngx-xxlarge-button .x-btn-inner p {
  color: #ffffff;
}
.x-btn.ngx-xxlarge-button.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-xxlarge-button.x-btn-over .x-btn-inner,
.x-btn.ngx-xxlarge-button.x-btn-over .x-btn-inner h3,
.x-btn.ngx-xxlarge-button.x-btn-over .x-btn-inner p {
  color: #77d3c6;
}
.x-btn.ngx-xxlarge-button.ngx-gray .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-xxlarge-button.ngx-gray .x-btn-inner h3,
.x-btn.ngx-xxlarge-button.ngx-gray .x-btn-inner p {
  color: #6c7373;
}
.x-btn.ngx-xxlarge-button.ngx-gray.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-xxlarge-button.ngx-gray.x-btn-over .x-btn-inner h3,
.x-btn.ngx-xxlarge-button.ngx-gray.x-btn-over .x-btn-inner p {
  color: #3ec0ad;
}
.x-btn.x-btn-default-large .x-btn-inner {
  font-size: 24px;
  line-height: 26px;
}
.x-btn.x-btn-default-large .x-btn-icon-el {
  width: 24px;
  font-size: 24px;
}
.x-btn.x-btn-default-large .x-btn-icon-el[data-icon]:before {
  font-size: 24px;
  line-height: 24px;
}
.x-btn.x-btn-default-large .x-btn-icon-el[data-icon]:before,
.x-btn.x-btn-default-large .x-btn-inner,
.x-btn.x-btn-default-large .x-btn-inner h3,
.x-btn.x-btn-default-large .x-btn-inner p {
  color: #ffffff;
}
.x-btn.x-btn-default-large.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.x-btn-default-large.x-btn-over .x-btn-inner,
.x-btn.x-btn-default-large.x-btn-over .x-btn-inner h3,
.x-btn.x-btn-default-large.x-btn-over .x-btn-inner p {
  color: #3ec0ad;
}
.x-btn .x-btn-icon-el[data-icon]:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.x-window .x-btn.ngx-xxlarge-button .x-btn-icon-el[data-icon]:before,
.x-window .x-btn.ngx-xxlarge-button .x-btn-inner,
.x-window .x-btn.ngx-xxlarge-button .x-btn-inner h3,
.x-window .x-btn.ngx-xxlarge-button .x-btn-inner p {
  color: #ffffff;
}
.x-window .x-btn.ngx-xxlarge-button.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-window .x-btn.ngx-xxlarge-button.x-btn-over .x-btn-inner,
.x-window .x-btn.ngx-xxlarge-button.x-btn-over .x-btn-inner h3,
.x-window .x-btn.ngx-xxlarge-button.x-btn-over .x-btn-inner p {
  color: #77d3c6;
}
.x-window .x-btn.ngx-xxlarge-button.ngx-gray .x-btn-icon-el[data-icon]:before,
.x-window .x-btn.ngx-xxlarge-button.ngx-gray .x-btn-inner h3,
.x-window .x-btn.ngx-xxlarge-button.ngx-gray .x-btn-inner p {
  color: #6c7373;
}
.x-window .x-btn.ngx-xxlarge-button.ngx-gray.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-window .x-btn.ngx-xxlarge-button.ngx-gray.x-btn-over .x-btn-inner h3,
.x-window .x-btn.ngx-xxlarge-button.ngx-gray.x-btn-over .x-btn-inner p {
  color: #3ec0ad;
}
.x-window .x-btn.x-btn-default-large .x-btn-icon-el[data-icon]:before,
.x-window .x-btn.x-btn-default-large .x-btn-inner,
.x-window .x-btn.x-btn-default-large .x-btn-inner h3,
.x-window .x-btn.x-btn-default-large .x-btn-inner p {
  color: #ffffff;
}
.x-window .x-btn.x-btn-default-large.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-window .x-btn.x-btn-default-large.x-btn-over .x-btn-inner,
.x-window .x-btn.x-btn-default-large.x-btn-over .x-btn-inner h3,
.x-window .x-btn.x-btn-default-large.x-btn-over .x-btn-inner p {
  color: #3ec0ad;
}
.user-avatar {
  float: left;
  margin-right: 10px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  height: 50px;
  width: 50px;
  min-width: 50px;
  border-radius: 100%;
}
.user-avatar a {
  cursor: pointer;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-decoration: none;
}
.entry-avatar {
  float: none;
  line-height: 50px;
}
.media > .pull-left .user-avatar {
  margin-right: 0;
}
.default-thumbnail,
.grid-thumbnail {
  cursor: pointer;
  max-width: 120px !important;
  max-height: 75px;
  height: 100%;
}
.default-thumbnail.media-image,
.grid-thumbnail.media-image {
  margin-right: 10px;
}
.row-icon.media-row {
  position: relative;
}
.row-icon.media-row .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.row-icon.media-row .video-icon .icon-background {
  background: transparent !important;
  width: 16px;
  height: 16px;
  border-radius: 25px;
}
.row-icon.media-row .video-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.row-icon.media-row .video-icon i:before {
  font-size: 20px;
  padding-right: 0;
  color: #8d9494;
  opacity: 0.85;
}
.thumbnail-placeholder {
  height: 75px;
  width: 100px;
}
.thumbnail-placeholder span {
  height: 100%;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 36px;
  background: #ccc;
  line-height: 73px;
}
.thumbnail-placeholder span:before {
  padding: 0;
}
.default-thumbnail {
  height: 80px;
  width: 67px;
  background: #ccc;
  text-align: center;
}
.default-thumbnail:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.default-thumbnail span {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.default-thumbnail span[data-icon]:before {
  padding: 0;
  margin: 0;
  font-size: 32px;
}
.ngx-app-setting {
  padding: 10px;
  border-radius: 2px;
  display: inline-block;
  width: 100%;
  color: #fff;
}
.ngx-app-setting-warning {
  background: hsl(33.17307692, 83.87096774%, 51.37254902%);
}
.ngx-app-setting-info {
  background: hsl(146.66666667, 70.21276596%, 27.64705882%);
}
.ngx-app-setting-error {
  border-radius: 2px;
}
.ngx-review-footer {
  text-align: center;
  padding: 20px;
  color: #ffffff;
}
.x-editor.x-small-editor.x-grid-editor .x-form-focus::-webkit-input-placeholder {
  color: #ffffff;
}
.x-editor.x-small-editor.x-grid-editor .x-form-item {
  margin: 0;
}
.x-editor.x-small-editor.x-grid-editor .x-form-item-body {
  padding: 22px 0;
}
.x-editor.x-small-editor.x-grid-editor .kpi-config-editor {
  margin-left: -10px;
}
.x-editor.x-small-editor.x-grid-editor .kpi-config-editor .x-form-item-body {
  padding: 0;
}
.x-editor.x-small-editor.x-grid-editor .kpi-config-editor textarea {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  height: 82px;
}
.x-editor.x-small-editor.x-grid-editor .custom-label-editor textarea {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  height: 50px;
  padding: 10px;
}
.x-grid-cell-nameDescription {
  white-space: initial;
}
.x-dd-drop-nodrop div.x-dd-drop-icon {
  background-image: none;
}
.x-toolbar.ngx-toolbar-trans {
  background-color: transparent;
  border-bottom-color: #77d3c6;
  border-bottom-width: 1px !important;
}
.custom-message-growler {
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -40px;
  margin-bottom: 20px;
}
dl.dl-horizontal {
  /*--- swisshaus/swisshaus_ext.less ---*/
  border-spacing: initial;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
body.ngx-no-overflow,
body.ngx-msg-no-overflow {
  overflow: hidden;
}
body.ngx-no-overflow.overflow-hidden,
body.ngx-msg-no-overflow.overflow-hidden {
  overflow: hidden !important;
}
a.dialogLink {
  color: #ffffff;
  text-decoration: underline;
}
a.dialogLink:hover {
  color: #ffffff;
}
.x-window-maximized-ct {
  overflow: hidden;
}
.x-window-maximized .x-window-handle {
  display: none;
}
body.ngx-overlay-overflow {
  overflow: hidden;
}
body.ngx-overlay-overflow.overflow-hidden {
  overflow: hidden !important;
}
ul {
  margin: 0;
  -moz-padding-start: 0;
  -webkit-padding-start: 0;
  -khtml-padding-start: 0;
  -o-padding-start: 0;
  padding-start: 40px;
  padding: 0;
}
.ngx-grid-block {
  font-size: 20px;
  padding: 3px !important;
}
.ngx-grid-block .x-grid-cell-inner {
  margin: 0 auto;
  padding: 0;
  color: #394242;
}
.ngx-grid-block .x-grid-cell-inner .ngx-active-status {
  color: #ffffff;
}
.ngx-grid-block .x-grid-cell-inner .ngx-active-status span {
  padding: 5px;
  display: block;
  font-size: 12px;
  color: #ffffff;
}
.x-form-item.x-item-disabled .x-form-trigger-wrap .x-form-trigger {
  background: #f7f7f7;
  color: #6c7373;
}
.ngx-active-time {
  display: block;
  padding: 0;
}
.ngx-split-cell {
  padding: 0;
  text-align: left;
  min-width: 0;
}
.ngx-split-cell-icon {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  float: left;
}
.ngx-split-cell-icon,
.ngx-split-cell-text {
  padding: 5px;
  display: inline-block;
}
.ngx-split-cell-text {
  text-align: center;
}
.ngx-grid-colorblock .x-grid-cell-inner {
  margin: 0 auto;
  color: #ffffff;
}
.ngx-grid-multi-colorblock {
  padding: 0 5px;
}
.ngx-grid-multi-colorblock .ngx-color-cell {
  width: auto;
  margin: 0 0 0 5px;
}
.ngx-grid-plainblock span {
  width: auto;
}
.ngx-grid-colorblock-narrow .x-grid-cell-inner span {
  width: 90%;
  padding: 10px 0 7px;
  display: inline-block;
}
.ngx-plain-cell.validforformattype {
  white-space: initial;
}
.ngx-color-cell,
.ui.grid.review-header .color-block {
  background-color: #d4d9d9;
  border: 1px solid #d4d9d9;
  font: 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  width: 100%;
  min-width: 75px;
  text-align: center;
  border-radius: 2px;
  padding: 5px;
  height: 30px;
  display: inline-block;
}
.ngx-color-cell i[data-icon]:before,
.ui.grid.review-header .color-block i[data-icon]:before {
  padding-right: 0;
}
.ngx-color-cell[data-action],
.ui.grid.review-header .color-block[data-action] {
  cursor: pointer;
}
.ngx-color-cell.ngx-split-cell,
.ui.grid.review-header .color-block.ngx-split-cell {
  padding: 0;
  min-width: 0;
}
.ngx-color-cell.winnerStatus.status00w,
.ui.grid.review-header .color-block.winnerStatus.status00w {
  background-color: #cf2e76;
}
.ngx-color-cell.winnerStatus.status01w,
.ui.grid.review-header .color-block.winnerStatus.status01w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status02w,
.ui.grid.review-header .color-block.winnerStatus.status02w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status03w,
.ui.grid.review-header .color-block.winnerStatus.status03w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status04w,
.ui.grid.review-header .color-block.winnerStatus.status04w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status05w,
.ui.grid.review-header .color-block.winnerStatus.status05w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status06w,
.ui.grid.review-header .color-block.winnerStatus.status06w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status07w,
.ui.grid.review-header .color-block.winnerStatus.status07w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status08w,
.ui.grid.review-header .color-block.winnerStatus.status08w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status09w,
.ui.grid.review-header .color-block.winnerStatus.status09w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.status10w,
.ui.grid.review-header .color-block.winnerStatus.status10w {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.statusru,
.ui.grid.review-header .color-block.winnerStatus.statusru {
  background-color: #157841;
}
.ngx-color-cell.winnerStatus.statusfn,
.ui.grid.review-header .color-block.winnerStatus.statusfn {
  background-color: #157841;
}
.ngx-color-cell.tag,
.ui.grid.review-header .color-block.tag {
  max-width: 180px;
  text-transform: none;
}
.ngx-color-cell.date,
.ui.grid.review-header .color-block.date,
.ngx-color-cell.invites,
.ui.grid.review-header .color-block.invites,
.ngx-color-cell.shares,
.ui.grid.review-header .color-block.shares,
.ngx-color-cell.entries,
.ui.grid.review-header .color-block.entries,
.ngx-color-cell.campaigns,
.ui.grid.review-header .color-block.campaigns {
  color: #ffffff;
  background-color: #d4d9d9;
  border-color: #d4d9d9;
  border-width: 1px;
}
.ngx-color-cell.referrals,
.ui.grid.review-header .color-block.referrals {
  background-color: #bf3966;
  border-color: #bf3966;
  color: #ffffff;
}
.ngx-color-cell.postEngagement,
.ui.grid.review-header .color-block.postEngagement {
  background-color: #0583a1;
  border-color: #0583a1;
  color: #ffffff;
}
.ngx-color-cell.promotions,
.ui.grid.review-header .color-block.promotions {
  background-color: #9FDCE9;
  border-color: #9FDCE9;
  color: #ffffff;
}
.ngx-color-cell.engagement,
.ui.grid.review-header .color-block.engagement {
  background-color: #F7CF44;
  border-color: #F7CF44;
  color: #ffffff;
}
.ngx-color-cell.example,
.ui.grid.review-header .color-block.example {
  color: #ffffff;
  background-color: #d4d9d9;
  border-color: #d4d9d9;
  border-width: 1px;
}
.ngx-color-cell.comments,
.ui.grid.review-header .color-block.comments {
  background-color: #e3713a;
  border-color: #e3713a;
  color: #ffffff;
  width: 60px;
  min-width: initial;
}
.ngx-color-cell.audience.userType1,
.ui.grid.review-header .color-block.audience.userType1 {
  color: #ffffff;
  background-color: #157841;
  border-color: #157841;
  border-width: 1px;
}
.ngx-color-cell.audience.userType2,
.ui.grid.review-header .color-block.audience.userType2 {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #ffffff;
}
.ngx-color-cell.audience.userType3,
.ui.grid.review-header .color-block.audience.userType3 {
  background-color: #e0c649;
  border-color: #e0c649;
  color: #ffffff;
}
.ngx-color-cell.rightsStatus,
.ui.grid.review-header .color-block.rightsStatus {
  min-width: 30px;
  width: 30px;
  margin-right: 0;
}
.ngx-color-cell.rightsStatus.granted,
.ui.grid.review-header .color-block.rightsStatus.granted {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #ffffff;
}
.ngx-color-cell.rightsStatus.denied,
.ui.grid.review-header .color-block.rightsStatus.denied {
  background-color: #ec4f3a;
  border-color: #ec4f3a;
  color: #ffffff;
}
.ngx-color-cell.status,
.ui.grid.review-header .color-block.status {
  min-width: 80px;
}
.ngx-color-cell.status.draft,
.ui.grid.review-header .color-block.status.draft {
  color: #9c9c9c;
  border-color: #9c9c9c;
  background-color: transparent;
}
.ngx-color-cell.status.failed,
.ui.grid.review-header .color-block.status.failed,
.ngx-color-cell.status.partialFailed,
.ui.grid.review-header .color-block.status.partialFailed,
.ngx-color-cell.status.embargo,
.ui.grid.review-header .color-block.status.embargo {
  background-color: #b6001b;
  border-color: #b6001b;
  color: #ffffff;
}
.ngx-color-cell.status.pending-rights,
.ui.grid.review-header .color-block.status.pending-rights {
  background-color: #eeb109;
  border-color: #eeb109;
  color: #ffffff;
}
.ngx-color-cell.status.invalid,
.ui.grid.review-header .color-block.status.invalid,
.ngx-color-cell.status.notauthorised,
.ui.grid.review-header .color-block.status.notauthorised {
  background-color: #f89406;
  border-color: #f89406;
  color: #ffffff;
}
.ngx-color-cell.status.flagged,
.ui.grid.review-header .color-block.status.flagged {
  background-color: #cfb641;
  border-color: #cfb641;
  color: #ffffff;
}
.ngx-color-cell.status.ready,
.ui.grid.review-header .color-block.status.ready,
.ngx-color-cell.status.scheduled,
.ui.grid.review-header .color-block.status.scheduled,
.ngx-color-cell.status.authorised,
.ui.grid.review-header .color-block.status.authorised,
.ngx-color-cell.status.active,
.ui.grid.review-header .color-block.status.active {
  color: #ffffff;
  background-color: #157841;
  border-color: #157841;
  border-width: 1px;
}
.ngx-color-cell.status.review,
.ui.grid.review-header .color-block.status.review {
  color: #ffffff;
  background-color: #77d3c6;
  border-color: #77d3c6;
  border-width: 1px;
}
.ngx-color-cell.status.approved,
.ui.grid.review-header .color-block.status.approved,
.ngx-color-cell.status.delivered,
.ui.grid.review-header .color-block.status.delivered {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #ffffff;
}
.ngx-color-cell.status.saved,
.ui.grid.review-header .color-block.status.saved {
  color: #ffffff;
  background-color: #157841;
  border-color: #157841;
  border-width: 1px;
}
.ngx-color-cell.status.published,
.ui.grid.review-header .color-block.status.published {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #ffffff;
}
.ngx-color-cell.status.favourite,
.ui.grid.review-header .color-block.status.favourite {
  background-color: #bf3966;
  border-color: #bf3966;
  color: #ffffff;
}
.ngx-color-cell.status.expired,
.ui.grid.review-header .color-block.status.expired,
.ngx-color-cell.status.archived,
.ui.grid.review-header .color-block.status.archived,
.ngx-color-cell.status.inactive,
.ui.grid.review-header .color-block.status.inactive,
.ngx-color-cell.status.rejected,
.ui.grid.review-header .color-block.status.rejected {
  color: #ffffff;
  background-color: #d4d9d9;
  border-color: #d4d9d9;
  border-width: 1px;
}
.ngx-color-cell.link,
.ui.grid.review-header .color-block.link {
  color: #9c9c9c;
  border-color: transparent;
  background-color: transparent;
}
.ngx-color-cell.link a,
.ui.grid.review-header .color-block.link a {
  color: #9c9c9c;
  border-color: transparent;
  background-color: transparent;
}
.ngx-color-cell.live,
.ui.grid.review-header .color-block.live {
  background-color: #eeb109;
  border-color: #eeb109;
  color: #ffffff;
}
.ngx-color-cell.tags,
.ui.grid.review-header .color-block.tags {
  width: 100px;
  text-transform: initial;
}
.ngx-color-cell.stats,
.ui.grid.review-header .color-block.stats {
  width: 135px;
  color: #364b5f;
  background-color: transparent;
  border-color: #364b5f;
}
.ngx-color-cell.stats i[data-icon]:before,
.ui.grid.review-header .color-block.stats i[data-icon]:before {
  padding-right: 5px;
}
.ngx-color-cell.stats i[data-icon]:before,
.ui.grid.review-header .color-block.stats i[data-icon]:before,
.ngx-color-cell.live i[data-icon]:before,
.ui.grid.review-header .color-block.live i[data-icon]:before,
.ngx-color-cell.feedStatus i[data-icon]:before,
.ui.grid.review-header .color-block.feedStatus i[data-icon]:before,
.ngx-color-cell.feedAvailability i[data-icon]:before,
.ui.grid.review-header .color-block.feedAvailability i[data-icon]:before {
  line-height: 16px;
}
.ngx-color-cell.stats > span,
.ui.grid.review-header .color-block.stats > span,
.ngx-color-cell.live > span,
.ui.grid.review-header .color-block.live > span {
  vertical-align: middle;
}
.ngx-color-cell.feedStatus,
.ui.grid.review-header .color-block.feedStatus,
.ngx-color-cell.authStatus,
.ui.grid.review-header .color-block.authStatus,
.ngx-color-cell.live,
.ui.grid.review-header .color-block.live,
.ngx-color-cell.link,
.ui.grid.review-header .color-block.link {
  width: 40px;
  min-width: 40px;
}
.ngx-color-cell.feedStatus.inactive,
.ui.grid.review-header .color-block.feedStatus.inactive {
  background-color: #ec4f3a;
  border-color: #ec4f3a;
  color: #ffffff;
}
.ngx-color-cell.feedStatus.active,
.ui.grid.review-header .color-block.feedStatus.active {
  background-color: #77d3c6;
  border-color: #77d3c6;
  color: #ffffff;
  padding: 0;
}
.ngx-color-cell.feedStatus.active img,
.ui.grid.review-header .color-block.feedStatus.active img {
  margin-bottom: -11px;
}
.ngx-color-cell.feedStatus.authorised,
.ui.grid.review-header .color-block.feedStatus.authorised,
.ngx-color-cell.authStatus.authorised,
.ui.grid.review-header .color-block.authStatus.authorised {
  color: #ffffff;
  background-color: #157841;
  border-color: #157841;
  border-width: 1px;
}
.ngx-color-cell.feedStatus.unauthorised,
.ui.grid.review-header .color-block.feedStatus.unauthorised,
.ngx-color-cell.authStatus.unauthorised,
.ui.grid.review-header .color-block.authStatus.unauthorised,
.ngx-color-cell.feedStatus.invalid,
.ui.grid.review-header .color-block.feedStatus.invalid,
.ngx-color-cell.authStatus.invalid,
.ui.grid.review-header .color-block.authStatus.invalid {
  background-color: #f89406;
  border-color: #f89406;
  color: #ffffff;
}
.ngx-color-cell.feedAvailability,
.ui.grid.review-header .color-block.feedAvailability {
  color: #364b5f;
  background-color: transparent;
  border-color: #364b5f;
  width: 100px;
  min-width: 100px;
}
.ngx-color-cell.xxl,
.ui.grid.review-header .color-block.xxl {
  font-size: 48px;
  padding: 20px;
  height: auto;
  margin: 20px 0;
  max-width: unset;
}
#feedsList .ngx-color-cell.stats > span,
#streamList .ngx-color-cell.stats > span,
#feedsList .ngx-color-cell.live > span,
#streamList .ngx-color-cell.live > span {
  vertical-align: top;
}
#feedsList .ngx-color-cell [data-icon]:before,
#streamList .ngx-color-cell [data-icon]:before {
  line-height: 18px;
  vertical-align: top;
}
.table-color-cell {
  display: table;
  width: 100%;
  border-spacing: 3px;
}
.table-color-cell .row-color-cell {
  display: table-row;
}
.table-color-cell .ngx-color-cell {
  display: table-cell !important;
}
.table-color-cell.half {
  width: 50%;
}
.table-color-cell.forty {
  width: 40%;
}
.table-color-cell.fx110 {
  width: 110px;
}
.pad-bottom {
  padding-bottom: 20px;
}
.pad-top {
  padding-top: 20px;
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  max-width: initial;
}
.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-body {
  width: 10000px;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-wrapper {
  display: inline-block;
}
.userDetailsDefaults {
  color: #ffffff;
}
.userDetailsDefaults .name a {
  color: #ffffff;
}
.userDetailsDefaults .name .handle {
  font-size: 14px;
  margin-left: 10px;
  color: #ffffff;
  font-weight: normal;
}
.x-item-disabled .x-mask {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.x-mask-msg > div > span {
  vertical-align: middle;
  display: inline-block;
}
.spinner-wrapper {
  margin-right: 20px;
}
.x-mask-msg.ngx-loading-overlay {
  border-color: transparent;
  background: transparent;
  padding: 10px;
  border-radius: 2px;
}
.x-mask-msg.ngx-loading-overlay > div {
  font: normal 42px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  color: #ffffff;
  padding: 7px 10px;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
.x-mask-msg.ngx-loading-overlay > div:before {
  content: 'v';
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  color: #ffffff;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  padding: 0;
  margin-right: 20px;
  font-size: 30px;
}
.formFieldFocus {
  border-color: #77d3c6 !important;
}
.invertedFormFieldFocus {
  border-color: #77d3c6 !important;
}
.buttonDefaults {
  cursor: pointer;
  padding: 10px 20px;
  font: normal 15px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  line-height: 20px;
  font-weight: bold;
  background: transparent;
  border-color: transparent;
  color: #b2ebea;
  border-radius: 3px;
}
.buttonDefaults .x-btn-button {
  height: auto;
  width: auto;
}
.buttonDefaults a {
  height: 24px;
}
.buttonDefaults .x-btn-icon-el {
  width: 24px;
}
.buttonDefaults .x-icon-text-left.x-btn-inner {
  padding-left: 24px;
}
.buttonDefaults .x-btn-inner,
.buttonDefaults .x-btn-inner h3,
.buttonDefaults .x-btn-inner p {
  font: normal 15px/1.6em 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: none;
}
.buttonDefaults .x-btn-inner h3 {
  height: auto;
}
.buttonDefaults.x-btn-default-toolbar-small-icon-text-right .x-btn-inner {
  padding-right: 30px !important;
}
.buttonDefaultsOver {
  background-image: none;
  color: #37b8b5 !important;
  border-color: transparent;
  background-color: rgba(55, 184, 181, 0.1);
}
.toggleButtonDefaults {
  padding: 5px;
  background-color: transparent;
  line-height: 22px;
}
.toggleButtonDefaults .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
  font-size: 20px;
}
.toggleButtonDefaults.x-btn-over,
.toggleButtonDefaults.x-btn-pressed {
  background-color: transparent;
}
.toggleButtonDefaults.x-btn-over .x-btn-icon-el:before,
.toggleButtonDefaults.x-btn-pressed .x-btn-icon-el:before,
.toggleButtonDefaults.x-btn-over .x-btn-inner,
.toggleButtonDefaults.x-btn-pressed .x-btn-inner {
  color: #77d3c6 !important;
}
.toggleButtonDefaults.x-btn-focus .x-btn-icon-el:before {
  color: #38ac9c;
}
.creator-theme .ngx-adv-thumbnail-combo-img-wrapper {
  display: inline-block;
  width: 100px;
}
.ngx-codemirror .x-toolbar.x-html-editor-tb.x-toolbar-default {
  padding: 0;
  border-width: 0;
}
.x-border-layout-ct {
  background-color: transparent;
}
.AssetUploadWindow.x-window .x-window-body-default {
  background: #ffffff;
}
.ImageEditWindow .x-window-header {
  background-color: #394242 !important;
  border-radius: 5px 5px 0 0 !important;
}
.ImageEditWindow .x-window-header .x-window-header-text-container {
  padding: 15px;
}
.ImageEditWindow .x-window-body-default {
  background-color: #6c7373;
}
.x-message-box-question,
.x-message-box .x-msg-box-wait,
.x-message-box-info,
.x-message-box-warning,
.x-message-box-question,
.x-message-box-error {
  background-image: none;
}
.x-editor .ngx-inline-edit .x-form-text,
.x-editor .ngx-inline-edit .x-form-text.x-form-focus {
  color: #666666;
}
.x-container .ngx-editable-label-field .x-form-display-field,
.x-container .ngx-focus-select.x-form-text {
  color: #ccc;
}
.x-tool-close:before,
.x-tool-toggle:before,
.x-tool-help:before {
  font-size: 32px;
  cursor: pointer;
}
.small .x-tool-help:before {
  padding-top: 16px;
  font-size: 16px;
}
.x-tool-toggle:before {
  font-size: 24px;
}
.x-tool span.x-tool-close:before {
  color: #d4d9d9;
}
.x-tool.x-tool-over span:before {
  color: #77d3c6;
}
.x-tool.x-tool-over span.x-tool-close:before {
  color: #77d3c6;
}
.x-webkit .x-form-empty-field {
  line-height: normal;
}
.x-form-invalid-icon:before {
  color: #c33;
  font-size: 32px;
  line-height: 32px;
  padding-right: 0;
}
.x-form-invalid-icon {
  width: 32px;
  height: 32px;
  margin-left: 10px;
  background-image: none;
}
.ngx-has-subtpl .x-form-invalid-icon {
  margin-top: -22px;
}
.x-field-large .ngx-has-subtpl .x-form-invalid-icon {
  margin-top: -22px;
}
.ngx-date-filter-value-label {
  padding: 11px 0;
}
.x-window .ngx-date-filter-value-label {
  color: #ffffff;
}
.x-panel-default {
  border-color: transparent;
}
.x-panel-default.ngx-wizard-form {
  border-radius: 2px;
  background-color: transparent;
}
.x-panel-default.ngx-wizard-form .ngx-form-heading-container {
  padding: 60px 40px 20px;
}
.x-panel-default.ngx-wizard-form .ngx-form-heading-container .ngx-form-heading-headline {
  color: #ffffff;
}
.x-panel-default.ngx-wizard-form .x-form-item-label {
  color: #ffffff;
}
.x-panel-default.ngx-wizard-form .x-panel-header {
  background: #989898;
  padding: 30px 0;
  margin: 0;
  border-bottom: 0;
}
.x-panel-default.ngx-wizard-form .x-panel-header .x-panel-header-text-default {
  color: #ffffff;
}
.x-panel-default.ngx-wizard-form .x-panel-body.ngx-panel-body {
  border-top-width: 0;
}
.pageDesignerHelpImage {
  margin: 0 40px 40px 40px;
  text-align: center;
}
.x-tab-panel-body-top {
  border-top: 0 none;
}
.ngx-panel .x-panel-body.ngx-panel-body {
  border-top: 1px solid #77d3c6;
  padding: 40px 0 0;
}
.ngx-panel .x-panel-body.ngx-panel-body.ngx-nopad {
  padding: 0;
}
.ngx-panel .x-panel-body.ngx-panel-body.ngx-noborder {
  border: none;
}
#overlayContentContainer,
#fulfillmentOverlayContainer {
  border-top: 0 solid #77d3c6;
  padding: 0;
}
.ngx-panel .x-panel-body.ngx-tab-body,
#complexFormPanel .x-panel-body.ngx-tab-body {
  border-top: none;
  padding: 0;
}
.x-tab-panel-body-bottom {
  border-bottom: 0 none;
}
.ngx-multiselect {
  background: #555;
  padding: 10px 20px;
  border-radius: 2px;
  overflow: auto;
}
.x-fieldset {
  border-color: #d9d9d9;
  border-radius: 0;
}
.x-fieldset .x-fieldset-header {
  font: normal 10px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  padding: 10px;
  border-bottom-color: transparent;
}
.x-fieldset .x-fieldset-header .x-fieldset-header-text {
  padding: 3px 0;
}
.x-fieldset .x-fieldset-header:hover .x-fieldset-header-text,
.x-fieldset .x-fieldset-header:hover .x-tool-toggle:before {
  color: #77d3c6;
  -ms-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.x-fieldset.ngx-checkbox-fieldset {
  padding: 20px 0;
  margin-bottom: 25px;
  overflow: visible;
}
.x-fieldset.ngx-checkbox-fieldset .x-field-default {
  margin: 6px 15px 0 40px !important;
}
.x-fieldset.ngx-checkbox-fieldset-fix .x-fieldset-body .x-field-default {
  margin-left: 12px !important;
}
.x-fieldset.ngx-checkbox-fieldset,
.x-fieldset.ngx-radio-fieldset {
  border-width: 0 0 1px!important;
}
.x-fieldset.ngx-checkbox-fieldset p.ngx-fieldset-byline,
.x-fieldset.ngx-radio-fieldset p.ngx-fieldset-byline {
  max-width: 750px;
  margin-top: 10px;
}
.x-fieldset.ngx-checkbox-fieldset .x-fieldset-header .x-fieldset-header-text,
.x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-text {
  margin: 0;
}
.x-fieldset.ngx-checkbox-fieldset.x-fieldset-collapsed,
.x-fieldset.ngx-radio-fieldset.x-fieldset-collapsed {
  border-width: 0 1px 1px!important;
}
.x-fieldset.ngx-checkbox-fieldset:first-of-type,
.x-fieldset.ngx-radio-fieldset:first-of-type {
  margin: 10px 0 20px;
}
.x-fieldset.ngx-checkbox-fieldset:last-of-type,
.x-fieldset.ngx-radio-fieldset:last-of-type {
  border-bottom-width: 0 !important;
}
.x-fieldset.ngx-checkbox-fieldset .x-fieldset-header,
.x-fieldset.ngx-radio-fieldset .x-fieldset-header {
  padding: 0;
}
.x-fieldset.ngx-checkbox-fieldset .x-fieldset-header .x-fieldset-header-checkbox,
.x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-checkbox,
.x-fieldset.ngx-checkbox-fieldset .x-fieldset-header .x-fieldset-header-radio,
.x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-radio {
  margin: 10px 40px 0;
}
.x-fieldset.ngx-checkbox-fieldset .x-fieldset-header .x-fieldset-header-text,
.x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-text {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: initial;
  color: #394242;
}
.x-fieldset.ngx-checkbox-fieldset .x-fieldset-header .x-fieldset-header-text .ngx-fieldset-byline,
.x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-text .ngx-fieldset-byline {
  cursor: pointer;
  display: block;
}
.x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-text i[data-icon] {
  position: absolute;
  right: 30px;
  top: 0;
}
.x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-text i[data-icon]:before {
  font-size: 50px;
}
.x-fieldset.ngx-radio-fieldset.x-item-disabled input[disabled].x-form-text {
  background: #e8ebeb;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.x-fieldset.ngx-radio-fieldset.x-item-disabled .x-fieldset-header:hover .x-fieldset-header-text,
.x-fieldset.ngx-radio-fieldset.x-item-disabled .x-fieldset .x-fieldset-header:hover .x-tool-toggle:before {
  color: #666;
}
.x-fieldset.ngx-radio-fieldset.x-item-disabled .x-form-cb-checked .x-fieldset-header:hover .x-fieldset-header-text,
.x-fieldset.ngx-radio-fieldset.x-item-disabled .x-form-cb-checked .x-fieldset .x-fieldset-header:hover .x-tool-toggle:before {
  color: #77d3c6;
}
.x-fieldset-with-title .x-tool {
  margin-right: 0;
}
/******* toolbars *******/
.x-toolbar .x-btn-noicon .x-btn-small.x-btn-inner {
  height: 24px;
}
.x-toolbar {
  padding: 40px;
  border-radius: 0;
}
.x-toolbar .x-btn-default-toolbar-small-disabled .x-btn-inner,
.x-toolbar .x-btn-default-toolbar-small-disabled .x-btn-icon-el:before {
  color: #8d9494 !important;
}
.x-toolbar .x-toolbar-separator-horizontal {
  border-right: 1px solid #989898;
  border-left: 0 solid transparent;
  height: 22px;
}
.x-toolbar .x-btn-default-toolbar-small {
  padding: 9px;
}
.x-toolbar .x-btn-default-toolbar-small-icon-text-left .x-btn-inner,
.x-toolbar .x-btn-default-small-icon-text-left .x-btn-inner {
  padding-left: 24px;
}
.x-toolbar.ngx-toolbar-dark-back {
  background-color: #404040;
}
.x-toolbar.ngx-grid-bottom-toolbar {
  border-radius: 0 0 2px 2px;
  padding: 0;
}
.x-toolbar.ngx-grid-bottom-toolbar.square-corners {
  border-radius: 0;
  padding: 9px !important;
  background-color: #ffffff;
}
.x-toolbar.ngx-grid-bottom-toolbar.square-corners .x-tbar-page-first:before,
.x-toolbar.ngx-grid-bottom-toolbar.square-corners .x-tbar-page-last:before,
.x-toolbar.ngx-grid-bottom-toolbar.square-corners .x-tbar-page-prev:before,
.x-toolbar.ngx-grid-bottom-toolbar.square-corners .x-tbar-page-next:before,
.x-toolbar.ngx-grid-bottom-toolbar.square-corners .x-toolbar-text {
  color: #e8ebeb;
}
.x-toolbar.ngx-grid-toolbar {
  padding: 2px 0 2px 2px;
}
.x-toolbar .x-btn-default-toolbar-small-icon .x-btn-inner {
  width: 22px;
  padding-left: 24px;
  line-height: 22px;
}
.x-toolbar.ngx-grid-toolbar label.x-form-item-label,
.x-toolbar.x-btn-default-toolbar-small label.x-form-item-label {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-toolbar.ngx-pagebuilder-toolbar {
  padding: 0 40px 0 0;
}
.x-toolbar.ngx-network-type-filter .x-btn-default-toolbar-small {
  padding: 5px 1px;
}
.ngx-grid-bottom-toolbar {
  color: #394242;
}
.ngx-grid-bottom-toolbar.ngx-seeded-content-pagination .x-btn {
  line-height: normal;
}
.ngx-grid-bottom-toolbar.x-toolbar {
  background: transparent;
  border-radius: 0 0 2px 2px;
}
.ngx-grid-bottom-toolbar .x-tbar-page-number {
  margin-right: 0 !important;
}
.ngx-grid-bottom-toolbar .x-btn {
  padding: 5px 0;
  line-height: 28px;
  background-color: transparent;
  color: #394242;
}
.ngx-grid-bottom-toolbar .x-btn.x-btn-over {
  background-color: transparent;
}
.ngx-grid-bottom-toolbar .x-btn.x-btn-disabled {
  background-color: transparent;
}
.ngx-grid-bottom-toolbar .x-btn.x-btn-disabled .x-btn-inner {
  cursor: not-allowed;
  color: #8d9494;
}
.ngx-grid-bottom-toolbar .x-btn.x-btn-over .x-tbar-page-last:before,
.ngx-grid-bottom-toolbar .x-btn.x-btn-over .x-tbar-page-first:before,
.ngx-grid-bottom-toolbar .x-btn.x-btn-over .x-tbar-page-next:before,
.ngx-grid-bottom-toolbar .x-btn.x-btn-over .x-tbar-page-prev:before,
.ngx-grid-bottom-toolbar .x-btn.x-btn-over .x-tbar-loading:before {
  color: #3ec0ad;
}
.ngx-grid-bottom-toolbar .x-btn-default-toolbar-small-icon .x-btn-inner {
  width: 20px;
  height: 30px;
}
.ngx-grid-bottom-toolbar .x-form-trigger-wrap .x-form-field {
  background-color: transparent;
  border-color: #d4d9d9;
}
.ngx-grid-bottom-toolbar .x-tbar-page-last,
.ngx-grid-bottom-toolbar .x-tbar-page-first,
.ngx-grid-bottom-toolbar .x-tbar-page-next,
.ngx-grid-bottom-toolbar .x-tbar-page-prev,
.ngx-grid-bottom-toolbar .x-tbar-loading {
  background-image: none !important;
}
.ngx-grid-bottom-toolbar .x-tbar-page-last:before,
.ngx-grid-bottom-toolbar .x-tbar-page-first:before,
.ngx-grid-bottom-toolbar .x-tbar-page-next:before,
.ngx-grid-bottom-toolbar .x-tbar-page-prev:before,
.ngx-grid-bottom-toolbar .x-tbar-loading:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  cursor: pointer;
}
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-last,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-first,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-next,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-prev,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-loading {
  background-image: none !important;
  opacity: 1;
}
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-last:before,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-first:before,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-next:before,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-prev:before,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-loading:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 18px;
  cursor: default;
  color: #b2b8b8;
}
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-last:before:hover,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-first:before:hover,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-next:before:hover,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-page-prev:before:hover,
.ngx-grid-bottom-toolbar .x-item-disabled .x-tbar-loading:before:hover {
  color: #3ec0ad;
}
.ngx-grid-bottom-toolbar .x-btn-icon-el.x-tbar-page-last:before {
  content: "‚";
}
.ngx-grid-bottom-toolbar .x-btn-icon-el.x-tbar-page-first:before {
  content: "·";
}
.ngx-grid-bottom-toolbar .x-btn-icon-el.x-tbar-page-prev:before {
  content: '≤';
}
.ngx-grid-bottom-toolbar .x-btn-icon-el.x-tbar-page-next:before {
  content: '≥';
}
.ngx-grid-bottom-toolbar .x-btn-icon-el.x-tbar-loading:before {
  text-transform: lowercase;
  content: 'v';
}
.ngx-grid-bottom-toolbar .x-toolbar-separator-horizontal {
  border-right: 0 solid transparent;
  border-left: 0 solid transparent;
  height: 30px;
}
.ngx-grid-bottom-toolbar .x-tbar-page-number .x-form-field.x-form-text {
  border-radius: 2px;
  border-width: 1px;
  color: #364b5f;
}
.ngx-grid-bottom-toolbar .x-toolbar-text {
  font: normal 16px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-toolbar-separator-horizontal {
  height: 42px;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button {
  padding: 5px;
  background-color: transparent;
  line-height: 22px;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
  font-size: 20px;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-over,
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-pressed {
  background-color: transparent;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-over .x-btn-icon-el:before,
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-pressed .x-btn-icon-el:before,
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-over .x-btn-inner,
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-pressed .x-btn-inner {
  color: #77d3c6 !important;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-focus .x-btn-icon-el:before {
  color: #38ac9c;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.x-btn-icon-el {
  padding: 0;
}
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.x-btn-over .x-btn-inner,
.ngx-panel-sidebar-toolbar .x-toolbar-item.x-btn.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #3ec0ad;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn .x-btn-button {
  height: 22px;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small {
  padding: 2px;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button {
  padding: 5px;
  background-color: transparent;
  line-height: 22px;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
  font-size: 20px;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-over,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-pressed {
  background-color: transparent;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-over .x-btn-icon-el:before,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-pressed .x-btn-icon-el:before,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-over .x-btn-inner,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-pressed .x-btn-inner {
  color: #77d3c6 !important;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.ngx-toggle-button.x-btn-focus .x-btn-icon-el:before {
  color: #38ac9c;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-button.x-btn-default-toolbar-small.x-btn-icon-el {
  padding: 0;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.x-over .x-btn-icon-el,
.ngx-grid-toolbar .x-toolbar-item.x-btn.x-over .x-btn-inner,
.ngx-grid-toolbar .x-toolbar-item.x-btn.x-over .x-btn-icon-el[data-icon]:before {
  color: #77d3c6;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button:first-child {
  padding-left: 0;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button:last-child {
  padding-right: 0;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button .x-btn-inner,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button .x-btn-icon-el:before {
  color: #e8ebeb;
}
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-over .x-btn-inner,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-pressed .x-btn-inner,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-over .x-btn-icon-el:before,
.ngx-grid-toolbar .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-pressed .x-btn-icon-el:before {
  color: #2b8679;
}
.ngx-grid-toolbar-light {
  background-color: #ffffff;
  border-bottom: 1px solid #77d3c6 !important;
}
.ngx-grid-toolbar-light .x-toolbar-item.x-btn .x-btn-inner,
.ngx-grid-toolbar-light .x-toolbar-item.x-btn .x-btn-icon-el:before {
  color: #394242;
}
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.x-over .x-btn-icon-el,
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.x-over .x-btn-inner,
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.x-over .x-btn-icon-el[data-icon]:before {
  color: #77d3c6;
}
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button:first-child {
  padding-left: 0;
}
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button:last-child {
  padding-right: 0;
}
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button .x-btn-inner,
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button .x-btn-icon-el:before {
  color: #929292;
}
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-over .x-btn-inner,
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-pressed .x-btn-inner,
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-over .x-btn-icon-el:before,
.ngx-grid-toolbar-light .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-pressed .x-btn-icon-el:before {
  color: #394242;
}
.ngx-grid-toolbar-light .x-toolbar-item.x-toolbar-separator-horizontal {
  border-right: 1px solid #e8ebeb;
}
.ngx-grid-toolbar-dark {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
  border-bottom-color: #77d3c6;
}
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.x-over .x-btn-icon-el,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.x-over .x-btn-inner,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.x-over .x-btn-icon-el[data-icon]:before {
  color: #77d3c6;
}
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn .x-btn-inner,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn .x-btn-icon-el,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.x-over .x-btn-icon-el,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.x-over .x-btn-inner,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.x-over .x-btn-icon-el[data-icon]:before {
  color: #394242;
}
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button:first-child {
  padding-left: 0;
}
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button:last-child {
  padding-right: 0;
}
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button .x-btn-inner,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button .x-btn-icon-el:before {
  color: #ffffff;
}
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-over .x-btn-inner,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-pressed .x-btn-inner,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-over .x-btn-icon-el:before,
.ngx-grid-toolbar-dark .x-toolbar-item.x-btn.ngx-copy-editor-toggle-button.x-btn-pressed .x-btn-icon-el:before {
  color: #394242;
}
.ngx-footer-toolbar {
  border-top-width: 1px !important;
  border-color: #e8ebeb;
}
.ngx-filter-bar-window .ngx-fswin-center-region .x-toolbar.ngx-grid-bottom-toolbar .x-btn-default-toolbar-small {
  color: #394242;
}
/******** buttons  *********/
.ngx-nav-prev.x-btn-default-toolbar-small-icon .x-btn-icon-el,
.ngx-nav-next.x-btn-default-toolbar-small-icon .x-btn-icon-el,
.ngx-nav-prev.x-btn-default-toolbar-small-icon .x-btn-inner,
.ngx-nav-next.x-btn-default-toolbar-small-icon .x-btn-inner {
  width: 18px;
}
.ngx-nav-prev.x-btn-default-toolbar-small-icon .x-btn-icon-el[data-icon]::before,
.ngx-nav-next.x-btn-default-toolbar-small-icon .x-btn-icon-el[data-icon]::before {
  padding-right: 0;
  text-align: center;
}
.x-btn-default-toolbar-small-icon .x-btn-inner {
  width: 22px;
}
.x-btn-default-toolbar-small-icon .x-btn-icon-el[data-icon]::before {
  padding-right: 0;
}
.ngx-button-filter .x-btn {
  color: #ffffff;
  padding: 4px 2px;
  line-height: 16px;
}
.ngx-button-filter .x-btn .x-btn-inner {
  font-size: 10px;
}
.ngx-button-filter span.x-btn-icon-el[data-icon]:before {
  font-size: 14px;
}
.x-btn {
  cursor: pointer;
  padding: 10px 20px;
  font: normal 15px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  line-height: 20px;
  font-weight: bold;
  background: transparent;
  border-color: transparent;
  color: #b2ebea;
  border-radius: 3px;
  /* blue background button with white text */
  /* transparent background button with blue/white text */
}
.x-btn .x-btn-button {
  height: auto;
  width: auto;
}
.x-btn a {
  height: 24px;
}
.x-btn .x-btn-icon-el {
  width: 24px;
}
.x-btn .x-icon-text-left.x-btn-inner {
  padding-left: 24px;
}
.x-btn .x-btn-inner,
.x-btn .x-btn-inner h3,
.x-btn .x-btn-inner p {
  font: normal 15px/1.6em 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: none;
}
.x-btn .x-btn-inner h3 {
  height: auto;
}
.x-btn.x-btn-default-toolbar-small-icon-text-right .x-btn-inner {
  padding-right: 30px !important;
}
.x-btn.x-btn-over {
  background-image: none;
  color: #37b8b5 !important;
  border-color: transparent;
  background-color: rgba(55, 184, 181, 0.1);
}
.x-btn.ngx-blue-button {
  background-color: transparent;
  color: #77d3c6 !important;
  border: 1px solid #77d3c6;
}
.x-btn.ngx-blue-button.x-btn-over,
.x-btn.ngx-blue-button.x-btn-over .x-btn-inner,
.x-btn.ngx-blue-button.x-btn-over .x-btn-icon-el:before {
  background-image: none;
  color: #37b8b5 !important;
  border-color: transparent;
  background-color: rgba(55, 184, 181, 0.1);
  background-color: #3ec0ad;
  color: #394242 !important;
  border-color: #3ec0ad;
}
.x-btn.x-btn-disabled {
  opacity: 1;
  color: #8d9494 !important;
}
.x-btn.ngx-clear-blue-button {
  background-color: transparent;
  color: #77d3c6;
}
.x-btn.ngx-clear-blue-button .x-btn-icon-el,
.x-btn.ngx-clear-blue-button .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-clear-blue-button .x-btn-inner {
  color: #77d3c6;
}
.x-btn.ngx-clear-blue-button:hover {
  color: #ffffff;
}
.x-btn.ngx-clear-blue-button:hover .x-btn-inner,
.x-btn.ngx-clear-blue-button:hover .x-btn-icon-el:before {
  color: #ffffff !important;
}
.x-btn.ngx-clear-blue-button.invert {
  background-color: transparent;
  color: #ffffff;
}
.x-btn.ngx-clear-blue-button.invert .x-btn-icon-el,
.x-btn.ngx-clear-blue-button.invert .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-clear-blue-button.invert .x-btn-inner {
  color: #ffffff;
}
.x-btn.ngx-clear-blue-button.invert:hover {
  color: #77d3c6;
}
.x-btn.ngx-clear-blue-button.invert:hover .x-btn-inner,
.x-btn.ngx-clear-blue-button.invert:hover .x-btn-icon-el:before {
  color: #77d3c6;
}
.x-btn.btn-gray {
  border: 1px solid transparent;
}
.x-btn.btn-gray,
.x-btn.ngx-grey-button-text {
  background-color: transparent;
  color: #394242;
}
.x-btn.btn-gray.x-btn-over,
.x-btn.ngx-grey-button-text.x-btn-over,
.x-btn.btn-gray.x-btn-pressed,
.x-btn.ngx-grey-button-text.x-btn-pressed {
  background-color: #d8f2ee;
  border-color: #d8f2ee;
  color: #394242;
}
.x-btn.btn-gray.x-btn-over .x-btn-inner,
.x-btn.ngx-grey-button-text.x-btn-over .x-btn-inner,
.x-btn.btn-gray.x-btn-pressed .x-btn-inner,
.x-btn.ngx-grey-button-text.x-btn-pressed .x-btn-inner,
.x-btn.btn-gray.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-grey-button-text.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-gray.x-btn-pressed .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-grey-button-text.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #394242 !important;
}
.x-btn.btn-blue {
  background-color: #77d3c6;
  color: #ffffff;
}
.x-btn.btn-blue .x-btn-inner,
.x-btn.btn-blue .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-blue.x-btn-over,
.x-btn.btn-blue.x-btn-pressed {
  background-color: #3ec0ad;
}
.x-btn.btn-blue.x-btn-over .x-btn-inner,
.x-btn.btn-blue.x-btn-pressed .x-btn-inner {
  color: #394242;
}
.x-btn.btn-blue.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-blue.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #394242;
}
.x-btn.btn-blue-outline {
  border: 1px solid #77d3c6;
  color: #77d3c6;
}
.x-btn.btn-blue-outline .x-btn-inner,
.x-btn.btn-blue-outline .x-btn-icon-el[data-icon]:before {
  color: #77d3c6;
}
.x-btn.btn-blue-outline.x-btn-over,
.x-btn.btn-blue-outline.x-btn-pressed {
  background-color: #77d3c6;
}
.x-btn.btn-blue-outline.x-btn-over .x-btn-inner,
.x-btn.btn-blue-outline.x-btn-pressed .x-btn-inner {
  color: #394242;
}
.x-btn.btn-blue-outline.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-blue-outline.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #394242;
}
.x-btn.btn-tabbar {
  background-color: transparent;
  color: #ffffff;
}
.x-btn.btn-tabbar .x-btn-inner,
.x-btn.btn-tabbar .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-tabbar.x-btn-over,
.x-btn.btn-tabbar.x-btn-pressed {
  background-color: transparent;
}
.x-btn.btn-tabbar.x-btn-over .x-btn-inner,
.x-btn.btn-tabbar.x-btn-pressed .x-btn-inner {
  color: #e8ebeb;
  font-weight: bold;
}
.x-btn.btn-tabbar.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-tabbar.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #e8ebeb;
}
.x-btn.btn-tabbar.x-btn-over .x-btn-inner {
  border-bottom: 2px solid #e8ebeb;
}
.x-btn.btn-tabbar.x-btn-pressed .x-btn-inner {
  border-bottom: 2px solid #77d3c6;
}
.x-btn.btn-salmon {
  background-color: #e3713a;
  color: #ffffff;
}
.x-btn.btn-salmon .x-btn-inner,
.x-btn.btn-salmon .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-salmon.x-btn-over,
.x-btn.btn-salmon.x-btn-pressed {
  background-color: #8a3a14;
}
.x-btn.btn-salmon.x-btn-over .x-btn-inner,
.x-btn.btn-salmon.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-salmon.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-salmon.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-fern {
  background-color: #8cae52;
  color: #ffffff;
}
.x-btn.btn-fern .x-btn-inner,
.x-btn.btn-fern .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-fern.x-btn-over,
.x-btn.btn-fern.x-btn-pressed {
  background-color: #546931;
}
.x-btn.btn-fern.x-btn-over .x-btn-inner,
.x-btn.btn-fern.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-fern.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-fern.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-green {
  background-color: #157841;
  color: #ffffff;
}
.x-btn.btn-green .x-btn-inner,
.x-btn.btn-green .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-green.x-btn-over,
.x-btn.btn-green.x-btn-pressed {
  background-color: #062112;
}
.x-btn.btn-green.x-btn-over .x-btn-inner,
.x-btn.btn-green.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-green.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-green.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.ngx-dotted-icon-border-btn .x-btn-button {
  height: 50px;
}
.x-btn.ngx-dotted-icon-border-btn .x-btn-icon-el {
  width: 50px;
  height: 50px;
  border: 1px solid #9c9c9c;
  padding: 20px;
}
.x-btn.ngx-dotted-icon-border-btn.x-btn-over {
  background-color: #696969;
  border-color: #696969;
}
.x-btn.ngx-dotted-icon-border-btn.x-btn-over .x-btn-inner {
  color: #ffffff;
}
.x-btn.ngx-dotted-icon-border-btn.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.ngx-dotted-icon-border-btn.x-btn-pressed {
  background-color: #9c9c9c;
  border-color: #9c9c9c;
}
.x-btn.ngx-dotted-icon-border-btn.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.ngx-dotted-icon-border-btn.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow {
  background-color: transparent;
  color: #929292;
  border-color: #929292;
}
.x-btn.btn-hollow .x-btn-inner,
.x-btn.btn-hollow .x-btn-icon-el[data-icon]:before {
  color: #e8ebeb;
}
.x-btn.btn-hollow.x-btn-over,
.x-btn.btn-hollow.x-btn-pressed {
  background-color: transparent;
  border-color: #77d3c6;
}
.x-btn.btn-hollow.x-btn-over .x-btn-inner,
.x-btn.btn-hollow.x-btn-pressed .x-btn-inner {
  color: #77d3c6;
}
.x-btn.btn-hollow.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-hollow.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #77d3c6;
}
.x-btn.btn-hollow.btn-salmon-outline.x-btn-over {
  background-color: #cd561d;
  border-color: #cd561d;
}
.x-btn.btn-hollow.btn-salmon-outline.x-btn-over .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-salmon-outline.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-salmon-outline.x-btn-pressed {
  background-color: #e3713a;
  border-color: #e3713a;
}
.x-btn.btn-hollow.btn-salmon-outline.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-salmon-outline.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-amber-outline.x-btn-over {
  background-color: #bd8c07;
  border-color: #bd8c07;
}
.x-btn.btn-hollow.btn-amber-outline.x-btn-over .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-amber-outline.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-amber-outline.x-btn-pressed {
  background-color: #eeb109;
  border-color: #eeb109;
}
.x-btn.btn-hollow.btn-amber-outline.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-amber-outline.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-green-outline.x-btn-over {
  background-color: #062112;
  border-color: #062112;
}
.x-btn.btn-hollow.btn-green-outline.x-btn-over .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-green-outline.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-green-outline.x-btn-pressed {
  background-color: #157841;
  border-color: #157841;
}
.x-btn.btn-hollow.btn-green-outline.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-green-outline.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-red-outline.x-btn-over {
  background-color: #af2411;
  border-color: #af2411;
}
.x-btn.btn-hollow.btn-red-outline.x-btn-over .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-red-outline.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-red-outline.x-btn-pressed {
  background-color: #ec4f3a;
  border-color: #ec4f3a;
}
.x-btn.btn-hollow.btn-red-outline.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-red-outline.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-light-gray-outline.x-btn-over {
  background-color: #696969;
  border-color: #696969;
}
.x-btn.btn-hollow.btn-light-gray-outline.x-btn-over .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-light-gray-outline.x-btn-over .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-light-gray-outline.x-btn-pressed {
  background-color: #9c9c9c;
  border-color: #9c9c9c;
}
.x-btn.btn-hollow.btn-light-gray-outline.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-hollow.btn-light-gray-outline.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-caps .x-btn-inner {
  text-transform: uppercase;
  font-size: 12px;
}
.x-btn.btn-light-gray {
  background-color: #9c9c9c;
  color: #ffffff;
}
.x-btn.btn-light-gray .x-btn-inner,
.x-btn.btn-light-gray .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.btn-light-gray.x-btn-over,
.x-btn.btn-light-gray.x-btn-pressed {
  background-color: #505050;
}
.x-btn.btn-light-gray.x-btn-over .x-btn-inner,
.x-btn.btn-light-gray.x-btn-pressed .x-btn-inner {
  color: #ffffff;
}
.x-btn.btn-light-gray.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-btn.btn-light-gray.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.ngx-field-unlocked,
.x-btn.ngx-field-locked,
.x-btn.ngx-field-button {
  padding: 8px;
}
.x-btn.x-btn-default-small-icon-text-left a {
  height: 20px;
}
.x-btn.x-btn-default-small-icon-text-left .x-btn-inner {
  padding-left: 24px;
}
.x-btn.x-btn-default-small-icon-text-right a {
  height: 20px;
}
.x-btn.x-btn-default-small-icon-text-right .x-btn-inner {
  padding-right: 32px !important;
}
.x-btn.ngx-refdata-picker-btn {
  background-color: #555;
}
.x-btn.ngx-refdata-picker-btn.x-btn-default-large-icon-text-left .x-btn-inner {
  padding-left: 65px;
  height: auto;
  padding-top: 0 !important;
}
.x-btn.ngx-refdata-picker-btn.x-btn-default-large-icon-text-left .x-btn-icon-el {
  height: auto;
  width: 50px;
}
.x-btn.ngx-refdata-picker-btn.x-btn-default-large-icon-text-top .x-btn-inner {
  height: 50px;
  padding-top: 75px !important;
}
.x-btn.ngx-refdata-picker-btn.x-btn-default-large-icon-text-top .x-btn-icon-el {
  height: 50px;
  width: auto;
  top: 10px;
}
.x-btn.ngx-refdata-picker-btn .ngx-ref-data-picker-headline,
.x-btn.ngx-refdata-picker-btn .ngx-ref-data-picker-byline {
  display: block;
}
.x-btn.ngx-refdata-picker-btn .ngx-ref-data-picker-headline {
  color: #77d3c6;
  font-size: 32px;
}
.x-btn.ngx-refdata-picker-btn .ngx-ref-data-picker-byline {
  color: #ffffff;
  font-size: 18px;
  white-space: normal !important;
  line-height: normal !important;
}
.x-btn.ngx-refdata-picker-btn.x-over {
  background-image: none;
  color: #37b8b5 !important;
  border-color: transparent;
  background-color: rgba(55, 184, 181, 0.1);
  background-color: #0583a1;
}
.x-btn.ngx-refdata-picker-btn.x-over .ngx-ref-data-picker-headline,
.x-btn.ngx-refdata-picker-btn.x-over .ngx-ref-data-picker-byline {
  display: block;
}
.x-btn.ngx-refdata-picker-btn.x-over .ngx-ref-data-picker-headline {
  color: #77d3c6;
}
.x-btn.ngx-refdata-picker-btn.x-over .ngx-ref-data-picker-byline {
  color: #ffffff;
}
.x-btn.ngx-refdata-picker-btn.x-btn-pressed {
  background-color: #77d3c6;
  color: #ffffff;
}
.x-btn.ngx-refdata-picker-btn.x-btn-pressed .ngx-ref-data-picker-headline,
.x-btn.ngx-refdata-picker-btn.x-btn-pressed .ngx-ref-data-picker-byline {
  display: block;
}
.x-btn.ngx-refdata-picker-btn.x-btn-pressed .ngx-ref-data-picker-headline {
  color: #ffffff;
}
.x-btn.ngx-refdata-picker-btn.x-btn-pressed .ngx-ref-data-picker-byline {
  color: #ffffff;
}
.x-btn.ngx-xxl-refpicker {
  padding: 0;
  border: 1px solid transparent;
}
.x-btn.ngx-xxl-refpicker .ngx-xxl-picker-icon:before {
  padding: 0;
  margin: 0;
  margin-top: -5px;
}
.x-btn.ngx-xxl-refpicker .ngx-xxl-picker-icon {
  font-size: 50px;
  color: #ffffff;
  background-color: blue;
  padding: 30px 35px;
  border-radius: 200px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  margin-bottom: 30px;
}
.x-btn.ngx-xxl-refpicker .ngx-xxl-picker-icon.orange {
  background-color: #e3713a;
}
.x-btn.ngx-xxl-refpicker .ngx-xxl-picker-icon.blue {
  background-color: #77d3c6;
}
.x-btn.ngx-xxl-refpicker .x-btn-icon-el {
  width: 96px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
}
.x-btn.ngx-xxl-refpicker .ngx-xxl-picker-headline {
  color: #ffffff;
  margin: 0 0 5px 0;
  text-transform: none;
  font: normal 18px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-btn.ngx-xxl-refpicker .ngx-xxl-picker-byline {
  text-transform: none;
  white-space: initial;
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-btn.ngx-xxl-refpicker .x-btn-center {
  margin: 0 auto;
}
.x-btn.ngx-xxl-refpicker .x-btn-center .x-btn-inner {
  padding-top: 0;
}
.x-btn.ngx-xxl-refpicker .x-btn-icon-el[data-icon]:before {
  font-size: 36px;
  line-height: 36px;
}
.x-btn.ngx-xxl-refpicker .icon-wrapper {
  position: relative;
}
.x-btn.ngx-xxl-refpicker .hover-wrapper {
  display: inline;
}
.x-btn.ngx-xxl-refpicker .selected-icon {
  display: none;
  height: 75px;
  width: 63px;
  text-align: center;
  background-color: #77d3c6;
}
.x-btn.ngx-xxl-refpicker .selected-icon:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.x-btn.ngx-xxl-refpicker .selected-icon i {
  color: #ffffff;
}
.x-btn.ngx-xxl-refpicker .selected-icon i:before {
  padding-right: 0;
}
.x-btn.ngx-xxl-refpicker .horizontal.row-main {
  display: block;
  padding: 0 20px;
}
.x-btn.ngx-xxl-refpicker .horizontal .row-icon {
  display: block;
  margin: 0 auto;
}
.x-btn.ngx-xxl-refpicker .horizontal .row-icon.selected-icon {
  display: none;
}
.x-btn.ngx-xxl-refpicker .horizontal .ngx-xxl-picker-headline {
  margin-top: 10px;
}
.x-btn.ngx-xxl-refpicker .horizontal .row-body.ngx-xxl-picker-button {
  display: block;
}
.x-btn.ngx-xxl-refpicker.x-btn-over .x-btn-inner {
  color: #989898;
}
.x-btn.ngx-xxl-refpicker.x-btn-pressed .ngx-xxl-picker-headline,
.x-btn.ngx-xxl-refpicker.x-btn-pressed .ngx-xxl-picker-byline {
  color: #77d3c6;
}
.x-btn.ngx-xxl-refpicker.x-btn-pressed .horizontal .row-icon.selected-icon {
  display: inline;
}
.x-btn.ngx-xxl-refpicker.x-btn-pressed .row-icon {
  display: none;
}
.x-btn.ngx-xxl-refpicker.x-btn-pressed .selected-icon {
  display: inline-block !important;
}
.x-btn.ngx-prominence-refpicker {
  padding: 0;
  border: 1px solid transparent;
}
.x-btn.ngx-prominence-refpicker .x-btn-icon-el {
  width: 96px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
}
.x-btn.ngx-prominence-refpicker .ngx-prominence-picker-headline {
  color: #ffffff;
  margin: 0 0 5px 0;
  text-transform: none;
  font: normal 18px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-btn.ngx-prominence-refpicker .ngx-prominence-picker-byline {
  text-transform: none;
  white-space: initial;
  font: normal 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #6c87a1;
}
.x-btn.ngx-prominence-refpicker .x-btn-center {
  margin: 0 auto;
}
.x-btn.ngx-prominence-refpicker .x-btn-center .x-btn-inner {
  padding-top: 0;
}
.x-btn.ngx-prominence-refpicker .x-btn-icon-el[data-icon]:before {
  font-size: 36px;
  line-height: 36px;
}
.x-btn.ngx-prominence-refpicker .icon-wrapper {
  position: relative;
}
.x-btn.ngx-prominence-refpicker .hover-wrapper {
  display: inline;
}
.x-btn.ngx-prominence-refpicker .selected-icon {
  display: none;
  height: 75px;
  width: 63px;
  text-align: center;
  background-color: #77d3c6;
}
.x-btn.ngx-prominence-refpicker .selected-icon:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.x-btn.ngx-prominence-refpicker .selected-icon i {
  color: #ffffff;
}
.x-btn.ngx-prominence-refpicker .selected-icon i:before {
  padding-right: 0;
}
.x-btn.ngx-prominence-refpicker .horizontal.row-main {
  display: block;
  padding: 0 20px;
}
.x-btn.ngx-prominence-refpicker .horizontal .row-icon {
  display: block;
  margin: 0 auto;
}
.x-btn.ngx-prominence-refpicker .horizontal .row-icon.selected-icon {
  display: none;
}
.x-btn.ngx-prominence-refpicker .horizontal .ngx-prominence-picker-headline {
  margin-top: 10px;
}
.x-btn.ngx-prominence-refpicker .horizontal .row-body.ngx-prominence-picker-button {
  display: block;
}
.x-btn.ngx-prominence-refpicker.x-btn-over .x-btn-inner .ngx-prominence-picker-headline {
  color: #77d3c6;
}
.x-btn.ngx-prominence-refpicker.x-btn-pressed .ngx-prominence-picker-headline {
  color: #77d3c6;
}
.x-btn.ngx-prominence-refpicker.x-btn-pressed .horizontal .row-icon.selected-icon {
  display: inline;
}
.x-btn.ngx-prominence-refpicker.x-btn-pressed .row-icon {
  display: none;
}
.x-btn.ngx-prominence-refpicker.x-btn-pressed .selected-icon {
  display: inline-block !important;
}
.x-btn.ngx-sticky-picker {
  padding: 10px;
  border: 1px solid transparent;
}
.x-btn.ngx-sticky-picker .x-btn-center {
  margin: 0 auto;
}
.x-btn.ngx-sticky-picker .x-btn-inner {
  color: #ffffff;
}
.x-btn.ngx-sticky-picker .x-btn-icon-el {
  width: 140px;
  height: 140px;
}
.x-btn.ngx-sticky-picker .x-btn-icon-el[data-icon]:before {
  font-size: 36px;
  line-height: 36px;
}
.x-btn.ngx-sticky-picker.x-btn-over {
  border-color: #77d3c6;
}
.x-btn.ngx-sticky-picker.x-btn-pressed {
  background-color: #77d3c6;
}
.x-btn.ngx-sticky-picker.x-btn-pressed .ngx-prominence-picker-headline,
.x-btn.ngx-sticky-picker.x-btn-pressed .ngx-prominence-picker-byline {
  color: #ffffff;
}
.x-btn.ngx-green-button {
  background-color: #157841;
  color: #ffffff;
}
.x-btn.ngx-green-button .x-btn-icon-el,
.x-btn.ngx-green-button .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.ngx-green-button.x-btn-over {
  background-image: none;
  color: #37b8b5 !important;
  border-color: transparent;
  background-color: rgba(55, 184, 181, 0.1);
  background-color: #020b06;
}
.x-btn.ngx-green-button .x-btn-inner {
  color: #ffffff;
}
.x-btn.ngx-orange-button {
  background-color: #f89406;
  color: #ffffff;
}
.x-btn.ngx-orange-button .x-btn-icon-el,
.x-btn.ngx-orange-button .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
}
.x-btn.ngx-orange-button.x-btn-over {
  background-image: none;
  color: #37b8b5 !important;
  border-color: transparent;
  background-color: rgba(55, 184, 181, 0.1);
  background-color: #ad6704;
}
.x-btn.ngx-orange-button .x-btn-inner {
  color: #ffffff;
}
.x-btn.ngx-white-button {
  background-color: #e8ebeb;
  color: #394242;
}
.x-btn.ngx-white-button .x-btn-icon-el,
.x-btn.ngx-white-button .x-btn-icon-el[data-icon]:before {
  color: #394242;
}
.x-btn.ngx-white-button.x-btn-over {
  color: #394242;
  background-color: #d8f2ee;
}
.x-btn.ngx-white-button.x-btn-over .x-btn-inner,
.x-btn.ngx-white-button.x-btn-over .x-btn-icon-el:before {
  color: #394242;
}
.x-btn.ngx-white-button .x-btn-inner {
  color: #394242;
}
.x-btn.ngx-grey-button {
  background-color: transparent;
  color: #394242;
}
.x-btn.ngx-grey-button .x-btn-icon-el,
.x-btn.ngx-grey-button .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-grey-button .x-btn-inner {
  color: #394242;
}
.x-btn.ngx-grey-button.ngx-field-locked .x-btn-icon-el[data-icon]:before {
  color: #cf2e76;
}
.x-btn.ngx-grey-button.ngx-field-unlocked .x-btn-icon-el[data-icon]:before {
  color: #8cae52;
}
.x-btn.ngx-grey-button.x-btn-over {
  color: #37b8b5 !important;
  background-color: #d8f2ee;
}
.x-btn.ngx-grey-button.x-btn-over .x-btn-inner,
.x-btn.ngx-grey-button.x-btn-over .x-btn-icon-el:before {
  color: #37b8b5 !important;
}
.x-btn.ngx-clear-button {
  background-color: transparent;
  color: #394242;
}
.x-btn.ngx-clear-button .x-btn-icon-el,
.x-btn.ngx-clear-button .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-clear-button .x-btn-inner {
  color: #394242;
}
.x-btn.ngx-clear-button.ngx-field-locked .x-btn-icon-el[data-icon]:before {
  color: #cf2e76;
}
.x-btn.ngx-clear-button.ngx-field-unlocked .x-btn-icon-el[data-icon]:before {
  color: #8cae52;
}
.x-btn.ngx-clear-button.x-btn-over {
  color: #394242 !important;
  background-color: #ffffff;
}
.x-btn.ngx-clear-button.x-btn-over .x-btn-inner,
.x-btn.ngx-clear-button.x-btn-over .x-btn-icon-el:before {
  color: #394242 !important;
}
.x-btn.ngx-light-grey-button {
  background-color: transparent;
  color: #9c9c9c;
}
.x-btn.ngx-light-grey-button .x-btn-icon-el,
.x-btn.ngx-light-grey-button .x-btn-icon-el[data-icon]:before,
.x-btn.ngx-light-grey-button .x-btn-inner {
  color: #9c9c9c;
}
.x-btn.ngx-light-grey-button:hover {
  color: #ffffff;
}
.x-btn.ngx-light-grey-button:hover .x-btn-inner,
.x-btn.ngx-light-grey-button:hover .x-btn-icon-el:before {
  color: #ffffff;
}
.x-btn.ngx-dark-button {
  background-color: transparent;
}
.x-btn.ngx-dark-button .x-btn-inner,
.x-btn.ngx-dark-button .x-btn-icon-el[data-icon]:before {
  color: #a6a6a6;
}
.x-btn.ngx-dark-button.x-btn-over {
  background-color: #ccc;
}
.x-btn.ngx-dark-button.x-btn-over .x-btn-inner,
.x-btn.ngx-dark-button.x-btn-over .x-btn-icon-el:before {
  color: #333;
}
.x-btn.ngx-black-button {
  background-color: #3e3e3e;
  padding: 5px;
  background-color: transparent;
  line-height: 22px;
}
.x-btn.ngx-black-button .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
  font-size: 20px;
}
.x-btn.ngx-black-button.x-btn-over,
.x-btn.ngx-black-button.x-btn-pressed {
  background-color: transparent;
}
.x-btn.ngx-black-button.x-btn-over .x-btn-icon-el:before,
.x-btn.ngx-black-button.x-btn-pressed .x-btn-icon-el:before,
.x-btn.ngx-black-button.x-btn-over .x-btn-inner,
.x-btn.ngx-black-button.x-btn-pressed .x-btn-inner {
  color: #77d3c6 !important;
}
.x-btn.ngx-black-button.x-btn-focus .x-btn-icon-el:before {
  color: #38ac9c;
}
.x-btn.ngx-nav-button {
  background-color: #313131;
}
.x-btn.ngx-nav-button .x-btn-inner,
.x-btn.ngx-nav-button .x-btn-icon-el[data-icon]:before {
  font-size: 100px;
  color: #ffffff;
}
.x-btn.ngx-nav-button.x-btn-over .x-btn-inner,
.x-btn.ngx-nav-button.x-btn-over .x-btn-icon-el:before {
  color: #ccc;
}
.x-btn.ngx-toggle-button {
  padding: 5px;
  background-color: transparent;
  line-height: 22px;
}
.x-btn.ngx-toggle-button .x-btn-icon-el[data-icon]:before {
  color: #ffffff;
  font-size: 20px;
}
.x-btn.ngx-toggle-button.x-btn-over,
.x-btn.ngx-toggle-button.x-btn-pressed {
  background-color: transparent;
}
.x-btn.ngx-toggle-button.x-btn-over .x-btn-icon-el:before,
.x-btn.ngx-toggle-button.x-btn-pressed .x-btn-icon-el:before,
.x-btn.ngx-toggle-button.x-btn-over .x-btn-inner,
.x-btn.ngx-toggle-button.x-btn-pressed .x-btn-inner {
  color: #77d3c6 !important;
}
.x-btn.ngx-toggle-button.x-btn-focus .x-btn-icon-el:before {
  color: #38ac9c;
}
.x-btn.x-btn-default-small-icon .x-btn-button,
.x-btn.x-btn-default-small-noicon .x-btn-button,
.x-btn.x-btn-default-small-icon a,
.x-btn.x-btn-default-small-noicon a,
.x-btn.x-btn-default-small-icon .x-btn-inner,
.x-btn.x-btn-default-small-noicon .x-btn-inner,
.x-btn.x-btn-default-small-icon .x-btn-icon-el[data-icon]:before,
.x-btn.x-btn-default-small-noicon .x-btn-icon-el[data-icon]:before,
.x-btn.x-btn-default-small-icon .x-btn-icon-el,
.x-btn.x-btn-default-small-noicon .x-btn-icon-el {
  height: 22px;
  line-height: 22px;
}
.x-btn.x-item-disabled {
  cursor: default;
}
.x-btn .ngx-big-flat-btn {
  border-radius: 0;
}
.x-btn .ngx-big-flat-btn span.x-btn-icon-el {
  font-size: 48px;
}
.x-window .x-btn-over {
  color: #3ec0ad !important;
}
.x-window .x-btn.ngx-blue-button {
  background-color: #77d3c6;
  border: 1px solid #77d3c6;
  color: #394242 !important;
}
.x-window .x-btn.ngx-blue-button .x-btn-inner,
.x-window .x-btn.ngx-blue-button .x-btn-icon-el[data-icon]:before {
  color: #394242;
}
.x-window .x-btn.ngx-blue-button.x-btn-over,
.x-window .x-btn.ngx-blue-button.x-btn-pressed {
  background-color: #3ec0ad;
}
.x-window .x-btn.ngx-blue-button.x-btn-over .x-btn-inner,
.x-window .x-btn.ngx-blue-button.x-btn-pressed .x-btn-inner {
  color: #394242;
}
.x-window .x-btn.ngx-blue-button.x-btn-over .x-btn-icon-el[data-icon]:before,
.x-window .x-btn.ngx-blue-button.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #394242;
}
.x-btn-default-small-icon .x-btn-inner {
  width: 24px;
  height: 24px;
}
.x-btn-default-small-icon .x-btn-button {
  height: auto;
}
.x-btn-default-large-icon .x-btn-inner {
  width: 48px;
  height: 48px;
}
.x-btn-default-large-icon .x-btn-button {
  height: auto;
}
.x-btn-click .x-btn-text,
.x-btn-menu-active .x-btn-text,
.x-btn-pressed .x-btn-text {
  color: #ffffff;
}
.x-btn-disabled * span {
  opacity: 1;
  filter: alpha(opacity=100);
}
.x-btn-group-header {
  color: #666666;
}
.x-btn-noicon .x-btn-small.x-btn-inner {
  height: 24px;
}
.ngx-refdata-picker .ngx-form-heading-container {
  padding: 25px 40px 40px 0;
}
.preview-refpicker .x-btn.ngx-refdata-picker-btn .ngx-ref-data-picker-headline {
  font-size: 16px;
  color: #ffffff;
}
.ngx-combo-data-icon {
  position: absolute;
  color: #77d3c6;
  font-size: 24px;
}
.ngx-opaque-combo-input {
  opacity: 0;
}
.x-form-trigger,
.x-grid-editor .x-form-trigger {
  width: 30px;
  height: 40px;
}
.ngx-clear-trigger {
  text-align: right;
}
.x-field-default-toolbar .x-form-text,
.x-field-default-toolbar .x-form-trigger {
  height: 38px;
  padding: 5px 10px;
}
.x-form-item input::-ms-clear {
  display: none;
}
.x-form-trigger {
  background-image: none;
}
.x-field.x-form-item input {
  /* firefox 19+ */
  /* ie */
}
.x-field.x-form-item input::-webkit-input-placeholder {
  color: #b2b8b8;
}
.x-field.x-form-item input::-moz-placeholder {
  color: #b2b8b8;
}
.x-field.x-form-item input:-ms-input-placeholder {
  color: #b2b8b8;
}
.x-field.x-form-item input:-moz-placeholder {
  color: #b2b8b8;
}
.x-form-trigger-wrap-focus {
  /* firefox 19+ */
  /* ie */
}
.x-form-trigger-wrap-focus ::-webkit-input-placeholder {
  color: #b2b8b8;
}
.x-form-trigger-wrap-focus ::-moz-placeholder {
  color: #b2b8b8;
}
.x-form-trigger-wrap-focus :-ms-input-placeholder {
  color: #b2b8b8;
}
.x-form-trigger-wrap-focus input:-moz-placeholder {
  color: #b2b8b8;
}
.x-form-trigger-wrap-focus.x-pickerfield-open .x-form-trigger-wrap .x-form-field.x-form-text {
  border-bottom-width: 0;
  border-radius: 2px 0 0 0;
}
.x-form-trigger-wrap-focus.x-pickerfield-open .x-form-trigger {
  border-bottom-width: 0;
  border-radius: 0;
}
.x-form-trigger-wrap-focus.x-pickerfield-open .x-form-trigger.ngx-select-trigger,
.x-form-trigger-wrap-focus.x-pickerfield-open .x-form-trigger.x-form-arrow-trigger,
.x-form-trigger-wrap-focus.x-pickerfield-open .x-form-trigger.x-form-time-trigger {
  border-radius: 0 2px 0 0;
}
.x-form-trigger-wrap-focus.x-pickerfield-open .x-form-trigger.ngx-clear-trigger {
  border-radius: 0;
  border-bottom-color: transparent !important;
}
.x-form-trigger-wrap-focus.x-pickerfield-open-above .x-form-trigger-wrap .x-form-field.x-form-text {
  border-bottom: 1px solid #77d3c6;
  border-top: 0;
  border-radius: 0 0 0 2px;
}
.x-form-trigger-wrap-focus.x-pickerfield-open-above .x-form-trigger {
  border-top-width: 0;
  border-bottom-width: 1px;
  border-radius: 0 0 2px 0 !important;
}
.x-form-trigger-wrap-focus.x-pickerfield-open-above .x-form-trigger.ngx-select-trigger .x-form-trigger-wrap-focus.x-pickerfield-open-above .x-form-trigger.x-form-arrow-trigger {
  border-radius: 0 0 2px 0;
}
.x-form-trigger-wrap-focus.x-pickerfield-open-above .x-form-trigger.ngx-clear-trigger {
  border-radius: 0;
}
.x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:before {
  color: #394242;
}
.x-window .x-form-trigger-wrap-focus {
  /* firefox 19+ */
  /* ie */
}
.x-window .x-form-trigger-wrap-focus ::-webkit-input-placeholder {
  color: #b2b8b8;
}
.x-window .x-form-trigger-wrap-focus ::-moz-placeholder {
  color: #b2b8b8;
}
.x-window .x-form-trigger-wrap-focus :-ms-input-placeholder {
  color: #b2b8b8;
}
.x-window .x-form-trigger-wrap-focus input:-moz-placeholder {
  color: #b2b8b8;
}
.x-window .x-form-trigger-wrap-focus.x-pickerfield-open-above .x-form-trigger-wrap .x-form-field.x-form-text {
  border-bottom: 1px solid #77d3c6;
}
.x-window .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:before {
  color: #ffffff;
}
.ngx-combo:not(.x-item-disabled):hover .x-form-trigger-wrap input.x-form-field,
.ngx-combo:not(.x-item-disabled):hover .x-form-trigger-wrap .x-form-trigger {
  border-color: #77d3c6 !important;
}
.x-window .x-form-trigger-wrap div.x-form-trigger,
.x-window .x-form-trigger-wrap input.x-form-field {
  border-color: #d4d9d9;
}
.x-window .x-form-trigger-wrap input.x-form-field.x-form-focus {
  border-color: #77d3c6 !important;
}
.x-window .ngx-combo:hover .x-form-trigger-wrap div.x-form-trigger,
.x-window .ngx-combo:hover .x-form-trigger-wrap input.x-form-field {
  border-color: #77d3c6 !important;
}
.x-window .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger,
.x-window .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover {
  border-color: #77d3c6 !important;
}
.ngx-light-theme .x-form-trigger-wrap-focus div.x-form-trigger,
.x-form-trigger-wrap-focus div.x-form-trigger {
  border-color: #77d3c6 !important;
}
.x-item-disabled .ngx-light-theme .x-form-trigger-wrap div.x-form-trigger,
.x-item-disabled .x-form-trigger-wrap div.x-form-trigger,
.x-item-disabled .ngx-light-theme .x-form-trigger-wrap input.x-form-field,
.x-item-disabled .x-form-trigger-wrap input.x-form-field {
  border-color: #242f3a;
}
.ngx-light-theme .x-form-trigger-wrap div.x-form-trigger,
.x-form-trigger-wrap div.x-form-trigger,
.ngx-light-theme .x-form-trigger-wrap input.x-form-field,
.x-form-trigger-wrap input.x-form-field {
  color: #364b5f;
  border: 1px solid #d4d9d9;
}
.ngx-light-theme .x-form-trigger-wrap input.x-form-field.x-form-focus,
.x-form-trigger-wrap input.x-form-field.x-form-focus {
  border-color: #77d3c6 !important;
}
.ngx-light-theme .x-form-trigger-wrap .x-form-field.x-form-text,
.x-form-trigger-wrap .x-form-field.x-form-text {
  border-right-width: 0;
  border-radius: 2px 0 0 2px;
  line-height: 16px;
  padding: 5px 10px;
}
.ngx-grid-toolbar .ngx-light-theme .x-form-trigger-wrap .x-form-field.x-form-text,
.ngx-grid-toolbar .x-form-trigger-wrap .x-form-field.x-form-text {
  padding: 0 10px;
}
.ngx-light-theme .x-form-trigger-wrap .x-form-trigger,
.x-form-trigger-wrap .x-form-trigger {
  background-color: transparent;
}
.ngx-fullscreen-window .ngx-light-theme .x-form-trigger-wrap .x-form-trigger,
.ngx-fullscreen-window .x-form-trigger-wrap .x-form-trigger,
.ngx-plain-window .ngx-light-theme .x-form-trigger-wrap .x-form-trigger,
.ngx-plain-window .x-form-trigger-wrap .x-form-trigger {
  background-color: #505959;
}
.ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-trigger-over:before,
.x-form-trigger-wrap .x-form-trigger.x-form-trigger-over:before {
  color: #77d3c6;
}
.ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-trigger,
.x-form-trigger-wrap .x-form-trigger.x-form-trigger {
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0 0 0 0;
}
.ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last,
.x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  border-right-width: 1px;
  border-radius: 0 2px 2px 0;
  padding: 8px 5px;
}
.ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last.x-field-default-toolbar .ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last,
.ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last.x-field-default-toolbar .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last,
.x-form-trigger-wrap .x-form-trigger.x-form-trigger-last.x-field-default-toolbar .ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last,
.x-form-trigger-wrap .x-form-trigger.x-form-trigger-last.x-field-default-toolbar .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  padding: 5px;
}
.x-pickerfield-open .ngx-light-theme .x-form-trigger-wrap .x-form-trigger.ngx-select-trigger,
.x-pickerfield-open .x-form-trigger-wrap .x-form-trigger.ngx-select-trigger,
.x-pickerfield-open .ngx-light-theme .x-form-trigger-wrap .x-form-trigger.x-form-arrow-trigger,
.x-pickerfield-open .x-form-trigger-wrap .x-form-trigger.x-form-arrow-trigger {
  border-radius: 0 2px 0 0;
}
.x-pickerfield-open .ngx-light-theme .x-form-trigger-wrap .x-form-trigger,
.x-pickerfield-open .x-form-trigger-wrap .x-form-trigger {
  border-radius: 0;
}
.ngx-light-theme .x-form-trigger-wrap .x-form-file-btn.x-btn,
.x-form-trigger-wrap .x-form-file-btn.x-btn {
  margin: 0 !important;
  padding: 8px 10px;
  border-radius: 0 2px 2px 0;
}
.ngx-window .ngx-combo:hover .x-form-trigger-wrap input.x-form-field,
.ngx-window .ngx-combo:hover .x-form-trigger-wrap .x-form-trigger {
  border-color: #77d3c6 !important;
}
.ngx-numberfield .x-form-trigger-wrap .x-form-field.x-form-text {
  border-right-width: 1px !important;
  border-radius: 2px;
  line-height: 20px;
  padding: 5px 10px;
}
.ngx-grid-toolbar .ngx-numberfield .x-form-trigger-wrap .x-form-field.x-form-text {
  padding: 0 10px;
}
.avatar-combo-image {
  margin-right: 10px;
  height: 60px;
}
.ngx-tag-filter.x-item-disabled ::-webkit-input-placeholder {
  color: #b2b8b8;
}
.ngx-tag-filter.x-item-disabled :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b2b8b8;
}
.ngx-tag-filter.x-item-disabled ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b2b8b8;
}
.ngx-tag-filter.x-item-disabled :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b2b8b8;
}
.ngx-tag-filter.x-docked-top {
  border-bottom: 1px solid #77d3c6 !important;
}
.ngx-tag-filter .x-form-trigger-wrap .x-form-field.x-form-text,
.ngx-tag-filter .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  border-width: 0;
  border-radius: 0;
}
.ngx-filter-has-search .x-form-trigger-wrap .x-form-field.x-form-text,
.ngx-filter-has-search .x-form-trigger {
  color: #ffffff;
  background-color: transparent;
}
.ngx-filter-has-search .ngx-clear-trigger::before {
  color: #ffffff;
}
.ngx-thumbnail-combo img.combo-image {
  vertical-align: middle;
  margin-right: 10px;
  max-width: 100px;
}
.ngx-grid-search.x-item-disabled ::-webkit-input-placeholder {
  color: #b2b8b8;
}
.ngx-grid-search.x-item-disabled :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b2b8b8;
}
.ngx-grid-search.x-item-disabled ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b2b8b8;
}
.ngx-grid-search.x-item-disabled :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b2b8b8;
}
.ngx-grid-search .x-form-trigger-wrap .x-form-field.x-form-text,
.ngx-grid-search .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  border-width: 0;
  border-radius: 0;
}
.ngx-grid-search.ngx-gridsearch-hasSearch .x-form-trigger-wrap .x-form-field.x-form-text,
.ngx-grid-search.ngx-gridsearch-hasSearch .x-form-trigger {
  color: #ffffff;
  background-color: #3ec0ad;
}
.ngx-grid-search.ngx-gridsearch-hasSearch .ngx-clear-trigger::before {
  color: #ffffff;
}
.ngx-grid-search.ngx-large-grid-search .input-wrapper {
  background-color: transparent;
}
.ngx-grid-search.ngx-large-grid-search .input-wrapper.actionFade {
  -webkit-animation: search_slide 0.2s ease-out forwards;
  -moz-animation: search_slide 0.2s ease-out forwards;
  -ms-animation: search_slide 0.2s ease-out forwards;
  -o-animation: search_slide 0.2s ease-out forwards;
  animation: search_slide 0.2s ease-out forwards;
}
.ngx-grid-search.ngx-large-grid-search span[data-icon]:before {
  position: absolute;
  font-size: 60px;
  line-height: 60px;
  padding: 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ngx-grid-search.ngx-large-grid-search .x-form-trigger-wrap .x-form-field.x-form-text {
  height: 80px;
  line-height: 60px;
  font-size: 40px;
  padding-left: 80px;
}
.ngx-grid-search.ngx-large-grid-search .x-form-trigger-wrap .x-trigger-cell {
  width: 80px !important;
}
.ngx-grid-search.ngx-large-grid-search .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  height: 80px;
  width: 80px;
}
.ngx-grid-search.ngx-large-grid-search .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last:before {
  font-size: 50px;
  line-height: 60px;
}
.icon-combo-image {
  margin-right: 5px;
  cursor: pointer;
  vertical-align: middle;
  background-color: transparent;
}
.x-boundlist {
  border-top-width: 0px;
  box-sizing: border-box;
  border-radius: 0 0 2px 2px;
}
.x-boundlist.x-boundlist-above {
  border-radius: 2px 2px 0 0;
  border-top-width: 1px;
  border-bottom-width: 0px;
}
.x-boundlist .x-boundlist-item {
  border-style: none;
  font-size: 13px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #364b5f;
  padding: 11px 16px;
}
.x-boundlist.ngx-focus-select-list {
  text-align: center;
  border-top-width: 1px;
  margin: 0;
  border-radius: 2px;
  border-bottom-width: 1px;
}
.x-boundlist.ngx-focus-select-list .x-boundlist-item {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-boundlist.ngx-time-picker {
  text-align: center;
  border-top-width: 1px;
  margin: 0;
  border-radius: 2px;
  font-size: 30px;
  border-bottom-width: 1px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-boundlist.ngx-time-picker .x-boundlist-item {
  vertical-align: middle;
}
.ngx-light-theme.x-boundlist {
  border-color: #77d3c6;
  background: #ffffff;
}
.ngx-light-theme.x-boundlist .x-boundlist-item {
  color: #4f667b;
}
.ngx-light-theme.x-boundlist .x-boundlist-item.x-boundlist-selected {
  color: #505959;
}
.ngx-light-theme.x-boundlist .x-boundlist-item-over {
  background-color: #d8f2ee;
  color: #008582;
}
.ngx-light-theme.x-boundlist.ngx-focus-select-list {
  border-color: #77d3c6;
  background: #77d3c6;
}
.ngx-light-theme.x-boundlist.ngx-focus-select-list .x-boundlist-item {
  font-size: 30px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
}
.ngx-light-theme.x-boundlist.ngx-focus-select-list .x-boundlist-item.x-boundlist-selected {
  color: #505959;
}
.ngx-light-theme.x-boundlist.ngx-focus-select-list .x-boundlist-item.x-boundlist-item-over {
  background: #d8f2ee;
  color: #2b8679;
}
.ngx-light-theme.x-boundlist.ngx-time-picker {
  border-color: #ffffff;
  background: #ffffff;
}
.ngx-light-theme.x-boundlist.ngx-time-picker .x-boundlist-item {
  color: #9c9c9c;
}
.ngx-light-theme.x-boundlist.ngx-time-picker .x-boundlist-item.x-boundlist-selected {
  background-color: #ccc;
  color: #ffffff;
}
.ngx-light-theme.x-boundlist.ngx-time-picker .x-boundlist-item.x-boundlist-item-over {
  background: #555;
  color: #ffffff;
}
.ngx-rich-combo .ngx-rich-combo-display-item {
  border-width: 0;
  border-color: transparent;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last,
.ngx-clear-combo .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  border-radius: 0;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger {
  border-color: transparent !important;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger,
.ngx-clear-combo .x-form-trigger-wrap .x-form-trigger,
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover,
.ngx-clear-combo .x-form-trigger-wrap .x-form-trigger:hover {
  border-color: transparent !important;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:before,
.ngx-clear-combo .x-form-trigger-wrap .x-form-trigger:before,
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover:before,
.ngx-clear-combo .x-form-trigger-wrap .x-form-trigger:hover:before {
  color: #ccc;
  font-size: 20px;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover:before,
.ngx-clear-combo .x-form-trigger-wrap .x-form-trigger:hover:before,
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover:hover:before,
.ngx-clear-combo .x-form-trigger-wrap .x-form-trigger:hover:hover:before {
  color: #ffffff;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field,
.ngx-clear-combo .x-form-trigger-wrap input.x-form-field {
  border-color: transparent !important;
  padding: 0;
  font: 100 16px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field.x-form-text,
.ngx-clear-combo .x-form-trigger-wrap input.x-form-field.x-form-text {
  padding: 0;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field:hover,
.ngx-clear-combo .x-form-trigger-wrap input.x-form-field:hover {
  border-color: transparent !important;
}
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger,
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover,
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field,
.ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field:hover {
  border-color: #77d3c6 !important;
}
.x-window .ngx-clear-combo.x-field:hover input[type="text"],
.x-window .ngx-clear-combo.x-field:hover .x-form-trigger-wrap .x-form-trigger {
  border-color: #77d3c6 !important;
}
.x-window .ngx-clear-combo .x-form-trigger-wrap input.x-form-field {
  border-color: transparent !important;
}
.x-window .ngx-clear-combo .x-form-trigger-wrap input.x-form-field:hover {
  border-color: #77d3c6 !important;
}
.x-window .ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger,
.x-window .ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover,
.x-window .ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field,
.x-window .ngx-clear-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field:hover {
  border-color: #77d3c6 !important;
}
.ngx-icon-type-combo.x-field:hover input[type="text"],
.ngx-icon-type-combo.x-field:hover .x-form-trigger-wrap .x-form-trigger {
  border-color: transparent !important;
}
.ngx-icon-type-combo .x-form-trigger-wrap input.x-form-field {
  border-color: transparent !important;
}
.ngx-icon-type-combo .x-form-trigger-wrap input.x-form-field:hover {
  border-color: transparent !important;
}
.ngx-icon-type-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger,
.ngx-icon-type-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger:hover,
.ngx-icon-type-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field,
.ngx-icon-type-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap input.x-form-field:hover {
  border-color: transparent !important;
}
.ngx-icon-type-combo .x-form-trigger-wrap {
  border-bottom: 1px solid #77d3c6;
}
.ngx-icon-type-combo .x-form-trigger-wrap input.x-form-field {
  color: #77d3c6;
  height: 49px;
  border-bottom-color: #77d3c6 !important;
}
.ngx-icon-type-combo .x-form-trigger-wrap input.x-form-field.x-form-text {
  text-transform: uppercase;
  padding: 0 0 0 10px;
}
.ngx-icon-type-combo .x-form-trigger-wrap input.x-form-field.x-form-focus {
  border-bottom-color: transparent !important;
}
.ngx-icon-type-combo .x-form-trigger-wrap .x-form-trigger {
  height: 49px;
}
.ngx-icon-type-combo .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  border-bottom-color: transparent !important;
  padding-top: 14px;
}
.x-grid-table.tileview {
  padding: 0;
}
.x-grid-table.tileview .x-grid-row {
  margin: 0;
  padding: 0;
}
.x-grid-table.tileview .x-grid-row.x-grid-row-selected {
  border-color: #e8ebeb;
}
.sources-stats {
  position: relative;
}
.ngx-sub-cell-meta {
  color: #364b5f;
  margin-right: 45px;
  font-size: 12px;
  display: inline-block;
  position: absolute;
  right: 60px;
}
.x-grid-row-selected .ngx-sub-cell-meta {
  color: #394242;
}
.ngx-grid-sidebar-heading {
  border-bottom: 1px solid #77d3c6 !important;
  padding: 9px 20px;
}
.ngx-grid-sidebar-heading span {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #77d3c6;
}
.ngx-grid-sidebar-heading span i[data-icon] {
  font-size: 24px;
}
.x-grid-dirty-cell {
  background-image: none;
  background-position: 0 10px;
  background-repeat: no-repeat;
}
.x-panel .x-grid-body {
  background-color: #fefefe;
  border-color: #e8ebeb;
  border-top: 0;
}
.ngx-monitor-grid .x-grid-cell {
  padding: 20px;
}
.ngx-monitor-grid .x-grid-cell .x-grid-cell-inner,
.ngx-monitor-grid .x-grid-cell .x-grid-cell-inner:first-of-type {
  padding: 0;
}
.x-column-header.x-column-header-sort-DESC .x-column-header-over.x-column-header-inner .x-column-header-text:after,
.x-column-header.x-column-header-sort-ASC .x-column-header-over.x-column-header-inner .x-column-header-text:after {
  color: #3ec0ad;
}
.x-column-header {
  background-color: #e8ebeb;
  background-image: none;
  border-width: 0;
  border-left-color: transparent;
  border-right: 1px solid transparent;
  text-shadow: none;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.x-column-header .x-column-header-inner {
  padding: 13px !important;
}
.x-column-header .x-column-header-text {
  text-transform: uppercase;
  font-size: 0.8em;
  color: rgba(57, 66, 66, 0.6);
}
.x-column-header .x-column-header-over {
  background-color: transparent;
  background-image: none;
}
.x-column-header .x-column-header-over .x-column-header-text {
  color: #3ec0ad;
}
.x-column-header.ngx-grid-unsortable-col {
  cursor: default;
}
.x-column-header.ngx-grid-unsortable-col .x-column-header-over .x-column-header-text {
  color: #666666;
}
.x-column-header.ngx-grid-unsortable-col {
  cursor: default;
}
.x-column-header.ngx-grid-unsortable-col .x-column-header-over .x-column-header-text {
  color: #666666;
}
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-color: #e8ebeb;
}
.x-column-header-sort-ASC .x-column-header-text,
.x-column-header-sort-DESC .x-column-header-text {
  background-image: none;
  color: #6c7373;
}
.x-column-header-sort-ASC .x-column-header-inner,
.x-column-header-sort-DESC .x-column-header-inner {
  padding: 13px !important;
}
.x-column-header-sort-ASC .x-column-header-inner .x-column-header-text:after,
.x-column-header-sort-DESC .x-column-header-inner .x-column-header-text:after {
  font-family: EngVetica;
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  color: #6c7373;
  line-height: normal;
  vertical-align: middle;
  margin-left: 5px;
}
.x-column-header-sort-ASC .x-column-header-inner.x-colum-header-over,
.x-column-header-sort-DESC .x-column-header-inner.x-colum-header-over {
  color: #6c7373;
}
.x-column-header-sort-ASC.ngx-grid-unsortable-col,
.x-column-header-sort-DESC.ngx-grid-unsortable-col {
  cursor: default;
}
.x-column-header-sort-ASC.ngx-grid-unsortable-col .x-column-header-text,
.x-column-header-sort-DESC.ngx-grid-unsortable-col .x-column-header-text {
  color: #666666;
}
.x-column-header-sort-ASC.ngx-grid-unsortable-col .x-column-header-inner .x-column-header-text:after,
.x-column-header-sort-DESC.ngx-grid-unsortable-col .x-column-header-inner .x-column-header-text:after {
  color: transparent;
}
.x-column-header-sort-ASC.ngx-grid-unsortable-col .x-column-header-inner.x-colum-header-over,
.x-column-header-sort-DESC.ngx-grid-unsortable-col .x-column-header-inner.x-colum-header-over {
  color: #666666;
}
.x-column-header-sort-ASC .x-column-header-inner .x-column-header-text:after {
  content: ")";
}
.x-column-header-sort-DESC .x-column-header-inner .x-column-header-text:after {
  content: "(";
}
.x-grid-with-row-lines .x-grid-cell {
  border-width: 1px 0 0 0;
}
.x-grid-with-row-lines .x-grid-cell.ngx-grid-tile-item {
  border-width: 0;
  position: relative;
}
.ngx-grid-row-actions .x-grid-cell-inner {
  height: 100%;
}
.ngx-grid-row-actions .x-grid-cell-inner:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: '';
  margin-right: -0.25em;
}
.grid-data-small-print {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  position: absolute;
  bottom: 0;
}
.advocacy-preview-header-label {
  text-align: center;
  padding: 20px;
}
.ngx-feed-preview-list {
  background-color: transparent;
  border: none;
}
.ngx-feed-preview-list .x-grid-body {
  background-color: transparent;
}
.ngx-feed-preview-list .grid-data-empty {
  color: #b2b8b8;
}
.ngx-feed-preview-list .x-grid-body,
.ngx-feed-preview-list .x-grid-with-row-lines .x-grid-table {
  border: none;
}
.ngx-feed-preview-list .grid-data-small-print,
.ngx-feed-preview-list .grid-data-empty {
  color: #b2b8b8;
  left: 0;
  right: 0;
}
.ngx-feed-preview-list .x-grid-cell {
  background-color: transparent !important;
  border-color: #e8ebeb !important;
}
.ngx-feed-preview-list .x-grid-data-row:first-child .x-grid-cell {
  border-color: transparent !important;
}
.x-grid .asset-grid-name,
.x-grid .smarturl-grid-name,
.x-grid .asset-grid-caption {
  vertical-align: middle;
}
.x-grid .asset-grid-caption,
.x-grid .smarturl-grid-caption {
  vertical-align: middle;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.x-grid .asset-grid-detail,
.x-grid .smarturl-grid-detail {
  padding: 10px 0;
  margin-left: 10px;
  float: left;
}
.x-grid .asset-grid-image,
.x-grid .smarturl-grid-image {
  float: left;
}
.x-grid .asset-grid-image img,
.x-grid .smarturl-grid-image img {
  max-width: 100px;
  max-height: 100px;
}
.x-grid .asset-grid-image-48 {
  display: block;
  padding: 0;
  line-height: 66px;
}
.x-grid .asset-grid-image-48 img {
  vertical-align: middle;
  width: 48px;
  height: auto;
}
#streamList .x-grid-cell-inner,
.ngx-feed-preview-list .x-grid-cell-inner {
  white-space: inherit;
}
#audienceList .x-grid-cell.ngx-grid-colorblock.ngx-grid-colorblock-narrow .x-grid-cell-inner span {
  min-width: 60px;
  padding: 16px 0;
  display: inline-block;
}
.x-grid-cell.ngxContentStatusUndelivered .x-grid-cell-inner span {
  background: #828282;
}
.x-grid-cell .ngx-flag .x-grid-cell-inner span,
.x-grid-cell .status-container.ngx-flag span {
  background-color: #cf2e76;
}
.x-grid-cell .streamEngagementScore .x-grid-cell-inner span {
  background-color: #77d3c6;
}
.x-grid-cell .x-grid-cell-inner .meta-detail-splitter,
.x-grid-cell .x-grid-cell-inner .meta-detail-when,
.x-grid-cell .x-grid-cell-inner .meta-detail-details,
.x-grid-cell .x-grid-cell-inner .meta-detail-gender,
.x-grid-cell .x-grid-cell-inner .meta-detail-channel,
.x-grid-cell .x-grid-cell-inner .meta-detail-status {
  vertical-align: middle;
  text-align: center;
}
.x-grid-cell .meta-detail-status.align-left {
  text-align: left;
}
.x-grid-cell .x-grid-cell-inner .meta-detail-gender,
.x-grid-cell .x-grid-cell-inner .meta-detail-channel {
  padding: 0;
}
.x-grid-cell .x-grid-cell-inner .meta-detail-gender,
.x-grid-cell .x-grid-cell-inner .meta-detail-channel {
  font-size: 14px;
}
.x-grid-cell .x-grid-cell-inner .meta-detail-gender i[data-icon]:before,
.x-grid-cell .x-grid-cell-inner .meta-detail-channel i[data-icon]:before {
  vertical-align: middle;
}
.x-grid-cell .x-grid-cell-inner .meta-detail-gender {
  color: #77d3c6;
}
.x-grid-cell .x-grid-cell-inner .meta-detail-details a {
  text-decoration: none;
  color: #404040;
}
.engagementScore {
  font-size: 30px;
}
.content-header-wrapper,
.feed-header-wrapper {
  height: auto;
  font-size: 16px;
  z-index: 99999;
  text-align: left;
  margin: 0;
  background-image: none;
  color: #394242;
  padding: 0;
}
.content-header-wrapper.asset-header-preview,
.feed-header-wrapper.asset-header-preview {
  color: #8d9494;
}
.content-header-wrapper .meta-detail-channel,
.feed-header-wrapper .meta-detail-channel {
  float: left;
  margin-right: 25px;
}
.content-header-wrapper .meta-detail-channel i,
.feed-header-wrapper .meta-detail-channel i {
  font-size: 100px;
}
.content-header-wrapper .ngx-form-heading-container,
.feed-header-wrapper .ngx-form-heading-container {
  padding: 20px 40px;
  margin-bottom: 10px;
}
.content-header-wrapper .ngx-form-heading-container .ngx-form-heading-headline,
.feed-header-wrapper .ngx-form-heading-container .ngx-form-heading-headline {
  font-size: 26px;
  line-height: inherit;
  margin-bottom: 10px;
}
.content-header-wrapper .playerContainer,
.feed-header-wrapper .playerContainer,
.content-header-wrapper .previewContentContainer,
.feed-header-wrapper .previewContentContainer {
  width: 450px;
  display: block;
  margin: 0 auto;
}
.content-header-wrapper .media,
.feed-header-wrapper .media,
.content-header-wrapper .entry-media,
.feed-header-wrapper .entry-media,
.content-header-wrapper .user-details .name,
.feed-header-wrapper .user-details .name,
.content-header-wrapper .content-title,
.feed-header-wrapper .content-title,
.content-header-wrapper .meta-detail,
.feed-header-wrapper .meta-detail {
  color: #394242;
}
.content-header-wrapper .meta-detail,
.feed-header-wrapper .meta-detail {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.content-header-wrapper a.close,
.feed-header-wrapper a.close {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.ngx-fixed-height-480 {
  height: 480px;
}
.ngx-fixed-height-240 {
  height: 240px;
}
div.content-preview-content-wrapper {
  width: 570px;
  max-width: 570px;
  margin-bottom: 40px;
  float: left;
}
div.content-preview-content-wrapper img {
  width: auto;
  height: auto;
}
div.content-preview-content-details {
  height: 100%;
  padding: 0;
}
div.content-preview-content-details .content-preview-user-details {
  display: block;
  left: 0;
  position: relative;
  text-align: left;
  top: 0;
}
div.content-preview-content-details .content-preview-user-details a {
  color: #e8ebeb;
}
div.content-preview-content-details .content-preview-user-details p {
  padding: 2px 0;
}
div.content-preview-content-details .content-preview-user-details p span.blue-label {
  color: #59D2FF;
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
  text-align: right;
  width: 45px;
  display: inline-block;
  padding: 0 4px;
}
div.content-preview-content-details .content-preview-user-details img {
  vertical-align: middle;
  line-height: 50px;
  height: auto;
  width: auto;
  margin: 0 8px 0 0;
}
div.content-preview-content-details .content-preview-user-details .ngx-avatar {
  margin: 0;
}
div.content-preview-content-details .content-preview-user-details .ngx-avatar .default-avatar {
  float: left;
  vertical-align: middle;
}
div.content-preview-content-details .content-preview-user-details .ngx-avatar span {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
div.content-preview-content-details .content-preview-user-details .ngx-form-heading-container {
  padding: 0;
}
div.content-preview-content-details .content-preview-user-details .ngx-form-heading-byline span.blue-label,
div.content-preview-content-details .content-preview-user-details .ngx-form-heading-headline span.blue-label {
  color: #8d9494;
}
div.content-preview-content-details .content-preview-user-details .ngx-avatar span.default-avatar,
div.content-preview-content-details .content-preview-user-details .ngx-form-heading-headline span.default-avatar {
  color: #ffffff;
  margin: 0 8px 0 0;
}
span.previewContentContainer {
  display: inline;
  left: 0;
  margin: 0;
  position: relative;
  text-align: center;
  top: 0;
}
span.previewContentContainer img {
  margin-top: 15px;
}
span.previewContentContainer img.fulfillmentAssetPreview {
  max-width: 530px;
}
div.playerContainer iframe {
  margin-top: 15px;
}
h2.overlayTitle {
  margin: 10px 0;
  font-size: 20px;
}
.status-container {
  min-width: 100px;
  border-radius: 2px;
  text-align: center;
  margin: 10px 15px 10px 0;
  float: left;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
}
.status-container span.status-box {
  padding: 10px;
  margin: 0;
  text-align: center;
  color: #ffffff;
  display: inline-block;
}
.ngx-flag .status-container span.status-box {
  padding: 9px 0 8px;
}
.status-container.live {
  background-color: #ec4f3a;
  border-color: #ec4f3a;
}
.status-container.pendingReview,
.status-container.draft {
  background-color: #F7CF44;
  border-color: #F7CF44;
}
.status-container.archived,
.status-container.expired {
  background-color: #828282;
  border-color: #828282;
}
.status-container.embargo,
.status-container.failed,
.status-container.partialFailed {
  background-color: #EA130C;
  border-color: #EA130C;
}
.status-container.published {
  background-color: #77d3c6;
  border-color: #77d3c6;
}
.status-container.saved,
.status-container.ready,
.status-container.scheduled {
  border-color: #157841;
  background-color: #157841;
}
.status-container.recommended {
  border-color: #cf2e76;
  background-color: #cf2e76;
}
.status-container.tags {
  border-color: #828282;
  background-color: #828282;
}
.status-container.ngx-flag {
  border-color: #cf2e76;
  background-color: #cf2e76;
}
.status-container.engagementScore {
  border-color: #ffffff;
  background-color: #77d3c6;
}
.status-container.recommended {
  color: #C91A72;
  font-size: 30px;
  margin: 9px 0 0;
  font-weight: 700;
}
.status-container.engagementScore {
  margin: 16px 0 0;
  font-size: 18px;
  font-weight: 700;
}
.streamIconMeta {
  padding: 0 !important;
}
.streamIconMeta ul {
  padding: 0;
  margin: 0 auto;
}
.streamIconMeta ul li.metaChannelIcons {
  float: left;
  padding: 0;
  border-radius: 4px;
  margin: 1px;
  text-align: center;
}
.streamIconMeta ul li.metaChannelIcons span {
  display: inline-block;
  padding: 0;
  margin: 2px;
  border-radius: 4px;
  height: 100%;
}
.streamIconMeta ul li.metaChannelIcons span img {
  vertical-align: middle;
  margin: 5px;
}
.ngx-sidebar-window-header-title {
  vertical-align: middle;
}
.ngx-window-header-title {
  vertical-align: middle;
  padding: 5px 0 0 15px;
}
.ngx-window-header-title-icon[data-icon]:before,
.ngx-window-header-title-text,
.ngx-sidebarwindow-header-title-icon[data-icon]:before,
.ngx-sidebarwindow-header-title-text,
.ngx-standardwindow-header-title-icon[data-icon]:before,
.ngx-standardwindow-header-title-text {
  color: #77d3c6;
  font-size: 22px;
  display: inline-block;
}
.ngx-window-header-title-icon,
.ngx-sidebarwindow-header-title-icon,
.ngx-standardwindow-header-title-icon {
  display: inline-block;
}
.ngx-window-header-title-icon[data-icon]:before {
  padding: 10px 15px;
  border-right: 1px solid #77d3c6;
}
.ngx-window-header-title-text {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #77d3c6;
  vertical-align: middle;
  padding: 0 0 0 15px;
}
.ngx-fullscreen-window .ngx-panel-sidebar {
  background-color: #e1e1e1;
}
.ngx-panel-sidebar .ngx-panel-sidebar-toolbar {
  border-bottom: 1px solid #77d3c6 !important;
}
.ngx-panel-main .ngx-panel-main-toolbar {
  border-bottom: 1px solid #77d3c6 !important;
}
.ngx-fullscreen-window .ngx-fswin-center-region {
  border-top: 1px solid #77d3c6 !important;
}
.ngx-fullscreen-window.ngx-filter-bar-window .ngx-fswin-center-region {
  border-top: 0 solid #77d3c6 !important;
}
.ngx-fullscreen-window.ngx-split-window .ngx-fswin-center-region {
  border-top: 1px solid transparent !important;
}
.ngx-fullscreen-window.ngx-split-window .ngx-fswin-tabbar-region + .ngx-fswin-center-region {
  border-top: 1px solid #77d3c6 !important;
}
.x-window.ngx-fullscreen-window.ngx-component-winner-data-sharing .ngx-fswin-north-region {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
.ngx-fullscreen-window.ngx-component-winner-data-sharing .ngx-fswin-center-region {
  border-top: none !important;
}
.ngx-fullscreen-window.ngx-split-window .ngx-fswin-north-region {
  background-color: #ffffff;
  /*		.ngx-fswin-header-title {
			padding: 10px 20px;
			text-transform: lowercase;
			line-height: normal;
			margin: 0;
			border-bottom: 1px solid @ngxBlue;

			h1 {
				color: @ngxBlue;
				font: 100 36px/100% @system-font-stack;
				display: inline-block;
				vertical-align: middle;
			}

		}
*/
}
.ngx-fullscreen-window.ngx-split-window .ngx-fswin-north-region.no-background-color {
  background: transparent;
}
.ngx-fullscreen-window.ngx-geo-location-window .ngx-geo-headline {
  padding-bottom: 10px;
  color: #77d3c6;
  text-align: center;
  font: normal 24px roboto, HelveticaNeue, Helvetica, Arial, sans-serif;
}
.ngx-fullscreen-window.ngx-geo-location-window .x-tab-bar .x-tab .x-tab-button .x-tab-inner {
  font: normal 14px Roboto, HelveticaNeue, Helvetica, Arial, sans-serif;
}
.x-window-default {
  border-color: transparent;
  border-radius: 0 0 2px 2px;
  box-shadow: none;
}
.ngx-floating-sidebar {
  background: #77d3c6;
}
.x-window-header-text-container {
  overflow: hidden;
  border-bottom: 0 solid #77d3c6;
  min-height: 35px;
  padding: 35px;
}
.ngx-compact-window .x-window-header-text-container {
  padding: 20px 0 20px 15px;
}
.ngx-compact-window .x-toolbar {
  padding: 20px;
}
.x-window-header-text.x-window-header-text-default,
.x-window-header-text.x-window-header-text-default h2 {
  line-height: normal;
  margin: 0;
  color: #77d3c6;
  font-size: 24px;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.ngx-message-body {
  width: 1170px;
  margin: 0 auto;
}
.x-component.x-form-item,
.x-form-item,
.x-container.x-form-fieldcontainer,
.x-form-checkboxgroup-body {
  margin: 0 40px 15px 40px;
}
.x-component.x-form-item.ngx-datetime-field,
.x-form-item.ngx-datetime-field,
.x-container.x-form-fieldcontainer.ngx-datetime-field,
.x-form-checkboxgroup-body.ngx-datetime-field {
  margin: 0 40px 5px 40px;
}
.x-form-fieldcontainer.ngx-datetime-field .x-form-item.x-field-default.ngx-datetime-field-time,
.x-form-fieldcontainer.ngx-datetime-field .x-form-item.x-field-default.ngx-datetime-field-date,
.x-form-item.x-field-default.ngx-tiny-text,
.x-form-item.x-field-default.ngx-inline-edit,
.x-container.x-form-fieldcontainer .x-form-item.x-field-default,
.x-form-checkboxgroup-body .x-form-item.x-field-default,
.x-field.ngx-grid-search,
.x-form-item.x-field.ngx-editable-label-field,
.ngx-advanced-share-button.x-form-item,
.x-form-fieldcontainer.ngx-video-gallery-editor {
  margin: 0;
}
.x-form-checkboxgroup-body .x-form-item.x-field-default {
  margin-bottom: 10px;
}
.transform-checkbox .x-form-type-checkbox {
  margin-bottom: 10px !important;
}
.ngx-container-advancedgalleryfield .x-form-checkboxgroup-body,
.ngx-container-advancedgalleryfield .x-form-item {
  margin: 0 20px 10px 0 !important;
}
.x-form-field-call-to-action .x-form-checkboxgroup-body {
  margin: 0 10px 10px 0 !important;
}
.x-form-field-call-to-action .x-form-item {
  margin: 0 10px 10px 0 !important;
}
.x-form-fieldcontainer.x-form-field-call-to-action .x-form-checkboxgroup-body,
.x-form-fieldcontainer.x-form-field-call-to-action .x-form-item {
  margin: 0 10px 0 0 !important;
}
.x-form-item.x-field-default.ngx-tiny-text {
  margin: 0 0 10px 0;
}
.ngx-formfield-help,
.ngx-formfield-help-top {
  font: normal 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: none;
  margin-top: 10px;
  color: #6c87a1;
}
.ngx-formfield-help-top {
  margin-top: 0;
  margin-bottom: 5px;
}
.ngx-panel .ngx-panel-intro,
.ngx-panel .ngx-panel-help,
.ngx-panel .ngx-panel-byline {
  color: #8d9494;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: normal;
  margin-top: 0.5em;
}
.ngx-panel #edit-campaign-form .ngx-panel-intro {
  padding-left: 0;
  padding-top: 12px;
  font-size: 14px;
}
.x-tab-bar-default-horizontal {
  height: 50px;
}
.x-tab-bar {
  background: #313131;
  padding: 11px 20px;
  border-width: 0;
}
.x-tab-bar .x-tab-bar-strip-default {
  background-color: transparent;
}
.x-tab-bar .x-tab-top-active {
  background-color: transparent;
  background-image: none;
}
.x-tab-bar .x-tab .x-tab-button .x-tab-inner {
  font: normal 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}
.x-tab-bar .x-tab.x-active .x-tab-button .x-tab-inner {
  color: #e8ebeb;
  border-bottom: 2px solid #77d3c6;
  font-weight: bold;
}
.x-tab-bar .x-tab-bar-body {
  border-width: 0;
  height: 50px;
  border-color: transparent;
}
.x-tab-bar .x-tab-bar-body .x-tab-default-top-active {
  border-bottom-color: transparent !important;
}
.x-tab-bar .x-tab-bar-body .x-tab-default-top {
  padding: 0;
  height: 35px;
  line-height: 20px;
}
.x-tab-bar .x-tab-bar-body .x-tab-default-top .x-tab-button {
  height: 35px;
  line-height: 20px;
}
.x-tab-bar .x-tab-bar-body .x-tab-default-top .x-tab-inner {
  height: 35px;
  line-height: 20px;
  padding: 0 2px 2px;
}
.x-tab-bar .x-tab-bar-body .x-tab-default {
  border-color: transparent;
  border-width: 0 !important;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.x-tab-bar .x-tab-bar-body .x-tab-default.x-over .x-tab-inner,
.x-tab-bar .x-tab-bar-body .x-tab-default.x-over .x-tab-over {
  color: #e8ebeb;
  border-bottom: 2px solid #e8ebeb;
}
.x-tab-bar .x-tab-bar-strip-default {
  border-width: 0;
  border-color: transparent;
}
.x-tab-bar-top .x-tab-inner {
  height: 24px;
}
.x-window {
  border-radius: 2px;
  padding: 0;
  margin: 0;
}
.x-window.x-message-box.ngx-message-box {
  border-radius: 0;
}
.x-window.x-window-default {
  background-color: transparent;
}
.x-window .x-window-header-default {
  background-color: #313131;
  border-color: transparent;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
}
.x-window .x-window-header-default .x-toolbar {
  padding: 10px 40px;
}
.x-window .x-window-body-default {
  font: normal 14px "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  border-radius: 0 0 2px 2px;
  box-shadow: none;
}
.x-window.ngx-clear-window {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
}
.x-window.ngx-clear-window.x-grid-body {
  border-radius: 0;
}
.x-window.ngx-plain-window {
  background-color: #505959;
}
.x-window.ngx-plain-window .x-window-header-default {
  background-color: transparent;
  border-color: transparent;
}
.x-window.ngx-plain-window .x-window-body-default {
  background-color: transparent;
}
.x-window.ngx-plain-window .x-window-body-default {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
.x-window.ngx-plain-window .x-window-header-text.x-window-header-text-default h2 {
  color: #77d3c6;
}
.x-window.ngx-plain-window .ngx-panel .x-panel-body.ngx-panel-body {
  border-top-color: transparent;
  padding: 0;
}
.x-window.ngx-plain-window .x-form-item-label-top,
.x-window.ngx-plain-window .x-form-item-label-left {
  color: #505959;
}
.x-window.ngx-clear-window {
  padding: 0 0 10px 0;
}
.x-window.ngx-clear-window.ngx-clear-window-no-header .x-window-header-text-container {
  padding: 0;
  margin-top: 0;
}
.x-window.ngx-clear-window .x-window-header {
  background-color: transparent;
  padding: 10px 0 0 0;
}
.x-window.ngx-clear-window .x-window-header-default {
  background-color: transparent;
  border-color: transparent;
}
.x-window.ngx-clear-window .x-window-body-default {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
.x-window.ngx-clear-window .x-toolbar {
  padding: 40px 20px;
}
.x-window.ngx-clear-window .x-form-item {
  margin: 0 40px 15px;
}
.x-window.ngx-clear-window .x-form-item.preview-refpicker {
  margin: 0;
}
.x-window.ngx-clear-window .x-form-item.ngx-form-check {
  margin: 0;
}
.x-window.ngx-clear-window .x-window-header-text-container {
  background-color: transparent;
  padding: 40px;
}
.x-window.ngx-clear-window .ngx-form-heading-container {
  padding: 25px 0;
}
.x-window.ngx-clear-window .ngx-form-heading-container.ngx-feed-edit-meta,
.x-window.ngx-clear-window .ngx-form-heading-container.ngx-content-edit-meta,
.x-window.ngx-clear-window .ngx-form-heading-container.ngx-feed-create-meta {
  float: left;
  padding: 0;
}
.x-window.ngx-clear-window .ngx-form-heading-container.ngx-feed-create-meta {
  line-height: 50px;
}
.x-window.ngx-clear-window .ngx-panel .x-panel-body {
  border-top: 0 solid #77d3c6 !important;
  padding-top: 0;
}
.x-window.ngx-clear-window .ngx-hbox-container.ngx-hbox-first {
  padding: 0 0 25px 0;
}
.x-window.ngx-clear-window .ngx-hbox-container.ngx-hbox-first.ngx-meta-container {
  border-bottom: 1px solid #828282;
  padding: 0 0 25px 0;
  margin-bottom: 25px;
}
.x-window.ngx-clear-window .ngx-hbox-container.ngx-hbox-first.ngx-meta-container.ngx-content-edit-left {
  float: left;
}
.x-window.ngx-clear-window .ngx-hbox-container.ngx-hbox-middle {
  padding: 25px 0;
}
.x-window.ngx-clear-window .ngx-hbox-container.ngx-hbox-middle.ngx-hbox-header {
  margin-top: 0;
}
.x-window.ngx-clear-window .ngx-hbox-container.ngx-hbox-last {
  padding: 25px 0 0 0;
}
.x-window.ngx-clear-window .x-tab-bar {
  background: transparent;
  border-bottom: 1px solid #32ccfe;
  padding: 0 30px;
  border-bottom-width: 1px !important;
  margin-bottom: 35px;
}
.x-window.ngx-fullscreen-window {
  padding: 0 0 10px 0;
  border-width: 0;
  border-radius: 0;
}
.x-window.ngx-fullscreen-window .x-window-header-text-container {
  padding: 0;
  margin-top: 0;
}
.x-window.ngx-fullscreen-window .x-window-header {
  background-color: transparent;
}
.x-window.ngx-fullscreen-window .ngx-fullscreen-window-header {
  padding: 20px 0 10px 10px;
}
.x-window.ngx-fullscreen-window .x-window-header-default {
  padding-top: 10px;
  background-color: transparent;
  border-color: transparent;
}
.x-window.ngx-fullscreen-window .x-grid-header-ct {
  border-top: 0!important;
}
.x-window.ngx-fullscreen-window .ngx-grid-toolbar-light {
  border-bottom: 1px solid #77d3c6 !important;
}
.x-window.ngx-fullscreen-window .x-fieldset-header-text {
  color: #ffffff;
}
.x-window.ngx-fullscreen-window .x-window-body-default {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
.x-window.ngx-fullscreen-window .x-toolbar {
  padding: 35px 20px;
}
.x-window.ngx-fullscreen-window .x-toolbar.x-copy-editor-toolbar {
  padding: 0;
  left: -10px;
}
.x-window.ngx-fullscreen-window .x-fieldset-header {
  padding: 20px 0;
}
.x-window.ngx-fullscreen-window .x-form-item {
  margin: 0 0 15px 0;
}
.x-window.ngx-fullscreen-window .x-form-item.preview-refpicker {
  margin: 0;
}
.x-window.ngx-fullscreen-window .x-form-item.ngx-form-check {
  margin: 0;
}
.x-window.ngx-fullscreen-window .x-window-header-text-container {
  background-color: transparent;
  padding: 0;
}
.x-window.ngx-fullscreen-window .ngx-form-heading-container {
  padding: 0 0 15px 0;
}
.x-window.ngx-fullscreen-window .ngx-form-heading-container.ngx-form-heading-overline {
  padding-top: 25px;
}
.x-window.ngx-fullscreen-window .ngx-form-heading-container.ngx-feed-edit-meta,
.x-window.ngx-fullscreen-window .ngx-form-heading-container.ngx-content-edit-meta,
.x-window.ngx-fullscreen-window .ngx-form-heading-container.ngx-feed-create-meta {
  float: left;
  padding: 0 0 0 2px;
}
.x-window.ngx-fullscreen-window .ngx-form-heading-container.ngx-feed-create-meta {
  line-height: 50px;
}
.x-window.ngx-fullscreen-window .ngx-panel .x-panel-body {
  border-top: 0 solid #76d6fd !important;
  padding-top: 0;
  border-width: 0 !important;
}
.x-window.ngx-fullscreen-window .ngx-hbox-container {
  padding: 25px 0;
}
.x-window.ngx-fullscreen-window .ngx-hbox-container.ngx-hbox-first {
  padding: 0 0 25px 0;
}
.x-window.ngx-fullscreen-window .ngx-hbox-container.ngx-hbox-first.ngx-meta-container {
  border-bottom: 1px solid #828282;
  padding: 0 0 25px 0;
  margin-bottom: 25px;
}
.x-window.ngx-fullscreen-window .ngx-hbox-container.ngx-hbox-first.ngx-meta-container.ngx-content-edit-left {
  float: left;
}
.x-window.ngx-fullscreen-window .ngx-hbox-container.ngx-hbox-middle {
  padding: 25px 0;
}
.x-window.ngx-fullscreen-window .ngx-hbox-container.ngx-hbox-middle.ngx-hbox-header {
  margin-top: 0;
}
.x-window.ngx-fullscreen-window .ngx-hbox-container.ngx-hbox-last {
  padding: 25px 0 0 0;
}
.x-window.ngx-fullscreen-window.ngx-split-window-east .ngx-fswin-sidebar {
  background-color: #505959;
}
.x-window.ngx-fullscreen-window.ngx-split-window-west .ngx-fswin-center-region,
.x-window.ngx-fullscreen-window.ngx-split-window-west .ngx-conversationwin-north-region,
.x-window.ngx-fullscreen-window.ngx-split-window-west .ngx-conversationwin-center-region,
.x-window.ngx-fullscreen-window.ngx-split-window-west .ngx-center-tabpanel {
  background-color: #fefefe;
}
.x-window.ngx-fullscreen-window.ngx-split-window-west .ngx-fswin-sidebar {
  background-color: #505959;
}
.x-window.ngx-fullscreen-window.ngx-split-window-west .ngx-fswin-sidebar .x-container {
  border-color: #e8ebeb !important;
}
.x-window.ngx-fullscreen-window.ngx-split-window .ngx-fswin-sidebar-light {
  background-color: #e8ebeb;
}
.x-window.ngx-fullscreen-window.ngx-split-window .ngx-fswin-sidebar-lightest {
  background-color: #fefefe;
}
.x-window.ngx-fullscreen-window.ngx-split-window .ngx-fswin-sidebar-dark {
  background-color: #616161;
}
.x-window.ngx-fullscreen-window .ngx-fswin-north-region {
  padding-bottom: 10px;
}
.x-window.ngx-fullscreen-window .ngx-fswin-north-region h2 {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #77d3c6;
  padding: 0 0 0 2px;
  margin: 0;
}
.x-window.ngx-fullscreen-window .ngx-fswin-north-region .ngx-hbox-container.ngx-hbox-middle {
  padding: 0;
}
.x-window.ngx-fullscreen-window .ngx-fswin-north-region .ngx-hbox-container.ngx-hbox-middle.ngx-hbox-header {
  margin-top: 0;
}
.x-window.ngx-fullscreen-window .ngx-fswin-north-region .ngx-hbox-container.ngx-hbox-last {
  padding: 25px 0 0 0;
}
.x-window.ngx-fullscreen-window .x-tab-bar {
  background: transparent;
  border-bottom: 0 solid #38d4fd;
  padding: 10px 0;
}
.x-window.ngx-fullscreen-window .x-tab-bar .x-tab .x-tab-wrap {
  margin: 0 12px 0 0;
  padding: 0;
}
.x-window.ngx-fullscreen-window .x-form-cb-label {
  color: #ffffff;
}
.x-window.ngx-help-window {
  padding: 0 0 10px 0;
}
.x-window.ngx-help-window .x-window-header {
  background-color: #ffffff;
  padding: 0;
}
.x-window.ngx-help-window .x-window-header-default {
  background-color: #ffffff;
  border-color: #ffffff;
}
.x-window.ngx-help-window .x-window-body-default {
  background-color: #ffffff;
  background-image: none;
  border-color: #ffffff;
}
.x-window.ngx-help-window .ngx-help-body {
  padding: 20px 60px;
}
.x-window.ngx-help-window .headline,
.x-window.ngx-help-window .helpSection {
  padding-bottom: 40px;
}
.x-window.ngx-help-window h2 {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  font-size: 48px;
  color: #38d4fd;
}
.x-window.ngx-help-window .dropdownMockup {
  border-radius: 2px;
  border: 2px solid #666666;
  background-color: #e8ebeb;
  margin-bottom: 20px;
  color: #777;
}
.x-window.ngx-help-window .dropdownMockup .ux-icon-combo-item {
  padding: 20px 20px 0 20px;
}
.x-window.ngx-help-window .dropdownMockup .ux-icon-combo-item:last-of-type {
  padding: 20px;
}
.x-window.ngx-help-window .dropdownMockup .ux-icon-combo-item-http:last-of-type {
  padding: 10px;
}
.x-window.ngx-message-box.icon-status {
  font-size: 100px;
  float: right;
}
.x-window.ngx-message-box {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  color: #ffffff;
}
.x-window.ngx-message-box.message-notice {
  background-color: #77d3c6;
}
.x-window.ngx-message-box.message-notice .icon-status {
  color: #ffffff;
  margin: 0;
}
.x-window.ngx-message-box .x-window-body {
  background-color: transparent;
}
.x-window.ngx-message-box .container .row div:last-of-type {
  padding-top: 10px;
}
.x-window.ngx-message-box .x-form-item {
  margin-left: 0;
}
.x-window.ngx-message-box .x-form-display-field {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  font-size: 26px;
  color: #ffffff;
  padding-top: 0;
  line-height: 1.2em;
}
.x-window.ngx-message-box .x-form-cb-label,
.x-window.ngx-message-box .x-form-item-label {
  color: #ffffff;
}
.x-window.ngx-message-box .x-window-data-icon .icon-status {
  font-size: 100px;
  float: right;
}
.x-window.ngx-message-box .x-btn.ngx-white-button .x-btn-inner,
.x-window.ngx-message-box .x-btn.ngx-white-button .x-btn-icon-el:before {
  color: #394242 !important;
}
.x-window.ngx-message-box h1 {
  color: #ffffff;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 10px;
  text-transform: lowercase;
}
.ngx-post-editor-window .header-border {
  border-bottom: 1px solid #77d3c6;
}
.ngx-post-editor-window .header-title h2 {
  font-size: 24px;
}
.ngx-post-editor-window .header-title h2 i {
  font-size: 24px;
  line-height: 24px;
  border-right: 1px solid #77d3c6;
  margin-right: 10px;
  padding-left: 10px;
  width: auto;
}
.ngx-post-editor-window .post-type-label {
  color: #ffffff;
  padding: 15px 10px 15px 0;
  margin-right: 10px;
  border-right: 1px solid #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
  line-height: 20px;
}
.ngx-post-editor-window .x-form-trigger-wrap {
  background: transparent;
}
.ngx-feed-edit-win .grid-data-empty {
  text-transform: none;
  font-size: 32px;
  margin: 0 auto;
}
.ngx-feed-edit-win .preview-grid-auth-now .grid-data-empty {
  margin-bottom: 20px;
  padding-bottom: 0;
}
.ngx-feed-edit-win .grid-data-small-print {
  margin: 0 auto;
  padding: 10px;
}
#lightUploadContainer {
  border: 2px solid transparent;
}
.uploader-preview-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 2px;
  overflow: hidden;
}
.wizardAssetUpload .uploader-hover-wrapper {
  width: 300px;
}
.ngx-light-uploader-position-fix-wrapper {
  position: relative;
}
.ngx-light-uploader-flash-container {
  border-radius: 2px;
}
.ngx-light-uploader-flash-container.hidden {
  visibility: hidden !important;
  display: none !important;
}
.ngx-light-uploader.ngx-light-uploader-image-container {
  padding: 0;
  height: 185px;
  z-index: 99;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.uploader-preview-image-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: rgba(100, 100, 100, 0.5);
}
.uploader-preview-image-wrapper img {
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.uploader-preview-image-wrapper img.image-smaller {
  width: 96px;
  height: 96px;
}
.uploader-preview-meta-wrapper {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
}
.meta-title {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 20px;
  height: auto;
  color: #ffffff;
  white-space: nowrap;
}
.meta-byline {
  font-size: 14px;
  line-height: 16px;
  color: #bbb;
  height: auto;
  white-space: normal;
}
.meta-byline.big {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 32px;
  line-height: normal;
  margin-top: 10px;
}
.ngx-light-uploader-compact .upload-preview-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px;
}
.ngx-light-uploader-compact .uploader-preview-image-wrapper {
  width: 128px;
  max-width: 128px;
  overflow: hidden;
  background: none;
}
.ngx-light-uploader-compact .uploader-hover-wrapper {
  width: 148px;
}
.ngx-light-uploader-compact .uploader-hover-wrapper .uploader-hover-btn {
  font-size: 18px;
  width: 100px;
}
.ngx-light-uploader-compact .uploader-preview-wrapper {
  left: 148px;
  border-left: 1px solid #989898;
}
.ngx-light-uploader-compact .uploader-preview-meta-wrapper {
  background: none;
}
.ngx-light-uploader-full .upload-preview-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px;
}
.ngx-light-uploader-full .uploader-preview-image-wrapper {
  width: 200px;
  max-width: 200px;
  overflow: hidden;
  background: none;
}
.ngx-light-uploader-full .uploader-hover-wrapper {
  width: 220px;
}
.ngx-light-uploader-full .uploader-hover-wrapper .uploader-hover-btn {
  width: 150px;
}
.ngx-light-uploader-full .uploader-preview-wrapper {
  left: 220px;
  border-left: 1px solid #989898;
}
.ngx-light-uploader-full .uploader-preview-meta-wrapper {
  background: none;
}
.ngx-drag-and-drop-uploader {
  color: #394242;
  background-color: #e8ebeb;
  border-radius: 2px;
}
.ngx-drag-and-drop-uploader .x-btn {
  padding: 6px;
  margin-left: 5px;
}
.ngx-drag-and-drop-uploader .x-btn .x-btn-inner {
  color: #394242;
}
.ngx-drag-and-drop-uploader .x-btn .x-btn-icon-el[data-icon]:before {
  color: #394242;
}
.ngx-drag-and-drop-uploader .x-btn-over {
  background-color: #bbb;
}
.ngx-drag-and-drop-uploader .upload-view-success {
  border-radius: 2px;
  background-color: rgba(235, 248, 240, 0.9);
  color: #394242;
}
.ngx-drag-and-drop-uploader .upload-view-error {
  border-radius: 2px;
  background-color: rgba(255, 246, 247, 0.9);
  color: #394242;
}
.ngx-drag-and-drop-uploader .upload-view-error .upload-view-icon-wrapper {
  padding: 10px;
}
.ngx-drag-and-drop-uploader .upload-view-error .upload-view-title {
  padding-top: 20px;
}
.ngx-drag-and-drop-uploader .upload-view-icon-wrapper {
  width: 90px;
}
.ngx-drag-and-drop-uploader .upload-view-icon {
  font-size: 64px;
  margin: 13px;
}
.ngx-drag-and-drop-uploader .upload-view-title {
  font-size: 32px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  margin: 0;
}
.ngx-drag-and-drop-uploader .upload-view-byline {
  font-size: 12px;
  margin: 0 10px 0 0;
}
.ngx-drag-and-drop-uploader .upload-profile-wrapper {
  border-radius: 2px 0 0 2px;
  background-color: #EBEBEB;
  color: #989898;
}
.ngx-drag-and-drop-uploader .upload-profile-wrapper .upload-profile {
  padding: 20px;
  text-align: center;
}
.ngx-drag-and-drop-uploader .upload-profile-wrapper .upload-profile-title {
  font-weight: bold;
  font-size: 11px;
}
.ngx-drag-and-drop-uploader .upload-profile-wrapper .upload-profile-byline {
  font-weight: bold;
  font-size: 24px;
}
.ngx-drag-and-drop-uploader .upload-profile-wrapper .upload-profile-icon {
  font-size: 64px;
}
.ngx-drag-and-drop-uploader .upload-button {
  height: 60px;
  cursor: pointer;
}
.ngx-drag-and-drop-uploader .upload-button .upload-button-icon {
  font-size: 36px;
  line-height: 36px;
}
.ngx-drag-and-drop-uploader .upload-button .upload-button-title {
  font-size: 18px;
}
.ngx-drag-and-drop-uploader .upload-button .upload-button-subtitle {
  color: #394242;
  font-size: 10px;
}
.ngx-drag-and-drop-uploader .upload-button:hover .upload-button-icon,
.ngx-drag-and-drop-uploader .upload-button:hover .upload-button-title {
  color: #3ec0ad;
}
.ngx-drag-and-drop-uploader .uploader-drop-zone {
  text-align: center;
  background-color: rgba(50, 204, 254, 0.8);
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
  border-radius: 2px;
}
.ngx-drag-and-drop-uploader .uploader-drop-zone .x-box-inner {
  pointer-events: none;
}
.ngx-drag-and-drop-uploader .upload-file-info {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  color: #ffffff;
  border-radius: 2px 2px 0 0;
}
.ngx-drag-and-drop-uploader .upload-file-info .file-info-title {
  font-size: 12px;
}
.ngx-drag-and-drop-uploader .upload-file-info .file-info-subtitle {
  font-size: 32px;
}
.ngx-drag-and-drop-uploader .x-progress-text {
  color: #394242;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.ngx-drag-and-drop-uploader .x-progress-default {
  border-radius: 3px;
  height: 24px;
  background-color: #b2b8b8;
}
.ngx-drag-and-drop-uploader .x-progress-default .x-progress-bar {
  background-color: #3ec0ad;
  border-color: transparent;
  background-image: none;
  height: 24px;
}
.ngx-drag-and-drop-uploader .x-progress-default .x-progress-text-back {
  color: #394242;
}
.ngx-clickable-container-field {
  cursor: pointer;
}
.ngx-clickable-container-field label {
  cursor: pointer;
}
.ngx-clickable-container-field .x-form-item-body {
  padding: 20px 40px;
}
.ngx-clickable-container-field.x-form-invalid {
  border-color: #c33;
  background-color: rgba(204, 51, 51, 0.8);
  color: #ffffff;
}
.ngx-clickable-container-field .ngx-hbox-icon {
  padding-top: 0 !important;
}
.ngx-clickable-container-field:hover .ngx-hbox-icon {
  color: #77d3c6;
}
#lightUploadContainer.active:hover {
  border: 2px solid transparent;
  border-radius: 8px;
}
.uploader-disabled-cover {
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background-color: #404040;
  background: rgba(100, 100, 100, 0.8);
  z-index: 101;
}
.uploader-hover-wrapper {
  border-radius: 2px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  color: #ffffff;
  background: rgba(62, 192, 173, 0.8);
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.uploader-hover-wrapper .uploader-hover-btn {
  color: #ffffff;
  margin: 0 auto;
  padding: 5px;
  width: 180px;
  font-size: 28px;
  font-weight: normal;
  cursor: pointer;
}
.uploader-hover-wrapper:hover {
  opacity: 1;
}
.uploader-hover-wrapper h2 img {
  padding-right: 5px;
  vertical-align: middle;
}
.selectLozenge:hover,
.selectedLozenge,
.selectPromoDisplayObjectLozenge:hover {
  border-color: #59D2FF !important;
  cursor: pointer;
}
.advancedRadioButtonTitle {
  font: 100 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #33CCFE !important;
  display: inline;
}
.ngx-slider-background {
  background-color: transparent;
  border-radius: 2px;
}
.ngx-date-slider label {
  padding: 0;
  margin-bottom: 0;
  margin-right: 10px !important;
  line-height: 40px;
  text-transform: none;
  margin-top: 0px !important;
}
.ngx-date-slider i {
  font-size: 18px;
}
.x-slider-horz {
  background-image: none;
  z-index: 2;
  background: #989898;
  padding: 0;
  border-radius: 20px;
  height: auto;
}
.x-slider-horz .x-slider-end,
.x-slider-horz .x-slider-inner {
  background-image: none;
  z-index: 2;
}
.x-slider-vert,
.x-slider-vert .x-slider-end,
.x-slider-vert .x-slider-inner {
  z-index: 2;
}
.x-slider-horz .x-slider-end {
  padding-right: 10px;
}
.x-slider-horz .x-slider-inner {
  height: 5px;
}
.x-slider-horz .x-slider-thumb {
  top: -6px;
  background: #ccc;
  border-radius: 50px;
}
.x-slider-horz .x-slider-thumb,
.x-slider-vert .x-slider-thumb {
  background-image: none;
}
.x-slider-horz .x-slider-thumb,
.x-slider-vert .x-slider-thumb {
  width: 17px;
  height: 17px;
  margin-left: -4px;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.x-slider-horz .x-slider-thumb-over,
.x-slider-vert .x-slider-thumb-over {
  cursor: pointer;
  background-color: #77d3c6;
  border-radius: 30px;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.x-slider-horz .x-slider-thumb-drag,
.x-slider-vert .x-slider-thumb-drag {
  background-color: #31998a;
}
.x-slider-vert .x-slider-thumb {
  left: 2px;
}
.x-form-checkbox,
.x-form-radio {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.x-form-checkbox:hover,
.x-form-radio:hover {
  background-position: -24px 0;
}
.x-form-cb-checked .x-form-checkbox,
.x-form-cb-checked .x-form-radio {
  background-position: 0 -24px;
}
.x-form-cb-checked .x-form-checkbox:hover,
.x-form-cb-checked .x-form-radio:hover {
  background-position: -24px -24px;
}
.x-form-starbox.x-item-disabled .x-form-field {
  opacity: 1;
  filter: alpha(opacity=100);
}
.x-form-starbox .x-form-checkbox {
  background: url('/c/img/form/ngx-form-starbox-medium.png') no-repeat 0 0;
}
.x-form-starbox .ngx-checkbox-byline {
  cursor: default;
}
.ext-ie .x-form-check-wrap input {
  width: 24px;
  height: 24px;
  vertical-align: baseline;
}
.x-form-check-no-label {
  position: relative;
}
.x-form-checkbox {
  background: url('/c/img/form/ngx-form-checkbox-medium-cd.png') no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
}
.x-form-checkbox:hover {
  background-position: -48px 0;
}
.x-form-cb-checked .x-form-checkbox {
  background-position: 0 -24px;
}
.x-form-radio {
  background: url('/c/img/form/radio-medium.svg') no-repeat 0 0;
}
.x-field-ngx-large .ngx-rich-checkbox,
.x-field-ngx-large .ngx-rich-radio {
  font-size: 24px;
  margin-left: 20px;
  cursor: pointer;
}
.x-field-ngx-large .ngx-rich-checkbox .ngx-checkbox-byline,
.x-field-ngx-large .ngx-rich-radio .ngx-checkbox-byline,
.x-field-ngx-large .ngx-rich-checkbox .ngx-radio-byline,
.x-field-ngx-large .ngx-rich-radio .ngx-radio-byline {
  margin-left: 54px;
}
.x-field-ngx-large .x-form-checkbox,
.x-field-ngx-large .x-form-radio {
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.x-field-ngx-large .x-form-checkbox:hover,
.x-field-ngx-large .x-form-radio:hover {
  background-position: -32px 0;
}
.x-field-ngx-large.x-form-cb-checked .x-form-checkbox,
.x-field-ngx-large.x-form-cb-checked .x-form-radio {
  background-position: 0 -32px;
}
.x-field-ngx-large.x-form-cb-checked .x-form-checkbox:hover,
.x-field-ngx-large.x-form-cb-checked .x-form-radio:hover {
  background-position: -32px -32px;
}
.x-field-ngx-large .ext-ie .x-form-check-wrap input {
  width: 32px;
  height: 32px;
}
.x-field-ngx-large .x-form-checkbox {
  background: url('/c/img/form/ngx-form-checkbox-large.png') no-repeat 0 0;
}
.x-field-ngx-large .x-form-checkbox:hover {
  background-position: -64px 0;
}
.x-field-ngx-large.x-form-cb-checked .x-form-checkbox {
  background-position: 0 -32px;
}
.x-advanced-radio-box-text-wrapper,
.x-template-radio-box-wrapper {
  padding: 0 10px;
}
.x-advanced-radio-box-text-wrapper .headline,
.x-template-radio-box-wrapper .headline {
  font: normal 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
}
.x-advanced-radio-box-text-wrapper .byline,
.x-template-radio-box-wrapper .byline {
  font: 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #9c9c9c;
}
.x-advanced-radio-box-text-wrapper:hover .headline,
.x-template-radio-box-wrapper:hover .headline,
.x-advanced-radio-box-text-wrapper:hover .byline,
.x-template-radio-box-wrapper:hover .byline {
  color: #77d3c6;
}
.x-form-cb-checked .x-advanced-radio-box-text-wrapper .headline,
.x-form-cb-checked .x-template-radio-box-wrapper .headline {
  color: #77d3c6;
}
.x-template-radiogroup-wrapper .x-form-item-body {
  vertical-align: top;
}
.x-template-radio-box-wrapper {
  float: none;
  text-align: center;
  cursor: pointer;
  margin: 5px 5px 5px 0;
  padding: 0;
}
.x-template-radio-box-wrapper .iconWrapper {
  text-align: center;
  padding: 10px;
  border: 2px transparent solid;
  border-radius: 2px;
}
.x-template-radio-box-wrapper .headline {
  margin-top: 0.5em;
}
.x-template-radio-box-wrapper .radio-icon-wrapper {
  position: relative;
}
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon,
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected {
  padding-top: 52px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon i,
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 96px;
  text-align: center;
}
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon i[data-icon]:before,
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected i[data-icon]:before {
  padding-right: 0;
}
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon {
  background-color: #77d3c6;
}
.x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #57c6f1;
  display: none;
  color: #2F95BD;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.small .radio-icon,
.x-template-radio-box-wrapper .radio-icon-wrapper.small .radio-icon-selected {
  padding-top: 8px;
  width: 64px;
  height: 64px;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.small .radio-icon i,
.x-template-radio-box-wrapper .radio-icon-wrapper.small .radio-icon-selected i {
  font-size: 48px;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.small-48 .radio-icon,
.x-template-radio-box-wrapper .radio-icon-wrapper.small-48 .radio-icon-selected {
  padding-top: 4px;
  width: 48px;
  height: 48px;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.small-48 .radio-icon i,
.x-template-radio-box-wrapper .radio-icon-wrapper.small-48 .radio-icon-selected i {
  font-size: 32px;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.small-48 .radio-icon-selected {
  width: 100%;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.compound-icon i {
  letter-spacing: -40px;
  padding-right: 40px;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.transparent-bg .radio-icon,
.x-template-radio-box-wrapper .radio-icon-wrapper.transparent-bg .radio-icon-selected {
  background-color: transparent;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.separator {
  border-right: 1px solid #ffffff;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.post-type-twitter .radio-icon,
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-blue .radio-icon {
  background-color: #77d3c6;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.post-type-facebook .radio-icon {
  background-color: #1A5C9B;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.post-type-google-plus .radio-icon {
  background-color: #F5DA3A;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.post-type-youtube .radio-icon {
  background-color: #CC181E;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.post-type-instagram .radio-icon {
  background-color: #38688E;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-orange .radio-icon {
  background-color: #E37231;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-magenta-light .radio-icon {
  background-color: #B29BAF;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-magenta .radio-icon {
  background-color: #CA86A9;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-magenta-mid .radio-icon {
  background-color: #94638F;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-magenta-dark .radio-icon {
  background-color: #4E384E;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-pink .radio-icon {
  background-color: #C94086;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-pink-strong .radio-icon {
  background-color: #D3217A;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-yellow .radio-icon {
  background-color: #F3DB26;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.radio-icon-light-gray .radio-icon {
  background-color: #BDBDBD;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.gender-men .radio-icon-selected {
  color: #77d3c6;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.gender-women .radio-icon-selected {
  color: #cf2e76;
}
.x-template-radio-box-wrapper .radio-icon-wrapper.gender-men-woman .radio-icon-selected,
.x-template-radio-box-wrapper .radio-icon-wrapper.gender-not-specified .radio-icon-selected {
  color: #77d3c6;
}
.post-targeting-relationship-statuses .x-template-radio-box-wrapper,
.post-targeting-educational-statuses .x-template-radio-box-wrapper {
  text-align: left;
  margin: 0;
}
.post-targeting-relationship-statuses .x-template-radio-box-wrapper .headline,
.post-targeting-educational-statuses .x-template-radio-box-wrapper .headline {
  margin: 0 0 10px 10px;
  padding-right: 10px;
  border-right: 1px solid #ffffff;
}
.post-targeting-relationship-statuses .x-field.x-form-item,
.post-targeting-educational-statuses .x-field.x-form-item {
  float: left;
}
.post-targeting-relationship-statuses .x-field.x-form-item:last-of-type .x-template-radio-box-wrapper .headline,
.post-targeting-educational-statuses .x-field.x-form-item:last-of-type .x-template-radio-box-wrapper .headline {
  border-right: none;
}
.x-form-cb-checked .x-template-radio-box-wrapper .iconWrapper {
  border-color: #77d3c6;
}
.x-form-cb-checked .x-template-radio-box-wrapper .radio-icon-wrapper .radio-icon-selected {
  display: block;
}
.x-form-cb-checked .x-template-radio-box-wrapper .hide-icon-on-select .radio-icon i {
  display: none;
}
.x-item-disabled .x-tcemplate-radio-box-wrapper {
  opacity: 0.3;
}
.ngx-publish-combo-title {
  color: #77d3c6;
  font-size: 18px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-publish-combo-desc {
  color: #ccc;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: normal;
}
.x-tip-anchor {
  border-color: transparent;
  border-top-color: #ccc;
}
.x-tip {
  padding: 2px 5px;
  border-color: #ccc;
  background-color: #ccc;
}
.x-tip .x-tip-body {
  margin: 0;
  padding: 10px;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-tip .x-tip-anchor-left,
.x-tip .x-tip-anchor-right {
  border-color: transparent;
  border-right-color: #ccc;
  height: 2px;
}
.x-tip .x-tip-anchor-left:before,
.x-tip .x-tip-anchor-right:before {
  background-color: red;
  height: 10px;
  position: absolute;
  left: 1px;
  top: 2px;
  border: 10px solid red;
  content: "";
  width: 7px;
}
.x-form-text,
textarea.x-form-text,
textarea.form-control,
input[type="text"],
input[type="password"],
.x-form-trigger-wrap .x-form-trigger,
.x-form-email {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 13px;
  line-height: 1.38;
  border-color: #d4d9d9;
  height: 38px;
  padding: 11px 10px;
  background: transparent;
  border-radius: 3px;
}
.x-form-text.x-form-focus,
textarea.x-form-text.x-form-focus,
textarea.form-control.x-form-focus,
input[type="text"].x-form-focus,
input[type="password"].x-form-focus,
.x-form-trigger-wrap .x-form-trigger.x-form-focus,
.x-form-email.x-form-focus {
  border-color: #77d3c6 !important;
}
.x-form-trigger-wrap .x-form-trigger {
  padding: 8px 5px;
}
.x-field:not(.x-item-disabled):not(.x-form-invalid):hover .x-form-text,
.x-field:not(.x-item-disabled):not(.x-form-invalid):hover textarea.x-form-text,
.x-field:not(.x-item-disabled):not(.x-form-invalid):hover textarea.form-control,
.x-field:not(.x-item-disabled):not(.x-form-invalid):hover input[type="text"],
.x-field:not(.x-item-disabled):not(.x-form-invalid):hover input[type="password"],
.x-field:not(.x-item-disabled):not(.x-form-invalid):hover .x-form-trigger-wrap .x-form-trigger,
.x-field:not(.x-item-disabled):not(.x-form-invalid):hover .x-form-email {
  border-color: #77d3c6 !important;
}
.x-window .x-form-text,
.x-window textarea.x-form-text,
.x-window textarea.form-control,
.x-window input[type="text"],
.x-window input[type="password"],
.x-window .x-form-trigger-wrap .x-form-trigger,
.x-window .x-form-email {
  background: transparent;
  border-color: #d4d9d9;
  color: #ffffff;
}
.x-window .x-form-text.x-form-focus,
.x-window textarea.x-form-text.x-form-focus,
.x-window textarea.form-control.x-form-focus,
.x-window input[type="text"].x-form-focus,
.x-window input[type="password"].x-form-focus,
.x-window .x-form-trigger-wrap .x-form-trigger.x-form-focus,
.x-window .x-form-email.x-form-focus {
  border-color: #77d3c6 !important;
}
.x-window textarea.x-form-textarea {
  color: #b2b8b8;
  /* firefox 19+ */
  /* ie */
}
.x-window textarea.x-form-textarea::-webkit-input-placeholder {
  color: #8d9494 !important;
}
.x-window textarea.x-form-textarea::-moz-placeholder {
  color: #8d9494 !important;
}
.x-window textarea.x-form-textarea:-ms-input-placeholder {
  color: #8d9494 !important;
}
.x-window textarea.x-form-textarea:-moz-placeholder {
  color: #8d9494 !important;
}
.x-window .x-field:not(.x-item-disabled):not(.x-form-invalid):hover .x-form-text,
.x-window .x-field:not(.x-item-disabled):not(.x-form-invalid):hover textarea.x-form-text,
.x-window .x-field:not(.x-item-disabled):not(.x-form-invalid):hover textarea.form-control,
.x-window .x-field:not(.x-item-disabled):not(.x-form-invalid):hover input[type="text"],
.x-window .x-field:not(.x-item-disabled):not(.x-form-invalid):hover input[type="password"],
.x-window .x-field:not(.x-item-disabled):not(.x-form-invalid):hover .x-form-trigger-wrap .x-form-trigger,
.x-window .x-field:not(.x-item-disabled):not(.x-form-invalid):hover .x-form-email {
  border-color: #77d3c6 !important;
}
.x-field-large .x-form-text,
.x-field-large input[type="text"],
.x-field-large input[type="password"] {
  font: 400 32px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  height: 70px;
}
textarea.x-form-text {
  height: auto;
}
input[type="text"].call-to-action-button {
  border-radius: 5px;
  background: transparent;
  text-align: center;
}
.x-form-rich-combo .x-form-text,
.x-form-rich-combo .x-form-trigger {
  height: 70px;
}
.x-form-rich-combo .x-boundlist-item {
  border: none;
}
.x-form-rich-template .x-form-text,
.x-form-rich-template .x-form-trigger {
  height: 70px;
}
.x-form-rich-template-item {
  width: 100%;
  border: none;
}
.ngx-inline-edit .x-form-text,
.ngx-wizard-textfield .x-form-text,
.ngx-inline-edit .x-form-text.x-form-focus,
.ngx-wizard-textfield .x-form-text.x-form-focus {
  color: #ffffff;
  border-width: 0;
  border-bottom: 1px dotted #77d3c6;
  background-color: transparent;
  height: auto;
  text-align: center;
  font-weight: normal;
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: normal;
  display: inline-block;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-inline-edit .x-form-text.x-form-invalid,
.ngx-wizard-textfield .x-form-text.x-form-invalid,
.ngx-inline-edit .x-form-text.x-form-focus.x-form-invalid,
.ngx-wizard-textfield .x-form-text.x-form-focus.x-form-invalid {
  border-bottom-color: #c33;
  color: #c33;
}
.ngx-wizard-textfield .x-form-text,
.ngx-wizard-textfield .x-form-text.x-form-focus {
  text-align: left;
  padding: 20px 10px 15px 0;
}
.ngx-wizard-textfield label.x-form-item-label-top,
.ngx-wizard-textfield .default-image-icon-label {
  color: #505959;
  font: normal 16px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: uppercase;
}
.ngx-wizard-textfield .default-image-icon-label {
  padding: 20px 10px 15px 0;
}
.ngx-wizard-radiogroup .ngx-ctrl-box-label {
  color: #ffffff;
}
.mceIframeContainer .x-form-text {
  padding: 0;
}
.x-form-display-field {
  color: #ffffff;
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
textarea.x-form-text {
  padding: 10px;
}
.ngx-transparent-input-field.x-form-text {
  padding: 5px 0;
  background: transparent !important;
  margin: 0;
  display: inline;
  color: #ffffff;
  height: auto;
  border-width: 0!important;
}
.ngx-transparent-input-field.x-form-text.x-form-focus {
  background-color: transparent;
}
.ngx-transparent-input-field.x-form-text.size-big {
  font-size: 48px;
  line-height: 1.3;
  font-weight: 200;
}
.ngx-transparent-input-field.x-form-text.size-medium {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 200;
}
.ngx-transparent-input-field.x-form-text.size-small {
  font-size: 16px;
  line-height: 1.3;
}
.ngx-transparent-input-field.x-form-text.underline {
  border-bottom: 1px dotted #e8ebeb !important;
}
.ngx-transparent-input-field.x-form-text.center {
  text-align: center;
}
.ngx-transparent-input-field.x-form-text.searchbox {
  font-size: 24px;
  padding-bottom: 10px;
}
.ngx-transparent-input-field.x-form-invalid-field {
  border-color: #ee2f19 !important;
  color: #ffffff;
}
.ngx-transparent-input-field.border-bottom {
  border-bottom: 1px solid #9c9c9c;
  border-radius: 0;
}
.ngx-transparent-input-field.x-field-form-focus.border-bottom.searchbox {
  border-bottom: 1px solid #9c9c9c;
}
.x-form-item .ngx-transparent-input-field.x-form-invalid-field {
  border-color: #c33;
  background-color: rgba(204, 51, 51, 0.8);
  color: #ffffff;
}
.focusSelectDefaults {
  padding: 6px 0 9px;
  font-size: 30px;
  border-width: 0;
  border-radius: 2px;
  border-bottom: 1px dotted #77d3c6;
  background: #e8ebeb;
  margin: 0;
  display: inline;
  color: #ffffff;
  text-align: center;
  height: auto;
}
.ngx-focus-select.x-form-text {
  padding: 6px 0 9px;
  font-size: 30px;
  border-width: 0;
  border-radius: 2px;
  border-bottom: 1px dotted #77d3c6;
  background: #e8ebeb;
  margin: 0;
  display: inline;
  color: #ffffff;
  text-align: center;
  height: auto;
}
.ngx-focus-select.x-form-text.x-form-focus {
  background-color: transparent;
}
.ngx-focus-select .x-form-text,
.ngx-reward-value-edit .x-form-text,
.ngx-clear-text .x-form-text,
.x-window .ngx-focus-select .x-form-text,
.x-window .ngx-reward-value-edit .x-form-text,
.x-window .ngx-clear-text .x-form-text,
.ngx-focus-select .ext-strict .x-form-text,
.ngx-reward-value-edit .ext-strict .x-form-text,
.ngx-clear-text .ext-strict .x-form-text,
.x-window .ngx-focus-select .ext-strict .x-form-text,
.x-window .ngx-reward-value-edit .ext-strict .x-form-text,
.x-window .ngx-clear-text .ext-strict .x-form-text,
.ngx-focus-select .x-form-display-field,
.ngx-reward-value-edit .x-form-display-field,
.ngx-clear-text .x-form-display-field,
.x-window .ngx-focus-select .x-form-display-field,
.x-window .ngx-reward-value-edit .x-form-display-field,
.x-window .ngx-clear-text .x-form-display-field {
  color: #ffffff;
  border-width: 0;
  border-bottom: 1px dotted #77d3c6;
  background-color: transparent;
  height: auto;
  text-align: center;
  font-size: 30px;
  margin: 0;
  line-height: normal;
  display: inline-block;
  padding-bottom: 7px;
  border-radius: 2px;
}
.ngx-focus-select .x-form-text.x-form-invalid,
.ngx-reward-value-edit .x-form-text.x-form-invalid,
.ngx-clear-text .x-form-text.x-form-invalid,
.x-window .ngx-focus-select .x-form-text.x-form-invalid,
.x-window .ngx-reward-value-edit .x-form-text.x-form-invalid,
.x-window .ngx-clear-text .x-form-text.x-form-invalid {
  border-bottom-color: #c33;
  color: #c33;
}
.ngx-clear-text .x-form-text,
.x-window .ngx-clear-text .x-form-text,
.ngx-clear-text .ext-strict .x-form-text,
.x-window .ngx-clear-text .ext-strict .x-form-text,
.ngx-clear-text .x-form-display-field,
.x-window .ngx-clear-text .x-form-display-field {
  background-color: transparent;
}
.ngx-clear-text .x-form-trigger-wrap .x-form-trigger,
.x-window .ngx-clear-text .x-form-trigger-wrap .x-form-trigger {
  border-width: 0 0 1px 0;
  border-style: dotted;
}
.ngx-clear-text .x-pickerfield-open .x-form-trigger-wrap .x-form-trigger,
.x-window .ngx-clear-text .x-pickerfield-open .x-form-trigger-wrap .x-form-trigger {
  border-width: 0;
}
.x-field.x-field-small .x-form-text,
.x-field.x-field-small-toolbar .x-form-text {
  height: 30px;
  padding: 2px;
  font-size: 18px;
}
.ngx-tag-filter-control input.x-form-text {
  font: normal 36px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  border-radius: 2px 0 0 2px;
  text-align: left;
}
.ngx-tag-filter-control .x-form-trigger-wrap .x-form-trigger.x-form-trigger,
.ngx-tag-filter-control .x-form-trigger,
.ngx-tag-filter-control .x-form-trigger.x-form-trigger-last {
  border-color: transparent;
  background-color: transparent;
  height: 70px;
  padding: 22px 0;
  text-align: center;
}
.ngx-tag-filter-control .x-form-trigger-wrap .x-form-trigger.x-form-trigger:before,
.ngx-tag-filter-control .x-form-trigger:before,
.ngx-tag-filter-control .x-form-trigger.x-form-trigger-last:before {
  font-size: 20px;
  color: #ccc;
  padding-right: 0;
}
.ngx-tag-filter-control .x-form-trigger-wrap-focus input.x-form-text {
  background-color: transparent !important;
  border-color: transparent !important;
}
.ngx-tag-filter-control .x-form-trigger-wrap-focus input.x-form-text.x-form-focus {
  background-color: transparent !important;
  border-color: transparent !important;
}
.ngx-tag-filter-control .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger.x-form-trigger:before,
.ngx-tag-filter-control .x-form-trigger-wrap-focus .x-form-trigger:before,
.ngx-tag-filter-control .x-form-trigger-wrap-focus .x-form-trigger.x-form-trigger-last:before {
  color: #ffffff;
}
.ngx-tag-filter-control .x-pickerfield-open input.x-form-text {
  border-radius: 2px 0 0 0;
  text-align: left;
}
.ngx-tag-filter-control .x-pickerfield-open input.x-form-text.x-form-focus {
  background-color: transparent;
  border-width: 1px 0 0 1px;
}
.x-form-item.ngx-reward-value-edit .x-form-text,
.x-form-item.ngx-reward-value-edit .x-form-display-field {
  margin: 0;
  font-size: 90px;
}
.x-form-item.x-form-invalid input.x-form-field,
.x-form-item.x-form-invalid:hover input.x-form-field,
.x-form-item.x-form-invalid input.x-form-field.x-form-focus,
.x-form-item.x-form-invalid:hover input.x-form-field.x-form-focus,
.x-form-item.x-form-invalid .x-form-trigger,
.x-form-item.x-form-invalid:hover .x-form-trigger {
  border-color: #ee2f19 !important;
  color: #ee2f19;
}
.x-form-item.x-form-invalid .x-form-trigger:before,
.x-form-item.x-form-invalid:hover .x-form-trigger:before {
  color: #ee2f19;
}
.page-login__ext-form .x-form-item.x-form-invalid,
.page-login__ext-form .x-form-item.x-form-invalid:hover {
  /* firefox 19+ */
  /* ie */
}
.page-login__ext-form .x-form-item.x-form-invalid ::-webkit-input-placeholder,
.page-login__ext-form .x-form-item.x-form-invalid:hover ::-webkit-input-placeholder {
  color: #b2b8b8 !important;
}
.page-login__ext-form .x-form-item.x-form-invalid ::-moz-placeholder,
.page-login__ext-form .x-form-item.x-form-invalid:hover ::-moz-placeholder {
  color: #b2b8b8 !important;
}
.page-login__ext-form .x-form-item.x-form-invalid :-ms-input-placeholder,
.page-login__ext-form .x-form-item.x-form-invalid:hover :-ms-input-placeholder {
  color: #b2b8b8 !important;
}
.page-login__ext-form .x-form-item.x-form-invalid :-moz-placeholder,
.page-login__ext-form .x-form-item.x-form-invalid:hover :-moz-placeholder {
  color: #b2b8b8 !important;
}
.ngx-focus-select.x-form-text.x-form-invalid-field {
  border-bottom-color: #ee2f19;
  color: #ee2f19;
}
.ngx-focus-select-ct {
  color: #33ccfe;
}
.ngx-focus-select-list .x-boundlist-list-ct {
  background-color: transparent;
}
.x-field.ngx-editable-label-field .x-form-display-field {
  padding: 5px 10px 10px;
}
.x-form-invalid-tip {
  background: #ffffff;
  border: 1px solid #555;
  border-radius: 2px;
  box-shadow: none;
}
.x-form-invalid-tip-body {
  background: 1px 1px no-repeat;
  background-image: none;
  padding: 5px 10px;
}
.x-form-text,
textarea.x-form-field {
  background-image: none;
}
.meta-data-wrapper {
  min-width: 100px;
}
.left-meta-col {
  float: left;
  text-align: right;
  width: 40%;
}
.left-meta-col .spacer,
.right-meta-col .spacer {
  height: 15px;
}
.right-meta-col {
  float: right;
  text-align: left;
  width: 60%;
}
.left-meta-col .meta-label,
.right-meta-col .meta-detail {
  font: normal 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 3px;
  overflow: hidden;
}
.meta-detail.large,
.meta-label.large {
  font-size: 14px;
}
.left-meta-col .meta-label {
  color: #59D2FF;
}
.right-meta-col .meta-detail {
  color: #ffffff;
  position: absolute;
  white-space: nowrap;
}
.meta-detail-wrapper {
  position: relative;
  overflow: hidden;
  height: 21px;
}
.meta-detail-wrapper.wide {
  width: 300px;
}
#east-panel {
  border-left: 1px solid #555;
}
#center-panel {
  border-right: 1px solid #333;
  padding-right: 20px;
}
.meta-icon,
.meta-help {
  text-align: center;
  padding: 0 0 10px 0;
}
.meta-help {
  padding: 10px;
  font-size: 11pt;
  text-align: left;
}
.x-datepicker {
  width: 400px;
  border: 1px solid #77d3c6;
  background-color: #ffffff;
  position: relative;
}
.x-datepicker-header {
  background-image: none;
  height: auto;
  background-color: #ffffff;
  padding: 20px 20px 0;
}
.x-datepicker-month .x-btn-inner {
  color: #394242;
  font: normal 20px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 400;
}
.x-datepicker-inner {
  padding: 20px;
}
table.x-datepicker-inner .x-datepicker-disabled a {
  background-color: transparent;
  color: #e8ebeb;
}
table.x-datepicker-inner .x-datepicker-disabled a:hover {
  background-color: transparent;
  border-color: transparent;
  color: #e8ebeb;
}
table.x-datepicker-inner th,
table.x-datepicker-inner a {
  font: normal 20px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #6c7373;
  padding: 3px;
  margin: 5px;
  background-image: none;
  border: 1px solid transparent;
  text-align: center;
}
table.x-datepicker-inner th span,
table.x-datepicker-inner a span {
  text-transform: lowercase;
}
table.x-datepicker-inner a:hover {
  background-color: #b2ebea;
  color: #ffffff;
  border-radius: 50%;
}
.x-monthpicker-small .x-monthpicker-yearnav {
  text-align: center;
  height: 40px;
}
.x-monthpicker-small .x-monthpicker-yearnav .x-monthpicker-yearnav-prev,
.x-monthpicker-small .x-monthpicker-yearnav .x-monthpicker-yearnav-next {
  background-image: none;
  background-color: rgba(0, 0, 0, 0);
  width: 32px;
  height: 32px;
  margin: 5px 30px 15px;
  cursor: pointer;
}
.x-monthpicker-small .x-monthpicker-yearnav .x-monthpicker-yearnav-prev:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: '<';
}
.x-monthpicker-small .x-monthpicker-yearnav .x-monthpicker-yearnav-next:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: '>';
}
.x-datepicker-month .x-btn,
.x-monthpicker-buttons .x-btn {
  padding: 5px;
}
.x-datepicker-month .x-btn-split-right,
.x-monthpicker-buttons .x-btn-split-right {
  background-image: none;
}
.x-datepicker-prevday .x-datepicker-date,
.x-datepicker-nextday .x-datepicker-date {
  color: #8d9494;
}
table.x-datepicker-inner .x-datepicker-prevday a {
  font-weight: 400;
  color: #8d9494;
}
table.x-datepicker-inner th {
  background-color: transparent;
  color: #6c7373;
  border-radius: 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 0 0 10px;
}
.x-datepicker-today {
  background-color: transparent;
}
.x-datepicker-today a {
  background-color: #3ec0ad;
  border-radius: 50%;
}
table.x-datepicker-inner a {
  color: #394242;
  padding: 5px;
  text-align: center;
}
.x-datepicker-selected {
  border-style: none;
}
table.x-datepicker-inner .x-datepicker-selected a {
  background-color: #2b8679;
  color: #ffffff;
  border-radius: 50%;
}
.x-datepicker-arrow {
  opacity: 1;
}
a.x-datepicker-prev,
a.x-datepicker-next {
  background-image: none;
  background-color: transparent;
  padding: 0;
  width: 20px;
  height: 32px;
  top: 27px;
}
a.x-datepicker-prev:hover,
a.x-datepicker-next:hover {
  text-decoration: none;
}
.x-datepicker-next {
  right: 35px;
}
.x-datepicker-prev {
  left: 35px;
}
a.x-datepicker-prev:before,
a.x-datepicker-next:before {
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-weight: 700;
  font-size: 18px;
  color: #6c7373;
}
a.x-datepicker-prev:before {
  content: '<';
}
a.x-datepicker-next:before {
  content: '>';
}
.x-datepicker-footer,
.x-monthpicker-buttons {
  background: #ffffff;
  background-image: none;
  border-top: 1px solid #e8ebeb;
}
.x-monthpicker-yearnav-button-ct {
  width: 50%;
}
.x-monthpicker-months {
  border-color: #e8ebeb;
}
.x-monthpicker-months .x-monthpicker-item {
  width: 50%;
}
.x-datepicker-column-header-inner {
  padding: 0;
}
.x-monthpicker-months,
.x-monthpicker-years {
  width: 50%;
  height: 316px;
}
.x-monthpicker-months a:hover,
.x-monthpicker-years a:hover {
  background-color: #b2ebea;
  color: #6c7373;
  border: none;
}
.x-monthpicker-years .x-monthpicker-item,
.x-monthpicker-months .x-monthpicker-item {
  font: normal 16px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 10px 20px;
  width: auto;
  height: auto;
}
.x-monthpicker-years .x-monthpicker-item a,
.x-monthpicker-months .x-monthpicker-item a {
  color: #6c7373;
  line-height: normal;
  display: inline;
  padding: 5px;
  border-radius: 2px;
}
.x-monthpicker-years .x-monthpicker-item a.x-monthpicker-selected,
.x-monthpicker-months .x-monthpicker-item a.x-monthpicker-selected {
  background-color: #2b8679;
  border: none;
  color: #ffffff;
}
.x-monthpicker-years .x-monthpicker-item {
  width: 50%;
  display: inline;
}
.ux-datetime-timezone {
  color: #b2b8b8;
  font-size: 12px;
  padding: 4px 0 0;
}
.dst-warning-style,
.phase-warning-style {
  font-size: 1.4rem;
  color: #eb8e1b;
}
.dst-warning-style.publish,
.phase-warning-style.publish {
  padding: 1rem;
}
.phase-warning-style {
  padding: 0 0 15px 0;
}
.dst-warning-style {
  padding: 4px 0 0;
}
.ux-datetime-timezone-big {
  color: #b2b8b8;
  font-size: 36px;
  line-height: 36px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 3px 5px;
}
.ux-datetime-timezone-medium {
  color: #b2b8b8;
  font-size: 24px;
  line-height: 24px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 8px 5px;
}
.x-window .ux-datetime-timezone,
.x-window .ux-datetime-timezone-big,
.x-window .ux-datetime-timezone-medium {
  color: #b2b8b8;
}
.ngx-transparent-date-picker {
  border: none !important;
}
.ngx-transparent-date-picker a.x-datepicker-prev:before,
.ngx-transparent-date-picker a.x-datepicker-next:before {
  color: #ffffff;
}
.ngx-transparent-date-picker.x-datepicker {
  background-color: transparent;
}
.ngx-transparent-date-picker.x-datepicker .x-datepicker-header {
  background-color: transparent;
}
.ngx-transparent-date-picker.x-datepicker .x-datepicker-today {
  background-color: transparent;
}
.ngx-transparent-date-picker.x-datepicker .x-datepicker-today a {
  background-color: #989898;
  border-radius: 50%;
  margin: 0 3px !important;
}
.ngx-transparent-date-picker table.x-datepicker-inner a {
  color: #ffffff;
  font-size: 18px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: 28px;
}
.ngx-transparent-date-picker table.x-datepicker-inner a:hover {
  border-radius: 50%;
  margin: 0 3px;
}
.ngx-transparent-date-picker table.x-datepicker-inner .x-datepicker-selected a {
  background-color: #2b8679;
  color: #394242;
  border-radius: 50%;
  margin: 0 3px;
}
.ngx-transparent-date-picker table.x-datepicker-inner .x-datepicker-selected a:hover {
  background-color: #b2ebea;
}
.ngx-transparent-date-picker table.x-datepicker-inner .x-datepicker-disabled a {
  background-color: transparent;
}
.ngx-transparent-date-picker table.x-datepicker-inner .x-datepicker-disabled a:hover {
  color: #bbb;
}
.ngx-transparent-date-picker table.x-datepicker-inner td {
  border: none;
}
.ngx-transparent-date-picker table.x-datepicker-inner th {
  border: none;
  background-color: transparent;
  color: #ffffff;
}
.ngx-transparent-date-picker.ngx-scale-medium table.x-datepicker-inner th {
  font-size: 16px;
}
.ngx-transparent-date-picker.ngx-scale-medium table.x-datepicker-inner a {
  margin: 0 auto !important;
  font-size: 14px;
  padding: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  text-decoration: none;
}
.ngx-transparent-time-field input.x-form-field {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  background-color: transparent;
  color: #ffffff;
  border-color: transparent;
}
.ngx-transparent-time-field.x-form-invalid .x-form-trigger-wrap div.x-form-trigger {
  background-color: rgba(204, 51, 51, 0.8);
  border-color: #c33;
}
.ngx-transparent-time-field .x-form-trigger-wrap div.x-form-trigger {
  background-color: transparent;
  border-color: transparent;
}
.ngx-transparent-time-field .x-form-time-trigger:before {
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
}
.ngx-transparent-time-field .x-form-trigger-wrap .x-form-field.x-form-text {
  padding: 0 5px;
  font-size: 36px;
  line-height: 36px;
}
.ngx-transparent-time-field .x-form-trigger-wrap .x-form-trigger.x-form-trigger-last {
  padding: 7px 0;
}
.ngx-transparent-time-field.ngx-scale-medium .x-form-time-trigger:before {
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
}
.ngx-transparent-time-field.ngx-scale-medium .x-form-trigger-wrap .x-form-field.x-form-text {
  padding: 0 5px;
  font-size: 24px;
  line-height: 24px;
  border-color: transparent;
}
.ngx-advanced-date-picker-window .triangle-up-wrapper {
  height: 12px;
}
.ngx-advanced-date-picker-window .triangle-up {
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 24px solid #505959;
  position: absolute;
  right: 50px;
}
.ngx-advanced-date-slider {
  background-color: transparent;
  border-radius: 2px;
}
.ngx-advanced-date-slider .x-field-label-cell {
  vertical-align: middle;
}
.ngx-advanced-date-slider .slider-picker-btn {
  line-height: 40px;
  margin-left: 10px;
  cursor: pointer;
  font-size: 24px;
}
.ngx-advanced-date-slider .slider-picker-btn.active,
.ngx-advanced-date-slider .slider-picker-btn:hover {
  color: #77d3c6;
}
.ngx-advanced-date-picker {
  padding: 0 0 0 20px;
  background-color: #505959;
  border-radius: 3px;
}
.ngx-advanced-date-picker .x-datepicker-month .x-btn-inner {
  color: #ffffff;
}
.ngx-advanced-date-picker .picker-title {
  font-size: 20px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-align: center;
  width: 350px;
  padding-top: 15px;
  color: #ffffff;
}
.ngx-advanced-date-picker .picker-divider {
  border-right: 1px solid #e8ebeb;
  margin-right: 20px;
}
.ngx-advanced-date-picker .picker-date-periods {
  margin: 15px 0;
}
.ngx-advanced-date-picker .date-period {
  width: 130px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
  padding: 4px 0;
  cursor: pointer;
  color: #ffffff;
}
.ngx-advanced-date-picker .date-period.active,
.ngx-advanced-date-picker .date-period:hover {
  color: #77d3c6;
}
.ngx-advanced-date-picker .date-period-br {
  margin: 10px;
  color: #ffffff;
}
.ngx-advanced-date-picker .date-period-expired {
  width: 160px;
  color: #8d9494;
}
.ngx-advanced-date-picker .ngx-transparent-date-picker table.x-datepicker-inner .x-datepicker-selected a {
  background-color: #77d3c6;
  border-radius: 50%;
  border-width: 0;
}
.ngx-advanced-date-picker .ngx-transparent-date-picker.x-datepicker .x-datepicker-today a {
  background-color: #3ec0ad;
  border-radius: 50%;
}
.ngx-advanced-date-picker .ngx-transparent-date-picker table.x-datepicker-inner a:hover {
  background-color: #3ec0ad;
  border-radius: 50%;
}
.ngx-advanced-date-picker .ngx-transparent-date-picker table.x-datepicker-inner .x-datepicker-prevday a {
  color: #8d9494;
}
.ngx-advanced-date-picker .ngx-blue-button .x-btn-inner-center {
  line-height: 22px !important;
}
.ngx-datetime-field .x-form-error-msg.x-form-invalid-icon {
  float: right;
  margin-top: -52px;
}
.ngx-datetime-field.ngx-datetime-usertimezone .x-form-error-msg.x-form-invalid-icon {
  margin-top: -16px;
}
.ngx-datetime-field.ngx-datetime-toplabel .x-form-error-msg.x-form-invalid-icon {
  margin-top: -57px;
}
.ngx-datetime-field.ngx-datetime-toplabel.ngx-datetime-usertimezone .x-form-error-msg.x-form-invalid-icon {
  margin-top: -65px;
}
.ngx-form-field-info {
  color: #ccc;
  font: normal 12px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  margin-top: 0.5em;
}
.ngx-hbox-container ~ .x-form-item.ngx-meta-container {
  color: #77d3c6;
}
.ngx-hbox-container ~ .x-form-item.ngx-meta-container > span {
  color: #ccc;
}
.ngx-hbox-container .ngx-form-heading-container {
  padding: 40px 0 25px;
}
#appWarning {
  color: #ffffff;
  background: #f89406;
  padding: 40px;
  border-radius: 2px;
}
#appWarning h1 {
  color: #ffffff;
}
.ngx-tab-panel-inner > .ngx-form-heading-container:nth-child(1),
.x-panel-body > .ngx-form-heading-container:nth-child(1),
.wizardScreen .ngx-form-heading-container:first-of-type,
.ngx-hbox-container > .ngx-form-heading-container:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border-width: 0;
}
.ngx-hbox-container .ngx-form-heading-container {
  margin-top: 0;
  padding-top: 0;
}
.ngx-vmetapanel-center {
  border-right: 1px solid #828282 !important;
}
.ngx-panel-intro,
.ngx-panel-help,
.ngx-panel-byline {
  padding: 0 40px 35px;
  color: #ccc;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: normal;
  margin-top: 0.5em;
}
#edit-campaign-form .ngx-panel-intro {
  padding-left: 0;
  padding-top: 12px;
  font-size: 14px;
}
/* audience grid */
.x-grid-cell.ngxStatusSquare .x-grid-cell-inner {
  width: 60px;
  height: 60px;
  text-align: center;
  border: 0;
  padding: 10px;
  border-radius: 2px;
  margin: 0 5px;
  color: #ffffff;
}
.ngxInfluencerName,
.ngxSmartURLCampaignName {
  font-size: 16px;
  color: #ffffff;
  padding: 0 0 5px;
}
.ngxInfluencerMetaDetails {
  font-size: 13px;
  color: #ffffff;
}
.ngxInfluencerMetaDetails span {
  color: #77d3c6;
  display: inline;
}
.x-grid-cell.influencerEngagementScore .x-grid-cell-inner {
  border: 0;
  height: 60px;
  padding: 10px;
  width: auto;
  margin: 0 5px;
  font-size: 2.5em;
  background-color: #77d3c6;
  border-radius: 2px;
}
.x-grid-cell.influencerEngagementScore .x-grid-cell-inner span {
  font-size: 12px;
  display: block;
}
.x-grid-row-selected .influencerContentWrapper .ngxInfluencerMetaDetails span,
.x-grid-row-selected .ngxSmartURLCampaignName span {
  color: #394242;
}
/* group button style */
.x-dlg-icon {
  margin-top: 13px;
  font-size: 100px;
}
.dd-container {
  margin: 20px 5px;
}
.x-form-tabcontrol {
  padding: 0 5px;
}
.sortableTab .dd-item {
  border: 0;
  font-weight: bold;
  border-radius: 4px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  padding: 6px;
  margin: 2px 0;
  max-width: 350px;
  overflow: hidden;
  line-height: 1.5em;
  height: 18px;
  color: #ffffff;
}
.dragdisabled .dd-item {
  color: #818181;
}
.dd-item.draggable {
  cursor: pointer;
}
.ngx-ace-editor-wrapper {
  margin: 0;
  position: absolute;
}
/* AUDIENCE GRID SPECIFICS */
.thin.influencerFilterPanel.top {
  padding: 0 15px;
  width: 98% !important;
  float: none;
}
.thin.influencerFilterPanel.top li,
.thin.influencerFilterPanel.top li {
  background-color: rgba(0, 0, 0, 0.4);
  float: left;
  font-size: 12px !important;
  max-height: 54px;
  width: 24%;
}
.thin.influencerFilterPanel.top ul {
  height: 80px;
}
.influencerFilterPanel h2 {
  padding: 10px 20px;
}
.influencerContentWrapper {
  border-right: 1px solid #ccc;
  margin: 6px;
}
.influencerContentLeft {
  float: left;
  text-align: right;
  margin: 0 0 1em;
  font-size: 12px;
  position: relative;
}
.influencerContentRight {
  width: 255px;
  float: left;
}
.influencerContentRight span {
  display: block;
  height: 85%;
  width: 100%;
}
.influencerChannelIcons {
  float: right;
  width: 60px;
}
.x-grid-row-table {
  margin: 0;
}
.audienceEngagementScoreLeft.influencer {
  float: left;
  width: 80px;
  border: none;
  margin: 2px 0;
  font-size: 36px;
  padding: 0;
  border-radius: 2px;
}
.audienceTooltip {
  display: none;
  width: 360px;
  font-size: 1em;
  color: #ffffff;
  z-index: 99999;
  text-align: left;
  position: relative;
  margin: 1em 0 3em;
  box-shadow: rgba(30, 30, 30, 0.7) 0 0 0 4px;
  border-radius: 2px;
  background: none rgba(0, 0, 0, 0.9) 0 0 scroll no-repeat;
  padding: 4px 8px 8px;
}
.audienceTooltip:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: rgba(30, 30, 30, 0.7);
  left: 175px;
}
/* conversation list */
.conversation-window-header {
  padding: 10px 20px;
  text-transform: lowercase;
  line-height: normal;
  margin: 0;
  border-bottom: 1px solid #77d3c6;
  color: #828282;
}
.conversation-window-header h1 {
  color: #77d3c6;
  font: normal 36px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  display: inline-block;
  vertical-align: middle;
}
.conversation-window-header .conversation-window-byline {
  font-size: 14px;
  margin-left: 10px;
  padding: 10px;
  border-left: 1px solid #828282;
}
.ngx-review-info-container {
  border-bottom: 1px solid #ccc;
}
.ngx-review-info-container-icon-wrapper {
  text-align: center;
  height: 100px;
  margin-left: 20px;
  /* The ghost, nudged to maintain perfect centering */
}
.ngx-review-info-container-icon-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.ngx-review-info-container-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  color: #828282;
}
.content-header {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
  white-space: initial;
}
.content-header .ngx-avatar {
  margin: 0 10px 0 0;
}
.content-header .user-details {
  color: #ffffff;
}
.content-header .user-details .name a {
  color: #ffffff;
}
.content-header .user-details .name .handle {
  font-size: 14px;
  margin-left: 10px;
  color: #ffffff;
  font-weight: normal;
}
.content-header a {
  color: #ffffff;
  text-decoration: none;
}
.content-header .name {
  font-size: 20px;
  font-weight: bold;
}
.content-header .handle {
  font-size: 20px;
  font-weight: normal;
  color: #828282;
  display: inline-block;
  vertical-align: middle;
}
.ngx-monitor-window .conversation-icon i {
  font-size: 60px;
}
.ngx-monitor-window .conversation-media {
  margin: 0 0 0 60px;
}
.post-destination-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
}
/* make content grid title column prettier */
.streamContentLeft {
  width: 100px;
  float: left;
  text-align: right;
  margin: 1em 0 1em;
  font-size: 12px;
}
.streamContentRight {
  margin: 1em 0 3em;
  width: 285px;
  float: right;
}
.streamContentRight span {
  height: 85%;
  width: 100%;
}
.header-meta-detail,
.content-grid-meta-detail,
.audience-grid-meta-detail {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.content-grid-meta-detail {
  color: #989898;
  clear: both;
  margin: 10px 0 0 80px;
}
.audience-grid-meta-detail {
  margin-top: 5px;
}
.audience-grid-meta-detail a {
  text-decoration: none;
}
.content-grid-content,
.audience-grid-content {
  font: normal 16px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  margin: 0 0 10px 0;
}
.content-grid-content.name,
.audience-grid-content.name {
  margin: 0 0 10px 0;
  font: normal 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.meta-detail-channel {
  vertical-align: middle;
}
.content-grid-thumbnail {
  cursor: pointer;
}
.content-grid-thumbnail span {
  display: block;
}
.content-grid-thumbnail span img {
  width: 100px;
}
.content-grid-title {
  padding: 10px 0;
  display: table;
}
.content-grid-image {
  float: left;
  padding: 0 10px;
}
.content-grid-image img {
  box-shadow: 0 2px 6px #333;
}
.content-grid-user,
.audience-grid-user {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
}
.feed-grid-name {
  font-size: 16px;
  font-weight: 700;
}
.feed-grid-type {
  font-size: 14px;
}
.ngx-avatar,
.content-grid-details,
.content-grid-thumbnail,
.audience-grid-details,
.feed-grid-image,
.feed-grid-title {
  float: left;
  margin-left: 10px;
  font-size: 14px;
}
.ngx-avatar a {
  text-decoration: none;
}
.ngx-avatar img {
  max-width: 50px;
  max-height: 50px;
}
.audience-grid-details {
  margin-left: 15px;
  max-width: 315px;
}
.content-grid-details.content-grid-details-wide {
  max-width: 530px;
}
.content-grid-details.content-grid-details-wide.preview-grid-details {
  max-width: 500px;
}
.content-grid-details.content-grid-details-narrow {
  max-width: 425px;
}
.content-grid-details.content-grid-details-narrow.preview-grid-details {
  max-width: 385px;
}
.ngx-avatar {
  line-height: 50px;
}
.status-container.Active {
  background: #157841;
}
.status-container.Inactive {
  background-color: #555;
}
.status-container.Inactive .status-box {
  color: #999;
}
.status-container.authorised {
  color: #999;
  background-color: #157841;
}
.status-container.notauthorised {
  color: #999;
  background-color: #f89406;
}
span.default-avatar.ngxBlueDark,
span.default-avatar.ngxBlueDark {
  background: #0583a1;
}
.contestWinnerLeft {
  float: left;
  width: 50px;
  font-size: 0.7em;
  padding: 10px 5px;
  border-radius: 2px;
}
.engagementScoreLeft {
  float: left;
  width: 50px;
  margin-top: 4px;
  font-size: 0.7em;
  border: 2px solid #ffffff;
  padding: 10px 5px;
  border-radius: 2px;
}
.engagementScoreRight {
  color: #484848;
  float: left;
  font-size: 0.7em;
  text-align: left;
  width: 135px;
}
.engagementScoreRight .likes {
  padding-left: 20px;
}
.engagementScoreRight .comments {
  padding-left: 20px;
}
.engagementScoreRight span {
  line-height: 2em;
  margin: 10px 0 0;
  padding-left: 5px;
}
.content-grid-name,
.content-grid-caption {
  vertical-align: middle;
  font-size: 14px;
}
.content-grid-caption {
  font-weight: normal;
  font-size: 12px;
}
.streamContent.meta-data-wrapper {
  height: 120px;
}
.streamContent .left-meta-col {
  float: left;
  text-align: right;
  width: 32%;
}
.streamContent .right-meta-col {
  float: right;
  text-align: left;
  width: 68%;
}
.streamContent .stream-meta-detail,
.streamContent .stream-meta-label {
  height: 15px;
}
.streamContent .left-meta-col .stream-meta-label,
.streamContent .right-meta-col .stream-meta-detail {
  font: normal 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 3px;
  overflow: hidden;
}
.streamContent .left-meta-col .stream-meta-label {
  color: #59D2FF;
}
.x-grid-row-selected .streamContent .left-meta-col .stream-meta-label {
  color: #394242;
}
.streamContent .right-meta-col .stream-meta-detail {
  color: #ffffff;
  position: relative;
  white-space: nowrap;
}
#spotlightDesc,
#featureDesc,
#commentaryDesc,
#showDesc {
  font-size: 0.9em;
  padding: 5px;
}
#spotlightHeader,
#featureHeader,
#commentaryHeader,
#showHeader,
#winnerHeader,
#dailyWinnerHeader,
#runnerUpHeader {
  color: #59D2FF;
}
/* thumbnail combo */
.ngx-thumnail-combo img {
  vertical-align: middle;
  padding-right: 10px;
  max-height: 100px;
  max-width: 144px;
}
.ngx-adv-thumbnail-combo {
  display: table;
  white-space: normal;
  border-spacing: 0;
  width: 100%;
}
.ngx-adv-thumbnail-combo-img-wrapper {
  vertical-align: middle;
  padding-right: 5px;
  width: 36px;
}
.ngx-adv-thumbnail-combo-dataicon-wrapper {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 24px;
}
.ngx-adv-thumbnail-combo-info-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  white-space: normal;
}
.ngx-adv-thumbnail-combo-info-wrapper span {
  font-size: 0.8em;
  white-space: normal;
}
.ngx-hbox-headline {
  font: 50px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-hbox-byline {
  font: 16px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-hbox-container .ngx-hbox-icon-wrapper,
.ngx-hbox-container .ngx-hbox-icon {
  text-align: right;
}
.ngx-hbox-container.ngx-hbox-icon-left .ngx-hbox-icon-wrapper,
.ngx-hbox-container.ngx-hbox-icon-left .ngx-hbox-icon {
  text-align: center;
}
.ngx-hbox-container .ngx-hbox-icon {
  right: 0;
  left: auto;
  font-size: 100px;
  color: #e8ebeb;
}
.ngx-hbox-container .ngx-hbox-icon:before {
  vertical-align: top;
}
.ngx-overline {
  border-width: 0;
}
.ngx-overline,
.ngx-hbox-overline {
  border-top-width: 1px !important;
  border-style: solid;
  border-color: #e8ebeb;
}
.ngx-hbox-underline {
  border-bottom: 1px solid #d9d9d9 !important;
}
.ngx-hbox-container {
  border-width: 0;
  padding: 35px 40px 0;
  margin-top: 35px;
}
.ngx-hbox-container.ngx-hbox-header {
  border: 0;
  margin: 0;
  padding: 0 !important;
}
.ngx-hbox-container.ngx-hbox-first {
  border: 0 solid #828282;
  margin: 0 auto;
}
.ngx-hbox-container.ngx-hbox-middle {
  border-top-width: 0;
  border-bottom-width: 0;
  padding: 0 40px 35px;
}
.ngx-hbox-container.ngx-hbox-last {
  border-bottom-width: 0;
}
.ngx-hbox-container .ngx-hbox-float-left {
  float: left;
}
.ngx-hbox-container .ngx-hbox-meta-header {
  max-width: 600px;
}
.ngx-hbox-container .ngx-hbox-meta-header .ngx-form-heading-headline {
  font-size: 36px;
  white-space: nowrap;
}
.ngx-hbox-container .ngx-asset-preview {
  max-height: 170px;
  max-width: 170px;
}
.ngx-page-module-field-container .ngx-hbox-container {
  padding: 0 !important;
  margin-top: 0 !important;
}
.ngx-page-module-field-container .ngx-hbox-icon {
  padding-top: 26px;
  font-size: 48px;
  text-align: right;
}
.ngx-loading-anim {
  padding: 5px 40px 0 0;
}
.ngx-tab-panel-inner .ngx-hbox-container:nth-child(1) {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 35px;
}
.ngx-clear-panel.ngx-panel .x-form-item,
.ngx-clear-panel.ngx-panel .ngx-hbox-container {
  padding: 0;
}
.ngx-meta-container img {
  float: left;
  margin-right: 25px;
}
.ngx-meta-container .ngx-form-heading-byline span,
.ngx-meta-container .ngx-form-heading-headline span {
  color: #8d9494;
}
.basicview-empty-text {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #9c9c9c;
  border: 2px dashed #9c9c9c;
  padding: 30px;
  text-align: center;
  border-radius: 6px;
}
.ngx-panel.ngx-inline-form-panel .x-panel-body > .ngx-form-heading-container:nth-child(1) {
  padding: 35px;
}
.ngx-panel.ngx-inline-form-panel .x-panel-body.ngx-panel-body {
  border-top: 1px solid #77d3c6;
  padding: 35px 0 0;
}
.ngx-panel.ngx-inline-form-panel .x-panel-body.ngx-panel-body.ngx-nopad {
  padding: 0;
}
.ngx-panel.ngx-inline-form-panel .x-toolbar {
  padding: 35px 28px 35px 35px;
}
.x-form-field.x-boxselect {
  padding: 0 3px;
  height: auto;
}
/* line 11, ../../scss/form/combofieldbox.scss */
.x-boxselect ul.x-boxselect-list {
  height: auto;
  cursor: text;
  min-height: 20px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 28px;
}
.x-boxselect ul.x-boxselect-list .x-tab-close-btn {
  background-image: none;
  width: 24px;
  height: 24px;
  text-indent: 0;
  top: 12px;
  right: 0;
  text-align: right;
  opacity: 1;
  padding: 2px 3px 2px 0;
}
.x-boxselect ul.x-boxselect-list .x-tab-close-btn::before {
  content: 'x';
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  color: #ffffff;
}
/* line 19, ../../scss/form/combofieldbox.scss */
.x-boxselect input {
  border: none;
  background: none;
  height: 20px;
  padding: 0;
}
/* line 26, ../../scss/form/combofieldbox.scss */
.x-boxselect-input,
.x-boxselect-item {
  display: inline-block;
  position: relative;
  zoom: 1;
  /* IE */
}
/* line 32, ../../scss/form/combofieldbox.scss */
.x-boxselect-stacked .x-boxselect-item {
  display: block;
}
/* line 35, ../../scss/form/combofieldbox.scss */
.x-boxselect-item {
  border-radius: 2px;
  border: 1px solid #31998a;
  padding: 0 1px 0 5px !important;
  margin: 1px 1px 1px 0;
  background-color: #31998a;
  cursor: default;
}
/* line 43, ../../scss/form/combofieldbox.scss */
.x-field:not(.x-item-disabled):not(.x-form-invalid) .x-boxselect-item:hover {
  background: #31998a;
  border: 1px solid #31998a;
}
/* line 49, ../../scss/form/combofieldbox.scss */
.x-field:not(.x-item-disabled):not(.x-form-invalid) .x-boxselect-item.x-item-selected {
  background: #31998a;
  border: 1px solid #31998a;
  color: #ffffff;
}
/* line 56, ../../scss/form/combofieldbox.scss */
.x-boxselect-item-text {
  color: #ffffff;
  line-height: 16px;
  padding: 4px 20px 5px 0;
  text-transform: lowercase;
}
/* line 60, ../../scss/form/combofieldbox.scss */
.x-boxselect-item-close {
  cursor: pointer;
}
/* line 63, ../../scss/form/combofieldbox.scss */
.x-boxselect .empty {
  color: gray;
}
/* line 66, ../../scss/form/combofieldbox.scss */
.x-boxselect-icon,
.x-boundlist-icon {
  background-repeat: no-repeat !important;
  background-position: 2px center !important;
}
/* line 70, ../../scss/form/combofieldbox.scss */
.x-boxselect-icon {
  text-indent: 17px !important;
}
/* line 73, ../../scss/form/combofieldbox.scss */
.x-boundlist-icon {
  text-indent: 20px !important;
}
.x-form-trigger-wrap-focus .x-form-text {
  border-color: #77d3c6 !important;
}
input[type="text"].x-boxselect-input-field.x-form-focus {
  background: transparent !important;
  border-color: transparent !important;
  padding: 0;
  margin: 0;
  text-transform: lowercase;
}
.ngx-boxselect-component input {
  height: 30px;
}
.ngx-boxselect-component .x-form-trigger-wrap {
  border: 1px solid #d4d9d9;
  background: transparent;
  height: 40px !important;
}
.ngx-boxselect-component .x-form-trigger-wrap:hover {
  border-color: #77d3c6;
}
.ngx-boxselect-component .x-form-trigger-wrap-focus .x-form-trigger-wrap {
  border-color: #77d3c6;
}
.ngx-boxselect-component .x-form-field.xform-text {
  height: 40px;
  border: transparent;
  background: transparent;
}
.ngx-boxselect-component .x-form-field.xform-text .x-form-trigger-wrap-focus .x-form-trigger-wrap {
  border: transparent;
  background: transparent;
}
.x-field.ngx-boxselect-component:hover .x-form-text,
.x-field.ngx-boxselect-component:hover .x-form-trigger-wrap .x-form-trigger {
  border-color: transparent !important;
}
.x-window .x-field.ngx-boxselect-component .x-form-trigger-wrap {
  border: 1px solid #d4d9d9;
}
.x-window .x-field.ngx-boxselect-component .x-form-trigger-wrap:hover {
  border-color: #77d3c6;
}
.x-window .x-field.ngx-boxselect-component .x-form-trigger-wrap-focus .x-form-trigger-wrap {
  border-color: #77d3c6 !important;
}
.ngx-boxselect.x-form-field.x-form-text {
  border-color: transparent;
}
.ngx-boxselect .x-form-trigger-wrap-focus.x-pickerfield-open .x-form-trigger-wrap {
  background: rgba(56, 213, 254, 0.75) !important;
}
.ngx-boxselect .x-form-trigger-wrap-focus.x-form-text.x-form-focus,
.ngx-boxselect .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger,
.ngx-boxselect .x-form-trigger-wrap-focus .x-form-text {
  background-color: transparent !important;
}
.ngx-boxselect .x-form-trigger-wrap {
  background: transparent;
  border: 1px solid #d4d9d9;
}
.ngx-boxselect .x-form-trigger-wrap .x-form-text,
.ngx-boxselect .x-form-trigger-wrap div.x-form-trigger {
  border-width: 0 !important;
  height: 40px !important;
}
.ngx-boxselect .x-form-trigger-wrap .x-form-text.x-form-focus {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
}
.ngx-boxselect .x-form-trigger-wrap div.x-form-trigger.x-form-focus {
  border-top-width: 1px !important;
  border-right-width: 1px !important;
  border-bottom-width: 1px !important;
}
.ngx-boxselect .x-form-trigger-wrap div.x-form-trigger.ngx-clear-trigger.x-form-focus {
  border-top-width: 1px !important;
  border-right-width: 0 !important;
  border-bottom-width: 1px !important;
}
.ngx-icon-boxselect-component .x-form-text {
  min-height: 40px;
  padding: 2px 10px 0 5px !important;
}
.ngx-icon-boxselect-component .x-form-text,
.ngx-icon-boxselect-component .x-form-trigger-wrap-focus .x-form-text,
.ngx-icon-boxselect-component .x-form-trigger-wrap div.x-form-trigger,
.ngx-icon-boxselect-component .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger {
  border: 1px solid transparent !important;
  background-color: transparent !important;
}
.ngx-icon-boxselect-component .x-form-trigger-wrap div.x-form-trigger,
.ngx-icon-boxselect-component .x-form-trigger-wrap-focus .x-form-trigger-wrap .x-form-trigger {
  height: 40px !important;
}
.ngx-icon-boxselect-component .ngx-select-trigger:before {
  content: "K";
}
.ngx-icon-boxselect-component .x-boxselect-item-text {
  margin-top: 1px;
}
.ngx-icon-boxselect-component .x-boxselect-item-text:before {
  font-family: 'EngVetica';
  font-size: 16px;
  margin-right: 5px;
}
.ngx-icon-boxselect-component.boxselect-tag .x-boxselect-item-text:before {
  text-transform: none;
  content: "O";
  vertical-align: middle;
}
.ngx-icon-boxselect-component.boxselect-location .x-boxselect-item-text:before {
  content: "\\";
}
.ngx-icon-boxselect-component.boxselect-language .x-boxselect-item-text:before {
  content: "å";
}
.ngx-icon-boxselect-component .x-tab-close-btn::before {
  color: #666 !important;
  display: none;
}
.ngx-icon-boxselect-component .x-boxselect-item {
  background: #ccc;
  border-color: #ccc;
}
.ngx-icon-boxselect-component .x-boxselect-item,
.ngx-icon-boxselect-component .x-boxselect-item.x-item-selected {
  margin: 2px 5px 2px 0;
  padding: 0 1px 0 5px !important;
}
.ngx-icon-boxselect-component .x-boxselect-item:hover {
  background-color: #AAA !important;
  border: 1px solid #AAA !important;
}
.ngx-icon-boxselect-component .x-boxselect-item:hover .x-tab-close-btn::before {
  display: block;
}
.ngx-icon-boxselect-component .x-boxselect-item-text {
  color: #666;
}
.ngx-icon-boxselect-component .x-boxselect-item-text:before {
  content: 'O';
  font-family: EngVetica;
  font-size: 16px;
  margin-right: 5px;
}
.ngx-icon-boxselect-component .x-form-trigger-wrap-focus .x-tab-close-btn::before,
.ngx-icon-boxselect-component .x-form-trigger-wrap-focus .x-boxselect-item-text {
  color: #ffffff !important;
}
.more-info-wrapper .content-more-info-wide,
.right-bar-wrapper .content-more-info-wide {
  width: 1040px;
}
.more-info-wrapper .content-more-info-narrow,
.right-bar-wrapper .content-more-info-narrow {
  float: left;
  width: 500px;
  margin-right: 20px;
}
.more-info-wrapper .content-more-info-item,
.right-bar-wrapper .content-more-info-item {
  line-height: 24px;
  margin: 5px 0;
  overflow: auto;
  width: 100%;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
}
.more-info-wrapper .content-more-info-item span,
.right-bar-wrapper .content-more-info-item span {
  display: inline-block;
  vertical-align: top;
}
.more-info-wrapper .content-more-info-item .content-more-info-label,
.right-bar-wrapper .content-more-info-item .content-more-info-label {
  color: #77d3c6;
  text-align: right;
  width: 100px;
  margin: 0 10px 0 0;
  vertical-align: top;
}
.more-info-wrapper .content-more-info-item .content-more-info-value,
.right-bar-wrapper .content-more-info-item .content-more-info-value {
  word-wrap: break-word;
  max-width: 900px;
  vertical-align: top;
  cursor: pointer;
}
.content-preview-quote {
  font: normal 36px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  word-wrap: break-word;
  color: #ffffff;
}
.content-preview-quote.small {
  font-size: 24px;
}
.haz-copy-skillz:after {
  content: 'Î' !important;
  opacity: 0;
  font-family: 'EngVetica';
  font-style: normal;
  speak: none;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  color: #ffffff;
  padding: 0;
  margin-left: 10px;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.haz-copy-skillz.ngx-hover:after {
  opacity: 1;
}
.haz-copy-skillz:hover {
  opacity: 1;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.haz-copy-skillz:hover i[data-icon]:before {
  color: #ffffff;
}
.haz-copy-skillz.clipboard-copy-success:after {
  color: #46a546;
}
.links-rights li {
  color: #929292;
  margin: 5px 0;
}
.links-rights .haz-copy-skillz {
  cursor: pointer;
}
.links-rights .haz-copy-skillz:after {
  margin-left: 30px;
  color: #9c9c9c;
  opacity: 0.8;
}
.links-rights .haz-copy-skillz.zeroclipboard-is-hover:after {
  color: #46a546;
  opacity: 1;
}
.links-rights .haz-copy-skillz.zeroclipboard-is-hover.zeroclipboard-is-active:after {
  color: #883666;
}
.link-rights-learn {
  color: #ffffff;
}
.ngx-caps-warning .x-form-display-field {
  color: #f89406;
  font: normal 10px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.fbBlueFont {
  font: bold 12px/16px 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #3b5998;
}
.format-painter,
.import-default {
  margin: 10px 0 0 10px;
  float: right;
  display: inline-block;
  padding: 10px;
  text-transform: lowercase;
  border: 2px dotted #989898;
  border-radius: 4px;
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #989898;
  cursor: pointer;
}
.format-painter:after,
.import-default:after {
  clear: both;
  content: "";
}
.x-dd-drag-proxy .x-dd-drag-ghost {
  background: transparent;
  padding: 5px;
  border-width: 0;
}
.x-dd-drag-proxy .x-dd-drag-ghost .format-painter {
  border-color: #157841;
  color: #157841;
}
.x-dd-drop-nodrop .x-dd-drag-ghost .format-painter {
  border-color: #9d261d;
  color: #9d261d;
}
.social-schematic-controls {
  width: 440px;
  float: right;
}
.social-schematic-view {
  color: #555;
  border: 1px solid #e9e9e9;
  background-color: #f7f7f7;
  width: 440px;
  float: right;
  border-radius: 2px;
}
.social-schematic-view .post-header {
  padding: 10px;
  background: #ffffff;
  position: relative;
}
.social-schematic-view .schematic-blank-placeholder {
  font-style: italic;
}
.social-schematic-view .schematic-blank-placeholder:before {
  content: "{";
}
.social-schematic-view .schematic-blank-placeholder:after {
  content: "}";
}
.social-schematic-view .user-name {
  font-size: 16px;
  display: inline-block;
}
.social-schematic-view .story-attachment {
  overflow: hidden;
  line-height: 2em;
  width: 100%;
}
.social-schematic-view .story-attachment .attachment-text {
  font-size: 14px;
  background: transparent;
}
.social-schematic-view .story-attachment .attachment-text .story-title,
.social-schematic-view .story-attachment .attachment-text .story-byline,
.social-schematic-view .story-attachment .attachment-text .story-message {
  color: #999;
  display: block;
  padding: 5px 10px;
}
.social-schematic-view .profile-details .profile-image {
  float: left;
  margin-right: 10px;
  width: 54px;
  height: 54px;
  padding: 2px;
}
.social-schematic-view .profile-details .profile-image img {
  border-radius: 2px;
}
.social-schematic-view.default-post-schematic .profile-details .profile-image {
  border: 1px solid #ccc;
  border-radius: 2px;
}
.social-schematic-view.default-post-schematic .user-name {
  margin: 15px 0 0 0;
  font-weight: bold;
}
.social-schematic-view.default-post-schematic .story-attachment {
  background: transparent;
  margin: 10px 0 0 0;
  display: table;
}
.social-schematic-view.default-post-schematic .story-attachment .attachment-image {
  max-width: 154px;
  max-height: 154px;
  min-height: 154px;
  display: table-cell;
}
.social-schematic-view.default-post-schematic .story-attachment .attachment-image img {
  margin-right: 10px;
  max-width: 134px;
  max-height: 134px;
}
.social-schematic-view.default-post-schematic .story-attachment .attachment-text {
  vertical-align: top;
  display: table-cell;
  width: 100%;
}
.social-schematic-view.default-post-schematic .story-attachment .story-title {
  font-size: 16px;
  color: #404040;
  font-weight: bold;
}
.social-schematic-view.default-post-schematic .story-attachment .story-message {
  min-height: 75px;
}
.social-schematic-view.default-post-schematic .story-attachment .story-title,
.social-schematic-view.default-post-schematic .story-attachment .story-byline,
.social-schematic-view.default-post-schematic .story-attachment .story-message {
  padding: 0;
  border-width: 0;
  border-radius: 0;
  margin: 0;
}
.social-schematic-view.pinterest-post-schematic {
  background-color: transparent;
  border-color: transparent;
}
.social-schematic-view.pinterest-post-schematic .post-header {
  float: right;
  border-radius: 3px;
  border: 1px solid #ccc;
  width: 236px;
  padding: 0;
  font-family: 'Helvetica', sans-serif;
  color: #777;
}
.social-schematic-view.pinterest-post-schematic .post-header .message-description {
  padding: 10px;
  border-top: 1px solid #ccc;
  font-size: 13px;
}
.social-schematic-view.pinterest-post-schematic .post-header .story-attachment {
  width: 100%;
  height: 176px;
  overflow: hidden;
}
.social-schematic-view.pinterest-post-schematic .post-header .story-attachment .attachment-image {
  text-align: center;
}
.social-schematic-view.pinterest-post-schematic .post-header .story-attachment .attachment-image:before {
  font-size: 76px;
  margin: 78px 80px;
}
.social-schematic-view.pinterest-post-schematic .post-header .profile-details {
  font-weight: bold;
  font-size: 11px;
  border-top: 1px solid #ccc;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  line-height: 15px;
  padding: 12px;
}
.social-schematic-view.pinterest-post-schematic .post-header .profile-details .profile-user-name {
  float: left;
}
.social-schematic-view.pinterest-post-schematic .post-header .profile-details .profile-user-name .user-name {
  font-size: 11px;
  color: #717171;
  margin: 0;
}
.social-schematic-view.pinterest-post-schematic .post-header .profile-details .profile-image {
  height: 30px;
  width: 30px;
}
.social-schematic-view.pinterest-post-schematic .post-header .profile-details .profile-image img {
  float: left;
  margin-right: 5px;
}
.social-schematic-view.pinterest-post-schematic .post-header .profile-details .user-name {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #717171;
  display: block;
}
.social-schematic-view.pinterest-post-schematic .post-header .profile-details .message-description {
  overflow: hidden;
  color: #b7b7b7;
  border-top: 1px solid #ccc;
  display: block;
}
.social-schematic-view.facebook-invite-schematic {
  background-color: transparent;
  border: 5px solid rgba(50, 50, 50, 0.8);
  border-radius: 6px 6px 0 0;
  border-bottom-width: 0;
}
.social-schematic-view.facebook-invite-schematic .invite-header {
  color: #ffffff;
  font: bold 12px/100% "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  padding: 4px 6px;
  background-color: #6d84b4;
}
.social-schematic-view.facebook-invite-schematic .invite-body {
  min-height: 200px;
  background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 89%, rgba(242, 242, 242, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 89%, rgba(242, 242, 242, 0) 100%);
  /* W3C */
}
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-app-icon {
  float: left;
  margin: 5px 0 0 5px;
}
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-app-icon img {
  height: 42px;
  width: 42px;
}
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-invite-content {
  float: left;
}
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-invite-content .profile-image {
  margin: 5px 0 0 5px;
  float: none;
  height: auto;
  width: 365px;
}
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-invite-content .profile-image img {
  height: 28px;
  width: 28px;
}
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-invite-content .facebook-invite-prefix,
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-invite-content .facebook-invite-message {
  color: black;
  float: none;
  margin: 5px 0 0 5px;
  font: bold 9px/100% 'lucida grande', tahoma, verdana, arial, sans-serif;
}
.social-schematic-view.facebook-invite-schematic .invite-body .facebook-invite-content .facebook-invite-message {
  font-weight: normal;
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
  max-width: 320px;
}
.social-schematic-view.google-post-schematic {
  background-color: #f1f1f1;
}
.social-schematic-view.google-post-schematic .post-header {
  padding: 18px;
}
.social-schematic-view.google-post-schematic .user-message,
.social-schematic-view.google-post-schematic .story-attachment {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  padding: 10px;
  margin-top: 10px;
}
.social-schematic-view.google-post-schematic .google-plus-logo {
  float: left;
}
.social-schematic-view.google-post-schematic .profile-image,
.social-schematic-view.google-post-schematic .user-details {
  float: left;
}
.social-schematic-view.google-post-schematic .profile-details {
  color: #262626;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  display: inline-block;
}
.social-schematic-view.google-post-schematic .profile-details .profile-user-name {
  padding: 7px 0;
}
.social-schematic-view.google-post-schematic .profile-details .date {
  font-weight: normal;
  font-size: 12px;
  color: #999;
  float: left;
  display: inline-block;
}
.social-schematic-view.google-post-schematic .profile-image {
  width: 46px;
  height: 46px;
  margin-right: 10px;
  margin-left: 0;
}
.social-schematic-view.google-post-schematic .profile-image img {
  border: 1px solid #ccc;
  border-radius: 50%;
}
.social-schematic-view.google-post-schematic .story-attachment {
  padding: 8px 0;
  border-top: 1px solid #e5e5e5;
  border-color: #d8d8d8;
  box-shadow: none;
  margin-top: 17px;
}
.social-schematic-view.google-post-schematic .story-attachment .attachment-image {
  border: 1px solid #ccc;
  width: 120px;
  height: 90px;
  margin: 17px;
  text-align: center;
  display: inline-block;
  float: left;
  overflow: hidden;
}
.social-schematic-view.google-post-schematic .story-attachment .attachment-image:before {
  font-size: 76px;
  margin: 5px 0 0 12px;
  margin-top: 32px;
}
.social-schematic-view.google-post-schematic .story-attachment .attachment-text {
  float: left;
  margin: 17px 0 0 0;
  background-color: transparent;
}
.social-schematic-view.google-post-schematic .story-attachment .attachment-text .story-title {
  color: #404040;
  font-size: 16px;
  margin-top: 0;
  border-width: 0;
  background: transparent;
}
.social-schematic-view.google-post-schematic .story-attachment .attachment-text .story-byline {
  color: #999;
  font-size: 13px;
  font-weight: normal;
  text-transform: lowercase;
  margin-top: 0;
  border-width: 0;
  background: transparent;
}
.social-schematic-view.twitter-post-schematic .user-name {
  font: bold 18px/100% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: black;
}
.social-schematic-view.twitter-post-schematic .user-handle,
.social-schematic-view.twitter-post-schematic .date {
  font: normal 14px/100% 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #999;
  padding-top: 5px;
  line-height: 24px;
}
.social-schematic-view.twitter-post-schematic .post-header {
  background-color: #ffffff;
  margin-bottom: 0;
}
.social-schematic-view.twitter-post-schematic .user-message {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  line-height: 28px;
  color: black;
  white-space: pre-wrap;
}
.social-schematic-view.twitter-post-schematic .actions {
  background: url('/c/img/form/twitter-actions.png') no-repeat 0 0 scroll transparent;
  height: 30px;
  width: 100%;
  margin-top: 10px;
}
.social-schematic-view.facebook-timeline-post-schematic .post-header {
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
  background-color: #ffffff;
  margin-bottom: 0;
}
.social-schematic-view.facebook-timeline-post-schematic .user-message {
  color: #37404e;
  font-size: 13px;
  line-height: 18px;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  margin-top: 10px;
}
.social-schematic-view.facebook-timeline-post-schematic .user-name,
.social-schematic-view.facebook-timeline-post-schematic .story-title {
  font: bold 12px/16px 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #3b5998;
}
.social-schematic-view.facebook-timeline-post-schematic .story-description {
  white-space: pre;
  margin-top: 7px;
}
.social-schematic-view.facebook-timeline-post-schematic .date {
  font: normal 11px/15px 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #89919c;
}
.social-schematic-view.facebook-timeline-post-schematic .comment-container {
  font: normal 11px/15px 'lucida grande', tahoma, verdana, arial, sans-serif;
  padding: 10px;
  color: #999;
}
.social-schematic-view.facebook-timeline-post-schematic .comment-container span {
  color: #3b5998;
}
.social-schematic-view.facebook-timeline-post-schematic .comment-container span:before {
  content: ".";
  color: black;
  vertical-align: super;
  padding: 0 5px 0 0;
}
.social-schematic-view.facebook-timeline-post-schematic .comment-container span:first-of-type:before {
  color: transparent;
  padding: 0;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment {
  margin-top: 20px;
  border: 1px solid #e9e9e9;
  color: gray;
  display: table;
  background: #ffffff;
  border: 1px solid #dee2e9;
  border-bottom-color: #d2d5dc;
  border-right-color: #dbdee5;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .attachment-image {
  max-width: 154px;
  max-height: 154px;
  min-height: 154px;
  display: table-cell;
  border-right: 1px solid #e9e9e9;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .attachment-image img {
  max-width: 134px;
  max-height: 134px;
  margin: 10px;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .attachment-text {
  background: transparent;
  padding: 10px;
  vertical-align: top;
  display: table-cell;
  width: 100%;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .story-title,
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .story-byline,
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .story-message {
  font: normal 11px/15px 'lucida grande', tahoma, verdana, arial, sans-serif;
  background: transparent;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  margin: 0;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .story-title {
  font-weight: bold;
  color: #3b5998;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .story-byline,
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .story-message {
  color: #89919c;
}
.social-schematic-view.facebook-timeline-post-schematic .story-attachment .story-message {
  margin-top: 14px;
}
.social-schematic-view.vk-post-schematic .post-header {
  padding: 10px;
  border-bottom: 0 solid transparent;
  background-color: #ffffff;
  margin-bottom: 0;
}
.social-schematic-view.vk-post-schematic .profile-image {
  margin-bottom: 40px;
}
.social-schematic-view.vk-post-schematic .user-message {
  color: #37404e;
  font-size: 13px;
  line-height: 18px;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  margin-top: 10px;
}
.social-schematic-view.vk-post-schematic .user-name,
.social-schematic-view.vk-post-schematic .story-title {
  font: bold 12px/16px 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #3b5998;
}
.social-schematic-view.vk-post-schematic .story-description {
  white-space: pre;
  margin-top: 7px;
}
.social-schematic-view.vk-post-schematic .date {
  font: normal 11px/15px 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #89919c;
}
.social-schematic-view.vk-post-schematic .comment-container {
  font: normal 11px/15px 'lucida grande', tahoma, verdana, arial, sans-serif;
  padding: 5px 0;
  color: #999;
}
.social-schematic-view.vk-post-schematic .comment-container div {
  display: inline;
}
.social-schematic-view.vk-post-schematic .comment-container span {
  color: #3b5998;
}
.social-schematic-view.vk-post-schematic .comment-container span:before {
  content: ".";
  color: black;
  vertical-align: super;
  padding: 0 5px 0 0;
}
.social-schematic-view.vk-post-schematic .comment-container span:first-of-type:before {
  color: transparent;
  padding: 0;
}
.social-schematic-view.vk-post-schematic .comment-container .vk-like {
  float: right;
}
.social-schematic-view.vk-post-schematic .story-attachment {
  color: gray;
  display: table;
  background: #ffffff;
  border: 0 solid transparent;
  width: 350px;
}
.social-schematic-view.vk-post-schematic .story-attachment .attachment-image {
  border: 0 solid transparent;
}
.social-schematic-view.vk-post-schematic .story-attachment .attachment-image img {
  max-width: 350px;
  max-height: 350px;
  margin: 0;
}
.social-schematic-view.vk-post-schematic .story-attachment .attachment-text {
  background: transparent;
  padding: 0	;
  vertical-align: top;
  width: 100%;
}
.social-schematic-view.vk-post-schematic .story-attachment .story-title,
.social-schematic-view.vk-post-schematic .story-attachment .story-byline,
.social-schematic-view.vk-post-schematic .story-attachment .story-message {
  font: normal 11px/15px 'lucida grande', tahoma, verdana, arial, sans-serif;
  background: transparent;
  padding: 0;
  border-width: 0;
  border-radius: 0;
  margin: 0;
}
.social-schematic-view.vk-post-schematic .story-attachment .story-title {
  font-weight: bold;
  color: #3b5998;
  margin-top: 5px;
}
.social-schematic-view.vk-post-schematic .story-attachment .story-byline,
.social-schematic-view.vk-post-schematic .story-attachment .story-message {
  color: #89919c;
}
.social-schematic-view.vk-post-schematic .story-attachment .story-message {
  margin-top: 0;
}
.social-schematic-view.weibo-post-schematic .user-name {
  color: #111;
  font-weight: bold;
  margin-top: 10px;
}
.social-schematic-view.weibo-post-schematic .date {
  font-size: 0.8em;
}
.social-schematic-view.weibo-post-schematic .profile-image img {
  border-radius: 50%;
}
.social-schematic-view.weibo-post-schematic .message-description {
  display: inline;
  margin: 10px 0 10px 64px;
}
.social-schematic-view.weibo-post-schematic .story-attachment {
  margin-top: 20px;
  color: gray;
  display: table;
  background: #ffffff;
  margin-left: 64px;
}
.social-schematic-view.weibo-post-schematic .story-attachment .attachment-image {
  max-width: 134px;
  max-height: 134px;
  min-height: 134px;
  display: table-cell;
}
.social-schematic-view.weibo-post-schematic .story-attachment .attachment-image img {
  border: 1px solid #e9e9e9;
  max-width: 114px;
  max-height: 114px;
  margin: 0;
  padding: 5px;
}
.social-schematic-view.weibo-post-schematic .story-attachment .attachment-text {
  display: table-cell;
  width: 100%;
}
.ngx-kvp-field .ngx-kvp-field-remove-row {
  padding: 7px;
}
.ngx-customattributes-field .ngx-customattributes-remove-row,
.ngx-customattributes-field .ngx-customattributes-go-advanced-row {
  padding: 7px;
}
.x-dd-drop-nodrop .x-dd-drop-icon,
.x-dd-drop-ok .x-dd-drop-icon,
.x-dd-drop-ok-add .x-dd-drop-icon {
  background-image: none;
}
.ngx-copy-icon-body {
  display: inline-block;
  height: auto;
  margin-left: 10px;
  color: #364b5f;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.ngx-copy-icon-body i {
  font-size: 32px;
}
.ngx-copy-icon-body:hover {
  color: #77d3c6;
}
.ngx-copy-icon-body.clipboard-copy-success {
  color: #8cae52;
}
.ngx-copy-icon-body.clipboard-copy-error {
  color: #ec4f3a;
}
.ngx-char-count-wrapper {
  position: relative;
}
.ngx-char-count-wrapper.ngx-char-count-focus .ngx-char-count {
  color: #ffffff;
  border-color: #ffffff;
}
.ngx-char-count {
  position: absolute;
  color: #9c9c9c;
  font-size: 18px;
  border-left: 1px solid #4f667b;
  padding-left: 10px;
  margin-left: 10px;
}
.ngx-char-count .ngx-char-count-danger {
  color: #eb8e1b;
}
.ngx-char-count:before {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.x-window .ngx-char-count {
  border-left: 1px solid #6c87a1;
}
.x-form-invalid .ngx-char-count .ngx-char-count-danger {
  color: #ffffff;
}
.ngx-transparent-field .ngx-char-count {
  padding: 0 10px;
  border-left: 0 solid #9c9c9c;
}
.ngx-transparent-field.x-form-invalid .ngx-char-count .ngx-char-count-danger {
  color: #b6001b;
}
.ngx-advice-char-count-wrapper {
  position: relative;
}
.ngx-advice-char-count {
  position: absolute;
  color: #9c9c9c;
  font-size: 24px;
}
.ngx-advice-char-count .ngx-advice-char-count-counter {
  display: none;
  padding-left: 10px;
  margin-left: 10px;
  height: 100%;
  border-left: 1px solid #9c9c9c;
}
.ngx-advice-char-count .ngx-advice-char-count-counter:before {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.ngx-advice-char-count .ngx-advice-char-count-danger {
  color: #f89406;
  display: inline-block;
}
.x-form-invalid .ngx-advice-char-count .ngx-advice-char-count-danger {
  color: #ffffff;
}
.ngx-transparent-field .ngx-advice-char-count .ngx-advice-char-count-counter {
  border-left: 0 solid #9c9c9c;
}
.ngx-transparent-field.x-form-invalid .ngx-advice-char-count .ngx-advice-char-count-danger {
  color: #f89406;
}
.ngx-field-icon-wrapper {
  position: relative;
}
.ngx-field-icon-wrapper.ngx-field-icon-focus .ngx-field-icon {
  color: #ffffff;
}
.ngx-field-icon-wrapper input[type="text"] {
  padding: 5px 5px 5px 10px;
}
.ngx-field-icon {
  position: absolute;
  color: #3a6682;
  font-size: 24px;
  line-height: 24px;
  padding-left: 5px;
}
.ngx-field-icon:before {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.ngx-field-icon i[data-icon]:before {
  font-size: 24px;
  line-height: 24px;
  padding-right: 0;
}
li .ngx-quick-status-filter-label {
  font: normal 14px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ccc;
  padding: 5px 0;
  cursor: pointer;
}
li .ngx-quick-status-filter-label:hover {
  color: #ffffff;
}
li .ngx-quick-status-filter-label.selected {
  cursor: default;
  color: #77d3c6;
}
.x-btn.favourite-btn.x-btn-pressed .x-btn-inner,
.ngx-grid-toolbar-light .x-btn.favourite-btn.x-btn-pressed .x-btn-inner,
.x-btn.favourite-btn.x-btn-pressed .x-btn-inner h3,
.ngx-grid-toolbar-light .x-btn.favourite-btn.x-btn-pressed .x-btn-inner h3,
.x-btn.favourite-btn.x-btn-pressed .x-btn-inner p,
.ngx-grid-toolbar-light .x-btn.favourite-btn.x-btn-pressed .x-btn-inner p,
.x-btn.favourite-btn.x-btn-pressed .x-btn-icon-el,
.ngx-grid-toolbar-light .x-btn.favourite-btn.x-btn-pressed .x-btn-icon-el,
.x-btn.favourite-btn.x-btn-pressed .x-btn-icon-el[data-icon]:before,
.ngx-grid-toolbar-light .x-btn.favourite-btn.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #bf3966;
}
.x-btn.flagged-btn.x-btn-pressed .x-btn-inner,
.ngx-grid-toolbar-light .x-btn.flagged-btn.x-btn-pressed .x-btn-inner,
.x-btn.flagged-btn.x-btn-pressed .x-btn-inner h3,
.ngx-grid-toolbar-light .x-btn.flagged-btn.x-btn-pressed .x-btn-inner h3,
.x-btn.flagged-btn.x-btn-pressed .x-btn-inner p,
.ngx-grid-toolbar-light .x-btn.flagged-btn.x-btn-pressed .x-btn-inner p,
.x-btn.flagged-btn.x-btn-pressed .x-btn-icon-el,
.ngx-grid-toolbar-light .x-btn.flagged-btn.x-btn-pressed .x-btn-icon-el,
.x-btn.flagged-btn.x-btn-pressed .x-btn-icon-el[data-icon]:before,
.ngx-grid-toolbar-light .x-btn.flagged-btn.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #e0e200;
}
.x-btn.toggle-btn.x-btn-pressed .x-btn-inner,
.ngx-grid-toolbar-light .x-btn.toggle-btn.x-btn-pressed .x-btn-inner,
.x-btn.toggle-btn.x-btn-pressed .x-btn-inner h3,
.ngx-grid-toolbar-light .x-btn.toggle-btn.x-btn-pressed .x-btn-inner h3,
.x-btn.toggle-btn.x-btn-pressed .x-btn-inner p,
.ngx-grid-toolbar-light .x-btn.toggle-btn.x-btn-pressed .x-btn-inner p,
.x-btn.toggle-btn.x-btn-pressed .x-btn-icon-el,
.ngx-grid-toolbar-light .x-btn.toggle-btn.x-btn-pressed .x-btn-icon-el,
.x-btn.toggle-btn.x-btn-pressed .x-btn-icon-el[data-icon]:before,
.ngx-grid-toolbar-light .x-btn.toggle-btn.x-btn-pressed .x-btn-icon-el[data-icon]:before {
  color: #77d3c6;
}
.ngx-white-tabs.x-tab-bar .x-tab-bar-body {
  height: 50px;
}
.ngx-white-tabs.x-tab-bar .x-tab-bar-body .x-tab-default {
  height: 40px;
  line-height: 40px;
}
.ngx-white-tabs.x-tab-bar .x-tab-bar-body .x-tab-default .x-tab-button {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #ddd;
  text-transform: uppercase;
  padding: 10px;
  height: 40px;
  line-height: 100%;
}
.ngx-white-tabs.x-tab-bar .x-tab-bar-body .x-tab-default .x-tab-inner {
  font: normal 12px/100% Roboto, "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Helvetica, sans-serif;
  line-height: 20px;
  color: #666666;
}
.ngx-white-tabs.x-tab-bar .x-tab-bar-body .x-tab-default.x-over .x-tab-button,
.ngx-white-tabs.x-tab-bar .x-tab-bar-body .x-tab-default.x-tab-active .x-tab-button {
  border: 1px solid #77d3c6;
  background-color: #77d3c6;
}
.ngx-white-tabs.x-tab-bar .x-tab-bar-body .x-tab-default.x-over .x-tab-inner,
.ngx-white-tabs.x-tab-bar .x-tab-bar-body .x-tab-default.x-tab-active .x-tab-inner {
  color: #ffffff;
}
.ngx-plain-tabbar .x-tab-bar .x-tab-bar-body {
  margin-top: 10px;
  padding-left: 20px;
}
.ngx-plain-tabbar .x-tab-bar .x-tab-bar-body .x-tab-default-top .x-tab-inner {
  padding: 5px 0;
}
.ngx-plain-tabbar .x-tab-bar .x-tab-bar-body .x-tab-default {
  border-radius: 0;
}
.ngx-plain-tabbar .x-tab-bar .x-tab {
  margin: 0 12px 0 0;
}
.ngx-plain-tabbar .x-tab-bar .x-tab:first-of-type {
  margin: 0 12px 0 0;
}
.ngx-plain-tabbar .x-tab-bar .x-tab .x-tab-inner {
  font: normal 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.info-label,
.info-value {
  font-size: 14px;
  text-transform: lowercase;
}
.info-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.case-sensitive {
  text-transform: none;
}
.review-header {
  border-bottom: 1px solid #77d3c6 !important;
}
.review-header,
.profile-info,
.review-info {
  color: #828282;
  padding: 20px 0 20px 15px;
}
.review-header .review-icon,
.profile-info .review-icon,
.review-info .review-icon {
  font-size: 24px;
  text-align: center;
  margin-right: 10px;
  width: 50px;
  display: inline-block;
}
.review-header .review-byline,
.profile-info .review-byline,
.review-info .review-byline {
  font-size: 14px;
  margin-left: 10px;
  padding: 10px;
  color: #828282;
  vertical-align: middle;
  border-left: 1px solid #828282;
}
.review-header .user-details,
.profile-info .user-details,
.review-info .user-details {
  color: #ffffff;
}
.review-header .user-details .name a,
.profile-info .user-details .name a,
.review-info .user-details .name a {
  color: #ffffff;
}
.review-header .user-details .name .handle,
.profile-info .user-details .name .handle,
.review-info .user-details .name .handle {
  font-size: 14px;
  margin-left: 10px;
  color: #ffffff;
  font-weight: normal;
}
.review-header .user-details .name,
.profile-info .user-details .name,
.review-info .user-details .name,
.review-header .user-details .name a,
.profile-info .user-details .name a,
.review-info .user-details .name a,
.review-header .user-details .handle,
.profile-info .user-details .handle,
.review-info .user-details .handle {
  color: #616161;
  line-height: 50px;
}
.review-header .content,
.profile-info .content,
.review-info .content,
.review-header .headline,
.profile-info .headline,
.review-info .headline {
  font: normal 16px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  margin: 20px 0 0 0;
}
.review-header .headline,
.profile-info .headline,
.review-info .headline {
  font-size: 24px;
}
.review-header .asset,
.profile-info .asset,
.review-info .asset {
  max-width: 1070px;
}
.review-header .social-link,
.profile-info .social-link,
.review-info .social-link {
  font-size: 24px;
  color: #616161;
}
.review-info .pull-left {
  padding-right: 0;
}
.review-info .pull-left,
.review-info .review-icon {
  margin-right: 0;
}
.ui.grid.review-header {
  margin: 0;
}
.ui.grid.review-header .row-data-icon {
  color: #77d3c6;
}
.ui.grid.review-header .review-title {
  color: #77d3c6;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.ui.grid.review-header .review-title .network-icon,
.ui.grid.review-header .review-title .record-type {
  display: inline-block;
}
.ui.grid.review-header .review-title .record-type:before {
  margin: 0 23px 0 3px;
  padding-right: 0;
  font-size: 36px;
}
.ui.grid.review-header .review-status {
  padding-right: 20px;
}
.ui.grid.review-header .review-status i[data-icon]:before {
  padding-right: 0;
}
.ui.grid.review-header .network-icon[data-icon]:before {
  font-size: 50px;
}
.ui.grid.review-header .color-block {
  font: 14px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  width: auto;
  min-width: 0;
  text-align: center;
  color: #ffffff;
  background-color: #a5b6c5;
  border-color: #a5b6c5;
  border-radius: 2px;
}
.ui.grid.review-header .color-block.pull-right {
  margin: 0 0 0 10px;
}
.ui.grid.review-header .color-block.status.review {
  background-color: #e3713a;
  border-color: #e3713a;
  color: #ffffff;
}
.ui.grid.review-header .color-block.status.draft {
  color: #ffffff;
  background-color: #157841;
  border-color: #157841;
  border-width: 1px;
}
.ui.grid.review-header .color-block.status.archived,
.ui.grid.review-header .color-block.status.expired {
  background-color: #828282;
  border-color: #828282;
}
.ui.grid.review-header .color-block.status.embargo,
.ui.grid.review-header .color-block.status.failed,
.ui.grid.review-header .color-block.status.partialfailed {
  background-color: #EA130C;
  border-color: #EA130C;
}
.ui.grid.review-header .color-block.status.ready,
.ui.grid.review-header .color-block.status.scheduled {
  border-color: #157841;
  background-color: #157841;
}
.ui.grid.review-header .color-block.status.recommended {
  border-color: #cf2e76;
  background-color: #cf2e76;
}
.ui.grid.review-header .color-block.status.tags {
  border-color: #828282;
  background-color: #828282;
}
.ui.grid.review-header .color-block.status.ngx-flag {
  border-color: #cf2e76;
  background-color: #cf2e76;
}
.ui.grid.review-header .color-block.status.recommended {
  color: #C91A72;
  font-size: 30px;
  margin: 9px 0 0;
  font-weight: 700;
}
.review-info .message-date {
  padding-right: 10px;
  font-size: 16px;
}
.review-info .post-date,
.review-info .campaign-link {
  text-align: right;
  font-size: 18px;
  padding-right: 10px;
}
.profile-info {
  border-top: 0 solid #77d3c6;
}
.review-info .media-body {
  padding: 6px 0 0 0;
}
.review-info .review-heading {
  padding: 5px 0 20px;
  font: normal 30px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.review-info .title {
  margin: 0 0 20px 0;
  font: normal 30px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.review-info .asset {
  padding-right: 20px;
  margin-bottom: 20px;
}
.ngx-mini-wizard-container .x-window-header-text-container {
  padding: 15px 5px;
}
.ngx-mini-wizard-container .x-window-header-text-container .x-window-header-text {
  color: #77d3c6;
  margin-left: 60px;
}
.x-progress-text {
  height: 38px;
  line-height: 36px;
  font-size: 16px;
}
.x-progress-default {
  border-color: #d4d9d9;
  border-radius: 2px;
  height: 40px;
  background-color: #d9d9d9;
  border-width: 0;
}
.x-progress-default .x-progress-bar {
  background-color: #989898;
  border-color: transparent;
  background-image: none;
  height: 40px;
}
.x-progress-default .x-progress-text-back {
  color: #666666;
}
.ngx-form-heading-container {
  padding: 40px 40px 25px;
  margin: 0;
}
.ngx-form-heading-container.ngx-nopad-bottom {
  padding-bottom: 0;
}
.ngx-form-heading-container.ngx-form-heading-overline {
  margin-top: 35px;
  border-top: 1px solid #d9d9d9 !important;
}
.ngx-form-heading-container.ngx-form-heading-underline {
  border-bottom: 1px solid #d9d9d9 !important;
}
.ngx-form-heading-container .ngx-innetwork-headline {
  padding: 0;
  font: normal 15px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 24px;
}
.ngx-form-heading-container a,
.ngx-form-heading-container a:link,
.ngx-form-heading-container a:visited {
  color: #ffffff;
}
.ngx-form-heading-container .ngx-form-heading-byline.ngx-form-subheading {
  font-size: 40px;
  text-transform: lowercase;
}
.ngx-form-heading-container .ngx-form-heading-byline.ngx-nopad {
  padding: 0;
}
.ngx-form-heading-container .ngx-form-heading-byline-medium {
  color: #8d9494;
  font: normal 20px/100% Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: normal;
  padding: 0 0 10px 0;
  margin-top: 0.5em;
}
.ngx-form-heading-container.ngx-content-edit-meta,
.ngx-form-heading-container.ngx-feed-edit-meta,
.ngx-form-heading-container.ngx-meta-header {
  float: left;
  padding: 0;
}
.ngx-form-heading-container.ngx-theme-edit-meta {
  float: left;
  padding: 0;
}
.x-form-item-label,
.x-form-cb-label,
.x-form-item-label-top,
.x-form-item-label-left,
.ngx-caps-label-top {
  height: 100%;
  padding: 7px 5px 5px 0;
}
.x-form-item-label-top,
.ngx-caps-label-top {
  height: auto;
}
.x-form-item-label-top,
.ngx-caps-label-top {
  font-size: 14px;
  color: #505959;
  display: block;
  zoom: 1;
  padding: 0;
  margin-bottom: 5px;
  margin-top: 0;
}
.x-form-item-label-top.label-dark,
.ngx-caps-label-top.label-dark {
  color: #505959;
}
.x-form-item-label-top.ngx-caps-label-no-margin,
.ngx-caps-label-top.ngx-caps-label-no-margin {
  margin: 0;
}
.ngx-caps-label-top {
  text-transform: uppercase;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.ngx-label-small-top {
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}
.ngx-label-small-top.label-light {
  color: #929292;
}
.ngx-label-small-top.label-bold {
  font-weight: bold;
}
.x-window .ngx-caps-label-top {
  color: #ffffff;
}
.x-form-cb-label {
  padding: 5px 5px 5px 30px;
}
.ngx-date-filter-slider-label {
  padding: 2px 0 0;
}
.x-window .ngx-date-filter-slider-label {
  color: #ffffff;
}
.x-form-item {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-form-item.x-toolbar-item {
  margin: 0 10px 0 0 !important;
}
.select-channel-checkbox .x-form-cb-label {
  color: #ffffff;
}
.x-form-check-group .x-form-cb-label {
  color: #808080;
}
.ngx-fullscreen-window .x-form-check-group .x-form-cb-label {
  color: #ffffff;
}
.ngx-fullscreen-window .x-form-item-label-top,
.ngx-clear-window .x-form-item-label-top,
.ngx-fullscreen-window .x-form-item-label,
.ngx-clear-window .x-form-item-label,
.ngx-fullscreen-window .ngx-form-heading-headline,
.ngx-clear-window .ngx-form-heading-headline {
  display: block;
  zoom: 1;
  color: #ffffff;
}
.ngx-fullscreen-window .x-fieldset-header,
.ngx-clear-window .x-fieldset-header {
  padding: 40px 0;
}
.ngx-fullscreen-window .x-fieldset.ngx-fieldset.ngx-help-block-fieldset .x-fieldset-header-text,
.ngx-clear-window .x-fieldset.ngx-fieldset.ngx-help-block-fieldset .x-fieldset-header-text,
.ngx-fullscreen-window .x-fieldset.ngx-fieldset.ngx-help-block-fieldset.ngx-fieldset-expanded .x-fieldset-header-text,
.ngx-clear-window .x-fieldset.ngx-fieldset.ngx-help-block-fieldset.ngx-fieldset-expanded .x-fieldset-header-text {
  color: #9c9c9c;
}
.ngx-fullscreen-window .ngx-help-block,
.ngx-clear-window .ngx-help-block,
.ngx-fullscreen-window .ngx-form-heading-container .ngx-form-heading-byline,
.ngx-clear-window .ngx-form-heading-container .ngx-form-heading-byline {
  color: #b2b8b8;
}
.ngx-fullscreen-window .ngx-copy-icon-body,
.ngx-clear-window .ngx-copy-icon-body {
  color: #8d9494;
}
.ngx-fullscreen-window .ngx-copy-icon-body:hover,
.ngx-clear-window .ngx-copy-icon-body:hover {
  color: #77d3c6;
}
.x-spotlight {
  z-index: 8999;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 0;
  height: 0;
  zoom: 1;
}
.x-spotlight {
  background-color: #ccc;
}
#campaignActions ul,
#campaignReportsActions ul {
  margin: 0;
  padding: 12px;
  list-style: none;
}
div#filterContainer {
  padding: 0 12px 12px;
}
.panel-app .gridPanelHeader,
.panel-app .noBorderPanelHeader {
  padding: 20px 25px;
  border-radius: 4px 4px 0 0;
}
/* loading spinner */
.ngx-mask-wrapper body {
  background-color: #222;
}
.ngx-mask-wrapper body:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  background-image: -webkit-radial-gradient(center center, circle cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background-repeat: no-repeat;
}
.bokeh {
  font-size: 40px;
  width: 1em;
  height: 1em;
  position: relative;
  margin: 0;
  border-radius: 50%;
  border: none;
  list-style: none;
  display: inline-block;
}
.wizard-view .label-wrapper,
.ngx-mask-wrapper .label-wrapper {
  margin-left: 30px;
}
.ngx-low-load-mask .bokeh,
.ngx-combo-load-mask .bokeh {
  margin-right: 0;
}
.ngx-tiny-load-mask .ngx-load-mask-msg,
.ngx-combo-load-mask .ngx-load-mask-msg {
  padding: 0;
}
.ngx-tiny-load-mask .bokeh,
.ngx-combo-load-mask .bokeh {
  font-size: 20px;
}
.bokeh li {
  position: absolute;
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
}
.bokeh li:nth-child(1) {
  left: 50%;
  top: 0;
  margin: 0 0 0 -0.1em;
  background: #96d9d8;
  -webkit-transform-origin: 50% 250%;
  -moz-transform-origin: 50% 250%;
  -ms-transform-origin: 50% 250%;
  transform-origin: 50% 250%;
  -webkit-animation: rota 1.97s linear infinite, opa 3.67s ease-in-out infinite alternate;
  animation: rota 1.97s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
.bokeh li:nth-child(2) {
  top: 50%;
  right: 0;
  margin: -0.1em 0 0 0;
  background: #e0e200;
  -webkit-transform-origin: -150% 50%;
  -moz-transform-origin: -150% 50%;
  -ms-transform-origin: -150% 50%;
  transform-origin: -150% 50%;
  -webkit-animation: rota 2.13s linear infinite, opa 4.29s ease-in-out infinite alternate;
  animation: rota 2.13s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
.bokeh li:nth-child(3) {
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -0.1em;
  background: #ee2f19;
  -webkit-transform-origin: 50% -150%;
  -moz-transform-origin: 50% -150%;
  -ms-transform-origin: 50% -150%;
  transform-origin: 50% -150%;
  -webkit-animation: rota 2.57s linear infinite, opa 5.12s ease-in-out infinite alternate;
  animation: rota 2.57s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
.bokeh li:nth-child(4) {
  top: 50%;
  left: 0;
  margin: -0.1em 0 0 0;
  background: #394242;
  -webkit-transform-origin: 250% 50%;
  -moz-transform-origin: 250% 50%;
  -ms-transform-origin: 250% 50%;
  transform-origin: 250% 50%;
  -webkit-animation: rota 3.71s linear infinite, opa 5.25s ease-in-out infinite alternate;
  animation: rota 3.71s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
.x-youtube-component {
  position: relative;
}
.x-youtube-component .x-youtube-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px dashed #e8ebeb;
  border-radius: 2px;
}
.x-youtube-component .x-youtube-container .x-youtube-info-block {
  width: 128px;
  height: 100%;
  background-color: #EBEBEB;
  padding: 10px;
  color: #989898;
}
.x-youtube-component .x-youtube-container .x-youtube-info-block .x-video-label {
  font: 11pt Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: bold;
}
.x-youtube-component .x-youtube-container .x-youtube-info-block .x-video-size {
  font: 24pt Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.x-youtube-component .x-youtube-container .x-youtube-info-block .x-video-icon {
  font-size: 96px;
}
.x-youtube-component .x-youtube-text-field-wrapper {
  margin-left: 165px;
  margin-top: 25px;
  vertical-align: middle;
}
.networkChooser .x-template-radio-box-wrapper {
  padding: 0 15px;
}
.networkChooser .x-template-radio-box-wrapper .headline {
  margin-top: 30px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 24px;
}
@-webkit-keyframes rota {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rota {
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rota {
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rota {
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rota {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes opa {
  12.0% {
    opacity: 0.8;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.6;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.6;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
@-moz-keyframes opa {
  12.0% {
    opacity: 0.8;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.6;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.6;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
@-ms-keyframes opa {
  12.0% {
    opacity: 0.8;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.6;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.6;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
@-o-keyframes opa {
  12.0% {
    opacity: 0.8;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.6;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.6;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
@keyframes opa {
  12.0% {
    opacity: 0.8;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.6;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.6;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
.x-alternative-flash-content {
  padding: 10px;
  color: #ffffff;
}
.x-alternative-flash-content a,
.x-alternative-flash-content a:link,
.x-alternative-flash-content a:visited,
.x-alternative-flash-content a:hover {
  color: #77d3c6 !important;
}
.ngxLightUploaderPanel {
  background-color: #989898;
}
.ngx-big-button-container {
  border-color: #808080;
  border-style: dashed;
}
.ngx-big-button-container .ngx-xxlarge-button .x-btn-icon-el[data-icon]:before,
.ngx-big-button-container .ngx-xxlarge-button .x-btn-inner h3,
.ngx-big-button-container .ngx-xxlarge-button .x-btn-inner p {
  color: #9c9c9c;
}
.ngx-big-button-container .ngx-xxlarge-button.x-btn-over .x-btn-icon-el[data-icon]:before,
.ngx-big-button-container .ngx-xxlarge-button.x-btn-over .x-btn-inner h3,
.ngx-big-button-container .ngx-xxlarge-button.x-btn-over .x-btn-inner p {
  color: #ffffff;
}
.ngx-big-button-container.ngx-container-over {
  background-color: #77d3c6;
}
.ngx-big-button-container.ngx-container-over .ngx-xxlarge-button .x-btn-icon-el[data-icon]:before,
.ngx-big-button-container.ngx-container-over .ngx-xxlarge-button .x-btn-inner h3,
.ngx-big-button-container.ngx-container-over .ngx-xxlarge-button .x-btn-inner p {
  color: #38ac9c;
}
.ngx-big-button-container.ngx-container-over .ngx-xxlarge-button.x-btn-over .x-btn-icon-el[data-icon]:before,
.ngx-big-button-container.ngx-container-over .ngx-xxlarge-button.x-btn-over .x-btn-inner h3,
.ngx-big-button-container.ngx-container-over .ngx-xxlarge-button.x-btn-over .x-btn-inner p {
  color: #ffffff;
}
.ngx-container-cmp {
  padding: 40px;
  border-color: #e8ebeb;
  border-style: solid;
}
.ngx-container-cmp ol li {
  padding: 5px 0;
}
.ngx-container-cmp.ngx-container-cmp-small {
  padding: 20px;
}
.ngx-container-cmp.ngx-container-cmp-border-top {
  border-top-width: 1px !important;
}
.ngx-container-cmp.ngx-container-cmp-border-bottom {
  border-bottom-width: 1px !important;
}
.ngx-container-cmp.ngx-container-cmp-border-none {
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
}
.ngx-container-cmp .ngx-form-heading-container {
  padding: 0 0 25px 0;
}
.ngx-container-cmp .ngx-form-heading-container.ngx-nopad-bottom {
  padding-bottom: 0;
}
.ngx-container-cmp .x-form-item,
.ngx-container-cmp .x-container.x-form-fieldcontainer {
  margin: 0 0 15px 0;
}
.ngx-container-cmp.ngx-core-campaign-settings .x-form-checkboxgroup-body,
.ngx-container-cmp.ngx-core-campaign-settings .x-form-item {
  margin: 0 0 15px 0;
}
.ngx-container-cmp .ngx-hbox-container.ngx-hbox-middle {
  margin-top: 0;
  padding: 0;
}
.x-window .ngx-container-cmp {
  border-color: #77d3c6;
}
.insightCompLoading {
  padding: 40px 0;
  text-align: center;
}
.metric-component-wrapper {
  position: relative;
  min-height: 100px;
  margin-top: 1em;
}
.metric-component-wrapper .metric-load-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.metric-component-wrapper .metric-load-wrapper .insightCompLoading {
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.metric-component-wrapper.dark .metric-load-wrapper {
  background: rgba(0, 0, 0, 0.8);
  background-color: rgba(150, 150, 150, 0.7);
  background-image: -webkit-radial-gradient(50% 30%, circle closest-corner, rgba(150, 150, 150, 0.5), rgba(71, 71, 71, 0.5));
  background-image: radial-gradient(circle, rgba(150, 150, 150, 0.5), rgba(71, 71, 71, 0.5));
  background-repeat: no-repeat;
}
.metric-component-wrapper.light .metric-load-wrapper {
  background: rgba(255, 255, 255, 0.8);
  background-color: rgba(250, 250, 250, 0.7);
  background-image: -webkit-radial-gradient(center center, circle, rgba(255, 255, 255, 0.45), rgba(250, 250, 250, 0.69));
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.45), rgba(250, 250, 250, 0.69));
  background-repeat: no-repeat;
}
/* Styles for user auth component of campaign entry screen */
.ngx-dashed-border-top {
  border-top: 2px dashed #ccc;
}
.ngx-dashed-border-bottom,
.ngx-dashed-section-divider {
  border-bottom: 2px dashed #ccc;
}
.x-template-radiogroup-wrapper {
  margin: auto;
}
.x-template-radiogroup-wrapper .headline {
  color: #808080;
}
.x-template-radiogroup-wrapper .x-form-cb-checked .headline,
.x-template-radiogroup-wrapper .x-template-radio-box-wrapper:hover .headline {
  color: #77d3c6;
}
.ngx-page-module-field-container .x-template-radiogroup-wrapper .headline {
  color: #ffffff;
}
.ngx-auth-enforcement-radiogroup-wrapper {
  margin: auto;
}
.ngx-auth-enforcement-radiogroup-wrapper .x-form-radio-group {
  max-width: 250px;
  padding-left: 10px;
  padding-right: 10px;
}
.ngx-core-campaign-settings.ngx-user-auth .ngx-auth-section-divider {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border: 0;
  border-bottom: 2px dashed #ccc;
}
.ngx-core-campaign-settings.ngx-user-auth.expanded {
  background-color: rgba(223, 228, 230, 0.6);
}
/* Styles for user auth account settings screen */
.userAuthWrapper .ngx-user-auth-socialsignin-comp .x-toolbar {
  display: none;
}
.userAuthWrapper .ngx-auth-section-divider {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border: 0;
  border-bottom: 2px dashed #cccccc;
}
.userAuthWrapper .ngx-auth-enforcement-radiogroup-wrapper {
  margin: auto;
}
.userAuthWrapper .ngx-auth-enforcement-radiogroup-wrapper .x-form-radio-group {
  max-width: 250px;
  padding-left: 10px;
  padding-right: 10px;
}
.userAuthWrapper .ngx-user-auth-error {
  color: #c33;
  margin-bottom: 20px;
}
.userAuthWrapper .ngx-user-auth-error .errorContainer {
  display: table;
  vertical-align: middle;
}
.userAuthWrapper .ngx-user-auth-error .errorContainer .x-form-invalid-icon {
  display: table-cell;
}
.userAuthWrapper .ngx-user-auth-error .errorContainer .errorTitle {
  display: table-cell;
  padding: 5px 0 0 10px;
  color: #c33;
}
.userAuthWrapper .ngx-user-auth-social-signin-provider-form {
  border-bottom: 1px solid #d9d9d9;
  padding-top: 20px;
}
.userAuthWrapper .ngx-user-auth-social-signin-provider-form .ngx-userauth-socialsignin-fieldset {
  margin-bottom: 0;
}
.userAuthWrapper .ngx-user-auth-social-signin-provider-form .x-form-radio-group .x-field {
  margin-left: 0 !important;
}
/* Styles for whitelabel apps screen */
.whiteLabelAppsWrapper .ngx-whitelabel-app-network-fields .x-toolbar {
  display: none;
}
.whiteLabelAppsWrapper .ngx-hbox-overline.dashed {
  border-top: 2px dashed #e8ebeb !important;
}
.whiteLabelAppsWrapper .ngx-hbox-overline.first {
  border: 0 !important;
  margin-top: 0;
  padding-top: 0;
}
.whiteLabelAppsWrapper .ngx-hbox-container {
  margin-top: 0;
}
.whiteLabelAppsWrapper .x-form-item {
  margin-left: 0;
}
.whiteLabelAppsWrapper .ngx-formfield-help {
  margin-bottom: 20px;
}
.whiteLabelAppsWrapper .ngx-formfield-help .highlight {
  color: #666;
}
.whiteLabelAppsWrapper .ngx-whitelabel-app-help {
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: none;
  color: #8d9494;
  margin-top: 5px;
}
.whiteLabelAppsWrapper .ngx-whitelabel-app-help .helpContainer {
  margin-bottom: 20px;
}
.whiteLabelAppsWrapper .x-toolbar.x-docked-bottom {
  padding-top: 0;
  padding-bottom: 0;
}
.editableAppsWrapper .ngx-publishing-apps-comp .object.object-fbApp {
  padding-left: 0;
  padding-right: 0;
}
.editableAppsWrapper .ngx-publishing-apps-comp .x-toolbar.x-docked-bottom {
  padding-left: 0;
  padding-right: 0;
}
.ngx-switchable-layout-overlay-container {
  background-color: rgba(102, 102, 102, 0.9);
  margin-right: 540px;
  z-index: 100;
}
.ngx-switchable-layout-container {
  margin: 0 !important;
  padding: 0 !important;
}
.ngx-switchable-layout-container .ngx-form-heading-container {
  padding: 0 !important;
  margin: 0 !important;
}
.ngx-switchable-layout-container .ngx-switchable-icon {
  color: #ffffff;
  text-align: right;
  margin: 30px;
}
.ngx-switchable-layout-container .ngx-switchable-icon i:before {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.ngx-switchable-layout-container .ngx-switchable-icon i span {
  font-size: 32px;
  width: 32px;
  height: 32px;
  text-align: center;
  display: inline-block;
}
.ngx-switchable-layout-container .ngx-switchable-inline-controls {
  padding: 30px;
}
.ngx-switchable-layout-container.no-padding .ngx-switchable-inline-controls {
  padding: 0;
}
.ngx-switchable-layout-container:hover .ngx-switchable-icon {
  color: #77d3c6;
}
.ngx-switchable-layout-container.separator {
  border-top: 1px solid #77d3c6 !important;
}
.ngx-switchable-layout-container:first-child {
  padding-top: 0;
  border-top: none !important;
}
.ngx-switchable-layout-container:first-child .ngx-form-heading-container {
  padding-top: 0 !important;
}
.ngx-switchable-layout-container.top-bottom-separator {
  border-top: 1px solid #77d3c6 !important;
}
.ngx-switchable-layout-container.no-top-border {
  border-top: none;
}
.ngx-switchable-layout-container.no-bottom-border {
  border-bottom: none;
}
.ngx-switchable-layout-container .x-form-item-label {
  text-transform: uppercase;
}
.ngx-switchable-layout-container .x-form-item-label.no-text-transform {
  text-transform: none;
}
.ngx-switchable-layout-container .x-form-item-label-top {
  padding: 0;
  margin-top: 0;
}
.ngx-switchable-layout-container.clickable {
  cursor: pointer;
}
.ngx-switchable-layout-container.clickable label {
  cursor: pointer;
}
.ngx-switchable-layout-container.clickable.x-form-invalid {
  border-color: #ffe7ed;
  background-color: rgba(255, 246, 247, 0.9);
  color: #394242;
}
.ngx-switchable-layout-container .x-field:last-of-type {
  margin-bottom: 0;
}
.ngx-switchable-layout-container .ngx-form-heading-container .ngx-form-heading-headline:last-child {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.ngx-switchable-layout-container .ngx-form-heading-container .ngx-form-heading-byline {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.ngx-switchable-layout-container .ngx-form-heading-container.no-bottom-margin .ngx-form-heading-headline:last-child {
  margin-bottom: 0;
}
.ngx-switchable-layout-container .ngx-form-heading-container.no-bottom-margin .ngx-form-heading-byline {
  margin-bottom: 0;
}
.ngx-switchable-layout-container .ngx-radio-byline {
  color: #8d9494;
}
.ngx-switchable-layout-container .x-form-type-radio {
  margin-bottom: 0 !important;
}
.geo-location {
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
  /*---- console.less ----*/
  *zoom: 1;
}
.geo-location .location-icon {
  float: left;
}
.geo-location .location-icon i[data-icon]:before {
  font-size: 24px;
  line-height: 40px;
  color: #ddd;
}
.geo-location .location-info {
  float: left;
}
.geo-location .location-info .location-title {
  font: normal 18px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: 18px;
  color: #77d3c6;
  margin-bottom: 5px;
}
.geo-location .location-info .location-byline {
  font: 12px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: 12px;
  color: #ddd;
  margin-bottom: 0;
}
.geo-location:before,
.geo-location:after {
  display: table;
  content: "";
  line-height: 0;
}
.geo-location:after {
  clear: both;
}
.geoLocationPreview {
  color: #ffffff;
  font: 22px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding-top: 10px;
}
.geoLocationPreview .latlng {
  padding-right: 30px;
}
.x-window .x-fieldset {
  border-color: #3a6682;
}
.x-window .x-fieldset .x-fieldset-header:hover .x-fieldset-header-text,
.x-window .x-fieldset .x-fieldset-header:hover .x-tool-toggle:before {
  color: #77d3c6;
  -ms-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.x-window .x-fieldset.ngx-checkbox-fieldset .x-fieldset-header-text,
.x-window .x-fieldset.ngx-radio-fieldset .x-fieldset-header-text {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
}
.x-window .x-fieldset.ngx-checkbox-fieldset .x-fieldset-header-text .ngx-fieldset-byline,
.x-window .x-fieldset.ngx-radio-fieldset .x-fieldset-header-text .ngx-fieldset-byline {
  color: #394242;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
  cursor: pointer;
  display: block;
}
.x-window .x-fieldset.ngx-radio-fieldset.x-item-disabled input[disabled].x-form-text {
  background: #e8ebeb;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.x-window .x-fieldset.ngx-radio-fieldset.x-item-disabled .x-fieldset-header:hover .x-fieldset-header-text,
.x-window .x-fieldset.ngx-radio-fieldset.x-item-disabled .x-fieldset .x-fieldset-header:hover .x-tool-toggle:before {
  color: #666;
}
.x-window .x-fieldset.ngx-radio-fieldset.x-item-disabled .x-form-cb-checked .x-fieldset-header:hover .x-fieldset-header-text,
.x-window .x-fieldset.ngx-radio-fieldset.x-item-disabled .x-form-cb-checked .x-fieldset .x-fieldset-header:hover .x-tool-toggle:before {
  color: #77d3c6;
}
.x-window .x-advanced-radio-box-text-wrapper .headline,
.x-window .x-template-radio-box-wrapper .headline {
  color: #ffffff;
}
.x-window .x-advanced-radio-box-text-wrapper .byline,
.x-window .x-template-radio-box-wrapper .byline {
  color: #6c87a1;
}
.x-window .x-advanced-radio-box-text-wrapper:hover .headline,
.x-window .x-template-radio-box-wrapper:hover .headline {
  color: #77d3c6;
}
.x-window .x-form-cb-checked .x-advanced-radio-box-text-wrapper .headline,
.x-window .x-form-cb-checked .x-template-radio-box-wrapper .headline {
  color: #77d3c6;
}
.x-boundlist {
  border-color: #77d3c6;
  background: #ffffff;
  font-size: 13px;
  line-height: 1.38;
}
.x-boundlist.dropdown-invalid {
  border-color: #ee2f19;
}
.x-boundlist .x-boundlist-list-ct {
  margin: 8px;
}
.x-boundlist .x-boundlist-item {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  line-height: 1.38;
  color: #6c7373;
  border-radius: 3px;
}
.x-boundlist .x-boundlist-item.x-boundlist-selected {
  color: #505959;
  font-weight: bold;
}
.x-boundlist .x-boundlist-item-over {
  background-color: #d8f2ee;
  color: #2b8679;
  font-weight: bold;
}
.ngx-text-warning {
  color: #eb8e1b !important;
}
.message-success,
.message-ok {
  background: hsl(146.66666667, 70.21276596%, 27.64705882%);
}
.message-notice {
  background: #77d3c6;
}
.message-loading {
  background: none;
}
.message-notice .icon-status {
  margin: 0;
}
.message-warning {
  background: #eb8e1b;
}
.message-error {
  background: #ee2f19;
}
.hidden {
  display: none!important;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.text-left {
  text-align: left;
}
.text-center,
.pull-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
body,
.x-body {
  /*--- swisshaus/theme.less ---*/
  background: #f7f7f7;
  color: #394242;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 1.2rem;
  line-height: initial;
}
.marigold-footer {
  flex-grow: 0;
  padding: 1rem !important;
  margin: 1rem 2rem !important;
}
.marigold-footer a {
  text-decoration: none;
}
.marigold-footer.inverted {
  color: #ffffff;
}
.marigold-footer.inverted a:link,
.marigold-footer.inverted a:visited {
  color: #ffffff;
}
.experience-workspace .marigold-footer {
  margin-left: calc(50% + 115px) !important;
  transform: translateX(-50%);
}
.layout-unauthed {
  background: transparent url('/c/img/headers/bg-marigold.svg') center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.layout-unauthed .auth-footer {
  background-color: #1C4D4A;
  padding: 10px;
}
.content-login {
  background: #ffffff;
  color: #505959;
  padding: 3.5rem 52.5px;
  margin: 0 auto 6rem;
  max-width: 425px;
  width: 425px;
  min-height: inherit;
  border-radius: 0.6rem;
  -webkit-box-shadow: 0 0.8rem 2rem 0 rgba(57, 66, 66, 0.5);
  -moz-box-shadow: 0 0.8rem 2rem 0 rgba(57, 66, 66, 0.5);
  box-shadow: 0 0.8rem 2rem 0 rgba(57, 66, 66, 0.5);
}
.content-login h2 {
  margin-bottom: 3rem;
}
.content-wide {
  max-width: initial;
  width: 700px;
}
.auth-footer > a,
.auth-footer > span {
  padding: 0 0.6rem;
}
.auth-footer > a {
  color: #3ec0ad;
}
.auth-footer > a:hover {
  color: #77d3c6;
}
.auth-footer > a:not(:first-child),
.auth-footer > span {
  border-left: 0.1rem solid #e8ebeb;
}
body.layout-error {
  /*--- swisshaus/_errors.less ---*/
}
body.layout-error .pageWrapper {
  padding-top: 0;
}
body.layout-error .message-error,
body.layout-error .message-warning {
  background: #e8ebeb;
}
body.layout-error .message-error h1,
body.layout-error .message-warning h1,
body.layout-error .message-error h2,
body.layout-error .message-warning h2,
body.layout-error .message-error i.icon-status:before,
body.layout-error .message-warning i.icon-status:before {
  color: #666666;
}
body.layout-error .message-technical {
  position: static;
  background: transparent;
}
body.layout-error .message-technical h1,
body.layout-error .message-technical h2,
body.layout-error .message-technical p {
  color: #666666;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
body.layout-error .message-technical h2 {
  margin: 30px 0 10px;
}
body.layout-error .message-technical summary {
  display: none;
}
body.layout-error .message-technical .stack {
  border: none;
  padding: 0;
  height: auto;
  background-color: transparent;
}
::selection {
  background-color: #77d3c6;
  color: #ffffff;
}
.action-quick a:link,
.action-quick a:visited {
  color: #505959;
  text-decoration: none;
}
.action-quick a:hover {
  color: #37b8b5;
}
.action-quick p {
  font-size: 12px;
}
textarea[readonly].x-form-textarea,
input[readonly].x-form-text:not(.time-input-noedit),
textarea[disabled].x-form-textarea,
input[disabled].x-form-text {
  color: #6c7373;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
}
.inverted.x-item-disabled input[disabled].x-form-text {
  border: 1px solid #b2b8b8;
  cursor: not-allowed;
}
.inverted.x-item-disabled label.x-form-item-label {
  opacity: 1;
}
input[readonly].x-form-text.x-trigger-noedit {
  background: transparent;
}
.btn {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.connectButton a:link,
.connectButton a:visited {
  color: #ffffff;
}
.btn.btn-component {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #2b8679;
  padding: 10px;
}
.btn.btn-component i:before {
  padding-right: 0;
}
.btn.btn-component:hover {
  color: #37b8b5;
}
.sectionInner {
  background-color: rgba(255, 255, 255, 0.97);
}
.sectionInner .uploader-flash,
.sectionInner.radial-background {
  background-color: #555555;
  background-image: radial-gradient(circle farthest-corner at 200px 200px, #828282, #333333);
}
.sectionInner .component:last-of-type {
  border-radius: 0 0 4px 4px;
}
.panel-app-complex {
  background: #394242;
}
.panel-app-complex label.x-form-item-label {
  color: #d9d9d9;
}
.overlay a {
  color: #ffffff;
}
.overlayMask,
.hintOverlayMask {
  /*---- overlays.less ----*/
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  min-width: 100%;
  min-height: 100%;
  background: #505959;
}
.overlayMask.legacy-overlay-bg,
.hintOverlayMask.legacy-overlay-bg {
  background: #2b3d4e;
}
.ext-ie .hintOverlayMask,
.ext-ie .overlayMask {
  background: rgba(0, 0, 0, 0.85);
}
.overlayMask.overlay-full {
  z-index: 5200;
  border-top: 0.3rem solid #77d3c6;
  text-align: center;
  overflow: scroll;
}
.overlayMask.overlay-full.reward-overlay,
.overlayMask.overlay-full.custom-editor-overlay {
  top: 0;
}
.overlay-full::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.25em;
}
.overlay-full.overlay-vertical::before {
  height: 100%;
}
.overlay-full .close,
.close-preview {
  margin: 25px;
  padding: 10px;
  width: 34px;
  height: 34px;
  z-index: 5000;
  position: fixed;
  right: 24px;
  top: 3px;
  font-family: EngVetica;
  font-size: 32px;
  cursor: pointer;
}
.overlay-full .close {
  color: #d4d9d9;
}
.overlay-full .close:hover {
  color: #77d3c6 !important;
}
.overlay-full .overlay-icon {
  margin: 25px;
  padding: 10px;
  width: 34px;
  height: 34px;
  z-index: 5000;
  position: fixed;
  left: 7px;
  top: 3px;
  font-family: EngVetica;
  font-size: 24px;
  color: #77d3c6;
}
.overlay-full .close:hover,
.close-preview:hover {
  color: #77d3c6 !important;
}
.overlayMask.overlay-full.overlay-top {
  top: 0;
}
.react-overlay {
  color: #ffffff;
  background-color: #404040;
  overflow: scroll;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1060;
}
.react-overlay-close {
  cursor: pointer;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1061;
}
.react-overlay-content {
  height: 100%;
  width: 100%;
}
.overlay-base {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding-top: 93px;
  max-width: 99%;
}
.overlay-base.insights-overlay {
  text-align: left;
  vertical-align: top;
}
.overlay-base.fixed-top {
  position: fixed;
  top: 0;
}
.overlay-base div[class*='col-'] {
  text-align: left !important;
}
.overlay-base .view-sub-header li,
.overlay-base .view-sub-header h2,
.overlay-base .view-sub-header p {
  color: #8d9494;
}
.overlay-base .view-sub-header p {
  line-height: 30px;
}
.overlay-base.editor-fullpage-column.container-fluid {
  max-width: 100%;
}
.overlay .headerWrapper header {
  padding-top: 0;
  background: none;
}
.overlay-base .headerWrapper .navbar {
  top: 3px;
}
.overlay-full.wizard-overlay:before,
.overlay-full.reward-overlay:before,
.overlay-full.reward-badge-overlay:before {
  display: block;
  height: auto;
}
.overlay-full.wizard-overlay .close,
.overlay-full.reward-overlay .close,
.overlay-full.reward-badge-overlay .close,
.overlay-full.wizard-overlay.hasScrolled .close,
.overlay-full.reward-overlay.hasScrolled .close,
.overlay-full.reward-badge-overlay.hasScrolled .close {
  color: #d4d9d9;
  text-shadow: none;
}
.overlay-full.wizard-overlay .overlay-base,
.overlay-full.reward-overlay .overlay-base,
.overlay-full.reward-badge-overlay .overlay-base {
  margin: 0;
  padding: 40px 15px 0;
  display: block;
  max-width: 100%;
}
.overlay-full.wizard-overlay .overlay-base:before,
.overlay-full.reward-overlay .overlay-base:before,
.overlay-full.reward-badge-overlay .overlay-base:before {
  content: '';
  display: block;
}
.overlay-full.wizard-overlay .overlay-base.top-align,
.overlay-full.reward-overlay .overlay-base.top-align,
.overlay-full.reward-badge-overlay .overlay-base.top-align {
  vertical-align: top;
}
.overlay-full.wizard-overlay .overlay-base.top-align.no-top-padding,
.overlay-full.reward-overlay .overlay-base.top-align.no-top-padding,
.overlay-full.reward-badge-overlay .overlay-base.top-align.no-top-padding {
  padding-top: 0;
}
.overlay-full.wizard-overlay .overlay-base.top-align.fixed-top,
.overlay-full.reward-overlay .overlay-base.top-align.fixed-top,
.overlay-full.reward-badge-overlay .overlay-base.top-align.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.overlay-full.wizard-overlay .overlay-base .view-sub-header li,
.overlay-full.reward-overlay .overlay-base .view-sub-header li,
.overlay-full.reward-badge-overlay .overlay-base .view-sub-header li,
.overlay-full.wizard-overlay .overlay-base .view-sub-header p,
.overlay-full.reward-overlay .overlay-base .view-sub-header p,
.overlay-full.reward-badge-overlay .overlay-base .view-sub-header p {
  font-size: 16px;
}
.overlay-full.wizard-overlay .overlay-base .view-sub-header h2,
.overlay-full.reward-overlay .overlay-base .view-sub-header h2,
.overlay-full.reward-badge-overlay .overlay-base .view-sub-header h2 {
  font-size: 26px;
}
.overlay-full.wizard-overlay .overlay-base .view-sub-header ul,
.overlay-full.reward-overlay .overlay-base .view-sub-header ul,
.overlay-full.reward-badge-overlay .overlay-base .view-sub-header ul {
  margin-left: 30px;
}
.overlay-full.wizard-overlay .overlay-base .view-sub-header li,
.overlay-full.reward-overlay .overlay-base .view-sub-header li,
.overlay-full.reward-badge-overlay .overlay-base .view-sub-header li {
  margin-top: 6px;
}
.hintOverlay {
  width: 1170px;
  margin: 90px auto;
}
.hintContent {
  display: block;
  min-width: 400px;
  overflow: auto;
  padding-top: 20px;
  width: 450px;
}
.hintContent.left {
  text-align: left;
  width: 600px;
}
.hintContent.right {
  text-align: right;
}
.hintContent.no-image .hintIcon {
  display: none;
}
.hintContent img {
  max-height: 64px;
  height: auto;
  max-width: 64px;
  width: auto;
}
.hintContent img,
.hintText {
  margin-right: 20px;
  float: left;
}
.right .hintText {
  margin-left: 20px;
  float: right;
}
.hintText h1 {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #666666;
  margin: 0;
}
.hintText p {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #616161;
  margin: 0;
}
.hintText h2 {
  margin: 0;
}
.hintDynamic {
  float: right;
}
.hintContent.dynamicContent {
  width: 100%;
}
.hintContent.dynamicContent .hintIcon {
  display: none;
}
.hintContent.dynamicContent .hintText {
  float: right;
}
.hintContent.dynamicContent .name {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ccc;
  display: inline-block;
}
.hintContent.dynamicContent .name h1 {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  margin: 0;
}
.hintContent.dynamicContent .name p {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ccc;
  margin: 0;
}
.hintContent.dynamicContent .avatar {
  display: inline-block;
  border-right: 1px solid #ccc;
  margin-right: 20px;
  height: 42px;
  width: auto;
}
.overlay-customiser .close {
  display: none;
}
.hint-shown .nav-global a:link,
.hint-shown .nav-global a:visited {
  /*--- swisshaus/_overlays.less ---*/
  color: #a6a6a6;
}
.overlayMask.overlay-message {
  background-color: rgba(210, 210, 210, 0.9);
  background-image: none;
  text-align: center;
}
.overlayMask.overlay-message h1 {
  margin-top: 100px;
  color: #111;
}
.overlayMask.overlay-message p {
  color: #111;
  width: 650px;
  margin: 20px auto 50px;
}
.overlayMask.overlay-message .btn.close {
  margin-top: 50px;
  position: static;
  float: none;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 20px;
  line-height: 20px;
  width: auto;
  height: auto;
  background: #fff;
  padding: 14px;
  vertical-align: middle;
  color: #666;
}
.hint-shown .nav-global a:hover {
  color: #77d3c6;
}
.overlayMask.overlay-reporting {
  background: #f8f8f8;
}
.overlayMask a:link,
.overlayMask a:visited {
  color: #ffffff;
}
.overlayMask .insightsAction a {
  color: #77d3c6;
}
.overlayMask.fb-reply-overlay p,
.overlayMask.fb-reply-overlay h1 {
  color: #ffffff;
}
.overlayMask.fb-reply-overlay .ngx-clear-button a:link,
.overlayMask.fb-reply-overlay .ngx-clear-button a:visited {
  color: #e8ebeb;
}
.overlayMask.fb-reply-overlay .ngx-clear-button a:hover {
  color: #ffffff;
}
.overlayMask .component-creator {
  min-width: 770px;
}
.overlayMask .component-creator .media-body {
  overflow: hidden;
  zoom: 1;
}
.overlayMask .component-creator p {
  margin-top: 0;
}
.overlayMask .component-creator p strong {
  display: inline-block;
}
.overlayMask .component-creator a:link,
.overlayMask .component-creator a:visited {
  color: #989898;
}
.overlayMask .component-creator a:link i,
.overlayMask .component-creator a:visited i,
.overlayMask .component-creator a:link strong,
.overlayMask .component-creator a:visited strong {
  color: #ffffff;
}
.overlayMask.hasScrolled .headerWrapper header {
  background-color: #f0f0f0 !important;
  border-bottom: none;
}
.overlayMask.hasScrolled .headerWrapper header a:link,
.overlayMask.hasScrolled .headerWrapper header a:visited {
  color: #666666;
}
.overlayMask.hasScrolled .headerWrapper header a.current:link,
.overlayMask.hasScrolled .headerWrapper header a.current:visited {
  color: #77d3c6;
}
.layout-editor .overlayMask.hasScrolled {
  background-color: #182027 !important;
}
.content-terms p,
.content-terms h1,
.content-terms h2,
.content-terms h3,
.content-terms li {
  color: #ffffff;
  line-height: normal;
}
.content-terms ul {
  margin-left: 20px;
}
.background-clear {
  background: transparent;
}
.overlay h1 {
  font-size: 36px;
  color: #ffffff;
  font-weight: normal;
  margin: 0;
  text-transform: lowercase;
  text-align: left;
}
.overlay .overlay-byline {
  color: #ffffff;
}
.overlay .meta-label,
.overlay .meta-value {
  color: #ffffff;
}
.overlay .panel-app .sectionHeader {
  background: #394242;
}
.overlay .panel-insights .sectionInner {
  background: #808080;
}
.overlay .panel-insights .sectionInner .btn-complex {
  background: transparent;
}
.ngx-fullscreen-window .ngx-ctrl-box-label,
.ngx-plain-window .ngx-ctrl-box-label,
.wizard-overlay .ngx-ctrl-box-label {
  color: #ffffff !important;
}
.ngx-fullscreen-window .ngx-form-heading-byline,
.ngx-plain-window .ngx-form-heading-byline,
.wizard-overlay .ngx-form-heading-byline,
.ngx-fullscreen-window .ngx-formfield-help,
.ngx-plain-window .ngx-formfield-help,
.wizard-overlay .ngx-formfield-help {
  color: #b2b8b8;
}
.ngx-fullscreen-window .ngx-form-heading-byline .simple-link,
.ngx-plain-window .ngx-form-heading-byline .simple-link,
.wizard-overlay .ngx-form-heading-byline .simple-link,
.ngx-fullscreen-window .ngx-formfield-help .simple-link,
.ngx-plain-window .ngx-formfield-help .simple-link,
.wizard-overlay .ngx-formfield-help .simple-link {
  color: #2b8679;
}
.contentWrapper > footer {
  /*--- swisshaus/theme.less ---*/
  padding-bottom: 55px;
  margin-top: 15px;
}
.panel.action,
.panel.action a:link,
.panel.action a:visited,
.panel.action a:hover {
  color: #404040;
}
.panel-list .sectionInner {
  /*--- swisshaus/theme.less ---*/
  min-height: 500px;
}
.panel-list .sectionInner h1 {
  font-size: 36px;
  font-weight: normal;
  margin: 20px 0;
  color: #666666;
}
.panel-list .sectionInner .toolbar {
  padding-top: 10px;
}
.panel-list .sectionInner .object .attr-meta {
  color: #70859a;
}
.panel-list .sectionInner .object [class*="span"],
.panel-list .sectionInner .object [class*="column"] {
  border-color: #e8ebeb;
}
.panel-list .sectionInner .object-channel a:link,
.panel-list .sectionInner .object-channel a:visited {
  color: #989898;
}
.panel-list .sectionInner .object-channel a:hover {
  color: #77d3c6;
}
.panel-list .sectionInner .campaign-add {
  display: inline-block;
  margin-top: 0.5em;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.panel-list .sectionInner .campaign-add .btn {
  color: #666666;
  padding: 0.4em 0.7em;
}
.panel-list .sectionInner .campaign-add {
  border-left: 1px solid #e8ebeb;
}
.panel-list .sectionInner .campaign-add.component-controls {
  margin: 0;
}
.panel-list .sectionInner .campaign-add.component-controls .component-control-btn {
  margin-right: 0;
}
.panel-list .sectionInner .campaign-add.component-controls .component-control-btn:hover {
  background-color: #38ac9c;
}
.panel-list .sectionInner .campaign-add.component-controls[data-icon]:before {
  font-size: 16px;
}
.panel-list .row h1 {
  margin: 0;
}
.panel-list a:link,
.panel-list a:visited {
  text-decoration: none;
  color: #ffffff;
}
.row-striped div.row:nth-child(odd) {
  background: #989898;
}
.panel-app .header-section {
  background: #ffffff;
  border-bottom: 1px solid;
  border-color: #e8ebeb;
  padding: 15px 20px;
}
.panel-app .header-section h1 {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 20px;
  padding: 0 10px 0 0;
  margin-top: 1px;
  margin-bottom: 0;
}
.panel-app .header-section h2 {
  display: inline-block;
  font-size: 16px;
  padding: 3px 0 0 11px;
  border-left: 1px solid #bcc8d4;
  font-weight: normal;
  vertical-align: middle;
  margin-top: 1px;
  margin-bottom: 0;
  line-height: 20px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 12px;
}
.panel-app .header-section p {
  color: #ffffff;
}
.panel-app .header-section .btn.btn-complex {
  padding: 0;
}
.message .btn {
  background-color: #ffffff;
}
.message .btn:hover {
  background-color: #e6e6e6;
}
.component-list .row.object {
  /*---- campaigns.less ----*/
  padding: 20px 0;
  margin: 0;
}
.component-list .row.object:last-of-type {
  border-bottom: 0;
}
.object.pick-display-objects,
.object.pick-channels {
  padding: 20px;
  margin: 10px 0;
  background-color: #404040;
  border-radius: 2px;
}
.object.pick-display-objects i,
.object.pick-channels i {
  font-size: 50px;
}
.object.pick-display-objects .display-object-icon,
.object .channel-icon {
  vertical-align: middle;
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.object.pick-display-objects .display-container-wrapper,
.object.pick-channels .channel-wrapper {
  margin-top: 10px;
}
.object.pick-display-objects .display-container-wrapper .ngx-center-checkbox-container {
  padding: 5px 0;
}
.overlay .object.object-channel {
  margin-left: 10px;
}
.object-campaign .image-campaign,
.panel-list .object-channel .image-channel {
  padding: 15px 0;
}
.metric-key {
  padding: 40px 0;
  margin: 0 30px 0 0;
  text-align: center;
  height: 56px;
}
.image-channel i[data-icon].icon.xl {
  font-size: 80px;
  padding-right: 0;
}
.panel-list h1 {
  font-size: 36px;
  font-weight: normal;
  margin: 20px 0;
}
.panel-list .row h1 {
  margin: 20px 0 0;
}
.metric-key h1,
.status-campaign h1 {
  margin: 10px 0;
}
.panel-list a:link,
.panel-list a:visited {
  text-decoration: none;
}
#all-campaigns {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.object-campaign h1 a:link,
.object-campaign h1 a:visited {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#campaigns-expired h1 {
  cursor: hand;
  cursor: pointer;
}
.table {
  display: table;
  margin: 0 auto;
}
.launchPromo {
  float: right;
  text-align: center;
  width: 180px;
  min-height: 160px;
  border-left: 2px ridge #777;
  padding: 20px;
}
.prioritisePromoPanel {
  text-align: left;
  background-color: transparent;
  overflow-y: auto;
  height: 560px;
  padding: 10px;
}
.prioritisePlaceholder {
  border: 1px solid #333;
  background: #434343;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) inset;
  padding: 10px 0 10px 50px;
  border-radius: 2px;
  margin: 10px 0;
}
.prioritisePromotionDetails {
  float: left;
  padding: 0 10px;
}
.prioritisePromotionDetails img {
  vertical-align: middle;
  padding: 0 10px;
}
ul.ui-sortable {
  padding: 40px 0 50px;
}
ul#sortable {
  padding: 0;
}
.sortableItem {
  border: 1px solid #333;
  padding: 10px 0 10px 50px;
  border-radius: 2px;
  margin: 10px 0;
}
.sortableTabPlaceholder {
  border: 1px solid transparent;
  background: #434343;
  padding: 10px 5px 10px 10px;
  border-radius: 2px;
  margin: 5px 0;
}
.sortableTab {
  border: 1px solid transparent;
  padding: 10px 5px 10px 10px;
  background: none 5px 50% no-repeat scroll #83B0CA;
  border-radius: 2px;
  margin: 5px 0;
}
.sortableTab.notdraggable {
  background: none 20px 50% no-repeat scroll #666;
  padding: 10px 5px 10px 26px;
}
.sortableTab.draggable {
  background-color: #83b0ca;
  cursor: pointer;
}
/*** MetaPanel ***/
#MetaPanel.midsize > div > div {
  height: 100px;
}
#MetaPanel .row .campaignPromoThemeList {
  width: 286px;
}
.displayUnitMeta {
  display: none;
  text-align: left;
  color: #fff;
}
.component-campaignobject-status {
  background-color: #77d3c6;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
.component-campaignobject-status h1 {
  color: #ffffff;
}
.component-campaignobject-status .component-control-btn {
  margin-right: 0;
  background-color: transparent;
  color: #77d3c6;
  font-size: 32px;
  padding: 20px;
}
.component-campaignobject-status .component-control-btn[data-icon]:before {
  padding-right: 10px;
}
.component-campaignobject-status .component-control-btn:hover {
  background-color: #77d3c6;
  color: #ffffff;
}
.component-campaignobject-status .component-control-btn:hover i[data-icon] {
  color: #ffffff;
}
.component-campaignobject-status .status-wrapper {
  font-size: 0;
  margin: 40px 0 20px;
}
.campaignobject-status {
  background: transparent;
  text-align: center;
  width: 120px;
  display: inline-block;
  margin-right: 1px;
  text-transform: uppercase;
  vertical-align: middle;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.campaignobject-status.current span {
  background-color: #ffffff;
  color: #77d3c6;
  position: relative;
}
.campaignobject-status .component-title {
  padding-right: 20px;
}
.campaignobject-status {
  padding: 10px;
}
.campaignobject-status span {
  padding: 11px 15px 9px 15px;
  border-radius: 2px;
  vertical-align: middle;
}
.campaignobject-status.last {
  border-right: none;
}
.component-campaignobject-next-action .btn,
.component-campaignobject-settings .btn {
  float: right;
}
.component-campaignobject-settings ul.campaignTargetControls,
.component-campaignobject-manage-pages ul.campaignFormControls {
  text-align: center;
  padding: 0;
}
.component-campaignobject-user-journey .linear-flow i {
  vertical-align: middle;
  height: 160px;
  display: table-cell;
}
.metric-campaignobject-invites,
.metric-campaignobject-engagement {
  background: #77d3c6;
}
.metric-campaignobject-referrals {
  background: #cf2e76;
}
.metric-campaignobject-entries {
  background: #46a546;
}
.metric-campaignobject-viral {
  background: #F7CF44;
}
.object-cPage {
  margin-top: 20px;
  margin-bottom: 20px;
}
.object-cPage .attr-meta {
  border-right: 1px solid #989898;
  font-family: Roboto;
  color: #ccc;
}
.object-cPage .attr-meta:last-child {
  border-right: medium none;
}
.object-cP {
  margin: 10px 0;
  padding: 10px;
}
.object-cP .promotionIcon {
  margin-top: -15px;
}
.object-cP h3 {
  font-size: 36px;
  margin: 0;
  color: #ffffff;
}
.object-cP .panel-actions {
  text-align: right;
  margin-top: 5px;
}
.object-cP .panel-actions ul {
  margin: 0;
}
.object-cP .widgetButton {
  display: inline-block;
}
.object-cP .widgetButton.hide {
  display: none;
}
.object-cP .attr-meta {
  border-right: 1px #989898 solid;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.object-cP .attr-meta:first-of-type {
  padding-left: 0;
}
.object-cP .attr-meta:last-child {
  border-right: none;
}
.object-cP h4 {
  margin: 0;
}
.component-campaignobject-participants {
  padding: 0;
  min-height: 710px;
}
.metric-campaignobject-participants {
  background: #46a546;
}
.header-overview,
.header-summary {
  background-size: 100% 500px;
  background-position: center;
  border-bottom: 0;
  padding: 20px;
  border-radius: 4px 4px 0 0;
}
.header-overview .ui.grid,
.header-summary .ui.grid {
  margin: 0 -1em;
}
.header-overview .icon,
.header-summary .icon {
  color: #394242;
}
.header-overview .action-overview:hover > .icon,
.header-summary .action-overview:hover > .icon {
  color: #37b8b5;
}
.header-overview .action-overview:hover .icon,
.header-summary .action-overview:hover .icon {
  color: #37b8b5;
}
.header-overview h1,
.header-summary h1 {
  display: block;
  margin-bottom: 10px;
  color: #505959;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
.header-overview h2,
.header-summary h2 {
  margin: 0;
  padding: 0;
  line-height: 0.9em;
  color: #394242;
  font-size: 60px;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: none;
  word-wrap: break-word;
  font-weight: 100;
}
.header-overview h2 {
  font-size: 72px;
}
.panel-app .sectionInner .emptyMessage {
  font-size: 28px;
}
.panel-app .component-list .meta-campaign .title-byline {
  font-size: 12px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #8d9494;
}
.panel-app .component-list .meta-campaign .title-headline a:hover {
  color: #77d3c6;
}
.component-list {
  min-height: 300px;
}
.component-list .meta-campaign .title-headline {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-weight: 100;
}
.component-list .meta-campaign .title-byline {
  font-size: 12px;
  font-weight: 600;
}
.component-list .toolbar {
  /*---- console.less ----*/
  *zoom: 1;
}
.component-list .toolbar:before,
.component-list .toolbar:after {
  display: table;
  content: "";
  line-height: 0;
}
.component-list .toolbar:after {
  clear: both;
}
.component-list .title-toolbar {
  text-transform: initial;
  float: left;
  margin-top: 0.5em;
}
.component-controls {
  border-color: #77d3c6;
}
.component-controls a,
.component-controls a.ui.button {
  text-transform: uppercase;
}
.component-controls a:focus,
.component-controls a.ui.button:focus {
  color: #394242 !important;
}
.component-controls a:hover,
.component-controls a.ui.button:hover {
  color: #394242 !important;
}
.component-controls a:hover:before,
.component-controls a.ui.button:hover:before {
  color: #394242 !important;
}
.component-controls a:hover i[data-icon],
.component-controls a.ui.button:hover i[data-icon] {
  color: #394242 !important;
}
.panel-list-campaigns .component-controls {
  margin-top: 10px;
}
.toolbar-container {
  padding: 2em 0;
}
.panel-app .no-text-transform {
  text-transform: none;
}
.panel-app .sectionInner h2 {
  color: #364b5f;
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 60px;
  font-weight: 200;
  margin: 0;
}
.complexActions i[data-icon]:before {
  vertical-align: middle;
}
.ngx-message-box .ngx-white-button .x-btn-inner,
.ngx-message-box .ngx-white-button-text .x-btn-inner {
  color: #394242 !important;
}
.ngx-message-box .ngx-white-button .x-btn-icon-el,
.ngx-message-box .ngx-white-button-text .x-btn-icon-el,
.ngx-message-box .ngx-white-button .x-btn-icon-el[data-icon]:before,
.ngx-message-box .ngx-white-button-text .x-btn-icon-el[data-icon]:before {
  color: #ffffff !important;
}
.panel-app-complex .ngx-form-heading-container .ngx-form-heading-headline {
  color: #394242;
}
.row-audience > div {
  text-align: center;
}
.row-audience > div h1 {
  font-size: 72px;
}
.row-audience > div p {
  margin: 0.5em 0;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.row-audience > div:first-child {
  text-align: left;
  padding-top: 30px;
}
.row-audience > div:first-child h1 {
  font-size: 36px;
}
.page-login.layout-unauthed,
.page-welcome.layout-unauthed {
  /*--- swisshaus/_welcome.less ----*/
  margin: 0;
  overflow-x: hidden;
  height: 100%;
  display: flex;
}
.page-welcome div[class*='welcome-'] {
  padding: 35px;
  background: #ffffff;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 8px;
}
.page-welcome div[class*='welcome-'] p {
  font-size: 1.2rem;
}
.welcome-news h1 {
  font-size: 85px;
  margin-bottom: 40px;
  color: #364b5f;
}
.welcome-news p {
  color: #364b5f;
  margin-bottom: 20px;
}
.welcome-news a[class*='link-'] {
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding: 10px;
  width: 150px;
  display: inline-block;
  margin: 0 10px;
}
.welcome-news .link-learn-more {
  background: #77d3c6;
}
.welcome-news .link-learn-more:hover {
  background: #50c7b6;
}
.welcome-news .link-console {
  background: #e3713a;
}
.welcome-news .link-console:hover {
  background: #cd561d;
}
.welcome-news ul.toolbar {
  padding: 20px 0;
  margin: 10px 0;
}
.welcome-news ul.toolbar li {
  display: inline;
}
.panel-app .component {
  border-color: #e8ebeb;
}
.panel-app .component.no-border-bottom {
  border-bottom-width: 0;
}
.panel-app .component.no-top-bottom {
  border-top-width: 0;
}
.panel-app .component:last-child {
  border-bottom: none;
}
.panel-app .component-summary-insights {
  border-bottom: none;
}
.panel-app .component.component-help h2 {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  color: #394242;
  margin-top: 25px;
}
.component-intro-help {
  background-color: #ffffff;
}
.component-intro-help .component-controls,
.component-intro-updates .component-controls {
  margin: 10px 0;
}
.component-intro-help .component-controls .component-control-btn,
.component-intro-updates .component-controls .component-control-btn {
  margin: 0 10px 0 0;
}
.component-intro-help .component-controls .component-control-btn.align-right,
.component-intro-updates .component-controls .component-control-btn.align-right {
  margin: 0 0 0 10px;
}
.component-intro-help .icon,
.component-intro-updates .icon {
  display: inline-flex;
}
.component-intro-help h1,
.component-intro-updates h1,
.component-intro-help h1.ui.header,
.component-intro-updates h1.ui.header {
  font: 18px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.component-intro-help.gamification-intro-help a.component-control-btn,
.component-intro-updates.gamification-intro-help a.component-control-btn {
  display: block;
  width: 100px;
}
.object h3 {
  color: #808080;
}
.object h4,
.object .attr-meta,
.object .action-icon::before {
  font-weight: normal;
}
.panel-flowgrid.forms,
.panel-flowgrid.themes,
.panel-flowgrid.campaigns {
  padding-bottom: 100px;
  min-width: 915px;
}
.select-object-template .toolbar {
  text-align: center;
  border-bottom: 0.1rem solid #e8ebeb;
}
.select-object-template .panel-flowgrid .card {
  background-color: #394242;
  height: 100%;
  width: 100%;
  padding: 0;
  border: 0;
}
.select-object-template .panel-flowgrid [class^="icon-"]:before,
.select-object-template .panel-flowgrid [class*="icon-"]:before {
  display: none;
}
.select-object-template .panel-flowgrid .element {
  width: 220px;
  height: 220px;
  position: relative;
  float: right;
  margin: 10px 20px 10px 0;
}
.select-object-template .panel-flowgrid .element:hover .item {
  background: rgba(139, 139, 138, 0.85);
}
.select-object-template .panel-flowgrid .element:hover .actions {
  display: block;
  padding: 10px 5px;
  line-height: initial;
  height: auto;
}
.select-object-template .panel-flowgrid .element:hover .actions a {
  margin: 0;
  color: #ffffff;
  text-transform: none;
  font: 20px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding: 0;
}
.select-object-template .panel-flowgrid .element:hover .actions a .icon {
  font-size: 20px;
}
.select-object-template .panel-flowgrid .element:hover .caption i,
.select-object-template .panel-flowgrid .element:hover .caption img {
  display: none;
}
.select-object-template .panel-flowgrid .element:hover .caption h2 {
  display: block;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: normal;
  margin-top: 60px;
}
.select-object-template .panel-flowgrid .element:hover .caption h3 {
  font-size: 14px;
}
.select-object-template .panel-flowgrid .caption {
  position: absolute;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  margin: 0;
  background: transparent;
}
.select-object-template .panel-flowgrid .caption a:link,
.select-object-template .panel-flowgrid .caption a:visited {
  color: #ffffff;
}
.select-object-template .panel-flowgrid .caption i.small-feed-icon {
  display: none;
}
.select-object-template .panel-flowgrid .caption i[class*="icon-"]:before {
  display: block;
  text-align: center;
  color: #ffffff !important;
}
.select-object-template .panel-flowgrid .caption i.xl[class*="icon-"]:before {
  font-size: 110px;
}
.select-object-template .panel-flowgrid .caption i.xs.icon-twitter:before,
.select-object-template .panel-flowgrid .caption i.xs.icon-instagram:before {
  font-size: 24px;
  position: absolute;
}
.select-object-template .panel-flowgrid .caption i.xs.icon-twitter:before {
  right: 10px;
}
.select-object-template .panel-flowgrid .caption i.xs.icon-instagram:before {
  left: 10px;
}
.select-object-template .panel-flowgrid .caption h2 {
  display: none;
  font-size: 48px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
  font-weight: normal;
}
.select-object-template .panel-flowgrid .caption h2 .action-link {
  float: none;
}
.select-object-template .panel-flowgrid .caption h3 {
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  text-transform: none;
  font: 20px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.select-object-template .panel-flowgrid .caption p {
  display: none;
}
.select-object-template .panel-flowgrid .caption img {
  margin: 20px 0 40px;
}
.select-object-template .panel-flowgrid .actions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}
.select-object-template .panel-flowgrid .actions .action-link {
  color: #ffffff;
  margin-top: 5px;
  line-height: 29px;
}
.select-object-template .panel-flowgrid .actions .action-link:hover {
  background: transparent;
}
.select-object-template .panel-flowgrid .item {
  background: rgba(255, 255, 255, 0.22);
  height: 100%;
  padding: 0;
  border-radius: 0;
  color: #ffffff;
}
.select-object-template .panel-flowgrid .item.feed {
  background: rgba(100, 100, 100, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-quiz {
  background: rgba(250, 176, 49, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-coupon {
  background: rgba(88, 43, 127, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-contest {
  background: rgba(250, 61, 49, 0.5);
}
.select-object-template .panel-flowgrid .item.icon-game,
.select-object-template .panel-flowgrid .item.icon-download,
.select-object-template .panel-flowgrid .item.icon-content {
  background: rgba(217, 30, 125, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-sweepstake {
  background: rgba(41, 96, 210, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-loyalty,
.select-object-template .panel-flowgrid .item.icon-offer,
.select-object-template .panel-flowgrid .item.icon-click {
  background: rgba(69, 203, 164, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-feed-nokia,
.select-object-template .panel-flowgrid .item.icon-feed-fusepump,
.select-object-template .panel-flowgrid .item.icon-feed-instagram {
  background: rgba(150, 150, 140, 0.7);
}
.select-object-template .panel-flowgrid .item.icon-feed-flickr {
  background: rgba(229, 75, 154, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-signup {
  background: rgba(33, 162, 212, 0.7);
}
.select-object-template .panel-flowgrid .item.icon-feed-twitter {
  background: rgba(99, 205, 241, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-feed-facebook {
  background: rgba(80, 124, 190, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-feed-rss {
  background: rgba(247, 148, 37, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-feed-pinterest {
  background: rgba(241, 95, 93, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-feed-vk {
  background: rgba(88, 122, 158, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-feed-youtube {
  background: rgba(239, 108, 83, 0.6);
}
.select-object-template .panel-flowgrid .item.icon-feed-linkedin {
  background: rgba(0, 123, 182, 0.7);
}
.select-object-template.select-feed-template .view-header {
  text-align: center;
}
.select-object-template.select-feed-template .view-header h1 {
  border: none;
}
.select-object-template.select-feed-template .filters {
  margin: 2rem 0;
}
.select-object-template.select-feed-template .source-text {
  display: none;
  font-size: 14px;
  color: #ffffff;
}
.select-object-template.select-feed-template .panel-flowgrid .element:hover .item {
  background: #3ec0ad;
}
.select-object-template.select-feed-template .panel-flowgrid .element:hover .caption i.small-feed-icon {
  display: block;
  margin-top: 10px;
}
.select-object-template.select-feed-template .panel-flowgrid .element:hover .caption h2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}
.select-object-template.select-feed-template .panel-flowgrid .element:hover .caption h2 a {
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 24px;
  border: 1px solid #ffffff;
}
.select-object-template.select-feed-template .panel-flowgrid .element:hover .caption h3 {
  display: none;
}
.select-object-template.select-feed-template .panel-flowgrid .element:hover .caption p {
  display: block;
  color: #ffffff;
  margin: 20px 0 10px 0;
}
.select-object-template.select-feed-template .panel-flowgrid .element:hover .caption .source-text {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
}
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .item {
  background: rgba(200, 200, 200, 0.85);
}
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .caption i,
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .caption img {
  display: inline;
}
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .caption i.small-feed-icon {
  display: none;
}
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .caption h2 {
  display: block;
}
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .caption img {
  opacity: 0.25;
}
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .caption h3 {
  display: block;
  color: #e8ebeb;
  text-align: center;
  font-weight: normal;
  text-transform: none;
  font: 20px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.select-object-template.select-feed-template .panel-flowgrid .element.feedNotAvailable .caption p {
  display: none;
}
.select-object-template.select-feed-template .panel-flowgrid.feeds {
  margin: 0 auto;
}
.picker-template-campaign .element {
  float: none;
  display: inline-block;
}
.category-container.slideIn {
  -webkit-animation: slide_fade_up 0.4s ease-out forwards;
  -o-animation: slide_fade_up 0.4s ease-out forwards;
  animation: slide_fade_up 0.4s ease-out forwards;
}
.category-container.slideIn.slideOut {
  -webkit-animation: slide_fade_out 0.4s ease-out forwards;
  -o-animation: slide_fade_out 0.4s ease-out forwards;
  animation: slide_fade_out 0.4s ease-out forwards;
}
.featured-container,
.category-container {
  text-align: center;
  padding-top: 40px;
}
#largeCarouselCt .view-header {
  text-align: center;
}
#largeCarouselCt .view-header .template-name {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 48px;
  color: #394242;
  padding: 10px 0 10px 15px;
}
.picker-template-campaign {
  padding-bottom: 100px;
  min-width: 915px;
}
.picker-template-campaign .filters .filter {
  margin: 0;
}
.picker-template-campaign .template-wrapper .template-name.hover-box-title,
.picker-template-campaign .template-wrapper .hover-box-byline {
  font-size: 18px;
  padding: 5px 10px 0;
  position: relative;
  text-align: left;
  margin: 5px 0 0;
}
.picker-template-campaign .template-wrapper .hover-box-byline {
  font-size: 14px;
}
.picker-template-campaign li.filter-group {
  margin: 0;
  padding-left: 3px;
  border-left: 1px solid #616161;
}
.picker-template-campaign li.filter-group:first-of-type {
  border-color: transparent;
}
.picker-template-campaign li.filter-group ul {
  padding-left: 0 !important;
}
.picker-template-campaign a.pull-left {
  cursor: default !important;
}
.picker-template-campaign #toolbarCt {
  text-align: center;
  margin-bottom: 30px;
}
.picker-template-campaign #toolbarCt li {
  list-style: none;
  display: inline-block;
}
.picker-template-campaign .header-actions {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.picker-template-campaign .template-header .icon {
  color: #77d3c6;
}
.picker-template-campaign .campaign-category {
  color: #77d3c6;
  margin: 0;
}
.picker-template-campaign .template-icon,
.picker-template-campaign .carousel-img {
  background-color: rgba(177, 15, 218, 0.37);
  height: 260px;
  width: 210px;
}
.picker-template-campaign .template-icon.type-campaignobject-facebook,
.picker-template-campaign .carousel-img.type-campaignobject-facebook {
  background: rgba(80, 124, 190, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-rss,
.picker-template-campaign .carousel-img.type-campaignobject-rss {
  background: rgba(247, 148, 37, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-pinterest,
.picker-template-campaign .carousel-img.type-campaignobject-pinterest {
  background: rgba(241, 95, 93, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-vk,
.picker-template-campaign .carousel-img.type-campaignobject-vk {
  background: rgba(88, 122, 158, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-youtube,
.picker-template-campaign .carousel-img.type-campaignobject-youtube {
  background: rgba(239, 108, 83, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-content,
.picker-template-campaign .carousel-img.type-campaignobject-content {
  background: rgba(88, 52, 147, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-goal,
.picker-template-campaign .carousel-img.type-campaignobject-goal {
  background: rgba(88, 52, 147, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-contest,
.picker-template-campaign .carousel-img.type-campaignobject-contest {
  background: rgba(250, 61, 49, 0.5);
  background: rgba(100, 156, 89, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-coupon,
.picker-template-campaign .carousel-img.type-campaignobject-coupon {
  background: rgba(184, 189, 82, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-download,
.picker-template-campaign .carousel-img.type-campaignobject-download {
  background: rgba(70, 70, 70, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-loyalty,
.picker-template-campaign .carousel-img.type-campaignobject-loyalty {
  background: rgba(199, 59, 62, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-promotion,
.picker-template-campaign .carousel-img.type-campaignobject-promotion {
  background: rgba(199, 59, 62, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-reveal,
.picker-template-campaign .carousel-img.type-campaignobject-reveal {
  background: rgba(199, 59, 62, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-quiz,
.picker-template-campaign .carousel-img.type-campaignobject-quiz {
  background: rgba(168, 65, 176, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-signup,
.picker-template-campaign .carousel-img.type-campaignobject-signup {
  background: rgba(3, 33, 83, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-social,
.picker-template-campaign .carousel-img.type-campaignobject-social {
  background: rgba(250, 61, 49, 0.5);
  background: rgba(100, 156, 89, 0.6);
}
.picker-template-campaign .template-icon.type-campaignobject-sweepstake,
.picker-template-campaign .carousel-img.type-campaignobject-sweepstake {
  background: rgba(25, 186, 213, 0.6);
}
.picker-template-campaign .template-details {
  height: 195px;
  position: relative;
}
.picker-template-campaign .template-wrapper {
  display: inline-block;
  margin: 0 5px 70px 5px;
  position: relative;
  background-color: #fff;
  text-align: left;
}
.picker-template-campaign .template-wrapper .template {
  background-color: #77d3c6;
}
.picker-template-campaign .template-wrapper .actions {
  padding-top: 17px;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
}
.picker-template-campaign .template-wrapper .btn-create {
  padding: 10px;
  border-radius: 2px;
  font: normal 15px 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
}
.picker-template-campaign .template-wrapper .template {
  cursor: pointer;
  position: relative;
}
.picker-template-campaign .template-wrapper .template.large {
  cursor: default;
}
.picker-template-campaign .template-wrapper .template-name {
  margin: 5px 0;
  font-size: 16px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: normal;
  color: #fff;
  position: absolute;
}
.picker-template-campaign .template-wrapper .hover-box {
  -ms-transition: color .2s ease, border .2s ease, background .2s ease;
  transition: color .2s ease, border .2s ease, background .2s ease;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(50, 204, 254, 0.8);
  z-index: 1000;
}
.picker-template-campaign .template-wrapper:hover .actions {
  display: block;
}
.picker-template-campaign .template-wrapper:hover .hover-box {
  display: inline-block;
}
.picker-template-campaign .template-wrapper .hover-icon-wrapper {
  height: 100%;
  color: #ffffff;
  font-size: 32px;
}
.picker-template-campaign .template-wrapper .hover-icon-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.picker-template-campaign .template-wrapper .hover-icon-wrapper i {
  display: inline-block;
  vertical-align: middle;
  font-size: 48px;
  color: #ffffff;
}
.picker-template-campaign .template-wrapper.featured {
  border-radius: 2px;
  padding: 10px;
}
.picker-template-campaign .template-wrapper.featured .template-name {
  font-size: 20px;
  margin: 0;
  color: #616161;
  position: relative;
}
.picker-template-campaign .template-wrapper.featured .template-details {
  display: inline-block;
  width: 167px;
}
.picker-template-campaign .template-wrapper.featured .hover-box {
  border-radius: 2px;
}
.picker-template-campaign .template-wrapper.featured .actions {
  padding-top: 25px;
}
.picker-template-campaign .template-wrapper.large {
  color: #ffffff;
  width: 1070px;
  cursor: default;
  display: block;
  margin: 0 auto;
  background: transparent;
}
.picker-template-campaign .template-wrapper.large .actions {
  display: inline-block;
  position: relative;
  padding: 0;
  text-align: left;
}
.picker-template-campaign .template-wrapper.large .template-name {
  position: relative;
}
.picker-template-campaign .template-wrapper.large .template-details {
  height: 100%;
  vertical-align: middle;
  zoom: 1;
  overflow: hidden;
}
.picker-template-campaign .template-wrapper.large .template-header .row-main {
  max-width: 440px;
}
.picker-template-campaign .template-wrapper.large dt {
  color: #fff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  line-height: 1.2;
}
.picker-template-campaign .template-wrapper.large dd {
  margin-bottom: 10px;
  cursor: default;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  color: #9c9c9c;
}
.picker-template-campaign .template-wrapper.large .stats-wrapper dd {
  margin-bottom: 5px;
}
.picker-template-campaign .template-wrapper.large .destinations i {
  font-size: 20px;
  color: #ffffff;
}
.picker-template-campaign .template-wrapper.large .stats-wrapper dt {
  color: #ffffff;
  font: normal 14px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: none;
}
.picker-template-campaign .template-wrapper.large .media > .pull-left {
  margin-right: 40px;
}
.picker-template-campaign .template-wrapper.large .hover-box {
  border-radius: 2px;
}
.picker-template-campaign .template-wrapper.large .template-icon {
  width: 479px;
  height: 575px;
}
.picker-template-campaign .icon-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.picker-template-campaign .icon-wrapper i.icon {
  color: #9c9c9c;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.picker-template-campaign .template-pages li {
  display: inline-block;
  list-style: none;
  margin: 10px 10px 0 0;
}
.picker-template-campaign .template-pages img {
  width: 84px;
  height: 100px;
}
.picker-template-campaign .destinations {
  font-size: 18px;
}
.picker-template-campaign .media {
  margin-top: 0;
}
.template-wrapper .actions {
  display: none;
}
.statbar {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
}
.statbar-bar {
  background-color: #77d3c6;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#38ac9c), to(#77d3c6));
  background-image: linear-gradient(to right, #38ac9c, #77d3c6);
  background-repeat: repeat-x;
  float: left;
  width: 0;
  height: 100%;
  line-height: 1px;
}
.wizard .item {
  background: rgba(255, 255, 255, 0.97);
  background-color: rgba(255, 255, 255, 0.97);
}
.wizard .item .ngx-form-heading-headline {
  color: #ffffff;
  padding: 20px 0;
}
.wizard .item .ngx-warning .ngx-form-heading-headline {
  color: #ffffff;
}
.wizard .item .x-form-item label.x-form-item-label {
  color: #989898;
}
.preview-channel-type a {
  color: #666666;
}
.preview-pane {
  background-color: #d9d9d9;
  border-color: #989898;
}
.overview-actions .action-quick:last-child,
.component-actions-quick .action-quick:last-child {
  border-right: none;
}
.overview-actions .action-quick p,
.component-actions-quick .action-quick p,
.overview-actions .action-quick form .media,
.component-actions-quick .action-quick form .media {
  margin-top: 0;
}
.row-intro {
  margin-top: 20px;
}
.row-intro h1 {
  text-transform: uppercase;
}
.row-intro p {
  font-size: 12px;
}
.component.component--no-border {
  border-width: 0;
}
.component .statBox h1 {
  color: #ffffff;
}
.component .header--note {
  color: #8d9494;
}
.component-list .filter-link.btn.active,
.component-list .filter-link.btn:hover {
  background: #77d3c6;
  color: #394242;
}
.filter-link.dark {
  color: #394242 !important;
}
.filter-link.dark.active,
.filter-link.dark:hover {
  color: #3ec0ad !important;
  text-decoration: underline;
}
.btn:active {
  box-shadow: none;
}
.component-list .row.object {
  border-bottom: 1px dashed #d9d9d9;
}
.component-list .container-list {
  display: none;
}
.component-list .container-list > h1 {
  float: left;
}
.component-list .container-list > h2 {
  clear: both;
}
.component-list .container-list .list-campaign {
  clear: both;
}
.panel-list .container-list {
  display: none;
}
.panel-list .object-campaign {
  overflow: hidden;
}
.panel-list .toolbar .btn-complex {
  color: #666666;
  margin: 0 10px;
}
.panel-list .toolbar .btn-complex:hover {
  background: #77d3c6;
  color: #ffffff;
}
.panel-app .component-list .image-channel {
  border-radius: 2px 0 0 2px;
  text-align: center;
}
.panel-app .component-list .image-channel .icon.xl {
  font-size: 72px;
}
.panel-app .component-list .image-campaign > a {
  max-width: 100%;
}
.panel-app .component-list .image-campaign img {
  height: 100%;
}
.panel-app .component-list .image-campaign .icon.xl {
  color: #ffffff;
}
.panel-app .component-list .image-campaign .icon.xs {
  position: absolute;
  top: 10px;
  color: #ffffff;
}
.panel-app .component-list .image-campaign .icon-twitter,
.panel-app .component-list .image-campaign .icon-instagram {
  left: 10px;
}
.panel-app .component-list .image-channel {
  line-height: 84px;
}
.panel-app .component-list .title-byline {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 14px;
  text-transform: uppercase;
}
.panel-app .component-list .title-headline {
  font-size: 36px;
  text-transform: none;
}
.panel-app .component-list .title-headline a:link,
.panel-app .component-list .title-headline a:visited {
  color: #364b5f;
}
.panel-app .component-list .status-channel {
  text-align: center;
  padding-top: 20px;
}
.list-campaign .attr-meta {
  padding: 0 10px 0 0;
  color: #8095a9;
}
.list-campaign .list-actions-campaign {
  text-align: right;
  padding-right: 0;
}
.campaign-add.align-left .component-control-btn {
  margin-left: 0;
  border: 1px dashed #989898;
  border-radius: 0.25em;
}
.campaign-add.align-left .component-control-btn:before {
  color: #989898;
  font-size: 20px;
  padding: 0;
}
.attr-meta {
  font-size: 12px;
}
.attr-meta .campaign-object-status-label {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  background: #989898;
  color: #ffffff;
  display: inline-block;
  border-radius: 0.25em;
  margin-right: 1em;
  text-transform: uppercase;
  padding: 0.25em 0.5em;
}
.component-details .component-meta,
.component-hover-box .component-box-byline {
  color: #8d9494;
}
.ngx-formfield-help {
  color: #394242;
}
.component .ngx-drag-and-drop-uploader .upload-view-error p {
  color: #394242;
}
p.ngx-radio-byline,
p.ngx-checkbox-byline {
  margin-top: 0;
}
.component-hover-box .component-box-title {
  color: #666666;
}
.component-hover-box .hover-box-title,
.component-hover-box .hover-box-byline {
  color: #ffffff;
  z-index: 100;
}
.campaign-status-live .campaign-object-status-label {
  background: #ee2f19;
}
.panel-list .campaign-status-live .campaign-object-status {
  background-color: #eb4f31;
}
.actions-campaign {
  list-style: none;
  margin-top: 40px;
  padding: 0;
}
.actions-campaign li {
  display: inline-block;
  margin: 15px 10px 0;
  cursor: pointer;
  color: #808080;
}
.actions-campaign li a:link,
.actions-campaign li a:visited {
  color: #808080;
}
.actions-campaign li a:hover {
  color: #77d3c6;
}
.actions-campaign li.boxout {
  margin: -10px 0 0 10px;
  background: #989898;
  min-width: 60px;
  padding-top: 5px;
}
.actions-campaign li.boxout a:link,
.actions-campaign li.boxout a:visited {
  color: #ffffff;
  font-size: 16px;
}
.actions-campaign li.boxout span:before {
  margin-top: -2px;
}
.actions-campaign li.boxout:hover {
  background: #e8ebeb;
}
.campaign-summary-section h1.campaign-summary-title:before {
  color: #ffffff;
}
.component-controls .component-control-btn.btn-warning[data-icon]:before {
  color: #ee2f19 !important;
}
.component-controls .component-control-btn.btn-warning[data-icon]:hover:before {
  color: #989898 !important;
}
.component.component-campaignobject-next-action {
  border-bottom: none;
}
.component.component-campaignobject-next-action h1,
.component.component-campaignobject-next-action a:link,
.component.component-campaignobject-next-action a:visited {
  color: #ffffff;
}
.object.pick-display-objects {
  background-color: #989898;
  color: #ffffff;
}
.object.pick-display-objects h3,
.object.pick-display-objects .attr-meta {
  color: #ffffff;
}
.object-campaign .icon-campaign:before {
  content: '';
}
.panel-list .metric-campaign {
  padding-top: 4em;
  text-align: center;
  margin-left: 0;
}
.panel-list .metric-campaign .metric-key {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  margin: 0;
  font-size: 3em;
}
.panel-list .metric-campaign .metric-label {
  display: block;
}
.object-meta .attr-meta.last {
  border-right: 0;
}
.campaign-object-name .icon {
  border-right: 1px solid #e8ebeb;
  padding: 10px;
  margin-right: 5px;
  vertical-align: middle;
}
.component-campaignobject-status .status-wrapper {
  margin: 20px 0;
  text-align: right;
}
.campaign-object-status {
  color: #ffffff;
}
.panel-list .campaignobject-status.current span {
  background: #ffffff;
  color: #666666;
}
.panel-app .component-connect-header h1,
.panel-app .component-connect-header h2 {
  color: #ffffff;
}
.header-account-select .btn {
  color: #a6a6a6;
}
.header-account-select .btn:hover {
  color: #394242;
}
.container-account-select .option-set a {
  color: #ffffff;
}
.status-conflict {
  background-color: #ee2f19;
}
.status-conflict .component {
  border-bottom: 0;
}
.status-conflict h3,
.status-conflict .attr-meta {
  color: #ffffff;
}
.status-conflict-message {
  border-color: #ffffff;
}
.status-conflict-message .component-status-tab p {
  color: #ffffff;
}
.status-conflict .boxout {
  color: #ffffff;
}
.status-conflict .action-icon::before {
  color: #ffffff;
}
/* Metrics */
.metrics-small .metric {
  vertical-align: middle;
}
.metrics-small .metric h2 {
  font-size: 12px!important;
}
.overlay-full .close,
.close-preview {
  margin: 0;
}
.overlay-full.overlay-layout-editor .close {
  display: none;
}
.layout-complex-fullscreen .CodeMirror {
  height: 95%;
}
.editor-form .CodeMirror {
  height: 100%;
}
.editor-form-new {
  overflow: hidden;
  background-color: rgba(90, 90, 90, 0.8);
  background-image: radial-gradient(circle, rgba(100, 100, 100, 0.75), rgba(50, 50, 50, 0.99));
  background-repeat: no-repeat;
}
.editor-form-new .panel-app {
  margin-bottom: 10px;
}
.editor-form-new .pageWrapper {
  padding: 0;
}
.editor-form-new .contentWrapper {
  padding-bottom: 0;
}
.editor-form-new .sectionInner {
  background-color: transparent;
}
.editor-form-new .CodeMirror {
  height: 100%;
}
.overview-header-summary {
  color: #ffffff;
}
.overview-header-summary h1 {
  font-weight: bold;
  color: #ffffff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 40px;
}
.overview-header-summary h2 {
  font-weight: normal;
  color: #ffffff;
  font-size: 96px;
  margin: 10px 0;
}
.conversations .component h2,
.conversations .component h3 {
  color: #808080;
}
.conversations .insights-horizontal-header {
  margin-bottom: 20px;
}
.conversations .insights-horizontal-header h1,
.conversations .insights-horizontal-header p {
  padding: 20px;
}
.conversations .component.nopad .insights-horizontal-header {
  padding: 35px 35px 20px;
  width: auto;
}
.conversations .panel-app .networkChooser h2 {
  color: #77d3c6;
}
.post-wizard-actions {
  text-align: center;
}
.post-wizard-actions .media-heading {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 64px;
  font-weight: normal;
  color: #989898;
}
.post-wizard-actions .action-quick {
  pointer: cursor;
  padding: 20px 0;
}
.post-wizard-actions .action-quick p {
  font-size: 14px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.post-wizard-actions .action-quick a:link i[data-icon],
.post-wizard-actions .action-quick a:visited i[data-icon] {
  float: none;
  font-size: 64px;
  color: #989898;
}
.post-wizard-actions .action-quick a:hover i[data-icon],
.post-wizard-actions .action-quick a:hover strong {
  color: #37b8b5;
}
.post-wizard-actions .action-quick a:hover p {
  color: #3ec0ad;
}
.post-wizard-step-graph {
  border-top: 1px dashed #e8ebeb;
  padding: 0 54px 0 18px;
  position: relative;
}
.post-wizard-step-graph .step-graph-face {
  margin-top: -18px;
  margin-left: 0;
  position: relative;
  -ms-transition: margin-left 0.5s ease;
  transition: margin-left 0.5s ease;
}
.post-wizard-step-graph .step-graph-face i:before {
  font-size: 36px;
  line-height: 36px;
  color: #e8ebeb;
}
.post-wizard-step-graph .wizard-step-icons {
  position: absolute;
  right: 54px;
  left: 18px;
  top: -20px;
  color: #ffffff;
  font-size: 24px;
  line-height: 36px;
}
.post-wizard-step-graph .wizard-step-icons .step-icon {
  position: absolute;
  padding: 0 6px;
  opacity: 1;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -moz-transition-delay: 1s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.5s;
  -ms-transition-delay: 1s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  -o-transition-delay: 1s;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 1s;
}
.ngx-ctrl-box-label {
  cursor: pointer;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-size: 1.5rem;
  margin: 0 0 0 35px;
  text-align: left;
  vertical-align: middle;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: start;
  padding-top: 0.5rem;
  line-height: 2.4rem;
}
.ngx-ctrl-box-byline {
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  font: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #8d9494;
  font-size: 12px;
  text-align: left;
  line-height: 2rem;
}
.x-field-large .x-form-checkbox {
  vertical-align: top;
  margin: 5px 0 0;
}
.x-field-large .ngx-ctrl-box-label {
  font: normal 36px Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  font-weight: 100;
  color: #6c7373;
  margin: 10px 0 0 32px;
}
.x-field-large .ngx-ctrl-box-byline {
  font-size: 18px;
}
.ngx-component-schedule-datetime-title {
  font-size: 24px;
  text-align: center;
}
.ngx-component-schedule-datetime-title-text,
.ngx-component-copy-container-title-text,
.ngx-component-title-text {
  display: inline-block;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
}
.ngx-component-copy-container-title,
.ngx-component-title {
  font-size: 32px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
figure {
  margin: 0;
}
legend {
  width: 100%;
}
dd {
  margin-left: 0;
}
.text-uppercase {
  text-transform: uppercase;
}
.list-inline > li {
  display: inline-block;
}
.panel-dashboard {
  /*---- dashboard.less ----*/
  padding: 3rem 4rem;
  /*---- console.less ----*/
  *zoom: 1;
  min-height: 120px;
  margin: 0;
  background: #ffffff;
  border-bottom: 0.1rem solid #e8ebeb;
}
.panel-dashboard:before,
.panel-dashboard:after {
  display: table;
  content: "";
  line-height: 0;
}
.panel-dashboard:after {
  clear: both;
}
.row:last-child .panel-dashboard {
  border: none;
}
.row-welcome > div {
  text-align: center;
}
.row-welcome > div h1 {
  font-size: 72px;
}
.row-welcome > div:first-child {
  text-align: left;
  padding-top: 30px;
}
.row-welcome > div:first-child h1 {
  font-size: 36px;
}
.row-welcome > div:first-child > .col-md-2:first-child {
  background: #ffffff;
  border-radius: 0.2rem;
}
.component-dashboard-activity {
  padding: 0;
  margin-bottom: -3rem;
}
.component-dashboard-activity a:link,
.component-dashboard-activity a:visited {
  text-decoration: none;
}
.section-dashboard {
  /*--- swisshaus/_dashboard.less ---*/
  background: #1C4D4A url('/c/img/headers/bg-marigold.svg') center 0 no-repeat;
  background-size: cover;
}
.section-dashboard .marigold-footer {
  color: #ffffff;
}
.section-dashboard .marigold-footer > .column > a {
  color: #3ec0ad;
}
.section-dashboard .marigold-footer > .column > a:hover {
  color: #77d3c6;
}
.section-dashboard .marigold-footer .marigold-footer__links a,
.section-dashboard .marigold-footer .marigold-footer__links span {
  background-color: #1C4D4A;
  padding: 10px 0;
}
.section-dashboard .contentWrapper {
  padding: 0.4rem 0 0;
}
.component-dashboard-whatsnew {
  background: transparent;
  border-bottom: 0;
  padding: 1rem 0;
  margin-bottom: 1rem;
  margin-top: 80px;
  min-height: 0;
}
.component-dashboard-whatsnew h2 {
  font-size: 1.8rem;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  background-color: #394242;
  color: #ffffff;
  float: right;
  padding: 1.5rem;
}
.component-dashboard-whatsnew h2:before[data-icon] {
  color: #ffffff;
}
.component-dashboard-whatsnew a,
.component-dashboard-whatsnew a:link,
.component-dashboard-whatsnew a:visited {
  color: #ffffff;
  text-decoration: none;
}
.component-dashboard-quickactions .row:first-child h1 {
  margin: 2rem 0 0;
}
.component-dashboard-activity .what-evt {
  color: #9c9c9c;
  max-width: 800px;
  margin-left: 1rem;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none;
}
.ui.menu:not(.vertical) .visible-xs,
.ui.menu:not(.vertical) .visible-sm,
.ui.menu:not(.vertical) .visible-md,
.ui.menu:not(.vertical) .visible-lg {
  display: none;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .ui.menu:not(.vertical) .visible-xs {
    display: flex;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .ui.menu:not(.vertical) .visible-sm {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1169px) {
  .visible-md {
    display: block;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .ui.menu:not(.vertical) .visible-md {
    display: flex;
  }
}
@media (min-width: 992px) and (max-width: 1169px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1169px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1169px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1170px) {
  .visible-lg {
    display: block;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .ui.menu:not(.vertical) .visible-lg {
    display: flex;
  }
}
@media (min-width: 1170px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1170px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1170px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
  .ui.menu:not(.vertical) .hidden-xs {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none;
  }
  .ui.menu:not(.vertical) .hidden-sm {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1169px) {
  .hidden-md {
    display: none;
  }
  .ui.menu:not(.vertical) .hidden-md {
    display: none;
  }
}
@media (min-width: 1170px) {
  .hidden-lg {
    display: none;
  }
  .ui.menu:not(.vertical) .hidden-lg {
    display: none;
  }
}
.ck.input .ui.input.large input[type='text'],
.ck.input .ui.input.large input[type='password'] {
  height: 33px;
}
.ck.color-picker .ck.input .ui.input.large input[type='text'] {
  height: 50px;
}
.ck.color-picker.compact .ck.input .ui.input.large input[type='text'] {
  height: 33px;
}
.ck.dropdown .ui.dropdown input[type='text'] {
  height: auto;
}
.ck.dropdown .ui.dropdown .message {
  position: static;
}
h1 {
  margin: 0 0 0.5rem;
}
.message .ui.grid {
  margin: 0;
}
.ui.menu .ui.dropdown .menu > .item:hover {
  color: #3ec0ad;
}
.ui.list {
  font-size: 1.2rem;
}
/***********************************
    User Variable Overrides - Item
***********************************/
.ui.items > .item > .content > .header {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-weight: 200;
  color: #394242;
}
.ui.items > .item > .content > .header:not(.ui) {
  font-size: 36px;
}
.ui.items > .item > .content > .header:not(.ui).smaller-header-font {
  font-size: 32px;
}
.ui.items > .item .meta {
  color: #8d9494;
}
.ui.items > .item > .content > .description {
  color: #6c7373;
}
.ui.items > .item > .content > .description span:not(.boxout) {
  border-left: 1px solid #e8ebeb;
  padding: 0 3px 0 7px;
}
.ui.items > .item > .content > .description span:first-of-type {
  border-left-width: 0;
  padding-left: 0;
}
.ui.input input[type='text'] {
  height: auto;
}
.ui.cards > .card > .image,
.ui.card > .image {
  width: 100%;
}
.ui.grid .row.accent,
.ui.grid .column.accent {
  background-color: #ffffff;
}
.ui.button:hover,
.ui.button:active,
.ui.active.button:active {
  color: #394242;
  background-color: #3ec0ad;
}
.ui.button {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
}
.ui.page.modals.dimmer {
  z-index: 5100;
}
.ui.page.modals.dimmer:has(.fullscreen) {
  background: none;
  backdrop-filter: none;
}
.ck-icon .icon.icon-content:before {
  content: '5' !important;
}
.ck-popup-menu-parent .vertical.menu {
  margin: 0;
}
.ck-simple-popup.ui.popup {
  z-index: 20000;
}
.ck-simple-popup.ui.popup.very.wide {
  max-width: 760px;
}
.ck-adaptive-tooltip {
  z-index: 20001;
}
.header-overview .icon.xxl {
  margin: 0;
}
.header-overview .icon.xxl:before {
  padding-right: 0;
}
.header-overview .ui[class*="vertically divided"].grid > .row:before {
  box-shadow: none;
  border-bottom: 1px dotted #d4d9d9;
}
.header-overview .ui[class*="vertically divided"].grid > .row:first-child:before {
  box-shadow: none;
  border-bottom-width: 0;
}
.ui.items > .item .meta {
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
.ui.items > .item .boxout {
  display: inline;
}
.ui.items > .item > .content a:not(.ui) {
  color: #394242;
}
.ui.grid .row-intro,
.ui.grid .row-intro + .column {
  margin-top: 0;
}
.ui.grid .column.action-quick,
.header-overview .ui.grid {
  margin: 0;
}
.ui.container.footer {
  margin-top: 2rem;
}
.ui.hero {
  min-height: 400px;
}
.ui.banner {
  min-height: 300px;
}
.ui.banner,
.ui.hero {
  margin: -1rem;
  position: relative;
}
.ui.banner.transparent,
.ui.hero.transparent {
  background-color: transparent;
}
.ui.banner.base,
.ui.hero.base {
  background-color: #b8c6cc;
}
.ui.banner.accent,
.ui.hero.accent {
  background-color: #ffffff;
}
.ui.banner .content.top,
.ui.hero .content.top {
  position: absolute;
  left: 0;
  right: 0;
  top: 2rem;
}
.ui.banner .content.middle,
.ui.hero .content.middle {
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  bottom: 1rem;
}
.ui.banner .content.middle > *,
.ui.hero .content.middle > * {
  height: 100%;
}
.ui.banner .content.bottom,
.ui.hero .content.bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
}
.ui.banner {
  margin: -1rem;
  min-height: 300px;
  position: relative;
}
.ui.banner.transparent {
  background-color: transparent;
}
.ui.banner.base {
  background-color: #b8c6cc;
}
.ui.banner.accent {
  background-color: #ffffff;
}
.ui.banner .content.top {
  position: absolute;
  left: 0;
  right: 0;
  top: 2rem;
}
.ui.banner .content.middle {
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  bottom: 1rem;
}
.ui.banner .content.middle > * {
  height: 100%;
}
.ui.banner .content.bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
}
.panel-default > .panel-heading {
  color: #394242;
  background-color: #f7f7f7;
  border-color: #4f667b;
}
.panel-body {
  padding: 15px;
}
.component-campaigns > .ui.grid {
  margin: 0 -1rem;
}
.list-campaign .object-campaign.row {
  padding: 35px 0;
}
.list-campaign .object-campaign.row > .ui.grid {
  margin: 0;
}
@media all and (-ms-high-contrast: none) {
  body,
  .x-body,
  .ngx-grid-tile-item .ngx-item-actions .item-action-icon,
  .x-fieldset.ngx-checkbox-fieldset .x-fieldset-header .x-fieldset-header-text,
  .x-fieldset.ngx-radio-fieldset .x-fieldset-header .x-fieldset-header-text,
  .select-object-template .panel-flowgrid .element:hover .actions,
  .ui.cards .ui.card .content .header,
  .ui.card .content .header,
  .ui.cards .ui.card .content .description,
  .ui.card .content .description {
    line-height: normal;
  }
}
.wyn-page-designer {
  background-color: #394242;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.wyn-page-designer .drop-zone-ghost-column-mixin {
  height: 72px;
  width: 100%;
  border: 0.1rem dashed #77d3c6;
  background-color: #3ec0ad;
}
.wyn-page-designer .drop-zone-ghost-row-mixin {
  height: 114px;
  margin: 0;
  border: 0.1rem dashed #77d3c6;
  background-color: #3ec0ad;
}
.wyn-page-designer .module-error-styles-mixin {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-page-designer .ck.ui.button.basic {
  border-radius: 0;
}
.wyn-page-designer .pd-wrapper {
  display: flex;
  align-items: stretch;
  width: 100%;
  padding-top: 75px;
  height: 100%;
}
.wyn-page-designer .ck-side-pane__container {
  flex: 0 0 100px;
  height: auto;
  z-index: 3;
}
.wyn-page-designer .ck-side-pane__container .ck-side-pane.tiny {
  text-align: center;
  padding: 2rem 0.7rem;
  word-wrap: break-word;
  min-height: 100%;
  overflow-y: visible;
  height: inherit;
  position: absolute;
}
.wyn-page-designer .ck-side-pane__container .asset-radio-menu .ui.secondary.menu .item {
  width: auto;
}
.wyn-page-designer .ck-side-pane__container .asset-radio-menu .ui.secondary.menu .item .content {
  padding-top: 5px;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.wyn-page-designer .ck-side-pane__container .asset-radio-menu .ui.secondary.menu .item .ui.tiny.image {
  box-sizing: content-box;
  padding: 3px;
}
.wyn-page-designer .ck-side-pane__container .asset-radio-menu .ui.secondary.menu .item .pd-edit-overlay {
  color: #ffffff;
  font-family: Roboto Condensed Bold, 'Helvetica Neue', sans-serif;
  font-size: 1.5rem;
}
.wyn-page-designer .ck-side-pane__container .asset-radio-menu .ui.secondary.menu .item .pd-edit-overlay i.icon.icon-edit.large {
  color: #ffffff;
  border: none;
  padding: 0;
  height: inherit;
  margin-bottom: 0.5rem;
}
.wyn-page-designer .ck-side-pane__container .ui.tiny.image {
  width: 50px;
}
.wyn-page-designer .pd-content-wrapper {
  flex: 1;
  height: calc(100vh - 75px);
  overflow-y: auto;
}
.wyn-page-designer .page-layout .ck.ui.grid {
  /***** begin page layouts *****/
  /***** end page layouts *****/
}
.wyn-page-designer .page-layout .ck.ui.grid > .row > .column {
  box-sizing: border-box;
  vertical-align: top;
}
.wyn-page-designer .page-layout .ck.ui.grid .\31 col_full > .row > .column,
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_mid_mid > .row > .column,
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_thin_extrawide > .row > .column,
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_extrawide_thin > .row > .column,
.wyn-page-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .column {
  display: inline-block;
}
.wyn-page-designer .page-layout .ck.ui.grid .\31 col_full > .row > .column {
  width: 100%;
}
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_thin_extrawide > .row > .column:nth-child(2),
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_extrawide_thin > .row > .column:nth-child(1) {
  width: 67%;
}
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_mid_mid > .row > .column:nth-child(1),
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_mid_mid > .row > .column:nth-child(2) {
  width: 50%;
}
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_thin_extrawide > .row > .column:nth-child(1),
.wyn-page-designer .page-layout .ck.ui.grid .\32 col_extrawide_thin > .row > .column:nth-child(2),
.wyn-page-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .column:nth-child(1),
.wyn-page-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .column:nth-child(3) {
  width: 33%;
}
.wyn-page-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .column:nth-child(2) {
  width: 34%;
}
.wyn-page-designer .page-layout {
  flex: 1;
  padding-bottom: 2rem;
  padding-top: 2.4rem;
  overflow-x: hidden;
}
.wyn-page-designer .page-layout .ui.grid > .row {
  padding: 0;
}
.wyn-page-designer .page-layout .ui.grid > .row > .column {
  margin: 0;
  padding: 0;
}
.wyn-page-designer .page-layout > .ui.grid > .row:last-child {
  margin-top: 2rem;
}
.wyn-page-designer .page-layout .row.draggable {
  background-color: #394242;
  border: 1px dashed #505959;
  border-left-color: transparent;
  border-right-color: transparent;
  padding: 2rem 5rem;
  position: relative;
}
.wyn-page-designer .page-layout .row.draggable > .ck-icon > i {
  position: absolute;
  top: calc(50% - 1rem);
  visibility: hidden;
}
.wyn-page-designer .page-layout .row.draggable > .ck-icon > i.icon-move {
  left: 1.5rem;
}
.wyn-page-designer .page-layout .row.draggable > .ck-icon > i.icon-cancel {
  right: 1.5rem;
}
.wyn-page-designer .page-layout .row.draggable.hovering {
  border: 1px solid #8d9494;
}
.wyn-page-designer .page-layout .row.draggable.hovering > .ck-icon > i {
  visibility: visible;
}
.wyn-page-designer .page-layout .row.draggable > .column {
  vertical-align: top;
}
.wyn-page-designer .page-layout .row.draggable.hideMe {
  display: none;
}
.wyn-page-designer .page-layout .module.draggable {
  position: relative;
}
.wyn-page-designer .page-layout .module.draggable .module-icons {
  position: absolute;
  top: calc(50% - 1rem);
  left: 1rem;
  right: 1rem;
  visibility: hidden;
}
.wyn-page-designer .page-layout .module.draggable .module-icons .action-icons {
  float: right;
}
.wyn-page-designer .page-layout .module.draggable .module-icons .action-icons .ck-icon {
  margin-left: 0.4rem;
}
.wyn-page-designer .page-layout .module.draggable.hovering {
  background-color: #d8f2ee;
}
.wyn-page-designer .page-layout .module.draggable.hovering .ui.basic.label,
.wyn-page-designer .page-layout .module.draggable.hovering .ui.horizontal.fluid.label,
.wyn-page-designer .page-layout .module.draggable.hovering .ui.basic.label.medium.base.inverted,
.wyn-page-designer .page-layout .module.draggable.hovering .ck-icon .icon {
  color: #008582 !important;
  border: none;
}
.wyn-page-designer .page-layout .module.draggable.hovering .module-icons {
  visibility: visible;
}
.wyn-page-designer .page-layout .module.draggable.hovering .pd-module-icon {
  visibility: hidden;
}
.wyn-page-designer .page-layout .module.draggable.hovering .pd-module-text {
  width: calc(100% - 13rem);
}
.wyn-page-designer .page-layout .pd-fullsize-module {
  padding: 15px 10px;
  white-space: nowrap;
}
.wyn-page-designer .page-layout .pd-fullsize-module .pd-module-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  visibility: visible;
}
.wyn-page-designer .page-layout .pd-fullsize-module .pd-module-text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 4.3rem);
}
.wyn-page-designer .page-layout .pd-fullsize-module .pd-module-text .ui.label {
  padding: 0;
}
.wyn-page-designer .page-layout .pd-fullsize-module .pd-module-text .pd-module-byline {
  padding-top: 3px;
}
.wyn-page-designer .page-layout .pd-fullsize-module .pd-module-text .pd-module-byline .ui.label {
  color: #d4d9d9 !important;
}
.wyn-page-designer .page-layout .pd-fullsize-module .ui.basic.label.inverted {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wyn-page-designer .draggable:hover {
  cursor: move;
}
.wyn-page-designer .column.droppable {
  margin: 0 0.5rem;
  min-height: 7.2rem;
}
.wyn-page-designer .column.droppable .module.draggable > .label,
.wyn-page-designer .column.droppable .module.draggable > .pd-fullsize-module {
  min-height: 7.2rem;
}
.wyn-page-designer .column.droppable > .droppable {
  background-color: #505959;
}
.wyn-page-designer .column.droppable > .droppable + .droppable {
  border-top: 1rem solid #394242;
}
.wyn-page-designer .column.droppable:empty {
  background-color: transparent;
  border: 1px solid #505959;
}
.wyn-page-designer .column.droppable > .module.droppable .above-drop-zone,
.wyn-page-designer .column.droppable > .module.droppable .below-drop-zone {
  display: none;
  background-color: #394242;
}
.wyn-page-designer .column.droppable > .module.droppable .above-drop-zone .drop-zone-ghost-module,
.wyn-page-designer .column.droppable > .module.droppable .below-drop-zone .drop-zone-ghost-module {
  height: 72px;
  width: 100%;
  border: 0.1rem dashed #77d3c6;
  background-color: #3ec0ad;
}
.wyn-page-designer .column.droppable > .module.droppable .above-drop-zone {
  padding-bottom: 10px;
}
.wyn-page-designer .column.droppable > .module.droppable .below-drop-zone {
  padding-top: 10px;
}
.wyn-page-designer .column.droppable > .module.droppable.hover-top .above-drop-zone {
  display: block;
}
.wyn-page-designer .column.droppable > .module.droppable.hover-bottom .below-drop-zone {
  display: block;
}
.wyn-page-designer .droppable .dragging > .label > *,
.wyn-page-designer .droppable .dragging > .pd-fullsize-module > * {
  visibility: hidden;
}
.wyn-page-designer .droppable.row > .draggable.dragging {
  background-color: #505959;
  border: 1px solid #8d9494;
}
.wyn-page-designer .droppable.row > .draggable.dragging > *,
.wyn-page-designer .droppable.row > .draggable.dragging .ck-icon {
  visibility: hidden;
}
.wyn-page-designer .hovering.droppable.row .draggable.dragging,
.wyn-page-designer .hovering.droppable .dragging > .label,
.wyn-page-designer .hovering.droppable .dragging > .pd-fullsize-module {
  background-color: #3ec0ad;
  border-color: #3ec0ad;
}
.wyn-page-designer .row.droppable.hover-top .above-drop-zone,
.wyn-page-designer .row.droppable.hover-bottom .below-drop-zone {
  padding: 0;
}
.wyn-page-designer .row.droppable.hover-top .above-drop-zone > .drop-zone-ghost-row,
.wyn-page-designer .row.droppable.hover-bottom .below-drop-zone > .drop-zone-ghost-row {
  height: 114px;
  margin: 0;
  border: 0.1rem dashed #77d3c6;
  background-color: #3ec0ad;
}
.wyn-page-designer .row.droppable.hover-top .above-drop-zone {
  border-bottom: 0.1rem dashed #505959;
}
.wyn-page-designer .row.droppable.hover-bottom .below-drop-zone {
  border-top: 0.1rem dashed #505959;
}
.wyn-page-designer .column-position-invalid .hovering.droppable .dragging > .label,
.wyn-page-designer .column-position-invalid .hovering.droppable .dragging > .pd-fullsize-module {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-page-designer .column-position-invalid .hovering.droppable .dragging > .label:before,
.wyn-page-designer .column-position-invalid .hovering.droppable .dragging > .pd-fullsize-module:before {
  content: 'Column is too narrow for this module';
  position: absolute;
}
.wyn-page-designer .module.droppable.position-invalid.hover-bottom .drop-zone-ghost-module,
.wyn-page-designer .module.droppable.position-invalid.hover-top .drop-zone-ghost-module {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-page-designer .module.droppable.position-invalid.hover-bottom .drop-zone-ghost-module:before,
.wyn-page-designer .module.droppable.position-invalid.hover-top .drop-zone-ghost-module:before {
  content: 'Column is too narrow for this module';
}
.wyn-page-designer .drag-layer {
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 12;
}
.wyn-page-designer.ie .drag-layer {
  display: none;
}
.wyn-page-designer .drag-preview {
  background-color: #d8f2ee;
  border-radius: 2px;
  position: absolute;
  left: -15px;
  top: -15px;
  max-width: 500px;
}
.wyn-page-designer .drag-preview .ui.basic.label,
.wyn-page-designer .drag-preview .ui.horizontal.fluid.label,
.wyn-page-designer .drag-preview .ui.basic.label.medium.base.inverted,
.wyn-page-designer .drag-preview .ck-icon .icon {
  color: #008582 !important;
  border: none;
}
.wyn-page-designer .drag-preview .pd-fullsize-module {
  min-width: 35rem;
}
.wyn-page-designer .page-designer-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #394242;
}
.wyn-page-designer .page-designer-header .ck.toolbar {
  padding-left: 1.5rem;
  border-color: #e8ebeb;
}
.wyn-page-designer .page-designer-header .ck.toolbar .toolbar-content,
.wyn-page-designer .page-designer-header .ck.toolbar .menu-item-divider {
  max-height: 45px;
  display: flex;
  align-items: stretch;
}
.wyn-page-designer .page-designer-header .ck.toolbar .toolbar-content .ui.secondary.menu .item {
  padding: 2.1rem 0;
}
.wyn-page-designer .page-designer-header .ck.toolbar .ck.menu-item {
  display: flex;
  align-items: stretch;
  max-height: 45px;
}
.wyn-page-designer .page-designer-header .ck.toolbar .toolbar-save-buttons {
  width: 375px;
}
.wyn-page-designer .pd-content-inner {
  display: flex;
  align-items: stretch;
  flex: 1;
  min-height: 100%;
}
.wyn-page-designer .pd-content-inner .preview-desktop,
.wyn-page-designer .pd-content-inner .preview-tablet,
.wyn-page-designer .pd-content-inner .preview-mobile,
.wyn-page-designer .pd-content-inner .preview-facebook {
  width: 100%;
  flex: 1;
  position: relative;
}
.wyn-page-designer .pd-content-inner iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wyn-page-designer .pd-content-inner .preview-desktop,
.wyn-page-designer .pd-content-inner .preview-tablet,
.wyn-page-designer .pd-content-inner .preview-mobile {
  overflow: hidden;
}
.wyn-page-designer .pd-content-inner .preview-desktop iframe,
.wyn-page-designer .pd-content-inner .preview-tablet iframe,
.wyn-page-designer .pd-content-inner .preview-mobile iframe {
  margin: auto;
}
.wyn-page-designer .pd-content-inner .preview-tablet iframe,
.wyn-page-designer .pd-content-inner .preview-mobile iframe {
  transform-origin: 50%;
}
.wyn-page-designer .pd-content-inner .preview-facebook {
  background-color: #e7ebf2;
  overflow-y: auto;
}
.wyn-page-designer .pd-content-inner .preview-facebook .facebook-header {
  background: #4a6ea9 url(/c/img/preview/facebook/fbStaticHeaderJB.png) calc(50% + 85px) 0 no-repeat;
  height: 40px;
}
.wyn-page-designer .pd-content-inner .preview-facebook iframe {
  border: 1px solid #c4cde0;
  border-radius: 4px;
  background: #fff;
  display: block;
  margin: 20px auto;
  padding: 20px;
  position: relative;
}
.wyn-page-designer .page-module-list {
  flex: 0 0 375px;
  max-width: 375px;
  padding: 2rem;
  border-left: 1px solid #505959;
  background-color: #394242;
}
.wyn-page-designer .page-module-list .module.draggable {
  background-color: #394242;
}
.wyn-page-designer .page-module-list .module.disabled {
  cursor: not-allowed;
}
.wyn-page-designer .page-module-list .button-text {
  font-family: Roboto Medium, 'Helvetica Neue', sans-serif;
}
.wyn-page-designer .page-module-list .ui.label.basic.accent {
  margin-bottom: 0.5rem;
}
.wyn-page-designer .page-module-list .top.aligned.column + .top.aligned.column:last-child {
  padding-right: 0;
}
.wyn-page-designer .page-module-list .top.aligned.column:first-child {
  padding-left: 0;
}
.wyn-page-designer .page-module-list .row {
  padding: 0.8rem 0;
}
.wyn-page-designer .page-module-list .ui.hidden.content {
  display: block !important;
}
.wyn-page-designer .page-module-list .ui.segment {
  margin-bottom: 1.4rem;
}
.wyn-page-designer .page-module-list .ui.active.reveal.slide.down {
  overflow: visible !important;
  visibility: visible;
  transition: visibility 0.4s ease 0s;
}
.wyn-page-designer .page-module-list .ui.active.reveal.slide.down .content {
  float: none;
}
.wyn-page-designer .page-module-list .ui.reveal.slide.down:not(.active) {
  overflow: hidden !important;
  visibility: hidden;
}
.wyn-page-designer .page-module-list [data-ck-tooltip]:after {
  width: 25ch;
}
.wyn-page-designer .page-module-list .ui.label.outline {
  transition: all 0.5s ease 0s;
}
.wyn-page-designer .page-module-list .module:not(.disabled) .ui.label.outline:hover {
  background-color: #d8f2ee;
}
.wyn-page-designer .page-module-list .module:not(.disabled) .ui.label.outline:hover .icon,
.wyn-page-designer .page-module-list .module:not(.disabled) .ui.label.outline:hover .ck-label-text {
  color: #008582;
}
.wyn-page-designer.preview .pd-content-wrapper {
  overflow: hidden;
}
.wyn-page-designer.preview .pd-content-inner {
  height: 100%;
}
.wyn-page-designer.preview .ck-side-pane__container {
  height: 100%;
  overflow-y: auto;
}
.wyn-page-designer.preview .ck-side-pane__container .ck-side-pane.tiny {
  height: auto;
  width: 100%;
}
.wyn-page-designer.help-modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: auto;
}
.wyn-page-designer.help-modal > .dividing.header .content {
  line-height: 6.5rem;
  padding-left: 4.5rem;
}
.wyn-page-designer.modal-wrapper {
  background-color: #505959;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.wyn-page-designer.modal-wrapper .modal-content {
  max-width: 800px;
}
.wyn-page-designer.modal-wrapper .modal-buttons {
  margin-top: 2rem;
  display: flex;
  justify-content: space-around;
}
.wyn-page-designer.modal-wrapper .modal-buttons .ck.ui.button.icon.icon-left > .ck-icon {
  margin: 0;
}
.wyn-page-designer.modal-wrapper .modal-buttons i.icon {
  height: auto;
  line-height: 0.6;
  margin: 0;
}
.wyn-page-designer.modal-wrapper .modal-buttons .button-text {
  display: block;
  font-size: 1.2rem;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  color: #ffffff;
}
.wyn-page-designer.modal-wrapper .modal-buttons .ck.button:hover .button-text {
  color: #77d3c6;
}
.wyn-page-designer.modal-wrapper .ui.header .sub.header {
  font-size: 1.5rem;
}
.wyn-page-designer .ui.active.reveal.slide.down {
  max-height: none !important;
}
.wyn-page-designer .module.draggable .ui.label.horizontal,
.wyn-page-designer .drag-preview .ui.label.horizontal {
  min-width: 150px;
  height: 34px;
  padding-left: 0.8em;
  padding-right: 0.8em;
  align-items: center;
}
.wyn-page-designer .module.draggable .ui.label.horizontal .ck-icon i.icon,
.wyn-page-designer .drag-preview .ui.label.horizontal .ck-icon i.icon {
  margin-right: 0.5em;
}
.preview-warning {
  text-align: center;
  max-width: 60%;
  margin: 4rem auto 0;
  color: white;
  font-size: 2rem;
  padding: 2rem;
}
.preview-warning .preview-warning-text {
  margin-top: 3rem;
}
@media (max-height: 660px) {
  .wyn-page-designer .page-module-list {
    padding: 0.8rem 2rem;
  }
  .wyn-page-designer .page-module-list .ui.segment {
    margin-bottom: 0.5rem;
  }
  .wyn-page-designer .page-module-list .row {
    padding: 0.5rem 0;
  }
}
@media (max-height: 560px) {
  .wyn-page-designer .page-module-list {
    padding: 1rem 2rem;
  }
  .wyn-page-designer .page-module-list .ui.segment {
    margin-bottom: 0;
  }
  .wyn-page-designer .page-module-list .ui.segment .ui.label.basic.accent {
    display: none;
  }
  .wyn-page-designer .page-module-list .ck.ui.grid > .row > .column {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .wyn-page-designer .page-module-list .row {
    padding: 0.5rem 0;
  }
}
@media (max-width: 750px) {
  .wyn-page-designer .pd-content-inner .preview-tablet iframe,
  .wyn-page-designer .pd-content-inner .preview-mobile iframe {
    transform-origin: left 50% !important;
  }
}
.wyn-edit-campaign-reward {
  height: 100%;
  background-color: #505959;
  overflow-y: scroll;
}
.wyn-edit-campaign-reward .reward-type__help-text {
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: #e8ebeb;
}
.wyn-edit-campaign-reward .reward-type__file-upload__sample-file__link {
  color: #77d3c6;
}
.wyn-edit-campaign-reward .ck-asset-radio-menu .ck.menu-item a.disabled img {
  opacity: 0.25;
}
.wyn-view-campaign-rewards .content-item-content__byline span.meta-divider:last-of-type {
  border-color: transparent;
}
.wyn-view-campaign-rewards .content-item-content__byline span.meta-divider:first-of-type {
  padding-left: 0;
}
.wyn-view-campaign-rewards .content-item-content__byline span.meta-divider {
  border-right: 1px solid #e8ebeb;
  padding: 0 5px;
}
.wyn-view-campaign-rewards .content-item-content__byline div.meta-container {
  margin-top: 0.5rem;
}
.wyn-view-campaign-rewards .content-item-content__byline div.meta-container:first-of-type {
  margin-top: 0;
}
.wyn-view-campaign-rewards .list-item__actions {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  justify-content: end;
}
.wyn-view-campaign-rewards .list-item__actions > .meta-container {
  margin-right: 1.5rem;
  display: flex;
  align-items: center;
  padding-right: 1.5rem;
  border-right: 0.1rem solid #e8ebeb;
}
.add-row-popup {
  display: flex;
  flex-direction: column;
}
.add-row-popup .add-row-popup__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.wyn-screen-designer {
  background-color: #e8ebeb;
  display: flex;
}
.wyn-screen-designer .drop-zone-ghost-row-mixin {
  height: calc(0.2rem + 6rem);
  margin: 0 3.75rem;
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .drop-zone-ghost-column-mixin {
  height: calc(0.2rem + 6rem);
  width: 100%;
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .module-error-styles-mixin {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .form-header-media {
  cursor: pointer;
}
.wyn-screen-designer .layout-module-wrapper.layout-module-wrapper--error {
  border: 1px solid #ee2f19;
}
.wyn-screen-designer .layout-module-wrapper .module-info {
  background-color: #ffffff;
  padding: 0.5rem 1rem;
}
.wyn-screen-designer .layout-module-wrapper .module-info .ck.ui.label {
  line-height: 1.8rem;
  padding: 0 0 0.5rem 0;
}
.wyn-screen-designer .layout-module-wrapper .module-info .ck.ui.label:last-child {
  padding: 0;
}
.wyn-screen-designer .sd-layout-module {
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: background-color;
  background-color: #d4d9d9;
  padding: 1rem;
}
.wyn-screen-designer .sd-layout-module .sd-module-action-buttons .ck.ui.button {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.wyn-screen-designer .sd-layout-module.editing {
  background-color: #394242;
}
.wyn-screen-designer .sd-layout-module--hover {
  background-color: #77d3c6;
}
.wyn-screen-designer .sd-layout-module--editing {
  background-color: #394242;
}
.wyn-screen-designer .sd-layout-module--is-new {
  background-color: #37b8b5;
  transition-duration: 0.7s;
}
.wyn-screen-designer .sd-layout-module--is-new .module-block__content .ui.header,
.wyn-screen-designer .sd-layout-module--is-new .module-block__content .ui.header .sub.header {
  transition-duration: 0.7s;
  transition-property: color;
}
.wyn-screen-designer .sd-layout-module--is-new .module-block__content .sd-module-info i.icon,
.wyn-screen-designer .sd-layout-module--is-new .module-block__content .module-block__icon i.icon {
  transition-duration: 0.7s;
  transition-property: color;
}
.wyn-screen-designer .module-block {
  display: flex;
  align-items: center;
}
.wyn-screen-designer .module-block__icon {
  margin-right: 0.8rem;
}
.wyn-screen-designer .module-block__content {
  flex: 1 1 auto;
}
.wyn-screen-designer .module-block__content .ui.header .sub.header {
  color: #394242;
}
.wyn-screen-designer .module-block__content .ui.header.inverted .sub.header {
  color: #ffffff;
}
.wyn-screen-designer .module-block__content {
  overflow: hidden;
}
.wyn-screen-designer .module-block__content .ui.header {
  overflow: hidden;
}
.wyn-screen-designer .module-block__content .ui.header .content {
  width: 100%;
}
.wyn-screen-designer .module-block__content .ui.header .content,
.wyn-screen-designer .module-block__content .ui.header .sub.header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wyn-screen-designer .module-block__actions {
  flex: 0 0 auto;
}
.wyn-screen-designer .sd-module-info {
  padding: 0.5rem;
}
.wyn-screen-designer .screen-designer-header .toolbar__header {
  overflow: hidden;
}
.wyn-screen-designer .screen-designer-header .toolbar__header .ui.header .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wyn-screen-designer .screen-designer-header__toolbar {
  display: flex;
  align-items: center;
}
.wyn-screen-designer .screen-designer-header__toolbar .screen-designer-header__toolbar-buttons {
  padding-left: 0.5rem;
  border-left: 0.1rem solid #d4d9d9;
}
.wyn-screen-designer .screen-designer-header__toolbar .toolbar-header__content {
  overflow: hidden;
}
.wyn-screen-designer .screen-designer-header__toolbar .toolbar-header__content .ui.header .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wyn-screen-designer .screen-designer-header__toolbar-icons {
  margin-right: 2rem;
  position: relative;
  min-width: 145px;
}
.wyn-screen-designer .screen-designer-header__toolbar-icons .ui.secondary.menu .item {
  margin: 0 0.6rem;
}
.wyn-screen-designer .takeover-panel-holder .ck-takeover-panel-footer {
  position: absolute;
  right: 0;
  bottom: 4rem;
  left: 0;
}
.wyn-screen-designer .takeover-scrollable-content {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  top: 75px;
  right: 0;
  bottom: 100px;
  left: 0;
}
.wyn-screen-designer .side-navigation-panel {
  z-index: 10;
}
.wyn-screen-designer .side-navigation-panel .ck-side-pane {
  overflow: visible;
  background-color: #394242;
}
.wyn-screen-designer .side-navigation-panel .ck-side-pane .page-item {
  user-select: none;
  position: relative;
  padding-bottom: 1rem;
}
.wyn-screen-designer .side-navigation-panel .ck-side-pane .page-item .page-item__media {
  border: 0.2rem solid transparent;
  padding: 0.3rem;
}
.wyn-screen-designer .side-navigation-panel .ck-side-pane .page-item .page-item__media.page-item__media--active {
  border-color: #3ec0ad;
}
.wyn-screen-designer .side-navigation-panel .ck-side-pane .page-item .page-item__text {
  font-family: 'Roboto Condensed Regular', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  color: #ffffff;
}
.wyn-screen-designer .side-navigation-panel .ck-side-pane .page-item .page-item__drag-handle {
  position: absolute;
  top: -10px;
  right: -10px;
}
.wyn-screen-designer .ck.ui.button.basic {
  border-radius: 0;
}
.wyn-screen-designer .ck.message.growler-mode {
  height: auto;
}
.wyn-screen-designer .sd-admin-area {
  width: 600px;
  min-width: 600px;
  height: 100vh;
  background: #505959;
  overflow: hidden;
  position: relative;
  padding-top: 75px;
  z-index: 5;
  transition: width 0.75s ease, min-width 0.75s ease;
}
.wyn-screen-designer .sd-admin-area .sd-admin-area__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 7.5rem;
  padding: 0 2.4rem 0 2rem;
}
.wyn-screen-designer .sd-admin-area .sd-admin-area__header .ui.header {
  width: 100%;
}
.wyn-screen-designer .sd-admin-area .sd-admin-area__header .ui.header .content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wyn-screen-designer .sd-admin-area .sd-admin-area__resize {
  position: absolute;
  top: 90px;
  right: 10px;
  visibility: hidden;
  z-index: 1;
}
.wyn-screen-designer .sd-admin-area.sd-admin-area--light {
  background: #e8ebeb;
}
.wyn-screen-designer .sd-admin-area > .module-editor-wrapper {
  overflow-y: scroll;
  height: 100%;
}
.wyn-screen-designer .sd-admin-area > .module-editor-wrapper .ck-takeover-panel .ui.reveal.slide.right > .hidden.content {
  width: 100% !important;
  overflow-y: hidden;
}
.wyn-screen-designer .sd-admin-area.sd-admin-area--hidden {
  width: 0;
  min-width: 0;
}
.wyn-screen-designer .sd-admin-area .sd-admin-area__pane {
  opacity: 1;
  transition: opacity 0.3s ease;
  transition-delay: 0.6s;
}
.wyn-screen-designer .sd-admin-area.sd-admin-area--hidden .sd-admin-area__pane {
  opacity: 0;
  transition-delay: 0s;
}
.wyn-screen-designer .ck-side-pane.mini {
  background-color: #394242;
}
.wyn-screen-designer .ck-side-pane .sd-left-toolbar-screen-icon {
  height: 75px;
  padding-top: 2rem;
  border-bottom: 0.1rem solid #77d3c6;
}
.wyn-screen-designer .ck-side-pane .sd-left-toolbar-screen-menu {
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 75px);
}
.wyn-screen-designer .ck-side-pane .sd-left-toolbar-screen-menu .asset-radio-menu .ui.secondary.menu .item .content {
  padding-top: 5px;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.wyn-screen-designer .ck-side-pane .sd-left-toolbar__layout-phases {
  overflow-y: auto;
  padding-top: 10px;
}
.wyn-screen-designer .ck-side-pane .sd-left-toolbar__layout-phase {
  border-bottom: 0.1rem dashed #e8ebeb;
  margin-bottom: 2rem;
}
.wyn-screen-designer .ck-side-pane .sd-left-toolbar__layout-phase:last-of-type {
  border-bottom-color: transparent;
}
.wyn-screen-designer .sd-content-pane {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 100px;
  height: 100vh;
  position: relative;
}
.wyn-screen-designer.wyn-screen-designer--live-preview .sd-admin-area.sd-admin-area--small {
  min-width: 600px;
  max-width: 800px;
  width: 35%;
}
.wyn-screen-designer.wyn-screen-designer--live-preview .sd-admin-area.sd-admin-area--large {
  min-width: 600px;
  max-width: 1000px;
  width: 55%;
}
.wyn-screen-designer.wyn-screen-designer--live-preview .sd-admin-area__resize {
  visibility: visible;
}
.wyn-screen-designer.wyn-screen-designer--live-preview .admin-pane,
.wyn-screen-designer.wyn-screen-designer--live-preview .wyn-module-editor-wrapper .module-editor-menu .admin-menu {
  width: 100%;
}
.wyn-screen-designer.wyn-screen-designer--live-preview .wyn-module-editor-wrapper .wyn-module-editor {
  flex-direction: column;
}
.wyn-screen-designer .sd-page-content-wrapper {
  width: 100%;
  min-width: 500px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.wyn-screen-designer .sd-page-content-wrapper .sd-content-wrapper {
  position: relative;
  flex: 1;
  height: calc(100vh - 75px);
  overflow-y: auto;
}
.wyn-screen-designer .sd-page-content-wrapper .sd-content-wrapper .sd-content-wrapper__preview-wrapper {
  height: 100%;
  border-left: 0.1rem solid #b2b8b8;
}
.wyn-screen-designer .sd-page-content-wrapper .sd-content-wrapper.sd-content--has-warning-message {
  height: calc(100vh - 75px - 40px);
}
.wyn-screen-designer .page-layout .ck.ui.grid {
  /***** begin page layouts *****/
  /***** end page layouts *****/
}
.wyn-screen-designer .page-layout .ck.ui.grid > .row > .row-columns > .column {
  box-sizing: border-box;
  vertical-align: top;
}
.wyn-screen-designer .page-layout .ck.ui.grid .\31 col_full > .row > .row-columns > .column,
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_mid_mid > .row > .row-columns > .column,
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_thin_extrawide > .row > .row-columns > .column,
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_extrawide_thin > .row > .row-columns > .column,
.wyn-screen-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .row-columns > .column {
  display: inline-block;
}
.wyn-screen-designer .page-layout .ck.ui.grid .\31 col_full > .row > .row-columns > .column {
  width: 100%;
}
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_thin_extrawide > .row > .row-columns > .column:nth-child(2),
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_extrawide_thin > .row > .row-columns > .column:nth-child(1) {
  width: 67%;
}
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_mid_mid > .row > .row-columns > .column:nth-child(1),
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_mid_mid > .row > .row-columns > .column:nth-child(2) {
  width: 50%;
}
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_thin_extrawide > .row > .row-columns > .column:nth-child(1),
.wyn-screen-designer .page-layout .ck.ui.grid .\32 col_extrawide_thin > .row > .row-columns > .column:nth-child(2),
.wyn-screen-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .row-columns > .column:nth-child(1),
.wyn-screen-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .row-columns > .column:nth-child(3) {
  width: 33%;
  overflow: hidden;
}
.wyn-screen-designer .page-layout .ck.ui.grid .\33 col_third_third_third > .row > .row-columns > .column:nth-child(2) {
  width: 34%;
  overflow: hidden;
}
.wyn-screen-designer .page-layout {
  flex: 1;
  overflow-x: hidden;
  padding: 0.5rem 0 60px 0;
}
.wyn-screen-designer .page-layout > .ck.ui.grid > .row > .top.aligned.column.inverted {
  padding: 0;
}
.wyn-screen-designer .page-layout .row.draggable {
  padding: 0 2rem;
  display: flex;
  position: relative;
}
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
}
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon {
  padding: 5px 0px;
}
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-move,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-copy,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-settings,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-trash,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-cancel {
  color: #8d9494;
}
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-move:hover,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-copy:hover,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-settings:hover,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-trash:hover,
.wyn-screen-designer .page-layout .row.draggable .row-drag-source__action-container > .ck-icon > i.icon-cancel:hover {
  color: #77d3c6;
}
.wyn-screen-designer .page-layout .row.draggable > .ck-icon > i {
  position: absolute;
  top: calc(50% - 1rem);
  visibility: hidden;
  color: #8d9494;
}
.wyn-screen-designer .page-layout .row.draggable > .ck-icon > i.icon-move {
  left: 0;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns {
  width: 100%;
  display: flex;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column {
  vertical-align: top;
  padding: 3.5rem 1.5rem;
  border-left: 0.1rem dashed #d4d9d9;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-type-invalid.hover-bottom,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-type-invalid.hover-top {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-type-invalid.hover-bottom:before,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-type-invalid.hover-top:before {
  content: 'Form fields cannot be added to this section. Please add them to the form section.';
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-invalid-for-row-position.hover-bottom,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-invalid-for-row-position.hover-top {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-invalid-for-row-position.hover-bottom:before,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.module-invalid-for-row-position.hover-top:before {
  content: 'This field can only be dropped onto the last row of the form section.';
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.position-invalid.hover-bottom,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.position-invalid.hover-top {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.position-invalid.hover-bottom:before,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.position-invalid.hover-top:before {
  content: 'Column is too narrow for this module';
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-swipe-drop.hover-bottom,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-swipe-drop.hover-top {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-swipe-drop.hover-bottom:before,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-swipe-drop.hover-top:before {
  content: 'Swipe modules can only be placed in a single column row with at least one other swipe module present.';
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-drop-to-swipe.hover-bottom,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-drop-to-swipe.hover-top {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-drop-to-swipe.hover-bottom:before,
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column > .column.droppable.invalid-drop-to-swipe.hover-top:before {
  content: 'Only Swipe Modules can be added to this column.';
}
.wyn-screen-designer .page-layout .row.draggable .row-columns > .column:first-child {
  border: none;
}
.wyn-screen-designer .page-layout .module.draggable {
  position: relative;
}
.wyn-screen-designer .page-layout .group-wrapper {
  position: relative;
  border: 0.1rem dashed #505959;
  padding: 2rem;
  background-color: #e8ebeb;
}
.wyn-screen-designer .page-layout .group-wrapper.editing {
  background-color: #394242;
}
.wyn-screen-designer .page-layout .group-wrapper .column.droppable.empty {
  border: none !important;
  height: 100%;
}
.wyn-screen-designer .page-layout .group-wrapper .column.droppable.group.hover-top .above-drop-zone,
.wyn-screen-designer .page-layout .group-wrapper .column .droppable.group.hover-top .above-drop-zone {
  margin-bottom: 3rem;
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .page-layout .group-wrapper .column.droppable.group.hover-bottom .below-drop-zone,
.wyn-screen-designer .page-layout .group-wrapper .column .droppable.group.hover-bottom .below-drop-zone {
  margin-top: 3rem;
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .page-layout .group-wrapper .droppable.group + .droppable.group.hover-top .above-drop-zone {
  margin-top: 3rem;
}
.wyn-screen-designer .page-layout .group-wrapper .column.group.hover-top .transition-group:empty,
.wyn-screen-designer .page-layout .group-wrapper .column.group.hover-bottom .transition-group:empty {
  background-color: rgba(119, 211, 198, 0.2);
}
.wyn-screen-designer .page-layout .group-wrapper .sd-group-drop-target > .transition-group {
  min-height: 6rem;
}
.wyn-screen-designer .page-layout .group-wrapper .sd-group-drop-target > .transition-group:empty {
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .page-layout .group-wrapper .sd-group-drop-target > .transition-group .droppable + .droppable .module.group {
  margin-top: 3rem;
}
.wyn-screen-designer .page-layout .group-wrapper .sd-group-drop-target > .transition-group .module.form-field.group {
  background-color: #d4d9d9;
}
.wyn-screen-designer .page-layout .group-wrapper.editing {
  background-color: #394242;
}
.wyn-screen-designer .page-layout.section.display-type--page .page-layout-section-inner.post-form-content {
  border-top: 0.1rem dashed #d4d9d9;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.post-form-content > div > div.row .row.droppable .row.draggable,
.wyn-screen-designer .page-layout .page-layout-section-inner.content > div > div.row .row.droppable .row.draggable,
.wyn-screen-designer .page-layout .page-layout-section-inner.post-form-content > div > div.row .hover-top .drop-zone__container.above,
.wyn-screen-designer .page-layout .page-layout-section-inner.content > div > div.row .hover-top .drop-zone__container.above,
.wyn-screen-designer .page-layout .page-layout-section-inner.post-form-content > div > div.row .hover-bottom .drop-zone__container.below,
.wyn-screen-designer .page-layout .page-layout-section-inner.content > div > div.row .hover-bottom .drop-zone__container.below {
  padding-left: 6rem;
  padding-right: 6rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.post-form-content > div > div.row .row.draggable > .ck-icon > i.icon-move,
.wyn-screen-designer .page-layout .page-layout-section-inner.content > div > div.row .row.draggable > .ck-icon > i.icon-move {
  left: 3rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.post-form-content > div > div.row .row.draggable .row-drag-source__action-container,
.wyn-screen-designer .page-layout .page-layout-section-inner.content > div > div.row .row.draggable .row-drag-source__action-container {
  right: 3rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.form {
  margin: 4rem;
  box-shadow: 0 0 0 0.2rem #d4d9d9;
  padding: 1rem 0;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.form.disable-section {
  cursor: not-allowed;
  opacity: 0.5;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.form.disable-section div {
  pointer-events: none;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.editing {
  background-color: #394242;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .policy-preview {
  position: relative;
  background-color: #e8ebeb;
  box-shadow: 0 0 0 0.1rem #b2b8b8;
  cursor: pointer;
  transition: background-color 0.3s ease;
  user-select: none;
  margin: 4rem 3.5rem 0 3.5rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .policy-preview:hover {
  box-shadow: 0 0 0 0.1rem #77d3c6;
  background-color: #77d3c6;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .policy-preview-inside-row {
  position: relative;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .policy-preview-inside-row .policy-preview-inside-row--hr {
  border-top: 1px dashed #d4d9d9;
  margin: 0 3.5rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .policy-preview-inside-row .policy-preview {
  margin: 1rem 3.5rem 0 3.5rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .contains-policy-controls .row.draggable .row-columns > .column {
  padding-bottom: 1rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .contains-policy-controls .row-drag-source__action-container {
  height: auto;
  bottom: -25px;
  z-index: 10;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .contains-policy-controls .row.draggable > .ck-icon > i.icon-move {
  margin-top: 1.3rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .contains-policy-controls.contains-policy-designer .row-drag-source__action-container {
  height: auto;
  bottom: -100px;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .contains-policy-controls.contains-policy-designer .row.draggable > .ck-icon > i.icon-move {
  margin-top: 4.8rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .submit-button-module {
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 3rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .submit-button-module__button {
  position: relative;
  background-color: transparent;
  border-radius: 0.2rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding: 1rem 1.5rem;
  box-shadow: 0 0 0 0.1rem #394242;
}
.wyn-screen-designer .page-layout .page-layout-section-inner .submit-button-module--inverted .submit-button-module__button {
  color: #e8ebeb;
  box-shadow: 0 0 0 0.1rem #e8ebeb;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.page-layout-section-inner--with-add-module .row-drag-source__action-container {
  height: auto;
  bottom: 40px;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.page-layout-section-inner--with-add-module .row.droppable .row.draggable > div.ck-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 42px;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.page-layout-section-inner--with-add-module .contains-policy-controls.contains-policy-designer .row.draggable > .ck-icon > i.icon-move {
  margin-top: 10px;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.page-layout-section-inner--with-add-module .contains-policy-controls.contains-policy-designer .row-drag-source__action-container {
  bottom: 10px;
}
.wyn-screen-designer .page-layout .page-browser-header {
  border: 0.1rem solid #d4d9d9;
  margin: 2rem 2rem 0;
  padding: 0 1.3rem;
  position: relative;
  height: 2.8rem;
}
.wyn-screen-designer .page-layout .page-browser-header .browser-button {
  float: left;
  border-radius: 3px;
  width: 7px;
  height: 7px;
  margin-right: 4px;
  margin-top: 10px;
  background-color: #b8c6cc;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row {
  margin: 0;
  padding: 0;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row > div.column {
  padding: 0;
  margin: 0;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .column.droppable {
  margin: -1rem 0 0 0;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .column.droppable.empty {
  margin: 0;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-move,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-copy,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-settings,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-trash,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-cancel {
  color: #8d9494;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-move:hover,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-copy:hover,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-settings:hover,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-trash:hover,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-cancel:hover {
  color: #77d3c6;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-move {
  left: 0.5rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-cancel {
  right: 0.4rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-copy,
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.draggable > .ck-icon > i.icon-settings {
  right: 0.4rem;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.droppable:not(.emptySection) {
  border-bottom: 0.1rem dashed #d4d9d9;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.droppable:not(.emptySection).thick-border {
  border-bottom: 0.2rem dashed #d4d9d9;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row .row.droppable .row.draggable.editing {
  background-color: #394242;
  transition: background-color 0.5s ease;
}
.wyn-screen-designer .page-layout .page-layout-section-inner > div > div.row:last-child > .column > .row.droppable {
  border-bottom: none;
}
.wyn-screen-designer .draggable:hover {
  cursor: move;
}
.wyn-screen-designer .column.droppable {
  margin: 0;
  min-height: 6rem;
}
.wyn-screen-designer .column.droppable.empty {
  height: 62px;
}
.wyn-screen-designer .column.droppable .module.draggable > .label,
.wyn-screen-designer .column.droppable .module.draggable > .sd-layout-module {
  min-height: 6rem;
}
.wyn-screen-designer .column.droppable > .module.droppable:not(.hover-top, .hover-bottom) {
  background-color: #d4d9d9;
}
.wyn-screen-designer .column.droppable > .module.droppable.droppable {
  margin-top: 1rem;
}
.wyn-screen-designer .column.droppable > .module.droppable > .module:not(.dragging.hideMe) {
  background-color: #d4d9d9;
}
.wyn-screen-designer .column.droppable > .module.droppable > .above-drop-zone > .drop-zone-ghost-module,
.wyn-screen-designer .column.droppable > .module.droppable > .below-drop-zone > .drop-zone-ghost-module {
  height: calc(0.2rem + 6rem);
  width: 100%;
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .row.droppable .column.droppable.empty:not(.hover-top, .hover-bottom) {
  background-color: transparent;
  border: 0.1rem solid #d4d9d9;
}
.wyn-screen-designer .droppable .dragging > .label > *,
.wyn-screen-designer .droppable .dragging > .sd-layout-module > * {
  visibility: hidden;
}
.wyn-screen-designer .droppable.row > .draggable.dragging {
  background-color: #d4d9d9;
  border: 0.1rem solid #d4d9d9;
  margin: 0 3.5rem;
}
.wyn-screen-designer .droppable.row > .draggable.dragging > *,
.wyn-screen-designer .droppable.row > .draggable.dragging .ck-icon {
  visibility: hidden;
}
.wyn-screen-designer .hovering.droppable.row .draggable.dragging {
  margin: 0;
}
.wyn-screen-designer .sd-row-add__button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(3.3rem * -0.5);
  text-align: center;
  z-index: 5;
}
.wyn-screen-designer .sd-row-add__button .ui.button {
  background-color: #e8ebeb;
}
.wyn-screen-designer .row.droppable .sd-row-add__button {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.wyn-screen-designer .row.droppable.mouseHover .sd-row-add__button {
  opacity: 1;
}
.wyn-screen-designer .row.droppable.mouseHover .row.draggable .row-drag-source__action-container {
  visibility: visible;
}
.wyn-screen-designer .row.droppable.mouseHover .row.draggable > .ck-icon > i {
  visibility: visible;
}
.wyn-screen-designer .row.droppable.mouseHover .row.draggable > .sd-row-add__button {
  opacity: 1;
}
.wyn-screen-designer .drag-layer {
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 12;
}
.wyn-screen-designer.ie .drag-layer {
  display: none;
}
.wyn-screen-designer .drag-preview {
  background-color: #3e7c9b;
  border-radius: 2px;
  padding: 0.5em 1em;
  position: absolute;
  left: -15px;
  top: -15px;
  max-width: 500px;
}
.wyn-screen-designer .drag-preview .ui.basic.label,
.wyn-screen-designer .drag-preview .ui.horizontal.fluid.label,
.wyn-screen-designer .drag-preview .ui.basic.label.medium.base.inverted,
.wyn-screen-designer .drag-preview .ck-icon .icon {
  color: #b8c6cc !important;
  border: none;
}
.wyn-screen-designer .drag-preview .sd-layout-module {
  min-width: 35rem;
}
.wyn-screen-designer .wyn-screen-designer__preview__toolbar {
  padding: 0.8rem 0;
}
.wyn-screen-designer .sd-content-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.wyn-screen-designer .sd-content-inner.sd-content-inner--preview {
  height: calc(100vh - 75px) !important;
}
.wyn-screen-designer .sd-content-inner .wyn-screen-designer__preview {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  height: 100%;
}
.wyn-screen-designer .sd-content-inner .wyn-screen-designer__preview-wrapper {
  display: flex;
  flex: 1;
  position: relative;
  margin: 2rem;
}
.wyn-screen-designer .sd-content-inner .static-preview iframe {
  margin: auto;
  border: 0.2rem solid #b2b8b8;
}
.wyn-screen-designer .sd-content-inner iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wyn-screen-designer #module-editor-container {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #505959;
}
.wyn-screen-designer #module-editor-container .module-editor-menu {
  border-bottom-color: #77d3c6;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__tabmenu {
  border-bottom: 1px solid #77d3c6;
  height: 75px;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__tabmenu.sd-admin-area__pane__tabmenu--dark {
  background-color: #505959;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__tabmenu .toolbar__tab-menu .ui.menu {
  padding: 0;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__tabmenu .ui.menu {
  height: 74px;
  padding: 0 35px 0 40px;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__tabmenu .editor-toolbar {
  padding: 0 4rem;
  min-width: 500px;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 4rem;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content.sd-admin-area__pane__content__no-padding {
  padding: 0;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list > .grid {
  margin: 0;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list > .grid > .row:last-child .ui.segment {
  padding: 0;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list .category-result-list__item {
  position: relative;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list .category-result-list__item .sortable-item__action-drag {
  float: left;
  padding-top: 12px;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list.category-result-list--dragging .sortable-item__action-drag {
  visibility: hidden;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list .category-result-list__panel {
  padding: 1rem 0 0 0;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list .category-result-list__panel > .grid {
  margin-top: 0;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list .category-result-list__panel > .grid .ui.segment {
  padding-bottom: 0;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .category-result-list .category-result-list__panel > .grid .row {
  padding: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .ui.label.outline {
  transition: all 0.5s ease 0s;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .ui.label.outline:hover {
  background-color: #d8f2ee;
  border-color: transparent;
}
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .ui.label.outline:hover .icon,
.wyn-screen-designer .sd-admin-area__pane .sd-admin-area__pane__content .ui.label.outline:hover .ck-label-text {
  color: #2b8679;
}
.wyn-screen-designer .sd-admin-area__pane .module.draggable {
  border-radius: 3px;
  background-color: #505959;
}
.wyn-screen-designer .sd-admin-area__pane .module.disabled {
  cursor: not-allowed;
}
.wyn-screen-designer .sd-admin-area__pane .ui.label.basic.accent {
  margin-bottom: 0.5rem;
}
.wyn-screen-designer .sd-admin-area__pane .ui.label.horizontal {
  padding-left: 0.8em;
  padding-right: 0.8em;
  align-items: center;
}
.wyn-screen-designer .sd-admin-area__pane .ui.label.horizontal .ck-icon i.icon {
  margin-right: 0.5em;
}
.wyn-screen-designer .sd-admin-area__pane .ui.segment {
  padding-bottom: 1.6rem;
}
.wyn-screen-designer.preview .sd-content-wrapper {
  overflow: hidden;
}
.wyn-screen-designer.preview .ck-side-pane__container {
  height: 100vh;
}
.wyn-screen-designer.help-modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #505959;
  overflow: auto;
  height: 100vh;
}
.wyn-screen-designer.help-modal > .dividing.header {
  border-bottom-color: #77d3c6;
}
.wyn-screen-designer.help-modal > .dividing.header .content {
  line-height: 6.5rem;
  padding-left: 4.5rem;
}
.wyn-screen-designer.modal-wrapper {
  height: 100%;
  background-color: #505959;
  display: flex;
  flex-direction: column;
}
.wyn-screen-designer.modal-wrapper .modal-content {
  max-width: 800px;
}
.wyn-screen-designer.modal-wrapper .modal-actions {
  display: flex;
  justify-content: center;
}
.wyn-screen-designer .ui.active.reveal.slide.down {
  max-height: none !important;
}
.wyn-screen-designer .row.droppable.placeholder {
  display: none;
}
.wyn-screen-designer.dragging .row.droppable.placeholder {
  display: block;
  background-color: #77d3c6;
  height: 2.5em;
}
.wyn-screen-designer.dragging .row.droppable.placeholder .column.droppable:empty {
  border: none;
}
.wyn-screen-designer .screen-designer-slide {
  border: 1px solid #77d3c6;
  border-radius: 2px;
  margin: 0;
  padding: 5px 0;
  width: 100%;
  text-align: center;
}
.wyn-screen-designer [data-ck-tooltip]:before {
  z-index: 1000;
}
.wyn-screen-designer [data-ck-tooltip]:after {
  z-index: 1001;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.form .transition-group .row.inverted:last-child .row.droppable {
  border: none;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.form .row.droppable.hover-top .above-drop-zone,
.wyn-screen-designer .page-layout .page-layout-section-inner.form .row.droppable.hover-bottom .below-drop-zone {
  margin: 0;
}
.wyn-screen-designer .page-layout .page-layout-section-inner.form .row.droppable.hover-top .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout .page-layout-section-inner.form .row.droppable.hover-bottom .below-drop-zone > .drop-zone-ghost-row {
  margin: 0;
}
.wyn-screen-designer .page-layout .form-section-disabled.page-layout-section-inner .row.droppable.hover-top .above-drop-zone,
.wyn-screen-designer .page-layout .form-section-disabled.page-layout-section-inner .row.droppable.hover-bottom .below-drop-zone {
  border: none;
}
.wyn-screen-designer .page-layout .form-section-disabled.page-layout-section-inner .row.droppable.hover-top .above-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .page-layout .form-section-disabled.page-layout-section-inner .row.droppable.hover-bottom .below-drop-zone > .drop-zone-ghost-row:before {
  content: 'Your form section is currently empty and will not be displayed. Just add a field to activate it.';
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.module-type-invalid.hover-top .above-drop-zone > .drop-zone-ghost-module,
.wyn-screen-designer .page-layout .column.droppable .droppable.module-type-invalid.hover-bottom .below-drop-zone > .drop-zone-ghost-module {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.module-type-invalid.hover-top .above-drop-zone > .drop-zone-ghost-module:before,
.wyn-screen-designer .page-layout .column.droppable .droppable.module-type-invalid.hover-bottom .below-drop-zone > .drop-zone-ghost-module:before {
  content: 'Form fields cannot be added to this section. Please add them to the form section.';
}
.wyn-screen-designer .page-layout .column.droppable .droppable.module-invalid-for-row-position.hover-top .above-drop-zone > .drop-zone-ghost-module,
.wyn-screen-designer .page-layout .column.droppable .droppable.module-invalid-for-row-position.hover-bottom .below-drop-zone > .drop-zone-ghost-module {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.module-invalid-for-row-position.hover-top .above-drop-zone > .drop-zone-ghost-module:before,
.wyn-screen-designer .page-layout .column.droppable .droppable.module-invalid-for-row-position.hover-bottom .below-drop-zone > .drop-zone-ghost-module:before {
  content: 'This field can only be dropped onto the last row of the form section.';
}
.wyn-screen-designer .page-layout .column.droppable .droppable.position-invalid.hover-top .above-drop-zone > .drop-zone-ghost-module,
.wyn-screen-designer .page-layout .column.droppable .droppable.position-invalid.hover-bottom .below-drop-zone > .drop-zone-ghost-module {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.position-invalid.hover-top .above-drop-zone > .drop-zone-ghost-module:before,
.wyn-screen-designer .page-layout .column.droppable .droppable.position-invalid.hover-bottom .below-drop-zone > .drop-zone-ghost-module:before {
  content: 'Column is too narrow for this module';
}
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-swipe-drop.hover-top .above-drop-zone > .drop-zone-ghost-module,
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-swipe-drop.hover-bottom .below-drop-zone > .drop-zone-ghost-module {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-swipe-drop.hover-top .above-drop-zone > .drop-zone-ghost-module:before,
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-swipe-drop.hover-bottom .below-drop-zone > .drop-zone-ghost-module:before {
  content: 'Swipe modules can only be placed in a single column row with at least one other swipe module present.';
}
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-drop-to-swipe.hover-top .above-drop-zone > .drop-zone-ghost-module,
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-drop-to-swipe.hover-bottom .below-drop-zone > .drop-zone-ghost-module {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-drop-to-swipe.hover-top .above-drop-zone > .drop-zone-ghost-module:before,
.wyn-screen-designer .page-layout .column.droppable .droppable.invalid-drop-to-swipe.hover-bottom .below-drop-zone > .drop-zone-ghost-module:before {
  content: 'Only Swipe Modules can be added to this column.';
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.module-type-invalid .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.module-type-invalid .below-drop-zone > .drop-zone-ghost-row {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.module-type-invalid .above-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.module-type-invalid .below-drop-zone > .drop-zone-ghost-row:before {
  content: 'Form fields cannot be added to this section. Please add them to the form section.';
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.row-module-type-invalid .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.row-module-type-invalid .below-drop-zone > .drop-zone-ghost-row {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.row-module-type-invalid .above-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.row-module-type-invalid .below-drop-zone > .drop-zone-ghost-row:before {
  content: 'This row contains a form field and cannot be added to this section. Please add it to the form section.';
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.module-invalid-for-row-position .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.module-invalid-for-row-position .below-drop-zone > .drop-zone-ghost-row {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.module-invalid-for-row-position .above-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.module-invalid-for-row-position .below-drop-zone > .drop-zone-ghost-row:before {
  content: 'This field can only be dropped onto the last row of the form section.';
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.dropping-row-below-last-formsection-row-invalid .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.dropping-row-below-last-formsection-row-invalid .below-drop-zone > .drop-zone-ghost-row {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.dropping-row-below-last-formsection-row-invalid .above-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.dropping-row-below-last-formsection-row-invalid .below-drop-zone > .drop-zone-ghost-row:before {
  content: 'Dropping a row after the last form section row is invalid.';
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.row-module-invalid-forform .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.row-module-invalid-forform .below-drop-zone > .drop-zone-ghost-row {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .page-layout .row.droppable.hover-top.row-module-invalid-forform .above-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .page-layout .row.droppable.hover-bottom.row-module-invalid-forform .below-drop-zone > .drop-zone-ghost-row:before {
  content: 'This row contains a layout that cannot be added to this section.';
}
.wyn-screen-designer .page-layout.display-type--page .row.droppable.hover-top .above-drop-zone,
.wyn-screen-designer .page-layout.display-type--slide .row.droppable.hover-top .above-drop-zone,
.wyn-screen-designer .page-layout.display-type--page .row.droppable.hover-bottom .below-drop-zone,
.wyn-screen-designer .page-layout.display-type--slide .row.droppable.hover-bottom .below-drop-zone {
  padding: 3rem 4rem;
}
.wyn-screen-designer .page-layout.display-type--page .row.droppable.hover-top .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout.display-type--slide .row.droppable.hover-top .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout.display-type--page .row.droppable.hover-bottom .below-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .page-layout.display-type--slide .row.droppable.hover-bottom .below-drop-zone > .drop-zone-ghost-row {
  height: calc(0.2rem + 6rem);
  margin: 0 3.75rem;
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .page-layout.display-type--page .row.droppable.hover-top .above-drop-zone,
.wyn-screen-designer .page-layout.display-type--slide .row.droppable.hover-top .above-drop-zone {
  border-bottom: 0.1rem dashed #d4d9d9;
}
.wyn-screen-designer .page-layout.display-type--page .row.droppable.hover-bottom .below-drop-zone,
.wyn-screen-designer .page-layout.display-type--slide .row.droppable.hover-bottom .below-drop-zone {
  border-top: 0.1rem dashed #d4d9d9;
}
.wyn-screen-designer .page-layout .column.droppable .droppable > .above-drop-zone,
.wyn-screen-designer .page-layout .column.droppable .droppable > .below-drop-zone,
.wyn-screen-designer .page-layout .column.droppable > .above-drop-zone,
.wyn-screen-designer .page-layout .column.droppable > .below-drop-zone {
  display: none;
}
.wyn-screen-designer .page-layout .column.droppable.hover-top,
.wyn-screen-designer .page-layout .column.droppable.hover-bottom {
  border: 0.1rem dashed #77d3c6;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.hover-top > .above-drop-zone,
.wyn-screen-designer .page-layout .column.droppable .droppable.hover-bottom > .below-drop-zone,
.wyn-screen-designer .page-layout .column.droppable.hover-top > .above-drop-zone,
.wyn-screen-designer .page-layout .column.droppable.hover-bottom > .below-drop-zone {
  display: block;
  text-align: center;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.hover-top > .above-drop-zone {
  margin-bottom: 1rem;
}
.wyn-screen-designer .page-layout .column.droppable .droppable.hover-bottom > .below-drop-zone {
  margin-top: 1rem;
}
.wyn-screen-designer .page-layout .row.draggable.hideMe,
.wyn-screen-designer .page-layout .group-wrapper .module.group.draggable.hideMe {
  display: none;
}
.wyn-screen-designer .page-layout .minimize-row {
  border-bottom: none !important;
  transition: padding 0.33s ease-out;
}
.wyn-screen-designer .page-layout .module.draggable.dragging {
  border: 1px solid #d4d9d9;
  background: #e8ebeb;
  height: 6.2rem;
}
.wyn-screen-designer .page-layout .module.draggable.dragging * {
  display: none;
}
.wyn-screen-designer.wyn-screen-designer--is-dragging .module.draggable .ck.hoverable .hover {
  display: none;
}
.wyn-screen-designer.isScrolling .above-drop-zone,
.wyn-screen-designer.isScrolling .below-drop-zone {
  display: none !important;
}
.wyn-screen-designer .invalid-row.hover-top .above-drop-zone,
.wyn-screen-designer .invalid-row.hover-bottom .below-drop-zone,
.wyn-screen-designer .invalid-row.hover-top .above-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .invalid-row.hover-bottom .below-drop-zone > .drop-zone-ghost-row,
.wyn-screen-designer .invalid-row.empty.hover-top .sd-group-drop-target .transition-group:empty,
.wyn-screen-designer .invalid-row.empty.hover-bottom .sd-group-drop-target .transition-group:empty {
  background-color: #ee2f19 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  border: none !important;
}
.wyn-screen-designer .invalid-row.hover-top .above-drop-zone:before,
.wyn-screen-designer .invalid-row.hover-bottom .below-drop-zone:before,
.wyn-screen-designer .invalid-row.hover-top .above-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .invalid-row.hover-bottom .below-drop-zone > .drop-zone-ghost-row:before,
.wyn-screen-designer .invalid-row.empty.hover-top .sd-group-drop-target .transition-group:empty:before,
.wyn-screen-designer .invalid-row.empty.hover-bottom .sd-group-drop-target .transition-group:empty:before {
  content: 'This row contains modules that are not group items.  It cannot be added to a group.';
}
.wyn-screen-designer .section-preview-panel--hover .ck-icon .icon,
.wyn-screen-designer .policy-preview-panel--hover .ck-icon .icon,
.wyn-screen-designer .section-preview-panel--hover .ck-label-text,
.wyn-screen-designer .policy-preview-panel--hover .ck-label-text {
  line-height: 32px;
  font-size: 32px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif, 'Helvetica Neue', sans-serif;
}
.wyn-screen-designer .result-preview-panel--hover .ck-icon .icon,
.wyn-screen-designer .result-preview-panel--hover .ck-label-text {
  line-height: 52px;
  font-size: 52px;
  font-family: 'Roboto Condensed Bold', 'Helvetica Neue Light', 'HelveticaNeue-Light', Arial, Helvetica, sans-serif, 'Helvetica Neue', sans-serif;
}
.wyn-screen-designer .policy-header-info {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.wyn-screen-designer .policy-header-info .policy-header-info--icon {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.wyn-screen-designer .policy-header-info .policy-header-info--title {
  display: inline-block;
}
.wyn-screen-designer .policy-header-info i.inverted.icon,
.wyn-screen-designer .policy-header-info .ck-label-text {
  color: #505959;
}
.wyn-screen-designer .results-range-control {
  display: inline-block;
}
.wyn-screen-designer .results-range-control .results-range-control__input {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}
.wyn-screen-designer .range-input .range-control {
  display: flex;
  align-items: center;
}
.wyn-screen-designer .range-input .range-control .range-control__input {
  display: inline-block;
  vertical-align: top;
}
.wyn-screen-designer .range-input .range-control .range-control__input:first-of-type {
  margin-right: 1rem;
}
.wyn-screen-designer .range-input .range-control .range-control__input:last-of-type {
  margin-left: 1rem;
}
.wyn-screen-designer .range-input .range-control .range-control__input .ui.input.disabled {
  border-color: #242f3a;
}
.wyn-screen-designer .range-input .range-control .range-control__input .ui.input.disabled:hover {
  border-color: #242f3a;
}
.wyn-screen-designer .range-input .range-control .range-control__separator {
  color: #8095a9;
}
.wyn-screen-designer .range-input.inverted .range-control__separator {
  color: #ffffff;
}
.wyn-screen-designer .page-layout__orientation-wrapper.dragging-content .sortable-item__action-drag {
  display: none !important;
}
.wyn-screen-designer .page-layout__orientation-wrapper .results-preview-item {
  position: relative;
  padding: 3rem 4rem 0 4rem;
}
.wyn-screen-designer .page-layout__orientation-wrapper .results-preview-item:hover .sortable-item__action-drag {
  display: block;
}
.wyn-screen-designer .page-layout__orientation-wrapper .results-preview-item .sortable-item__action-drag {
  display: none;
  position: absolute;
  top: calc(50% + 11px);
  left: 1rem;
}
.wyn-screen-designer .results-preview-item__inner {
  background-color: #d4d9d9;
  padding: 0.5rem 1rem;
}
.wyn-screen-designer .results-preview-item--editing .results-preview-item__inner {
  background: #394242;
}
.wyn-screen-designer .results-preview-item__header {
  margin-bottom: 1rem;
}
.wyn-screen-designer .results-preview-item__title {
  display: flex;
  align-items: center;
}
.wyn-screen-designer .results-preview-item__title .results-preview-item__title-text {
  flex: 1;
  margin-left: 0.5rem;
}
.wyn-screen-designer .results-preview-item__schematic {
  padding: 1.5rem;
}
.scollable-container .scollable-container-buffer {
  transition: height 0.5s ease;
}
.add-modules-popup-wrapper {
  text-align: right;
  margin-top: 10px;
}
.add-modules-popup {
  min-width: 760px;
}
.add-modules-popup .ck.buttons .ck.ui.button,
.add-modules-popup .ck.ui.button {
  display: inline-flex;
}
.add-modules-popup .ck.buttons .ck.ui.button .button-text,
.add-modules-popup .ck.ui.button .button-text {
  text-align: start;
}
.create-form-wizard {
  height: 100%;
  background-color: #505959;
}
.create-form-wizard .form-name-input {
  width: 700px;
}
@media (max-height: 680px) {
  .create-form-wizard .wizard-step {
    padding-top: 0 !important;
  }
}
.create-form-wizard .create-form-wizard-warning-text {
  color: #e0e200;
  text-align: center;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Oxygen", system;
  padding-top: 20px;
}
.theme-wizard-container {
  height: 100%;
}
.theme-wizard-container .theme-name-input {
  width: 700px;
}
.theme-wizard-container .ck-checkbox label {
  font-size: 2.5rem;
}
.theme-wizard-container .ck-checkbox .ck-checkbox-description {
  font-size: 2rem;
}
.asset-workspace.wx-app .wx-layout.wx-body {
  margin-top: 50px;
}
.experience-wizard-container {
  height: 100%;
}
.experience-wizard-container .experience-metadata-step {
  width: 80%;
  display: flex;
  flex-direction: column;
}
.experience-wizard-container .wizard-step__input {
  width: 700px;
}
@media (max-height: 1000px) {
  .experience-wizard-container .ck.wizard-ui .wizard-step {
    padding-top: 0px;
  }
}
.experience-wizard-container .ck.wizard-ui .experience-wizard__step__pages .ck.picker .picker-item__header > .ui.header .content {
  font-size: 1.6rem;
}
.experience-wizard-container .ck.wizard-ui .experience-wizard__step__pages .ck.picker .picker-item__header > .ui.header .header {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.experience-wizard-container .experience-wizard__step__codelist {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.experience-wizard-container .experience-wizard__step__integration_groups {
  width: 700px;
}
.experience-wizard-container .picker-item__entries,
.experience-wizard-container .picker-item__networks {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 3.5em;
}
.experience-wizard-container .picker-item__entries.circular,
.experience-wizard-container .picker-item__networks.circular {
  border-radius: 50%;
}
.experience-wizard-container .picker-item__entries.entry-once,
.experience-wizard-container .picker-item__networks.entry-once {
  background-color: #8dd6be;
}
.experience-wizard-container .picker-item__entries.entry-daily,
.experience-wizard-container .picker-item__networks.entry-daily {
  background-color: #3cb093;
}
.experience-wizard-container .picker-item__entries.entry-infinite,
.experience-wizard-container .picker-item__networks.entry-infinite {
  background-color: #1f8873;
}
.experience-wizard-container .picker-item__entries.entry-hourly,
.experience-wizard-container .picker-item__networks.entry-hourly {
  background-color: #118169;
}
.experience-wizard-container .picker-item__entries.network-twitter,
.experience-wizard-container .picker-item__networks.network-twitter {
  background-color: #55acee;
}
.experience-wizard-container .picker-item__entries.network-instagram,
.experience-wizard-container .picker-item__networks.network-instagram {
  background-color: #3f729b;
}
.experience-wizard-container .picker-item__entries.network-snapchat,
.experience-wizard-container .picker-item__networks.network-snapchat {
  background-color: #fffc00;
}
.experience-wizard-container .picker-item__entries.network-snapchat .icon-wrapper,
.experience-wizard-container .picker-item__networks.network-snapchat .icon-wrapper {
  color: #2b8679;
}
.experience-wizard-container .picker-item__entries.network-google,
.experience-wizard-container .picker-item__networks.network-google {
  background-color: #dd4b39;
}
.experience-wizard-container .picker-item__entries.network-youtube,
.experience-wizard-container .picker-item__networks.network-youtube {
  background-color: #e52d27;
}
.experience-wizard-container .picker-item__entries.network-web,
.experience-wizard-container .picker-item__networks.network-web {
  background-color: #cf2e76;
}
.experience-wizard-container .picker-item__entries.network-facebook,
.experience-wizard-container .picker-item__networks.network-facebook {
  background-color: #3b5998;
}
.experience-wizard-container .picker-item__entries.network-linkedin,
.experience-wizard-container .picker-item__networks.network-linkedin {
  background-color: #0976b4;
}
.experience-wizard-container .picker-item__entries.judging-strategy-jury,
.experience-wizard-container .picker-item__networks.judging-strategy-jury {
  background-color: #d8a6c1;
}
.experience-wizard-container .picker-item__entries.judging-strategy-public,
.experience-wizard-container .picker-item__networks.judging-strategy-public {
  background-color: #896fb0;
}
.experience-wizard-container .picker-item__entries.judging-strategy-jurythenpublic,
.experience-wizard-container .picker-item__networks.judging-strategy-jurythenpublic {
  background-color: #6b4d96;
}
.experience-wizard-container .picker-item__entries.judging-strategy-publicthenjury,
.experience-wizard-container .picker-item__networks.judging-strategy-publicthenjury {
  background-color: #361d5b;
}
.channel-wizard__container {
  height: 100%;
}
.channel-wizard__container .publishing-mode-step .picker-item__item-image .ck-icon i.icon,
.channel-wizard__container .channel-type-step .picker-item__item-image .ck-icon i.icon {
  font-size: 60px;
}
.channel-wizard__container .wizard-step__input {
  width: 700px;
}
@media (max-height: 1000px) {
  .channel-wizard__container .ck.wizard-ui .wizard-step {
    padding-top: 0px;
  }
}
.account-template-wizard__container {
  height: 100%;
}
.account-template-wizard__container .wizard-step__input {
  width: 700px;
}
@media (max-height: 1000px) {
  .account-template-wizard__container .ck.wizard-ui .wizard-step {
    padding-top: 0px;
  }
}


/*# sourceMappingURL=console.c2e32376fadeeccd0d73.css.map*/