.sticky-element__trigger--bottom {
    position: absolute;
    bottom: 0;
}
/*! =======================================================
                      VERSION  6.0.17              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}
.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}
.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border: 0px solid transparent;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-tick.round {
  border-radius: 50%;
}
.slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
  opacity: 1;
}

/* FLEXBOX and Auto-width*/
.ui-slider {
  display: flex;
  /*align-items: stretch;*/
}
.ui-slider .slider {
  display: flex;
}

.ui-slider.fill .slider.slider-horizontal {
  flex: 1 0;
}
.ui-slider.fit .slider {
  flex: 0 0;
}

.ui-slider .slider-tick-label-container {
  display: flex;
  flex: 1 0;
}

.ui-slider .tooltip.in {
  opacity: 0.9;
}

.ui-slider .tooltip.bottom {
  margin-top: 12px;
}


/* MOODS */
.ui-slider.mood-success .slider-handle {
  background: hsl(120, 39%, 30%);
}
.ui-slider.mood-success .slider-selection {
  background: hsl(120, 39%, 70%);
}
.ui-slider.mood-success.section-1 .slider-selection {
  background: hsl(120, 39%, 95%);
}
.ui-slider.mood-success.section-2 .slider-selection {
  background: hsl(120, 39%, 90%);
}
.ui-slider.mood-success.section-3 .slider-selection {
  background: hsl(120, 39%, 85%);
}
.ui-slider.mood-success.section-4 .slider-selection {
  background: hsl(120, 39%, 80%);
}
.ui-slider.mood-success.section-5 .slider-selection {
  background: hsl(120, 39%, 75%);
}
.ui-slider.mood-success.section-6 .slider-selection {
  background: hsl(120, 39%, 70%);
}
.ui-slider.mood-success.section-7 .slider-selection {
  background: hsl(120, 39%, 65%);
}
.ui-slider.mood-success.section-8 .slider-selection {
  background: hsl(120, 39%, 60%);
}
.ui-slider.mood-success.section-9 .slider-selection {
  background: hsl(120, 39%, 55%);
}
.ui-slider.mood-success.section-10 .slider-selection {
  background: hsl(120, 39%, 50%);
}
/* info */
.ui-slider.mood-info .slider-handle {
  background: hsl(194, 66%, 30%);
}
.ui-slider.mood-info .slider-selection {
  background: hsl(194, 66%, 70%);
}
.ui-slider.mood-info.section-1 .slider-selection {
  background: hsl(194, 66%, 95%);
}
.ui-slider.mood-info.section-2 .slider-selection {
  background: hsl(194, 66%, 90%);
}
.ui-slider.mood-info.section-3 .slider-selection {
  background: hsl(194, 66%, 85%);
}
.ui-slider.mood-info.section-4 .slider-selection {
  background: hsl(194, 66%, 80%);
}
.ui-slider.mood-info.section-5 .slider-selection {
  background: hsl(194, 66%, 75%);
}
.ui-slider.mood-info.section-6 .slider-selection {
  background: hsl(194, 66%, 70%);
}
.ui-slider.mood-info.section-7 .slider-selection {
  background: hsl(194, 66%, 65%);
}
.ui-slider.mood-info.section-8 .slider-selection {
  background: hsl(194, 66%, 60%);
}
.ui-slider.mood-info.section-9 .slider-selection {
  background: hsl(194, 66%, 55%);
}
.ui-slider.mood-info.section-10 .slider-selection {
  background: hsl(194, 66%, 50%);
}
/* warning */
.ui-slider.mood-warning .slider-handle {
  background: hsl(35, 84%, 30%);
}
.ui-slider.mood-warning .slider-selection {
  background: hsl(35, 84%, 70%);
}
.ui-slider.mood-warning.section-1 .slider-selection {
  background: hsl(35, 84%, 95%);
}
.ui-slider.mood-warning.section-2 .slider-selection {
  background: hsl(35, 84%, 90%);
}
.ui-slider.mood-warning.section-3 .slider-selection {
  background: hsl(35, 84%, 85%);
}
.ui-slider.mood-warning.section-4 .slider-selection {
  background: hsl(35, 84%, 80%);
}
.ui-slider.mood-warning.section-5 .slider-selection {
  background: hsl(35, 84%, 75%);
}
.ui-slider.mood-warning.section-6 .slider-selection {
  background: hsl(35, 84%, 70%);
}
.ui-slider.mood-warning.section-7 .slider-selection {
  background: hsl(35, 84%, 65%);
}
.ui-slider.mood-warning.section-8 .slider-selection {
  background: hsl(35, 84%, 60%);
}
.ui-slider.mood-warning.section-9 .slider-selection {
  background: hsl(35, 84%, 55%);
}
.ui-slider.mood-warning.section-10 .slider-selection {
  background: hsl(35, 84%, 50%);
}
/* error */
.ui-slider.mood-error .slider-handle {
  background: hsl(2, 64%, 30%);
}
.ui-slider.mood-error .slider-selection {
  background: hsl(2, 64%, 70%);
}
.ui-slider.mood-error.section-1 .slider-selection {
  background: hsl(2, 64%, 95%);
}
.ui-slider.mood-error.section-2 .slider-selection {
  background: hsl(2, 64%, 90%);
}
.ui-slider.mood-error.section-3 .slider-selection {
  background: hsl(2, 64%, 85%);
}
.ui-slider.mood-error.section-4 .slider-selection {
  background: hsl(2, 64%, 80%);
}
.ui-slider.mood-error.section-5 .slider-selection {
  background: hsl(2, 64%, 75%);
}
.ui-slider.mood-error.section-6 .slider-selection {
  background: hsl(2, 64%, 70%);
}
.ui-slider.mood-error.section-7 .slider-selection {
  background: hsl(2, 64%, 65%);
}
.ui-slider.mood-error.section-8 .slider-selection {
  background: hsl(2, 64%, 60%);
}
.ui-slider.mood-error.section-9 .slider-selection {
  background: hsl(2, 64%, 55%);
}
.ui-slider.mood-error.section-10 .slider-selection {
  background: hsl(2, 64%, 50%);
}
/* RAG, RAGAR */
.ui-slider.mood-rag.section-1 .slider-handle,
.ui-slider.mood-ragar.section-1 .slider-handle,
.ui-slider.mood-ragar.section-5 .slider-handle {
  background: hsl(2, 64%, 35%);
}
.ui-slider.mood-rag.section-1 .slider-tick.in-selection,
.ui-slider.mood-ragar.section-1 .slider-tick.in-selection,
.ui-slider.mood-ragar.section-5 .slider-tick.in-selection {
  background: hsl(2, 64%, 85%);
}
.ui-slider.mood-rag.section-1 .slider-selection,
.ui-slider.mood-ragar.section-1 .slider-selection,
.ui-slider.mood-ragar.section-5 .slider-selection {
  background: hsl(2, 64%, 75%);
}
.ui-slider.mood-rag.section-2 .slider-handle,
.ui-slider.mood-ragar.section-2 .slider-handle,
.ui-slider.mood-ragar.section-4 .slider-handle
 {
  background: hsl(44, 64%, 35%);
}
.ui-slider.mood-rag.section-2 .slider-tick.in-selection,
.ui-slider.mood-ragar.section-2 .slider-tick.in-selection,
.ui-slider.mood-ragar.section-4 .slider-tick.in-selection
 {
  background: hsl(44, 64%, 85%);
}
.ui-slider.mood-rag.section-2 .slider-selection,
.ui-slider.mood-ragar.section-2 .slider-selection,
.ui-slider.mood-ragar.section-4 .slider-selection {
  background: hsl(44, 64%, 75%);
}
.ui-slider.mood-rag.section-3 .slider-handle,
.ui-slider.mood-ragar.section-3 .slider-handle {
  background: hsl(120, 39%, 35%);
}
.ui-slider.mood-rag.section-3 .slider-tick.in-selection,
.ui-slider.mood-ragar.section-3 .slider-tick.in-selection {
  background: hsl(120, 39%, 85%);
}
.ui-slider.mood-rag.section-3 .slider-selection,
.ui-slider.mood-ragar.section-3 .slider-selection  {
  background: hsl(120, 39%, 75%);
}
/* GAR */
.ui-slider.mood-gar.section-3 .slider-handle {
  background: hsl(2, 64%, 35%);
}
.ui-slider.mood-gar.section-3 .slider-selection {
  background: hsl(2, 64%, 75%);
}
.ui-slider.mood-gar.section-2 .slider-handle {
  background: hsl(44, 64%, 35%);
}
.ui-slider.mood-gar.section-2 .slider-selection {
  background: hsl(44, 64%, 75%);
}
.ui-slider.mood-gar.section-1 .slider-handle {
  background: hsl(120, 39%, 35%);
}
.ui-slider.mood-gar.section-1 .slider-selection {
  background: hsl(120, 39%, 75%);
}

/*  HANDLE SHAPES  */
.ui-slider .slider-handle.rect {
  width: 5px;
  border-radius: 2px;
}
.ui-slider.slider-horizontal .rect {
  margin-left: -5px;
}

.liquid-container {
    position: relative;
    overflow: hidden;

    /* without this, overflow:hidden won't take effect because the things
       we're trying to hide are on a separate accelerated
       context. Also, this prevents a tiny vertical jump when the
       content switches to accelerated.  */
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.liquid-child {
    overflow: hidden; /* Prevent margin collapse */
}

/**!
  Visualization Classes for debugging the vertical-collection
  */
.vertical-collection-visual-debugger {
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: left;
  background: rgba(50, 50, 50, 1);
  width: 125px;
}

.vertical-collection-visual-debugger .vc_visualization-container {
  transform: scale(0.25);
  left: 0;
  position: relative;
}


.vertical-collection-visual-debugger .vc_visualization-screen {
  position: absolute;
  background: transparent;
  box-sizing: content-box;
  border-top: 2px dashed yellow;
  border-bottom: 2px dashed yellow;
  width: 500px;
}

.vertical-collection-visual-debugger .vc_visualization-scroll-container {
  position: absolute;
  width: 500px;
  background: rgba(100, 230, 100, 0.65);
}

.vertical-collection-visual-debugger .vc_visualization-item-container {
  position: absolute;
  width: 500px;
  background: rgba(255, 255, 255, .15);
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component {
  box-sizing: border-box;
  background: rgba(230, 100, 230, 0.6);
  border: 1px dotted #bbb;
  border-top: 0px;
  color: #fff;
  text-align: center;
  font-size: 2.5em;
  width: 250px;
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component:first-of-type {
  border-top: 1px dotted #bbb;
}

.vertical-collection-visual-debugger .vc_visualization-virtual-component.culled {
  background: transparent;
}

/* Fix for https://github.com/kaliber5/ember-bootstrap/issues/355 */
.panel-heading[role='tab'] {
    cursor: pointer;
}

/*
we need to override this for BS3 popovers as they are `display: none` be default, and we use popper.js instead of
proprietary display and positioning logic
*/
.ember-bootstrap-popover.popover {
    display: block;
}

/**
arrow placement with popper.js will take margins into account
(see https://github.com/FezVrasta/popper.js/blob/e80f27c85bdaa8ef7d700f936e536bb43aea9b53/packages/popper/src/utils/getOuterSizes.js#L9-L15)
So we need to reset them here, otherwise arrow positioning will be slightly off
 */
.ember-bootstrap-tooltip.tooltip.top .tooltip-arrow,
 .ember-bootstrap-tooltip.tooltip.bottom .tooltip-arrow {
     margin-left: 0;
 }

.ember-bootstrap-tooltip.tooltip.left .tooltip-arrow,
.ember-bootstrap-tooltip.tooltip.right .tooltip-arrow {
    margin-top: 0;
}

.ember-bootstrap-popover.popover.top .arrow,
.ember-bootstrap-popover.popover.bottom .arrow {
    margin-left: 0;
}

.ember-bootstrap-popover.popover.left .arrow,
.ember-bootstrap-popover.popover.right .arrow {
    margin-top: 0;
}

.ember-notify-default.ember-notify-cn {
  position: fixed;
  z-index: 5000;
  bottom: 0px;
  right: 0px;
}

.ember-notify-default .ember-notify {
  display: block;
  margin: 10px;
  position: relative;
  width: 300px;
  /* the following is purely so that it doesn't look broken without Foundation installed */
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 10px;
}

.ember-notify-default .ember-notify-show {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: ember-notify-show;
  animation-name: ember-notify-show;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.ember-notify-default .ember-notify-hide {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-name: ember-notify-hide;
  animation-name: ember-notify-hide;
  -webkit-animation-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.600, -0.280, 0.735, 0.045);
}

.ember-notify-hide:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused; 
  animation-play-state: paused;
}

@-webkit-keyframes ember-notify-show {
  from {
    right: -310px;
  }
  to {
    right: 0;
  }
}

@keyframes ember-notify-show {
  from {
    right: -310px;
  }
  to {
    right: 0;
  }
}
@-webkit-keyframes ember-notify-hide {
  from {
    right: 0;
  }
  to {
    right: -310px;
  }
}
@keyframes ember-notify-hide {
  from {
    right: 0;
  }
  to {
    right: -310px;
  }
}

.ember-notify-default .ember-notify .close {
  float: right;
  cursor: pointer;
}


@media only screen and (max-width: 680px) {
  .ember-notify-default.ember-notify-cn {
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
  }
  .ember-notify-default .ember-notify {
    width: 100%;
    float: right;
  }
}

.ember-notify-cn .clearfix {
  *zoom: 1;
}
.ember-notify-cn .clearfix:before,
.ember-notify-cn .clearfix:after {
  content: " ";
  display: table;
}
.ember-notify-cn .clearfix:after {
  clear: both;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
@import "base.css";
@import "theme.css";

/*!
 * Cropper v3.1.6
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2018 Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-03-01T13:33:39.581Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.occluded-content {
  display: block;
  position: relative;
  width: 100%;

  /* prevents margin overflow on item container */
  min-height: 0.01px;

  /* hides text visually while still being readable by screen readers */
  color: rgba(0,0,0,0);
}

table .occluded-content,
tbody .occluded-content,
thead .occluded-content,
tfoot .occluded-content, {
  display: table-row;
  position: relative;
  width: 100%;
}

ul .occluded-content,
ol .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0;
}


.occluded-content {
  display: block;
  position: relative;
  width: 100%;

  /* prevents margin overflow on item container */
  min-height: 0.01px;

  /* hides text visually while still being readable by screen readers */
  color: rgba(0,0,0,0);
}

table .occluded-content,
tbody .occluded-content,
thead .occluded-content,
tfoot .occluded-content, {
  display: table-row;
  position: relative;
  width: 100%;
}

ul .occluded-content,
ol .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0;
}

/*
    NOTE: These should be kept in sync with 'common/constansts/screen-size.js'
*/
.shrinky-dink {
  transform-origin: top left;
  transition: transform 0.25s;
}
@media (max-width: 5760px) {
  .shrinky-dink {
    transform: scale(1);
  }
}
@media (max-width: 1280px) {
  .shrinky-dink {
    transform: scale(0.8);
  }
}
/*
    colors array
*/
.box-shadow-pop-out {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.box-shadow-pop-in {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.font-style-fix {
  font-weight: normal !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHRiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLijXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
.roboto-thin {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: normal;
}
.roboto-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.roboto-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.roboto-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.roboto-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.roboto-black {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 900;
  font-style: normal;
}
.roboto-thin-italic {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: italic;
}
/*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{alpha-font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
/*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
@font-face {
  font-family: 'jelli-alphabet';
  src: url(./fonts/jelli-alphabet.eot?xfcinv);
  src: url(./fonts/jelli-alphabet.eot?xfcinv#iefix) format('embedded-opentype'), url(./fonts/jelli-alphabet.ttf?xfcinv) format('truetype'), url(./fonts/jelli-alphabet.woff?xfcinv) format('woff'), url(./fonts/jelli-alphabet.svg?xfcinv#jelli-alphabet) format('svg');
  font-weight: normal;
  font-style: normal;
}
.jelli-font-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.jelli-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha.label-left {
  padding-left: 6px;
}
.jelli-alpha.label-right {
  padding-right: 6px;
}
.jelli-alpha[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-char-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.jelli-alpha-a,
#jdoc-alpha.alpha-docs-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-a.label-left,
#jdoc-alpha.alpha-docs-a.label-left {
  padding-left: 6px;
}
.jelli-alpha-a.label-right,
#jdoc-alpha.alpha-docs-a.label-right {
  padding-right: 6px;
}
.jelli-alpha-a[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-a[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-a[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-a[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-a:before,
#jdoc-alpha.alpha-docs-a:before {
  content: "\e900" !important;
}
.jelli-alpha-char-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.jelli-alpha-b,
#jdoc-alpha.alpha-docs-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-b.label-left,
#jdoc-alpha.alpha-docs-b.label-left {
  padding-left: 6px;
}
.jelli-alpha-b.label-right,
#jdoc-alpha.alpha-docs-b.label-right {
  padding-right: 6px;
}
.jelli-alpha-b[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-b[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-b[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-b[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-b:before,
#jdoc-alpha.alpha-docs-b:before {
  content: "\e901" !important;
}
.jelli-alpha-char-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.jelli-alpha-c,
#jdoc-alpha.alpha-docs-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-c.label-left,
#jdoc-alpha.alpha-docs-c.label-left {
  padding-left: 6px;
}
.jelli-alpha-c.label-right,
#jdoc-alpha.alpha-docs-c.label-right {
  padding-right: 6px;
}
.jelli-alpha-c[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-c[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-c[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-c[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-c:before,
#jdoc-alpha.alpha-docs-c:before {
  content: "\e902" !important;
}
.jelli-alpha-char-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.jelli-alpha-d,
#jdoc-alpha.alpha-docs-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-d.label-left,
#jdoc-alpha.alpha-docs-d.label-left {
  padding-left: 6px;
}
.jelli-alpha-d.label-right,
#jdoc-alpha.alpha-docs-d.label-right {
  padding-right: 6px;
}
.jelli-alpha-d[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-d[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-d[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-d[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-d:before,
#jdoc-alpha.alpha-docs-d:before {
  content: "\e903" !important;
}
.jelli-alpha-char-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.jelli-alpha-e,
#jdoc-alpha.alpha-docs-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-e.label-left,
#jdoc-alpha.alpha-docs-e.label-left {
  padding-left: 6px;
}
.jelli-alpha-e.label-right,
#jdoc-alpha.alpha-docs-e.label-right {
  padding-right: 6px;
}
.jelli-alpha-e[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-e[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-e[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-e[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-e:before,
#jdoc-alpha.alpha-docs-e:before {
  content: "\e904" !important;
}
.jelli-alpha-char-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.jelli-alpha-f,
#jdoc-alpha.alpha-docs-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-f.label-left,
#jdoc-alpha.alpha-docs-f.label-left {
  padding-left: 6px;
}
.jelli-alpha-f.label-right,
#jdoc-alpha.alpha-docs-f.label-right {
  padding-right: 6px;
}
.jelli-alpha-f[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-f[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-f[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-f[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-f:before,
#jdoc-alpha.alpha-docs-f:before {
  content: "\e905" !important;
}
.jelli-alpha-char-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.jelli-alpha-g,
#jdoc-alpha.alpha-docs-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-g.label-left,
#jdoc-alpha.alpha-docs-g.label-left {
  padding-left: 6px;
}
.jelli-alpha-g.label-right,
#jdoc-alpha.alpha-docs-g.label-right {
  padding-right: 6px;
}
.jelli-alpha-g[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-g[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-g[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-g[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-g:before,
#jdoc-alpha.alpha-docs-g:before {
  content: "\e906" !important;
}
.jelli-alpha-char-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.jelli-alpha-h,
#jdoc-alpha.alpha-docs-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-h.label-left,
#jdoc-alpha.alpha-docs-h.label-left {
  padding-left: 6px;
}
.jelli-alpha-h.label-right,
#jdoc-alpha.alpha-docs-h.label-right {
  padding-right: 6px;
}
.jelli-alpha-h[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-h[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-h[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-h[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-h:before,
#jdoc-alpha.alpha-docs-h:before {
  content: "\e907" !important;
}
.jelli-alpha-char-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.jelli-alpha-i,
#jdoc-alpha.alpha-docs-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-i.label-left,
#jdoc-alpha.alpha-docs-i.label-left {
  padding-left: 6px;
}
.jelli-alpha-i.label-right,
#jdoc-alpha.alpha-docs-i.label-right {
  padding-right: 6px;
}
.jelli-alpha-i[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-i[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-i[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-i[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-i:before,
#jdoc-alpha.alpha-docs-i:before {
  content: "\e908" !important;
}
.jelli-alpha-char-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.jelli-alpha-j,
#jdoc-alpha.alpha-docs-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-j.label-left,
#jdoc-alpha.alpha-docs-j.label-left {
  padding-left: 6px;
}
.jelli-alpha-j.label-right,
#jdoc-alpha.alpha-docs-j.label-right {
  padding-right: 6px;
}
.jelli-alpha-j[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-j[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-j[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-j[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-j:before,
#jdoc-alpha.alpha-docs-j:before {
  content: "\e909" !important;
}
.jelli-alpha-char-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90a" !important;
}
.jelli-alpha-k,
#jdoc-alpha.alpha-docs-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-k.label-left,
#jdoc-alpha.alpha-docs-k.label-left {
  padding-left: 6px;
}
.jelli-alpha-k.label-right,
#jdoc-alpha.alpha-docs-k.label-right {
  padding-right: 6px;
}
.jelli-alpha-k[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-k[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-k[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-k[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-k:before,
#jdoc-alpha.alpha-docs-k:before {
  content: "\e90a" !important;
}
.jelli-alpha-char-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90b" !important;
}
.jelli-alpha-l,
#jdoc-alpha.alpha-docs-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-l.label-left,
#jdoc-alpha.alpha-docs-l.label-left {
  padding-left: 6px;
}
.jelli-alpha-l.label-right,
#jdoc-alpha.alpha-docs-l.label-right {
  padding-right: 6px;
}
.jelli-alpha-l[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-l[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-l[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-l[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-l:before,
#jdoc-alpha.alpha-docs-l:before {
  content: "\e90b" !important;
}
.jelli-alpha-char-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90c" !important;
}
.jelli-alpha-m,
#jdoc-alpha.alpha-docs-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-m.label-left,
#jdoc-alpha.alpha-docs-m.label-left {
  padding-left: 6px;
}
.jelli-alpha-m.label-right,
#jdoc-alpha.alpha-docs-m.label-right {
  padding-right: 6px;
}
.jelli-alpha-m[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-m[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-m[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-m[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-m:before,
#jdoc-alpha.alpha-docs-m:before {
  content: "\e90c" !important;
}
.jelli-alpha-char-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90d" !important;
}
.jelli-alpha-n,
#jdoc-alpha.alpha-docs-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-n.label-left,
#jdoc-alpha.alpha-docs-n.label-left {
  padding-left: 6px;
}
.jelli-alpha-n.label-right,
#jdoc-alpha.alpha-docs-n.label-right {
  padding-right: 6px;
}
.jelli-alpha-n[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-n[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-n[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-n[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-n:before,
#jdoc-alpha.alpha-docs-n:before {
  content: "\e90d" !important;
}
.jelli-alpha-char-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90e" !important;
}
.jelli-alpha-o,
#jdoc-alpha.alpha-docs-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-o.label-left,
#jdoc-alpha.alpha-docs-o.label-left {
  padding-left: 6px;
}
.jelli-alpha-o.label-right,
#jdoc-alpha.alpha-docs-o.label-right {
  padding-right: 6px;
}
.jelli-alpha-o[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-o[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-o[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-o[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-o:before,
#jdoc-alpha.alpha-docs-o:before {
  content: "\e90e" !important;
}
.jelli-alpha-char-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.jelli-alpha-p,
#jdoc-alpha.alpha-docs-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-p.label-left,
#jdoc-alpha.alpha-docs-p.label-left {
  padding-left: 6px;
}
.jelli-alpha-p.label-right,
#jdoc-alpha.alpha-docs-p.label-right {
  padding-right: 6px;
}
.jelli-alpha-p[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-p[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-p[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-p[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-p:before,
#jdoc-alpha.alpha-docs-p:before {
  content: "\e90f" !important;
}
.jelli-alpha-char-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.jelli-alpha-q,
#jdoc-alpha.alpha-docs-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-q.label-left,
#jdoc-alpha.alpha-docs-q.label-left {
  padding-left: 6px;
}
.jelli-alpha-q.label-right,
#jdoc-alpha.alpha-docs-q.label-right {
  padding-right: 6px;
}
.jelli-alpha-q[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-q[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-q[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-q[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-q:before,
#jdoc-alpha.alpha-docs-q:before {
  content: "\e910" !important;
}
.jelli-alpha-char-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.jelli-alpha-r,
#jdoc-alpha.alpha-docs-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-r.label-left,
#jdoc-alpha.alpha-docs-r.label-left {
  padding-left: 6px;
}
.jelli-alpha-r.label-right,
#jdoc-alpha.alpha-docs-r.label-right {
  padding-right: 6px;
}
.jelli-alpha-r[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-r[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-r[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-r[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-r:before,
#jdoc-alpha.alpha-docs-r:before {
  content: "\e911" !important;
}
.jelli-alpha-char-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.jelli-alpha-s,
#jdoc-alpha.alpha-docs-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-s.label-left,
#jdoc-alpha.alpha-docs-s.label-left {
  padding-left: 6px;
}
.jelli-alpha-s.label-right,
#jdoc-alpha.alpha-docs-s.label-right {
  padding-right: 6px;
}
.jelli-alpha-s[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-s[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-s[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-s[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-s:before,
#jdoc-alpha.alpha-docs-s:before {
  content: "\e912" !important;
}
.jelli-alpha-char-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.jelli-alpha-t,
#jdoc-alpha.alpha-docs-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-t.label-left,
#jdoc-alpha.alpha-docs-t.label-left {
  padding-left: 6px;
}
.jelli-alpha-t.label-right,
#jdoc-alpha.alpha-docs-t.label-right {
  padding-right: 6px;
}
.jelli-alpha-t[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-t[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-t[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-t[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-t:before,
#jdoc-alpha.alpha-docs-t:before {
  content: "\e913" !important;
}
.jelli-alpha-char-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.jelli-alpha-u,
#jdoc-alpha.alpha-docs-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-u.label-left,
#jdoc-alpha.alpha-docs-u.label-left {
  padding-left: 6px;
}
.jelli-alpha-u.label-right,
#jdoc-alpha.alpha-docs-u.label-right {
  padding-right: 6px;
}
.jelli-alpha-u[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-u[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-u[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-u[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-u:before,
#jdoc-alpha.alpha-docs-u:before {
  content: "\e914" !important;
}
.jelli-alpha-char-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.jelli-alpha-v,
#jdoc-alpha.alpha-docs-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-v.label-left,
#jdoc-alpha.alpha-docs-v.label-left {
  padding-left: 6px;
}
.jelli-alpha-v.label-right,
#jdoc-alpha.alpha-docs-v.label-right {
  padding-right: 6px;
}
.jelli-alpha-v[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-v[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-v[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-v[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-v:before,
#jdoc-alpha.alpha-docs-v:before {
  content: "\e915" !important;
}
.jelli-alpha-char-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.jelli-alpha-w,
#jdoc-alpha.alpha-docs-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-w.label-left,
#jdoc-alpha.alpha-docs-w.label-left {
  padding-left: 6px;
}
.jelli-alpha-w.label-right,
#jdoc-alpha.alpha-docs-w.label-right {
  padding-right: 6px;
}
.jelli-alpha-w[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-w[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-w[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-w[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-w:before,
#jdoc-alpha.alpha-docs-w:before {
  content: "\e916" !important;
}
.jelli-alpha-char-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.jelli-alpha-x,
#jdoc-alpha.alpha-docs-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-x.label-left,
#jdoc-alpha.alpha-docs-x.label-left {
  padding-left: 6px;
}
.jelli-alpha-x.label-right,
#jdoc-alpha.alpha-docs-x.label-right {
  padding-right: 6px;
}
.jelli-alpha-x[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-x[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-x[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-x[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-x:before,
#jdoc-alpha.alpha-docs-x:before {
  content: "\e917" !important;
}
.jelli-alpha-char-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e918" !important;
}
.jelli-alpha-y,
#jdoc-alpha.alpha-docs-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-y.label-left,
#jdoc-alpha.alpha-docs-y.label-left {
  padding-left: 6px;
}
.jelli-alpha-y.label-right,
#jdoc-alpha.alpha-docs-y.label-right {
  padding-right: 6px;
}
.jelli-alpha-y[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-y[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-y[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-y[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-y:before,
#jdoc-alpha.alpha-docs-y:before {
  content: "\e918" !important;
}
.jelli-alpha-char-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e919" !important;
}
.jelli-alpha-z,
#jdoc-alpha.alpha-docs-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-z.label-left,
#jdoc-alpha.alpha-docs-z.label-left {
  padding-left: 6px;
}
.jelli-alpha-z.label-right,
#jdoc-alpha.alpha-docs-z.label-right {
  padding-right: 6px;
}
.jelli-alpha-z[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-z[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-z[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-z[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-z:before,
#jdoc-alpha.alpha-docs-z:before {
  content: "\e919" !important;
}
.jelli-alpha-char-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91a" !important;
}
.jelli-alpha-0,
#jdoc-alpha.alpha-docs-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-0.label-left,
#jdoc-alpha.alpha-docs-0.label-left {
  padding-left: 6px;
}
.jelli-alpha-0.label-right,
#jdoc-alpha.alpha-docs-0.label-right {
  padding-right: 6px;
}
.jelli-alpha-0[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-0[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-0[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-0[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-0:before,
#jdoc-alpha.alpha-docs-0:before {
  content: "\e91a" !important;
}
.jelli-alpha-char-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91b" !important;
}
.jelli-alpha-1,
#jdoc-alpha.alpha-docs-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-1.label-left,
#jdoc-alpha.alpha-docs-1.label-left {
  padding-left: 6px;
}
.jelli-alpha-1.label-right,
#jdoc-alpha.alpha-docs-1.label-right {
  padding-right: 6px;
}
.jelli-alpha-1[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-1[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-1[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-1[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-1:before,
#jdoc-alpha.alpha-docs-1:before {
  content: "\e91b" !important;
}
.jelli-alpha-char-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91c" !important;
}
.jelli-alpha-2,
#jdoc-alpha.alpha-docs-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-2.label-left,
#jdoc-alpha.alpha-docs-2.label-left {
  padding-left: 6px;
}
.jelli-alpha-2.label-right,
#jdoc-alpha.alpha-docs-2.label-right {
  padding-right: 6px;
}
.jelli-alpha-2[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-2[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-2[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-2[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-2:before,
#jdoc-alpha.alpha-docs-2:before {
  content: "\e91c" !important;
}
.jelli-alpha-char-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91d" !important;
}
.jelli-alpha-3,
#jdoc-alpha.alpha-docs-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-3.label-left,
#jdoc-alpha.alpha-docs-3.label-left {
  padding-left: 6px;
}
.jelli-alpha-3.label-right,
#jdoc-alpha.alpha-docs-3.label-right {
  padding-right: 6px;
}
.jelli-alpha-3[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-3[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-3[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-3[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-3:before,
#jdoc-alpha.alpha-docs-3:before {
  content: "\e91d" !important;
}
.jelli-alpha-char-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91e" !important;
}
.jelli-alpha-4,
#jdoc-alpha.alpha-docs-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-4.label-left,
#jdoc-alpha.alpha-docs-4.label-left {
  padding-left: 6px;
}
.jelli-alpha-4.label-right,
#jdoc-alpha.alpha-docs-4.label-right {
  padding-right: 6px;
}
.jelli-alpha-4[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-4[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-4[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-4[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-4:before,
#jdoc-alpha.alpha-docs-4:before {
  content: "\e91e" !important;
}
.jelli-alpha-char-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.jelli-alpha-5,
#jdoc-alpha.alpha-docs-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-5.label-left,
#jdoc-alpha.alpha-docs-5.label-left {
  padding-left: 6px;
}
.jelli-alpha-5.label-right,
#jdoc-alpha.alpha-docs-5.label-right {
  padding-right: 6px;
}
.jelli-alpha-5[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-5[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-5[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-5[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-5:before,
#jdoc-alpha.alpha-docs-5:before {
  content: "\e91f" !important;
}
.jelli-alpha-char-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e920" !important;
}
.jelli-alpha-6,
#jdoc-alpha.alpha-docs-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-6.label-left,
#jdoc-alpha.alpha-docs-6.label-left {
  padding-left: 6px;
}
.jelli-alpha-6.label-right,
#jdoc-alpha.alpha-docs-6.label-right {
  padding-right: 6px;
}
.jelli-alpha-6[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-6[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-6[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-6[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-6:before,
#jdoc-alpha.alpha-docs-6:before {
  content: "\e920" !important;
}
.jelli-alpha-char-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e921" !important;
}
.jelli-alpha-7,
#jdoc-alpha.alpha-docs-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-7.label-left,
#jdoc-alpha.alpha-docs-7.label-left {
  padding-left: 6px;
}
.jelli-alpha-7.label-right,
#jdoc-alpha.alpha-docs-7.label-right {
  padding-right: 6px;
}
.jelli-alpha-7[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-7[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-7[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-7[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-7:before,
#jdoc-alpha.alpha-docs-7:before {
  content: "\e921" !important;
}
.jelli-alpha-char-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e922" !important;
}
.jelli-alpha-8,
#jdoc-alpha.alpha-docs-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-8.label-left,
#jdoc-alpha.alpha-docs-8.label-left {
  padding-left: 6px;
}
.jelli-alpha-8.label-right,
#jdoc-alpha.alpha-docs-8.label-right {
  padding-right: 6px;
}
.jelli-alpha-8[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-8[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-8[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-8[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-8:before,
#jdoc-alpha.alpha-docs-8:before {
  content: "\e922" !important;
}
.jelli-alpha-char-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e923" !important;
}
.jelli-alpha-9,
#jdoc-alpha.alpha-docs-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-9.label-left,
#jdoc-alpha.alpha-docs-9.label-left {
  padding-left: 6px;
}
.jelli-alpha-9.label-right,
#jdoc-alpha.alpha-docs-9.label-right {
  padding-right: 6px;
}
.jelli-alpha-9[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-9[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-9[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-9[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-9:before,
#jdoc-alpha.alpha-docs-9:before {
  content: "\e923" !important;
}
.jelli-alpha-char-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e924" !important;
}
.jelli-alpha-exclamation,
#jdoc-alpha.alpha-docs-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-exclamation.label-left,
#jdoc-alpha.alpha-docs-exclamation.label-left {
  padding-left: 6px;
}
.jelli-alpha-exclamation.label-right,
#jdoc-alpha.alpha-docs-exclamation.label-right {
  padding-right: 6px;
}
.jelli-alpha-exclamation[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-exclamation[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-exclamation[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-exclamation[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-exclamation:before,
#jdoc-alpha.alpha-docs-exclamation:before {
  content: "\e924" !important;
}
.jelli-alpha-char-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e925" !important;
}
.jelli-alpha-question,
#jdoc-alpha.alpha-docs-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-question.label-left,
#jdoc-alpha.alpha-docs-question.label-left {
  padding-left: 6px;
}
.jelli-alpha-question.label-right,
#jdoc-alpha.alpha-docs-question.label-right {
  padding-right: 6px;
}
.jelli-alpha-question[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-question[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-question[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-question[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-question:before,
#jdoc-alpha.alpha-docs-question:before {
  content: "\e925" !important;
}
/*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
/*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
@font-face {
  font-family: 'jelli-icons';
  src: url(./fonts/jelli-icons.ttf?soz59a) format('truetype'), url(./fonts/jelli-icons.woff?soz59a) format('woff'), url(./fonts/jelli-icons.svg?soz59a#jelli-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
.jelli-font-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.jelli-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon.label-left {
  padding-left: 6px;
}
.jelli-icon.label-right {
  padding-right: 6px;
}
.jelli-icon[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-char-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.jelli-icon-upload,
#jdoc-icon.icon-docs-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-upload.label-left,
#jdoc-icon.icon-docs-upload.label-left {
  padding-left: 6px;
}
.jelli-icon-upload.label-right,
#jdoc-icon.icon-docs-upload.label-right {
  padding-right: 6px;
}
.jelli-icon-upload[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-upload[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-upload[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-upload[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-upload:before,
#jdoc-icon.icon-docs-upload:before {
  content: "\e900" !important;
}
.jelli-icon-char-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e600" !important;
}
.jelli-icon-x,
#jdoc-icon.icon-docs-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-x.label-left,
#jdoc-icon.icon-docs-x.label-left {
  padding-left: 6px;
}
.jelli-icon-x.label-right,
#jdoc-icon.icon-docs-x.label-right {
  padding-right: 6px;
}
.jelli-icon-x[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-x[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-x[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-x[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-x:before,
#jdoc-icon.icon-docs-x:before {
  content: "\e600" !important;
}
.jelli-icon-char-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e601" !important;
}
.jelli-icon-undo,
#jdoc-icon.icon-docs-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-undo.label-left,
#jdoc-icon.icon-docs-undo.label-left {
  padding-left: 6px;
}
.jelli-icon-undo.label-right,
#jdoc-icon.icon-docs-undo.label-right {
  padding-right: 6px;
}
.jelli-icon-undo[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-undo[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-undo[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-undo[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-undo:before,
#jdoc-icon.icon-docs-undo:before {
  content: "\e601" !important;
}
.jelli-icon-char-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e602" !important;
}
.jelli-icon-triangle-up,
#jdoc-icon.icon-docs-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-up.label-left,
#jdoc-icon.icon-docs-triangle-up.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-up.label-right,
#jdoc-icon.icon-docs-triangle-up.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-up:before,
#jdoc-icon.icon-docs-triangle-up:before {
  content: "\e602" !important;
}
.jelli-icon-char-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e603" !important;
}
.jelli-icon-triangle-up-down,
#jdoc-icon.icon-docs-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-up-down.label-left,
#jdoc-icon.icon-docs-triangle-up-down.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-up-down.label-right,
#jdoc-icon.icon-docs-triangle-up-down.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-up-down:before,
#jdoc-icon.icon-docs-triangle-up-down:before {
  content: "\e603" !important;
}
.jelli-icon-char-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e604" !important;
}
.jelli-icon-triangle-down,
#jdoc-icon.icon-docs-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-down.label-left,
#jdoc-icon.icon-docs-triangle-down.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-down.label-right,
#jdoc-icon.icon-docs-triangle-down.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-down:before,
#jdoc-icon.icon-docs-triangle-down:before {
  content: "\e604" !important;
}
.jelli-icon-char-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e605" !important;
}
.jelli-icon-caret-down,
#jdoc-icon.icon-docs-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-down.label-left,
#jdoc-icon.icon-docs-caret-down.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-down.label-right,
#jdoc-icon.icon-docs-caret-down.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-down:before,
#jdoc-icon.icon-docs-caret-down:before {
  content: "\e605" !important;
}
.jelli-icon-char-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e606" !important;
}
.jelli-icon-remove-hollow,
#jdoc-icon.icon-docs-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-remove-hollow.label-left,
#jdoc-icon.icon-docs-remove-hollow.label-left {
  padding-left: 6px;
}
.jelli-icon-remove-hollow.label-right,
#jdoc-icon.icon-docs-remove-hollow.label-right {
  padding-right: 6px;
}
.jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-remove-hollow[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-remove-hollow[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-remove-hollow:before,
#jdoc-icon.icon-docs-remove-hollow:before {
  content: "\e606" !important;
}
.jelli-icon-char-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e607" !important;
}
.jelli-icon-rocket,
#jdoc-icon.icon-docs-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-rocket.label-left,
#jdoc-icon.icon-docs-rocket.label-left {
  padding-left: 6px;
}
.jelli-icon-rocket.label-right,
#jdoc-icon.icon-docs-rocket.label-right {
  padding-right: 6px;
}
.jelli-icon-rocket[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-rocket[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-rocket[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-rocket[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-rocket:before,
#jdoc-icon.icon-docs-rocket:before {
  content: "\e607" !important;
}
.jelli-icon-char-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e608" !important;
}
.jelli-icon-pencil,
#jdoc-icon.icon-docs-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-pencil.label-left,
#jdoc-icon.icon-docs-pencil.label-left {
  padding-left: 6px;
}
.jelli-icon-pencil.label-right,
#jdoc-icon.icon-docs-pencil.label-right {
  padding-right: 6px;
}
.jelli-icon-pencil[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-pencil[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-pencil[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-pencil[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-pencil:before,
#jdoc-icon.icon-docs-pencil:before {
  content: "\e608" !important;
}
.jelli-icon-char-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e609" !important;
}
.jelli-icon-search,
#jdoc-icon.icon-docs-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-search.label-left,
#jdoc-icon.icon-docs-search.label-left {
  padding-left: 6px;
}
.jelli-icon-search.label-right,
#jdoc-icon.icon-docs-search.label-right {
  padding-right: 6px;
}
.jelli-icon-search[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-search[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-search[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-search[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-search:before,
#jdoc-icon.icon-docs-search:before {
  content: "\e609" !important;
}
.jelli-icon-char-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60a" !important;
}
.jelli-icon-arrow-left,
#jdoc-icon.icon-docs-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-left.label-left,
#jdoc-icon.icon-docs-arrow-left.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-left.label-right,
#jdoc-icon.icon-docs-arrow-left.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-left:before,
#jdoc-icon.icon-docs-arrow-left:before {
  content: "\e60a" !important;
}
.jelli-icon-char-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60b" !important;
}
.jelli-icon-arrow-right,
#jdoc-icon.icon-docs-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-right.label-left,
#jdoc-icon.icon-docs-arrow-right.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-right.label-right,
#jdoc-icon.icon-docs-arrow-right.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-right:before,
#jdoc-icon.icon-docs-arrow-right:before {
  content: "\e60b" !important;
}
.jelli-icon-char-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60c" !important;
}
.jelli-icon-plus,
#jdoc-icon.icon-docs-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-plus.label-left,
#jdoc-icon.icon-docs-plus.label-left {
  padding-left: 6px;
}
.jelli-icon-plus.label-right,
#jdoc-icon.icon-docs-plus.label-right {
  padding-right: 6px;
}
.jelli-icon-plus[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-plus[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-plus[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-plus[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-plus:before,
#jdoc-icon.icon-docs-plus:before {
  content: "\e60c" !important;
}
.jelli-icon-char-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60d" !important;
}
.jelli-icon-triangle-right,
#jdoc-icon.icon-docs-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-right.label-left,
#jdoc-icon.icon-docs-triangle-right.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-right.label-right,
#jdoc-icon.icon-docs-triangle-right.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-right:before,
#jdoc-icon.icon-docs-triangle-right:before {
  content: "\e60d" !important;
}
.jelli-icon-char-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60e" !important;
}
.jelli-icon-triangle-left,
#jdoc-icon.icon-docs-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-left.label-left,
#jdoc-icon.icon-docs-triangle-left.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-left.label-right,
#jdoc-icon.icon-docs-triangle-left.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-left:before,
#jdoc-icon.icon-docs-triangle-left:before {
  content: "\e60e" !important;
}
.jelli-icon-char-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60f" !important;
}
.jelli-icon-filter,
#jdoc-icon.icon-docs-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-filter.label-left,
#jdoc-icon.icon-docs-filter.label-left {
  padding-left: 6px;
}
.jelli-icon-filter.label-right,
#jdoc-icon.icon-docs-filter.label-right {
  padding-right: 6px;
}
.jelli-icon-filter[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-filter[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-filter[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-filter[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-filter:before,
#jdoc-icon.icon-docs-filter:before {
  content: "\e60f" !important;
}
.jelli-icon-char-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e610" !important;
}
.jelli-icon-star,
#jdoc-icon.icon-docs-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-star.label-left,
#jdoc-icon.icon-docs-star.label-left {
  padding-left: 6px;
}
.jelli-icon-star.label-right,
#jdoc-icon.icon-docs-star.label-right {
  padding-right: 6px;
}
.jelli-icon-star[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-star[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-star[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-star[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-star:before,
#jdoc-icon.icon-docs-star:before {
  content: "\e610" !important;
}
.jelli-icon-char-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e611" !important;
}
.jelli-icon-pause,
#jdoc-icon.icon-docs-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-pause.label-left,
#jdoc-icon.icon-docs-pause.label-left {
  padding-left: 6px;
}
.jelli-icon-pause.label-right,
#jdoc-icon.icon-docs-pause.label-right {
  padding-right: 6px;
}
.jelli-icon-pause[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-pause[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-pause[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-pause[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-pause:before,
#jdoc-icon.icon-docs-pause:before {
  content: "\e611" !important;
}
.jelli-icon-char-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e612" !important;
}
.jelli-icon-minus,
#jdoc-icon.icon-docs-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-minus.label-left,
#jdoc-icon.icon-docs-minus.label-left {
  padding-left: 6px;
}
.jelli-icon-minus.label-right,
#jdoc-icon.icon-docs-minus.label-right {
  padding-right: 6px;
}
.jelli-icon-minus[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-minus[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-minus[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-minus[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-minus:before,
#jdoc-icon.icon-docs-minus:before {
  content: "\e612" !important;
}
.jelli-icon-char-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e613" !important;
}
.jelli-icon-download,
#jdoc-icon.icon-docs-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-download.label-left,
#jdoc-icon.icon-docs-download.label-left {
  padding-left: 6px;
}
.jelli-icon-download.label-right,
#jdoc-icon.icon-docs-download.label-right {
  padding-right: 6px;
}
.jelli-icon-download[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-download[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-download[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-download[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-download:before,
#jdoc-icon.icon-docs-download:before {
  content: "\e613" !important;
}
.jelli-icon-char-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e614" !important;
}
.jelli-icon-reload,
#jdoc-icon.icon-docs-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-reload.label-left,
#jdoc-icon.icon-docs-reload.label-left {
  padding-left: 6px;
}
.jelli-icon-reload.label-right,
#jdoc-icon.icon-docs-reload.label-right {
  padding-right: 6px;
}
.jelli-icon-reload[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-reload[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-reload[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-reload[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-reload:before,
#jdoc-icon.icon-docs-reload:before {
  content: "\e614" !important;
}
.jelli-icon-char-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e615" !important;
}
.jelli-icon-info,
#jdoc-icon.icon-docs-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-info.label-left,
#jdoc-icon.icon-docs-info.label-left {
  padding-left: 6px;
}
.jelli-icon-info.label-right,
#jdoc-icon.icon-docs-info.label-right {
  padding-right: 6px;
}
.jelli-icon-info[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-info[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-info[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-info[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-info:before,
#jdoc-icon.icon-docs-info:before {
  content: "\e615" !important;
}
.jelli-icon-char-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e616" !important;
}
.jelli-icon-gear,
#jdoc-icon.icon-docs-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-gear.label-left,
#jdoc-icon.icon-docs-gear.label-left {
  padding-left: 6px;
}
.jelli-icon-gear.label-right,
#jdoc-icon.icon-docs-gear.label-right {
  padding-right: 6px;
}
.jelli-icon-gear[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-gear[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-gear[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-gear[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-gear:before,
#jdoc-icon.icon-docs-gear:before {
  content: "\e616" !important;
}
.jelli-icon-char-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e617" !important;
}
.jelli-icon-remove,
#jdoc-icon.icon-docs-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-remove.label-left,
#jdoc-icon.icon-docs-remove.label-left {
  padding-left: 6px;
}
.jelli-icon-remove.label-right,
#jdoc-icon.icon-docs-remove.label-right {
  padding-right: 6px;
}
.jelli-icon-remove[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-remove[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-remove[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-remove[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-remove:before,
#jdoc-icon.icon-docs-remove:before {
  content: "\e617" !important;
}
.jelli-icon-char-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e618" !important;
}
.jelli-icon-dot,
#jdoc-icon.icon-docs-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-dot.label-left,
#jdoc-icon.icon-docs-dot.label-left {
  padding-left: 6px;
}
.jelli-icon-dot.label-right,
#jdoc-icon.icon-docs-dot.label-right {
  padding-right: 6px;
}
.jelli-icon-dot[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-dot[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-dot[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-dot[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-dot:before,
#jdoc-icon.icon-docs-dot:before {
  content: "\e618" !important;
}
.jelli-icon-char-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e619" !important;
}
.jelli-icon-arrow-up,
#jdoc-icon.icon-docs-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-up.label-left,
#jdoc-icon.icon-docs-arrow-up.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-up.label-right,
#jdoc-icon.icon-docs-arrow-up.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-up:before,
#jdoc-icon.icon-docs-arrow-up:before {
  content: "\e619" !important;
}
.jelli-icon-char-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61a" !important;
}
.jelli-icon-arrow-down,
#jdoc-icon.icon-docs-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-down.label-left,
#jdoc-icon.icon-docs-arrow-down.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-down.label-right,
#jdoc-icon.icon-docs-arrow-down.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-down:before,
#jdoc-icon.icon-docs-arrow-down:before {
  content: "\e61a" !important;
}
.jelli-icon-char-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61b" !important;
}
.jelli-icon-double-caret-right,
#jdoc-icon.icon-docs-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-double-caret-right.label-left,
#jdoc-icon.icon-docs-double-caret-right.label-left {
  padding-left: 6px;
}
.jelli-icon-double-caret-right.label-right,
#jdoc-icon.icon-docs-double-caret-right.label-right {
  padding-right: 6px;
}
.jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-double-caret-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-double-caret-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-double-caret-right:before,
#jdoc-icon.icon-docs-double-caret-right:before {
  content: "\e61b" !important;
}
.jelli-icon-char-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61c" !important;
}
.jelli-icon-double-caret-left,
#jdoc-icon.icon-docs-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-double-caret-left.label-left,
#jdoc-icon.icon-docs-double-caret-left.label-left {
  padding-left: 6px;
}
.jelli-icon-double-caret-left.label-right,
#jdoc-icon.icon-docs-double-caret-left.label-right {
  padding-right: 6px;
}
.jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-double-caret-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-double-caret-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-double-caret-left:before,
#jdoc-icon.icon-docs-double-caret-left:before {
  content: "\e61c" !important;
}
.jelli-icon-char-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61d" !important;
}
.jelli-icon-print,
#jdoc-icon.icon-docs-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-print.label-left,
#jdoc-icon.icon-docs-print.label-left {
  padding-left: 6px;
}
.jelli-icon-print.label-right,
#jdoc-icon.icon-docs-print.label-right {
  padding-right: 6px;
}
.jelli-icon-print[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-print[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-print[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-print[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-print:before,
#jdoc-icon.icon-docs-print:before {
  content: "\e61d" !important;
}
.jelli-icon-char-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61e" !important;
}
.jelli-icon-clear,
#jdoc-icon.icon-docs-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-clear.label-left,
#jdoc-icon.icon-docs-clear.label-left {
  padding-left: 6px;
}
.jelli-icon-clear.label-right,
#jdoc-icon.icon-docs-clear.label-right {
  padding-right: 6px;
}
.jelli-icon-clear[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-clear[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-clear[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-clear[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-clear:before,
#jdoc-icon.icon-docs-clear:before {
  content: "\e61e" !important;
}
.jelli-icon-char-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61f" !important;
}
.jelli-icon-check-circle,
#jdoc-icon.icon-docs-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-check-circle.label-left,
#jdoc-icon.icon-docs-check-circle.label-left {
  padding-left: 6px;
}
.jelli-icon-check-circle.label-right,
#jdoc-icon.icon-docs-check-circle.label-right {
  padding-right: 6px;
}
.jelli-icon-check-circle[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-check-circle[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-check-circle[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-check-circle[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-check-circle:before,
#jdoc-icon.icon-docs-check-circle:before {
  content: "\e61f" !important;
}
.jelli-icon-char-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e620" !important;
}
.jelli-icon-copy-over,
#jdoc-icon.icon-docs-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-copy-over.label-left,
#jdoc-icon.icon-docs-copy-over.label-left {
  padding-left: 6px;
}
.jelli-icon-copy-over.label-right,
#jdoc-icon.icon-docs-copy-over.label-right {
  padding-right: 6px;
}
.jelli-icon-copy-over[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-copy-over[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-copy-over[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-copy-over[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-copy-over:before,
#jdoc-icon.icon-docs-copy-over:before {
  content: "\e620" !important;
}
.jelli-icon-char-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e621" !important;
}
.jelli-icon-blackout,
#jdoc-icon.icon-docs-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-blackout.label-left,
#jdoc-icon.icon-docs-blackout.label-left {
  padding-left: 6px;
}
.jelli-icon-blackout.label-right,
#jdoc-icon.icon-docs-blackout.label-right {
  padding-right: 6px;
}
.jelli-icon-blackout[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-blackout[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-blackout[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-blackout[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-blackout:before,
#jdoc-icon.icon-docs-blackout:before {
  content: "\e621" !important;
}
.jelli-icon-char-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e622" !important;
}
.jelli-icon-caret-up,
#jdoc-icon.icon-docs-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-up.label-left,
#jdoc-icon.icon-docs-caret-up.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-up.label-right,
#jdoc-icon.icon-docs-caret-up.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-up:before,
#jdoc-icon.icon-docs-caret-up:before {
  content: "\e622" !important;
}
.jelli-icon-char-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e623" !important;
}
.jelli-icon-caret-right,
#jdoc-icon.icon-docs-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-right.label-left,
#jdoc-icon.icon-docs-caret-right.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-right.label-right,
#jdoc-icon.icon-docs-caret-right.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-right:before,
#jdoc-icon.icon-docs-caret-right:before {
  content: "\e623" !important;
}
.jelli-icon-char-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e624" !important;
}
.jelli-icon-caret-left,
#jdoc-icon.icon-docs-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-left.label-left,
#jdoc-icon.icon-docs-caret-left.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-left.label-right,
#jdoc-icon.icon-docs-caret-left.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-left:before,
#jdoc-icon.icon-docs-caret-left:before {
  content: "\e624" !important;
}
.jelli-icon-char-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e625" !important;
}
.jelli-icon-check,
#jdoc-icon.icon-docs-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-check.label-left,
#jdoc-icon.icon-docs-check.label-left {
  padding-left: 6px;
}
.jelli-icon-check.label-right,
#jdoc-icon.icon-docs-check.label-right {
  padding-right: 6px;
}
.jelli-icon-check[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-check[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-check[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-check[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-check:before,
#jdoc-icon.icon-docs-check:before {
  content: "\e625" !important;
}
.jelli-icon-char-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e626" !important;
}
.jelli-icon-notifications,
#jdoc-icon.icon-docs-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-notifications.label-left,
#jdoc-icon.icon-docs-notifications.label-left {
  padding-left: 6px;
}
.jelli-icon-notifications.label-right,
#jdoc-icon.icon-docs-notifications.label-right {
  padding-right: 6px;
}
.jelli-icon-notifications[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-notifications[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-notifications[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-notifications[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-notifications:before,
#jdoc-icon.icon-docs-notifications:before {
  content: "\e626" !important;
}
.jelli-icon-char-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e627" !important;
}
.jelli-icon-calendar,
#jdoc-icon.icon-docs-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-calendar.label-left,
#jdoc-icon.icon-docs-calendar.label-left {
  padding-left: 6px;
}
.jelli-icon-calendar.label-right,
#jdoc-icon.icon-docs-calendar.label-right {
  padding-right: 6px;
}
.jelli-icon-calendar[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-calendar[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-calendar[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-calendar[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-calendar:before,
#jdoc-icon.icon-docs-calendar:before {
  content: "\e627" !important;
}
.jelli-icon-char-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.jelli-icon-wrench,
#jdoc-icon.icon-docs-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-wrench.label-left,
#jdoc-icon.icon-docs-wrench.label-left {
  padding-left: 6px;
}
.jelli-icon-wrench.label-right,
#jdoc-icon.icon-docs-wrench.label-right {
  padding-right: 6px;
}
.jelli-icon-wrench[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-wrench[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-wrench[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-wrench[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-wrench:before,
#jdoc-icon.icon-docs-wrench:before {
  content: "\e901" !important;
}
.jelli-icon-char-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.jelli-icon-clone-arrow,
#jdoc-icon.icon-docs-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-clone-arrow.label-left,
#jdoc-icon.icon-docs-clone-arrow.label-left {
  padding-left: 6px;
}
.jelli-icon-clone-arrow.label-right,
#jdoc-icon.icon-docs-clone-arrow.label-right {
  padding-right: 6px;
}
.jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-clone-arrow[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-clone-arrow[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-clone-arrow:before,
#jdoc-icon.icon-docs-clone-arrow:before {
  content: "\e902" !important;
}
.jelli-icon-char-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.jelli-icon-collapse,
#jdoc-icon.icon-docs-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-collapse.label-left,
#jdoc-icon.icon-docs-collapse.label-left {
  padding-left: 6px;
}
.jelli-icon-collapse.label-right,
#jdoc-icon.icon-docs-collapse.label-right {
  padding-right: 6px;
}
.jelli-icon-collapse[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-collapse[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-collapse[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-collapse[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-collapse:before,
#jdoc-icon.icon-docs-collapse:before {
  content: "\e903" !important;
}
.jelli-icon-char-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.jelli-icon-exclamation,
#jdoc-icon.icon-docs-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-exclamation.label-left,
#jdoc-icon.icon-docs-exclamation.label-left {
  padding-left: 6px;
}
.jelli-icon-exclamation.label-right,
#jdoc-icon.icon-docs-exclamation.label-right {
  padding-right: 6px;
}
.jelli-icon-exclamation[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-exclamation[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-exclamation[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-exclamation[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-exclamation:before,
#jdoc-icon.icon-docs-exclamation:before {
  content: "\e904" !important;
}
.jelli-icon-char-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.jelli-icon-launch,
#jdoc-icon.icon-docs-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-launch.label-left,
#jdoc-icon.icon-docs-launch.label-left {
  padding-left: 6px;
}
.jelli-icon-launch.label-right,
#jdoc-icon.icon-docs-launch.label-right {
  padding-right: 6px;
}
.jelli-icon-launch[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-launch[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-launch[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-launch[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-launch:before,
#jdoc-icon.icon-docs-launch:before {
  content: "\e905" !important;
}
.jelli-icon-char-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.jelli-icon-expand,
#jdoc-icon.icon-docs-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-expand.label-left,
#jdoc-icon.icon-docs-expand.label-left {
  padding-left: 6px;
}
.jelli-icon-expand.label-right,
#jdoc-icon.icon-docs-expand.label-right {
  padding-right: 6px;
}
.jelli-icon-expand[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-expand[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-expand[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-expand[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-expand:before,
#jdoc-icon.icon-docs-expand:before {
  content: "\e906" !important;
}
.jelli-icon-char-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.jelli-icon-target,
#jdoc-icon.icon-docs-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-target.label-left,
#jdoc-icon.icon-docs-target.label-left {
  padding-left: 6px;
}
.jelli-icon-target.label-right,
#jdoc-icon.icon-docs-target.label-right {
  padding-right: 6px;
}
.jelli-icon-target[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-target[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-target[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-target[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-target:before,
#jdoc-icon.icon-docs-target:before {
  content: "\e907" !important;
}
.jelli-icon-char-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.jelli-icon-question,
#jdoc-icon.icon-docs-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-question.label-left,
#jdoc-icon.icon-docs-question.label-left {
  padding-left: 6px;
}
.jelli-icon-question.label-right,
#jdoc-icon.icon-docs-question.label-right {
  padding-right: 6px;
}
.jelli-icon-question[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-question[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-question[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-question[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-question:before,
#jdoc-icon.icon-docs-question:before {
  content: "\e908" !important;
}
.jelli-icon-char-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.jelli-icon-copy,
#jdoc-icon.icon-docs-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-copy.label-left,
#jdoc-icon.icon-docs-copy.label-left {
  padding-left: 6px;
}
.jelli-icon-copy.label-right,
#jdoc-icon.icon-docs-copy.label-right {
  padding-right: 6px;
}
.jelli-icon-copy[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-copy[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-copy[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-copy[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-copy:before,
#jdoc-icon.icon-docs-copy:before {
  content: "\e90f" !important;
}
.jelli-icon-char-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.jelli-icon-user,
#jdoc-icon.icon-docs-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-user.label-left,
#jdoc-icon.icon-docs-user.label-left {
  padding-left: 6px;
}
.jelli-icon-user.label-right,
#jdoc-icon.icon-docs-user.label-right {
  padding-right: 6px;
}
.jelli-icon-user[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-user[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-user[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-user[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-user:before,
#jdoc-icon.icon-docs-user:before {
  content: "\e910" !important;
}
.jelli-icon-char-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.jelli-icon-s,
#jdoc-icon.icon-docs-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-s.label-left,
#jdoc-icon.icon-docs-s.label-left {
  padding-left: 6px;
}
.jelli-icon-s.label-right,
#jdoc-icon.icon-docs-s.label-right {
  padding-right: 6px;
}
.jelli-icon-s[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-s[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-s[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-s[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-s:before,
#jdoc-icon.icon-docs-s:before {
  content: "\e911" !important;
}
.jelli-icon-char-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.jelli-icon-p,
#jdoc-icon.icon-docs-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-p.label-left,
#jdoc-icon.icon-docs-p.label-left {
  padding-left: 6px;
}
.jelli-icon-p.label-right,
#jdoc-icon.icon-docs-p.label-right {
  padding-right: 6px;
}
.jelli-icon-p[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-p[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-p[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-p[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-p:before,
#jdoc-icon.icon-docs-p:before {
  content: "\e912" !important;
}
.jelli-icon-char-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.jelli-icon-r,
#jdoc-icon.icon-docs-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-r.label-left,
#jdoc-icon.icon-docs-r.label-left {
  padding-left: 6px;
}
.jelli-icon-r.label-right,
#jdoc-icon.icon-docs-r.label-right {
  padding-right: 6px;
}
.jelli-icon-r[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-r[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-r[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-r[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-r:before,
#jdoc-icon.icon-docs-r:before {
  content: "\e913" !important;
}
.jelli-icon-char-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.jelli-icon-b,
#jdoc-icon.icon-docs-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-b.label-left,
#jdoc-icon.icon-docs-b.label-left {
  padding-left: 6px;
}
.jelli-icon-b.label-right,
#jdoc-icon.icon-docs-b.label-right {
  padding-right: 6px;
}
.jelli-icon-b[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-b[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-b[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-b[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-b:before,
#jdoc-icon.icon-docs-b:before {
  content: "\e914" !important;
}
.jelli-icon-char-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.jelli-icon-c,
#jdoc-icon.icon-docs-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-c.label-left,
#jdoc-icon.icon-docs-c.label-left {
  padding-left: 6px;
}
.jelli-icon-c.label-right,
#jdoc-icon.icon-docs-c.label-right {
  padding-right: 6px;
}
.jelli-icon-c[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-c[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-c[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-c[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-c:before,
#jdoc-icon.icon-docs-c:before {
  content: "\e915" !important;
}
.jelli-icon-char-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.jelli-icon-lock,
#jdoc-icon.icon-docs-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-lock.label-left,
#jdoc-icon.icon-docs-lock.label-left {
  padding-left: 6px;
}
.jelli-icon-lock.label-right,
#jdoc-icon.icon-docs-lock.label-right {
  padding-right: 6px;
}
.jelli-icon-lock[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-lock[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-lock[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-lock[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-lock:before,
#jdoc-icon.icon-docs-lock:before {
  content: "\e916" !important;
}
.jelli-icon-char-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.jelli-icon-dot-handle,
#jdoc-icon.icon-docs-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-dot-handle.label-left,
#jdoc-icon.icon-docs-dot-handle.label-left {
  padding-left: 6px;
}
.jelli-icon-dot-handle.label-right,
#jdoc-icon.icon-docs-dot-handle.label-right {
  padding-right: 6px;
}
.jelli-icon-dot-handle[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-dot-handle[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-dot-handle[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-dot-handle[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-dot-handle:before,
#jdoc-icon.icon-docs-dot-handle:before {
  content: "\e917" !important;
}
.jelli-icon-char-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.jelli-icon-book,
#jdoc-icon.icon-docs-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-book.label-left,
#jdoc-icon.icon-docs-book.label-left {
  padding-left: 6px;
}
.jelli-icon-book.label-right,
#jdoc-icon.icon-docs-book.label-right {
  padding-right: 6px;
}
.jelli-icon-book[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-book[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-book[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-book[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-book:before,
#jdoc-icon.icon-docs-book:before {
  content: "\e91f" !important;
}
.jelli-icon-char-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.jelli-icon-triangle-adb,
#jdoc-icon.icon-docs-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-adb.label-left,
#jdoc-icon.icon-docs-triangle-adb.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-adb.label-right,
#jdoc-icon.icon-docs-triangle-adb.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-adb[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-adb[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-adb:before,
#jdoc-icon.icon-docs-triangle-adb:before {
  content: "\e909" !important;
}
@font-face {
  font-family: 'rocket-audio';
  src: url('./fonts/rocket-audio.eot?4uo1tb');
  src: url('./fonts/rocket-audio.eot?4uo1tb#iefix') format('embedded-opentype'), url('./fonts/rocket-audio.ttf?4uo1tb') format('truetype'), url('./fonts/rocket-audio.woff?4uo1tb') format('woff'), url('./fonts/rocket-audio.svg?4uo1tb#rocket-audio') format('svg');
  font-weight: normal;
  font-style: normal;
}
.rocket-audio-icon {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-char-rocket {
  content: "\e100";
}
.rocket-icon-char-headphones {
  content: "\e102";
}
.rocket-icon-char-music {
  content: "\e101";
}
.rocket-icon-char-bars2 {
  content: "\e104";
}
.rocket-icon-char-bars {
  content: "\e103";
}
.rocket-icon-char-download {
  content: "\e106";
}
.rocket-icon-char-upload {
  content: "\e107";
}
.rocket-icon-char-link {
  content: "\e105";
}
.rocket-icon-char-plus {
  content: "\e108";
}
.rocket-icon-char-minus {
  content: "\e109";
}
.rocket-icon-char-cancel-circle {
  content: "\e903";
}
.rocket-icon-char-play-circle {
  content: "\e300";
}
.rocket-icon-char-pause-circle {
  content: "\e301";
}
.rocket-icon-char-stop-circle {
  content: "\e302";
}
.rocket-icon-char-previous-circle {
  content: "\e305";
}
.rocket-icon-char-next-circle {
  content: "\e306";
}
.rocket-icon-char-backward-circle {
  content: "\e303";
}
.rocket-icon-char-forward-circle {
  content: "\e304";
}
.rocket-icon-char-play {
  content: "\e200";
}
.rocket-icon-char-pause {
  content: "\e201";
}
.rocket-icon-char-stop {
  content: "\e202";
}
.rocket-icon-char-backward {
  content: "\e203";
}
.rocket-icon-char-forward {
  content: "\e204";
}
.rocket-icon-char-previous {
  content: "\e205";
}
.rocket-icon-char-next {
  content: "\e206";
}
.rocket-icon-char-volume-high {
  content: "\e400";
}
.rocket-icon-char-volume-medium {
  content: "\e401";
}
.rocket-icon-char-volume-low {
  content: "\e402";
}
.rocket-icon-char-volume-mute {
  content: "\e403";
}
.rocket-icon-char-volume-x {
  content: "\e404";
}
.rocket-icon-char-volume-plus {
  content: "\e405";
}
.rocket-icon-char-volume-minus {
  content: "\e406";
}
.rocket-icon-char-loop {
  content: "\e208";
}
.rocket-icon-char-infinite {
  content: "\e209";
}
.rocket-icon-char-shuffle {
  content: "\e207";
}
.rocket-icon-char-right-circle {
  content: "\e308";
}
.rocket-icon-char-left-circle {
  content: "\e307";
}
.rocket-icon-rocket {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-rocket:before {
  content: "\e100";
}
.rocket-icon-headphones {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-headphones:before {
  content: "\e102";
}
.rocket-icon-music {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-music:before {
  content: "\e101";
}
.rocket-icon-bars2 {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-bars2:before {
  content: "\e104";
}
.rocket-icon-bars {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-bars:before {
  content: "\e103";
}
.rocket-icon-download {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-download:before {
  content: "\e106";
}
.rocket-icon-upload {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-upload:before {
  content: "\e107";
}
.rocket-icon-link {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-link:before {
  content: "\e105";
}
.rocket-icon-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-plus:before {
  content: "\e108";
}
.rocket-icon-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-minus:before {
  content: "\e109";
}
.rocket-icon-cancel-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-cancel-circle:before {
  content: "\e903";
}
.rocket-icon-play-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-play-circle:before {
  content: "\e300";
}
.rocket-icon-pause-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-pause-circle:before {
  content: "\e301";
}
.rocket-icon-stop-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-stop-circle:before {
  content: "\e302";
}
.rocket-icon-previous-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-previous-circle:before {
  content: "\e305";
}
.rocket-icon-next-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-next-circle:before {
  content: "\e306";
}
.rocket-icon-backward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-backward-circle:before {
  content: "\e303";
}
.rocket-icon-forward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-forward-circle:before {
  content: "\e304";
}
.rocket-icon-play {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-play:before {
  content: "\e200";
}
.rocket-icon-pause {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-pause:before {
  content: "\e201";
}
.rocket-icon-stop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-stop:before {
  content: "\e202";
}
.rocket-icon-backward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-backward:before {
  content: "\e203";
}
.rocket-icon-forward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-forward:before {
  content: "\e204";
}
.rocket-icon-previous {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-previous:before {
  content: "\e205";
}
.rocket-icon-next {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-next:before {
  content: "\e206";
}
.rocket-icon-volume-high {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-high:before {
  content: "\e400";
}
.rocket-icon-volume-medium {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-medium:before {
  content: "\e401";
}
.rocket-icon-volume-low {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-low:before {
  content: "\e402";
}
.rocket-icon-volume-mute {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-mute:before {
  content: "\e403";
}
.rocket-icon-volume-x {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-x:before {
  content: "\e404";
}
.rocket-icon-volume-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-plus:before {
  content: "\e405";
}
.rocket-icon-volume-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-minus:before {
  content: "\e406";
}
.rocket-icon-loop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-loop:before {
  content: "\e208";
}
.rocket-icon-infinite {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-infinite:before {
  content: "\e209";
}
.rocket-icon-shuffle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-shuffle:before {
  content: "\e207";
}
.rocket-icon-right-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-right-circle:before {
  content: "\e308";
}
.rocket-icon-left-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-left-circle:before {
  content: "\e307";
}
/*

<svg wversion="1.1" height="1000px" width="1000px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="star-background">
    <style>
        svg {
            background: hsl(0, 0%, 0%);
        }
        .stars {
            transform-origin: center center;
        }
        .stars-sm-no-rotate {
            fill: hsl(60, 100%, 50%);
            transform: scale(0.8) rotate(200deg) translate(-350 -50);
        }
        .stars-sm {
            fill: hsl(30, 30%, 50%);
            animation: stars-sm-rotate 400s infinite linear;
        }
        .stars-md {
            fill: hsl(60, 80%, 80%);
            animation: stars-md-rotate 350s infinite linear;
        }
        .stars-lg {
            fill: hsl(60, 30%, 70%);
            animation: stars-lg-rotate 300s infinite linear;
        }
        .flicker-circles {
            transform-origin: center center;
            animation: flicker-circles-rotate 150s infinite linear;
        }
        .flicker-circles circle {
            r: 50;
            fill: url(#flickerGradient);
        }
        .sun {
          height: 100%;
          width: 100%;
          y: 0;
          x: 0;
          fill: url(#solarGradient);
        }
        @keyframes flicker-circles-rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes stars-sm-rotate {
            from {
                transform: rotate(-0deg) translate(-75px, 225px);
            }
            to {
                transform: rotate(-360deg) translate(-75px, 225px);
            }
        }

        @keyframes stars-md-rotate {
            from {
                transform: scale(1.25) rotate(-45deg) translate(300px, -50px);
            }
            to {
                transform: scale(1.25) rotate(-405deg) translate(300px, -50px);
            }
        }

        @keyframes stars-lg-rotate {
            from {
                transform: scale(2.1) rotate(-90deg) translate(30px, 50px);
            }
            to {
                transform: scale(2.1) rotate(-450deg) translate(30px, 50px);
            }
        }
    </style>
  <defs>
    <radialGradient cx="0%" cy="100%" r="100%" spreadMethod="pad" id="solarGradient">
     <stop offset="0%" stop-color="hsla(0, 0%, 100%, 0.35)"/>
     <stop offset="70%" stop-color="hsla(0, 0%, 0%, 0)"/>
    </radialGradient>

    <radialGradient id="flickerGradient">
        <stop offset="80%" stop-color="hsla(0, 0%, 0%, 1)"/>
        <stop offset="100%" stop-color="hsla(0, 0%, 0%, 0.25)"/>
    </radialGradient>

    <!-- single star used by <g id="stars"> -->
    <path id="*" d="
        M 0.000 0.500
        L 1.736 3.604
        L 0.391 0.312
        L 3.900 0.890
        L 0.487 -0.111
        L 3.127 -2.494
        L 0.217 -0.450
        L 0.000 -4.000
        L -0.217 -0.450
        L -3.127 -2.494
        L -0.487 -0.111
        L -3.900 0.890
        L -0.391 0.312
        L -1.736 3.604
        L 0.000 0.500
    "/>

    <!-- random grid of stars used by <use href="#stars"/> -->
    <g id="stars">
        <use href="#*" x="13" y="26"/><use href="#*" x="229" y="45"/><use href="#*" x="361" y="12"/><use href="#*" x="491" y="40"/><use href="#*" x="522" y="48"/><use href="#*" x="717" y="19"/><use href="#*" x="814" y="92"/><use href="#*" x="975" y="30"/><use href="#*" x="64" y="137"/><use href="#*" x="185" y="149"/><use href="#*" x="317" y="205"/><use href="#*" x="401" y="227"/><use href="#*" x="546" y="171"/><use href="#*" x="732" y="228"/><use href="#*" x="882" y="241"/><use href="#*" x="974" y="144"/><use href="#*" x="112" y="318"/><use href="#*" x="243" y="350"/><use href="#*" x="372" y="373"/><use href="#*" x="394" y="273"/><use href="#*" x="519" y="375"/><use href="#*" x="722" y="353"/><use href="#*" x="780" y="293"/><use href="#*" x="999" y="267"/><use href="#*" x="23" y="432"/><use href="#*" x="169" y="481"/><use href="#*" x="321" y="455"/><use href="#*" x="399" y="493"/><use href="#*" x="536" y="440"/><use href="#*" x="661" y="473"/><use href="#*" x="797" y="444"/><use href="#*" x="982" y="502"/><use href="#*" x="13" y="561"/><use href="#*" x="200" y="558"/><use href="#*" x="376" y="602"/><use href="#*" x="432" y="611"/><use href="#*" x="603" y="607"/><use href="#*" x="692" y="560"/><use href="#*" x="796" y="557"/><use href="#*" x="973" y="604"/><use href="#*" x="64" y="724"/><use href="#*" x="232" y="742"/><use href="#*" x="267" y="647"/><use href="#*" x="430" y="736"/><use href="#*" x="585" y="695"/><use href="#*" x="713" y="701"/><use href="#*" x="852" y="695"/><use href="#*" x="998" y="697"/><use href="#*" x="63" y="866"/><use href="#*" x="241" y="876"/><use href="#*" x="358" y="810"/><use href="#*" x="422" y="787"/><use href="#*" x="617" y="832"/><use href="#*" x="660" y="814"/><use href="#*" x="825" y="886"/><use href="#*" x="1008" y="863"/><use href="#*" x="82" y="910"/><use href="#*" x="238" y="993"/><use href="#*" x="301" y="946"/><use href="#*" x="476" y="1013"/><use href="#*" x="568" y="945"/><use href="#*" x="662" y="981"/><use href="#*" x="879" y="997" />
    </g>
  </defs>
    <!-- three grids of stars -->
    <use class="stars stars-sm-no-rotate" href="#stars"/>
    <use class="stars stars-sm" href="#stars"/>
    <use class="stars stars-md" href="#stars"/>

    <!-- random grid of circles which rotate and make the stars 'flicker' -->
    <g class="flicker-circles">
        <circle cx="47" cy="149"/><circle cx="290" cy="11"/><circle cx="506" cy="69"/><circle cx="808" cy="99"/><circle cx="962" cy="49"/><circle cx="15" cy="276"/><circle cx="257" cy="395"/><circle cx="465" cy="342"/><circle cx="707" cy="242"/><circle cx="901" cy="222"/><circle cx="68" cy="551"/><circle cx="270" cy="549"/><circle cx="573" cy="470"/><circle cx="708" cy="466"/><circle cx="914" cy="542"/><circle cx="40" cy="751"/><circle cx="366" cy="806"/><circle cx="461" cy="790"/><circle cx="644" cy="720"/><circle cx="905" cy="684"/><circle cx="192" cy="853"/><circle cx="218" cy="946"/><circle cx="431" cy="854"/><circle cx="740" cy="1006"/>
    </g>

    <!-- one more grid of stars in front of flicker-circles -->
    <use class="stars stars-lg" href="#stars"/>

    <!-- gradient light source from nearby sun -->
    <rect class="sun"/>
</svg>

 */
/*

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="300px" height="300px" viewBox="0 0 480 480" class="badger">
  <defs>
    <radialGradient id="gradient">
      <stop class="inner-color" offset="0%" stop-color="hsl(86, 99%, 34%)"/>
      <stop  class="outer-color" offset="100%" stop-color="hsl(86, 99%, 30%)"/>
    </radialGradient>
    <style>
       .badge {
         stroke: hsl(86, 100%, 19%);
         stroke-width: 6px;
         fill: url(#gradient);
       }
    </style>
  </defs>
  <path class="badge" d="M 240.000 460.000 L 286.822 475.388 L 324.190 443.253 L 373.337 439.553 L 395.563 395.563 L 439.553 373.337 L 443.253 324.190 L 475.388 286.822 L 460.000 240.000 L 475.388 193.178 L 443.253 155.810 L 439.553 106.663 L 395.563 84.437 L 373.337 40.447 L 324.190 36.747 L 286.822 4.612 L 240.000 20.000 L 193.178 4.612 L 155.810 36.747 L 106.663 40.447 L 84.437 84.437 L 40.447 106.663 L 36.747 155.810 L 4.612 193.178 L 20.000 240.000 L 4.612 286.822 L 36.747 324.190 L 40.447 373.337 L 84.437 395.563 L 106.663 439.553 L 155.810 443.253 L 193.178 475.388 z"/>
</svg>

 */
/*
	svg base64 progress circle green-light (DEFAULT)
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 12;
			stroke-linecap: round;
			stroke-dasharray: 374;
			stroke-dashoffset: 1220;
			stroke: hsla(80, 70%, 48%, 0.5);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 374; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 374;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="54"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle green
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 12;
			stroke-linecap: round;
			stroke-dasharray: 374;
			stroke-dashoffset: 1220;
			stroke: hsl(86, 99%, 34%);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 374; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 374;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="54"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle small
	- overriding stroke width to assist with small visibility
	- using green color instead of green-light
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 18;
			stroke-linecap: round;
			stroke-dasharray: 340;
			stroke-dashoffset: 1220;
			stroke: hsl(86, 99%, 34%);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 340; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 340;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="48"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle small
	- overriding stroke width to assist with small visibility
	- using green color instead of green-light
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 18;
			stroke-linecap: round;
			stroke-dasharray: 340;
			stroke-dashoffset: 1220;
			stroke: white;
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 340; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 340;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="48"></circle>
	</g>
</svg>
*/
/*
	navigation-triangle
*/
/*
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38px" height="24px" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1.41421;"><path d="M1.01,14.744l8.999,-7.685l6.388,-5.455c1.342,-1.146 3.88,-1.146 5.223,0l6.388,5.455l8.999,7.685" style="fill:#fff;fill-rule:nonzero;stroke-width:1px;stroke:#555;"/>
</svg>
*/
.show-xl {
  display: none;
}
@media (max-width: 5760px) {
  .hide-xl {
    display: none !important;
  }
  .show-xl {
    display: initial;
  }
  th.show-xl,
  td.show-xl {
    display: table-cell;
  }
}
.show-lg {
  display: none;
}
@media (max-width: 1255px) {
  .hide-lg {
    display: none !important;
  }
  .show-lg {
    display: initial;
  }
  th.show-lg,
  td.show-lg {
    display: table-cell;
  }
}
.show-md {
  display: none;
}
@media (max-width: 999px) {
  .hide-md {
    display: none !important;
  }
  .show-md {
    display: initial;
  }
  th.show-md,
  td.show-md {
    display: table-cell;
  }
}
.show-xs {
  display: none;
}
@media (max-width: 575px) {
  .hide-xs {
    display: none !important;
  }
  .show-xs {
    display: initial;
  }
  th.show-xs,
  td.show-xs {
    display: table-cell;
  }
}
.show-sm {
  display: none;
}
@media (max-width: 743px) {
  .hide-sm {
    display: none !important;
  }
  .show-sm {
    display: initial;
  }
  th.show-sm,
  td.show-sm {
    display: table-cell;
  }
}
.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-col {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-col.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-col.flex-col-block {
  flex-direction: column;
}
.flex-col.flex-col-align-center {
  align-items: center;
}
.flex-col.flex-col-align-top {
  flex-direction: column;
}
.flex-col.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-col.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-col.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-col.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-col.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-col.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-col.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-col.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-col.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-col.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-col.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-col.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  /* use this to prevent cols filling to max height */
}
.flex-row.no-vert-fill {
  align-items: flex-start;
}
.flex-row.flex-row-wrap {
  flex-flow: row wrap;
}
.flex-row .flex-col {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-row .flex-col.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row .flex-col.flex-col-block {
  flex-direction: column;
}
.flex-row .flex-col.flex-col-align-center {
  align-items: center;
}
.flex-row .flex-col.flex-col-align-top {
  flex-direction: column;
}
.flex-row .flex-col.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row .flex-col.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row .flex-col.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row .flex-col.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row .flex-col.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row .flex-col.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row .flex-col.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row .flex-col.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row .flex-col.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row .flex-col.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row .flex-col.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row .flex-col.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row.flex-children-fluid > * {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-row.flex-children-fluid > *.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row.flex-children-fluid > *.flex-col-block {
  flex-direction: column;
}
.flex-row.flex-children-fluid > *.flex-col-align-center {
  align-items: center;
}
.flex-row.flex-children-fluid > *.flex-col-align-top {
  flex-direction: column;
}
.flex-row.flex-children-fluid > *.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row.flex-children-fluid > *.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row.flex-children-fixed > * {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fixed > *.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row.flex-children-fixed > *.flex-col-block {
  flex-direction: column;
}
.flex-row.flex-children-fixed > *.flex-col-align-center {
  align-items: center;
}
.flex-row.flex-children-fixed > *.flex-col-align-top {
  flex-direction: column;
}
.flex-row.flex-children-fixed > *.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row.flex-children-fixed > *.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row[class*="flex-row-fluid"] {
  flex: 1 1 auto;
  display: flex;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-xs {
  flex: 0.5;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-sm {
  flex: 0.66;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-lg {
  flex: 2;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-xl {
  flex: 3;
}
.flex-row[class*="flex-row-fluid"] .flex-col {
  flex: 1 inherit;
}
.flex-row.flex-collapse {
  justify-content: flex-start;
}
.flex-row.flex-collapse .flex-col {
  width: auto;
  flex-grow: 0;
}
.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-no-stretch .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
/* flex */
.flex-grid {
  width: 100%;
  display: flex;
  flex-direction: column;
  /*
        individual item alignment
    */
}
.flex-grid .flex-row .flex-align-left {
  justify-content: flex-start;
}
.flex-grid .flex-row .flex-align-center {
  justify-content: center;
}
.flex-grid .flex-row .flex-align-right {
  justify-content: flex-end;
}
.flex-grid .flex-row .flex-align-top {
  align-items: flex-start;
}
.flex-grid .flex-row .flex-align-middle {
  align-items: center;
}
.flex-grid .flex-row .flex-align-bottom {
  align-items: flex-end;
}
.flex-grid.no-vert-fill > .flex-row {
  align-items: flex-start;
}
.flex-grid.flex-no-wrap .flex-row {
  flex-wrap: nowrap;
}
.flex-grid.flex-wrap .flex-row {
  flex-wrap: wrap;
}
.flex-grid.flex-no-stretch .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-no-stretch .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
.flex-grid.flex-items-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
.flex-grid.flex-items-stretch .flex-row {
  justify-content: space-around;
}
.flex-grid.flex-items-stretch .flex-row > * {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-grid.flex-fixed {
  /*
            child items alignment
        */
}
.flex-grid.flex-fixed.flex-items-left .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-left .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-left .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-center .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-center .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-center .flex-row {
  justify-content: center;
}
.flex-grid.flex-fixed.flex-items-right .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-right .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-right .flex-row {
  justify-content: flex-end;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row {
  justify-content: space-between;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row {
  justify-content: space-around;
}
.flex-grid .flex-row .flex-align-left {
  justify-content: flex-start;
}
.flex-grid .flex-row .flex-align-center {
  justify-content: center;
}
.flex-grid .flex-row .flex-align-right {
  justify-content: flex-end;
}
.flex-grid .flex-row .flex-align-top {
  align-items: flex-start;
}
.flex-grid .flex-row .flex-align-middle {
  align-items: center;
}
.flex-grid .flex-row .flex-align-bottom {
  align-items: flex-end;
}
/*
    flex-vertical
*/
.flex-vertical {
  display: flex;
  flex-direction: column;
  /*
        individual item alignment
    */
}
.flex-vertical > * {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.flex-vertical .flex-vertical-fixed {
  flex-grow: 0;
  overflow-y: hidden;
}
.flex-vertical .flex-vertical-fluid {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
}
.flex-vertical > *.flex-align-top {
  justify-content: flex-start;
}
.flex-vertical > *.flex-align-middle {
  justify-content: center;
}
.flex-vertical > *.flex-align-bottom {
  justify-content: flex-end;
}
.flex-vertical > *.flex-align-left {
  align-items: flex-start;
}
.flex-vertical > *.flex-align-center {
  align-items: center;
}
.flex-vertical > *.flex-align-right {
  align-items: flex-end;
}
.flex-vertical > *.flex-align-justify {
  justify-content: space-between;
}
.flex-vertical > *.flex-align-justify-padded {
  justify-content: space-around;
}
/*
    this is for the application
    - header [fixed]
    - conent [fluid]
    - footer [fixed]
*/
.flex-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.flex-page .flex-page-fluid {
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
}
.flex-page .flex-page-fixed {
  flex-grow: 0;
}
@media (max-width: 1415px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 202.14285714px;
    min-width: 202.14285714px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 83.23529412px;
    min-width: 83.23529412px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 157.22222222px;
    min-width: 157.22222222px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 283px;
    min-width: 283px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 566px;
    min-width: 566px;
  }
}
@media (max-width: 1255px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 179.28571429px;
    min-width: 179.28571429px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 73.82352941px;
    min-width: 73.82352941px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 139.44444444px;
    min-width: 139.44444444px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 251px;
    min-width: 251px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 502px;
    min-width: 502px;
  }
}
@media (max-width: 999px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 142.71428571px;
    min-width: 142.71428571px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 58.76470588px;
    min-width: 58.76470588px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 111px;
    min-width: 111px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 199.8px;
    min-width: 199.8px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 399.6px;
    min-width: 399.6px;
  }
}
.items-left {
  align-items: flex-start;
  flex-direction: column;
}
.items-right {
  align-items: flex-end;
  flex-direction: column;
}
.items-center {
  align-items: center;
  flex-direction: column;
}
.items-top {
  align-items: flex-start;
  flex-direction: row;
}
.items-bottom {
  align-items: flex-end;
  flex-direction: row;
}
.items-middle {
  align-items: center;
  flex-direction: row;
}
/*
  sizes
*/
/*
    styles
*/
.border-green,
#jdoc-border.border-green {
  border: 1px solid hsl(86, 99%, 34%);
}
.border-green-hover,
#jdoc-border-hover.border-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-hover:hover,
#jdoc-border-hover.border-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(86, 99%, 34%);
}
.border-green-light,
#jdoc-border.border-green-light {
  border: 1px solid hsl(80, 65%, 74%);
}
.border-green-light-hover,
#jdoc-border-hover.border-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-light-hover:hover,
#jdoc-border-hover.border-green-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(80, 65%, 74%);
}
.border-green-lighter,
#jdoc-border.border-green-lighter {
  border: 1px solid hsl(81, 74%, 91%);
}
.border-green-lighter-hover,
#jdoc-border-hover.border-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-lighter-hover:hover,
#jdoc-border-hover.border-green-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(81, 74%, 91%);
}
.border-red,
#jdoc-border.border-red {
  border: 1px solid hsl(0, 62%, 42%);
}
.border-red-hover,
#jdoc-border-hover.border-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-hover:hover,
#jdoc-border-hover.border-red-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 62%, 42%);
}
.border-red-light,
#jdoc-border.border-red-light {
  border: 1px solid hsl(347, 39%, 81%);
}
.border-red-light-hover,
#jdoc-border-hover.border-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-light-hover:hover,
#jdoc-border-hover.border-red-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(347, 39%, 81%);
}
.border-red-lighter,
#jdoc-border.border-red-lighter {
  border: 1px solid hsl(0, 43%, 91%);
}
.border-red-lighter-hover,
#jdoc-border-hover.border-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-lighter-hover:hover,
#jdoc-border-hover.border-red-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 43%, 91%);
}
.border-orange,
#jdoc-border.border-orange {
  border: 1px solid hsl(35, 95%, 50%);
}
.border-orange-hover,
#jdoc-border-hover.border-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-hover:hover,
#jdoc-border-hover.border-orange-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(35, 95%, 50%);
}
.border-orange-light,
#jdoc-border.border-orange-light {
  border: 1px solid hsl(46, 97%, 59%);
}
.border-orange-light-hover,
#jdoc-border-hover.border-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-light-hover:hover,
#jdoc-border-hover.border-orange-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(46, 97%, 59%);
}
.border-orange-lighter,
#jdoc-border.border-orange-lighter {
  border: 1px solid hsl(50, 81%, 94%);
}
.border-orange-lighter-hover,
#jdoc-border-hover.border-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-lighter-hover:hover,
#jdoc-border-hover.border-orange-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(50, 81%, 94%);
}
.border-black,
#jdoc-border.border-black {
  border: 1px solid black;
}
.border-black-hover,
#jdoc-border-hover.border-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-black-hover:hover,
#jdoc-border-hover.border-black-hover:hover {
  cursor: pointer;
  border: 1px solid black;
}
.border-gray-darker,
#jdoc-border.border-gray-darker {
  border: 1px solid hsl(0, 0%, 13%);
}
.border-gray-darker-hover,
#jdoc-border-hover.border-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-darker-hover:hover,
#jdoc-border-hover.border-gray-darker-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 13%);
}
.border-gray-dark,
#jdoc-border.border-gray-dark {
  border: 1px solid hsl(0, 0%, 20%);
}
.border-gray-dark-hover,
#jdoc-border-hover.border-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-dark-hover:hover,
#jdoc-border-hover.border-gray-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 20%);
}
.border-gray,
#jdoc-border.border-gray {
  border: 1px solid hsl(0, 0%, 54%);
}
.border-gray-hover,
#jdoc-border-hover.border-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-hover:hover,
#jdoc-border-hover.border-gray-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 54%);
}
.border-gray-light,
#jdoc-border.border-gray-light {
  border: 1px solid hsl(0, 0%, 80%);
}
.border-gray-light-hover,
#jdoc-border-hover.border-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-light-hover:hover,
#jdoc-border-hover.border-gray-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
.border-gray-lighter,
#jdoc-border.border-gray-lighter {
  border: 1px solid hsl(0, 0%, 95%);
}
.border-gray-lighter-hover,
#jdoc-border-hover.border-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-lighter-hover:hover,
#jdoc-border-hover.border-gray-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 95%);
}
.border-gray-lightest,
#jdoc-border.border-gray-lightest {
  border: 1px solid hsl(0, 0%, 97%);
}
.border-gray-lightest-hover,
#jdoc-border-hover.border-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-lightest-hover:hover,
#jdoc-border-hover.border-gray-lightest-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 97%);
}
.border-white,
#jdoc-border.border-white {
  border: 1px solid white;
}
.border-white-hover,
#jdoc-border-hover.border-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-white-hover:hover,
#jdoc-border-hover.border-white-hover:hover {
  cursor: pointer;
  border: 1px solid white;
}
.border-transparent,
#jdoc-border.border-transparent {
  border: 1px solid transparent;
}
.border-transparent-hover,
#jdoc-border-hover.border-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-transparent-hover:hover,
#jdoc-border-hover.border-transparent-hover:hover {
  cursor: pointer;
  border: 1px solid transparent;
}
.border-overlay-light,
#jdoc-border.border-overlay-light {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.border-overlay-light-hover,
#jdoc-border-hover.border-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-light-hover:hover,
#jdoc-border-hover.border-overlay-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.border-overlay-dark,
#jdoc-border.border-overlay-dark {
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.border-overlay-dark-hover,
#jdoc-border-hover.border-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-dark-hover:hover,
#jdoc-border-hover.border-overlay-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.border-overlay-green,
#jdoc-border.border-overlay-green {
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
.border-overlay-green-hover,
#jdoc-border-hover.border-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-green-hover:hover,
#jdoc-border-hover.border-overlay-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
/*
    defaults
*/
.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.border-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
/*
    size
*/
.border-rg,
#jdoc-border-size[class^="border"].border-rg {
  border-width: 1px;
}
.border-lg,
#jdoc-border-size[class^="border"].border-lg {
  border-width: 2px;
}
.border-xl,
#jdoc-border-size[class^="border"].border-xl {
  border-width: 4px;
}
/*
    sides
*/
.border-top,
#jdoc-border-side[class^="border"].border-top {
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.border-right,
#jdoc-border-side[class^="border"].border-right {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.border-bottom,
#jdoc-border-side[class^="border"].border-bottom {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.border-left,
#jdoc-border-side[class^="border"].border-left {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.border-horizontal,
#jdoc-border-side[class^="border"].border-horizontal {
  border-left-width: 0;
  border-right-width: 0;
}
.border-vertical,
#jdoc-border-side[class^="border"].border-vertical {
  border-top-width: 0;
  border-bottom-width: 0;
}
.border-none,
#jdoc-border-side[class^="border"].border-none {
  border: none !important;
}
/*
    styles
*/
.border-solid,
#jdoc-border-style[class^="border"].border-solid {
  border-style: solid;
}
.border-dotted,
#jdoc-border-style[class^="border"].border-dotted {
  border-style: dotted;
}
.border-dashed,
#jdoc-border-style[class^="border"].border-dashed {
  border-style: dashed;
}
.border-radius,
#jdoc-border-radius.border-radius {
  border-radius: 4px;
}
.border-radius-rg,
.border-radius-regular,
#jdoc-border-radius-size.border-radius-rg {
  border-radius: 4px;
}
.border-radius-left,
#jdoc-border-radius.border-radius-left {
  border-radius: 4px 0px 0px 4px;
}
.border-radius-right,
#jdoc-border-radius.border-radius-right {
  border-radius: 0px 4px 4px 0px;
}
.border-radius-top,
#jdoc-border-radius.border-radius-top {
  border-radius: 4px 4px 0px 0px;
}
.border-radius-bottom,
#jdoc-border-radius.border-radius-bottom {
  border-radius: 0px 0px 4px 4px;
}
.border-radius-sm,
#jdoc-border-radius-size.border-radius-sm {
  border-radius: 3px;
}
.border-radius-sm-left,
#jdoc-border-radius-size.border-radius-sm-left {
  border-radius: 3px 0px 0px 3px;
}
.border-radius-sm-right,
#jdoc-border-radius-size.border-radius-sm-right {
  border-radius: 0px 3px 3px 0px;
}
.border-radius-sm-top,
#jdoc-border-radius-size.border-radius-sm-top {
  border-radius: 3px 3px 0px 0px;
}
.border-radius-sm-bottom,
#jdoc-border-radius-size.border-radius-sm-bottom {
  border-radius: 0px 0px 3px 3px;
}
.border-radius-lg,
#jdoc-border-radius-size.border-radius-lg {
  border-radius: 10px;
}
.border-radius-lg-left,
#jdoc-border-radius-size.border-radius-lg-left {
  border-radius: 10px 0px 0px 10px;
}
.border-radius-lg-right,
#jdoc-border-radius-size.border-radius-lg-right {
  border-radius: 0px 10px 10px 0px;
}
.border-radius-lg-top,
#jdoc-border-radius-size.border-radius-lg-top {
  border-radius: 10px 10px 0px 0px;
}
.border-radius-lg-bottom,
#jdoc-border-radius-size.border-radius-lg-bottom {
  border-radius: 0px 0px 10px 10px;
}
.border-radius-none,
#jdoc-border-radius.border-radius-none {
  border-radius: 0px !important;
}
/*
  colors - each combination will be built
  @fill-color, @border-color
*/
/*
  side classes
*/
/*
  vertical pull classes
*/
/*
  horizontal pull classes
*/
/*
  side classes
*/
/*
  build all horizontal pull
*/
[class^="callout"].callout-pull-left:after,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:after {
  left: 12px;
}
[class^="callout"].callout-pull-left:before,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:before {
  left: 11px;
}
[class^="callout"].callout-pull-right:after,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:after {
  left: calc(100% - 36px);
}
[class^="callout"].callout-pull-right:before,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:before {
  left: calc(100% - 37px);
}
/*
  build all vertical pull
*/
[class^="callout"].callout-pull-top:after,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:after {
  top: 12px;
}
[class^="callout"].callout-pull-top:before,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:before {
  top: 11px;
}
[class^="callout"].callout-pull-bottom:after,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:after {
  top: calc(100% - 36px);
}
[class^="callout"].callout-pull-bottom:before,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:before {
  top: calc(100% - 37px);
}
/*
  build all sides
*/
.callout-left,
#jdoc-callout-side.callout-left {
  position: relative;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before,
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  border-color: transparent #fff transparent transparent;
}
.callout-left.callout-green,
#jdoc-callout-side.callout-left.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-left.callout-green:after,
#jdoc-callout-side.callout-left.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout-left.callout-green.border,
#jdoc-callout-side.callout-left.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-left.callout-green.border:before,
#jdoc-callout-side.callout-left.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout-left.callout-green-light,
#jdoc-callout-side.callout-left.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-left.callout-green-light:after,
#jdoc-callout-side.callout-left.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout-left.callout-green-light.border,
#jdoc-callout-side.callout-left.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-left.callout-green-light.border:before,
#jdoc-callout-side.callout-left.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout-left.callout-red,
#jdoc-callout-side.callout-left.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-left.callout-red:after,
#jdoc-callout-side.callout-left.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-red.border,
#jdoc-callout-side.callout-left.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-left.callout-red.border:before,
#jdoc-callout-side.callout-left.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-red-light,
#jdoc-callout-side.callout-left.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-left.callout-red-light:after,
#jdoc-callout-side.callout-left.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout-left.callout-red-light.border,
#jdoc-callout-side.callout-left.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-left.callout-red-light.border:before,
#jdoc-callout-side.callout-left.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-orange-lighter,
#jdoc-callout-side.callout-left.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-left.callout-orange-lighter:after,
#jdoc-callout-side.callout-left.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout-left.callout-orange-lighter.border,
#jdoc-callout-side.callout-left.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-left.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-left.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout-left.callout-gray-light,
#jdoc-callout-side.callout-left.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-left.callout-gray-light:after,
#jdoc-callout-side.callout-left.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout-left.callout-gray-light.border,
#jdoc-callout-side.callout-left.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-left.callout-gray-light.border:before,
#jdoc-callout-side.callout-left.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout-left.callout-gray-lighter,
#jdoc-callout-side.callout-left.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-left.callout-gray-lighter:after,
#jdoc-callout-side.callout-left.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout-left.callout-gray-lighter.border,
#jdoc-callout-side.callout-left.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-left.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-left.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout-left.callout-white,
#jdoc-callout-side.callout-left.callout-white {
  background-color: white;
}
.callout-left.callout-white:after,
#jdoc-callout-side.callout-left.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout-left.callout-white.border,
#jdoc-callout-side.callout-left.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-left.callout-white.border:before,
#jdoc-callout-side.callout-left.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before {
  border-color: transparent transparent transparent transparent;
}
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout-left.callout-pull-top:after,
#jdoc-callout-side.callout-left.callout-pull-top:after {
  top: 12px;
}
.callout-left.callout-pull-top:before,
#jdoc-callout-side.callout-left.callout-pull-top:before {
  top: 11px;
}
.callout-left.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout-left.border-lg:after,
#jdoc-callout-side.callout-left.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left.border-lg:before,
#jdoc-callout-side.callout-left.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout-left.border-lg.callout-pull-top:after,
#jdoc-callout-side.callout-left.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout-left.border-lg.callout-pull-top:before,
#jdoc-callout-side.callout-left.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout-left.border-lg.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.border-lg.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout-left.border-xl:after,
#jdoc-callout-side.callout-left.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left.border-xl:before,
#jdoc-callout-side.callout-left.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout-left.border-xl.callout-pull-top:after,
#jdoc-callout-side.callout-left.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout-left.border-xl.callout-pull-top:before,
#jdoc-callout-side.callout-left.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout-left.border-xl.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.border-xl.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-right,
#jdoc-callout-side.callout-right {
  position: relative;
}
.callout-right:before,
#jdoc-callout-side.callout-right:before,
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  border-color: transparent transparent transparent #fff;
}
.callout-right.callout-green,
#jdoc-callout-side.callout-right.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-right.callout-green:after,
#jdoc-callout-side.callout-right.callout-green:after {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.callout-right.callout-green.border,
#jdoc-callout-side.callout-right.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-right.callout-green.border:before,
#jdoc-callout-side.callout-right.callout-green.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 13%);
}
.callout-right.callout-green-light,
#jdoc-callout-side.callout-right.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-right.callout-green-light:after,
#jdoc-callout-side.callout-right.callout-green-light:after {
  border-color: transparent transparent transparent hsl(80, 65%, 74%);
}
.callout-right.callout-green-light.border,
#jdoc-callout-side.callout-right.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-right.callout-green-light.border:before,
#jdoc-callout-side.callout-right.callout-green-light.border:before {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.callout-right.callout-red,
#jdoc-callout-side.callout-right.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-right.callout-red:after,
#jdoc-callout-side.callout-right.callout-red:after {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-red.border,
#jdoc-callout-side.callout-right.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-right.callout-red.border:before,
#jdoc-callout-side.callout-right.callout-red.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-red-light,
#jdoc-callout-side.callout-right.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-right.callout-red-light:after,
#jdoc-callout-side.callout-right.callout-red-light:after {
  border-color: transparent transparent transparent hsl(347, 39%, 81%);
}
.callout-right.callout-red-light.border,
#jdoc-callout-side.callout-right.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-right.callout-red-light.border:before,
#jdoc-callout-side.callout-right.callout-red-light.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-orange-lighter,
#jdoc-callout-side.callout-right.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-right.callout-orange-lighter:after,
#jdoc-callout-side.callout-right.callout-orange-lighter:after {
  border-color: transparent transparent transparent hsl(50, 81%, 94%);
}
.callout-right.callout-orange-lighter.border,
#jdoc-callout-side.callout-right.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-right.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-right.callout-orange-lighter.border:before {
  border-color: transparent transparent transparent hsl(46, 97%, 59%);
}
.callout-right.callout-gray-light,
#jdoc-callout-side.callout-right.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-right.callout-gray-light:after,
#jdoc-callout-side.callout-right.callout-gray-light:after {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.callout-right.callout-gray-light.border,
#jdoc-callout-side.callout-right.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-right.callout-gray-light.border:before,
#jdoc-callout-side.callout-right.callout-gray-light.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.callout-right.callout-gray-lighter,
#jdoc-callout-side.callout-right.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-right.callout-gray-lighter:after,
#jdoc-callout-side.callout-right.callout-gray-lighter:after {
  border-color: transparent transparent transparent hsl(0, 0%, 95%);
}
.callout-right.callout-gray-lighter.border,
#jdoc-callout-side.callout-right.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-right.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-right.callout-gray-lighter.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.callout-right.callout-white,
#jdoc-callout-side.callout-right.callout-white {
  background-color: white;
}
.callout-right.callout-white:after,
#jdoc-callout-side.callout-right.callout-white:after {
  border-color: transparent transparent transparent white;
}
.callout-right.callout-white.border,
#jdoc-callout-side.callout-right.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-right.callout-white.border:before,
#jdoc-callout-side.callout-right.callout-white.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.callout-right:before,
#jdoc-callout-side.callout-right:before {
  border-color: transparent transparent transparent transparent;
}
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right:before,
#jdoc-callout-side.callout-right:before {
  top: calc(50% - 13px);
  left: 100%;
  border-width: 13px 0 13px 13px;
}
.callout-right.callout-pull-top:after,
#jdoc-callout-side.callout-right.callout-pull-top:after {
  top: 12px;
}
.callout-right.callout-pull-top:before,
#jdoc-callout-side.callout-right.callout-pull-top:before {
  top: 11px;
}
.callout-right.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout-right.border-lg:after,
#jdoc-callout-side.callout-right.border-lg:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right.border-lg:before,
#jdoc-callout-side.callout-right.border-lg:before {
  top: calc(50% - 14px);
  left: 100%;
  border-width: 14px 0 14px 14px;
}
.callout-right.border-lg.callout-pull-top:after,
#jdoc-callout-side.callout-right.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout-right.border-lg.callout-pull-top:before,
#jdoc-callout-side.callout-right.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout-right.border-lg.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.border-lg.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout-right.border-xl:after,
#jdoc-callout-side.callout-right.border-xl:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right.border-xl:before,
#jdoc-callout-side.callout-right.border-xl:before {
  top: calc(50% - 16px);
  left: 100%;
  border-width: 16px 0 16px 16px;
}
.callout-right.border-xl.callout-pull-top:after,
#jdoc-callout-side.callout-right.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout-right.border-xl.callout-pull-top:before,
#jdoc-callout-side.callout-right.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout-right.border-xl.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.border-xl.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-top,
#jdoc-callout-side.callout-top {
  position: relative;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before,
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  border-color: transparent transparent #fff transparent;
}
.callout-top.callout-green,
#jdoc-callout-side.callout-top.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-top.callout-green:after,
#jdoc-callout-side.callout-top.callout-green:after {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.callout-top.callout-green.border,
#jdoc-callout-side.callout-top.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-top.callout-green.border:before,
#jdoc-callout-side.callout-top.callout-green.border:before {
  border-color: transparent transparent hsl(0, 0%, 13%) transparent;
}
.callout-top.callout-green-light,
#jdoc-callout-side.callout-top.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-top.callout-green-light:after,
#jdoc-callout-side.callout-top.callout-green-light:after {
  border-color: transparent transparent hsl(80, 65%, 74%) transparent;
}
.callout-top.callout-green-light.border,
#jdoc-callout-side.callout-top.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-top.callout-green-light.border:before,
#jdoc-callout-side.callout-top.callout-green-light.border:before {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.callout-top.callout-red,
#jdoc-callout-side.callout-top.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-top.callout-red:after,
#jdoc-callout-side.callout-top.callout-red:after {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-red.border,
#jdoc-callout-side.callout-top.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-top.callout-red.border:before,
#jdoc-callout-side.callout-top.callout-red.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-red-light,
#jdoc-callout-side.callout-top.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-top.callout-red-light:after,
#jdoc-callout-side.callout-top.callout-red-light:after {
  border-color: transparent transparent hsl(347, 39%, 81%) transparent;
}
.callout-top.callout-red-light.border,
#jdoc-callout-side.callout-top.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-top.callout-red-light.border:before,
#jdoc-callout-side.callout-top.callout-red-light.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-orange-lighter,
#jdoc-callout-side.callout-top.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-top.callout-orange-lighter:after,
#jdoc-callout-side.callout-top.callout-orange-lighter:after {
  border-color: transparent transparent hsl(50, 81%, 94%) transparent;
}
.callout-top.callout-orange-lighter.border,
#jdoc-callout-side.callout-top.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-top.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-top.callout-orange-lighter.border:before {
  border-color: transparent transparent hsl(46, 97%, 59%) transparent;
}
.callout-top.callout-gray-light,
#jdoc-callout-side.callout-top.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-top.callout-gray-light:after,
#jdoc-callout-side.callout-top.callout-gray-light:after {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.callout-top.callout-gray-light.border,
#jdoc-callout-side.callout-top.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-top.callout-gray-light.border:before,
#jdoc-callout-side.callout-top.callout-gray-light.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.callout-top.callout-gray-lighter,
#jdoc-callout-side.callout-top.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-top.callout-gray-lighter:after,
#jdoc-callout-side.callout-top.callout-gray-lighter:after {
  border-color: transparent transparent hsl(0, 0%, 95%) transparent;
}
.callout-top.callout-gray-lighter.border,
#jdoc-callout-side.callout-top.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-top.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-top.callout-gray-lighter.border:before {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.callout-top.callout-white,
#jdoc-callout-side.callout-top.callout-white {
  background-color: white;
}
.callout-top.callout-white:after,
#jdoc-callout-side.callout-top.callout-white:after {
  border-color: transparent transparent white transparent;
}
.callout-top.callout-white.border,
#jdoc-callout-side.callout-top.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-top.callout-white.border:before,
#jdoc-callout-side.callout-top.callout-white.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before {
  border-color: transparent transparent transparent transparent;
}
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before {
  top: -13px;
  left: calc(50% - 13px);
  border-width: 0 13px 13px 13px;
}
.callout-top.callout-pull-right:after,
#jdoc-callout-side.callout-top.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.callout-pull-right:before,
#jdoc-callout-side.callout-top.callout-pull-right:before {
  left: calc(100% - 37px);
}
.callout-top.callout-pull-left:after,
#jdoc-callout-side.callout-top.callout-pull-left:after {
  left: 12px;
}
.callout-top.callout-pull-left:before,
#jdoc-callout-side.callout-top.callout-pull-left:before {
  left: 11px;
}
.callout-top.border-lg:after,
#jdoc-callout-side.callout-top.border-lg:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top.border-lg:before,
#jdoc-callout-side.callout-top.border-lg:before {
  top: -14px;
  left: calc(50% - 14px);
  border-width: 0 14px 14px 14px;
}
.callout-top.border-lg.callout-pull-right:after,
#jdoc-callout-side.callout-top.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.border-lg.callout-pull-right:before,
#jdoc-callout-side.callout-top.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.callout-top.border-lg.callout-pull-left:after,
#jdoc-callout-side.callout-top.border-lg.callout-pull-left:after {
  left: 12px;
}
.callout-top.border-lg.callout-pull-left:before,
#jdoc-callout-side.callout-top.border-lg.callout-pull-left:before {
  left: 10px;
}
.callout-top.border-xl:after,
#jdoc-callout-side.callout-top.border-xl:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top.border-xl:before,
#jdoc-callout-side.callout-top.border-xl:before {
  top: -16px;
  left: calc(50% - 16px);
  border-width: 0 16px 16px 16px;
}
.callout-top.border-xl.callout-pull-right:after,
#jdoc-callout-side.callout-top.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.border-xl.callout-pull-right:before,
#jdoc-callout-side.callout-top.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.callout-top.border-xl.callout-pull-left:after,
#jdoc-callout-side.callout-top.border-xl.callout-pull-left:after {
  left: 12px;
}
.callout-top.border-xl.callout-pull-left:before,
#jdoc-callout-side.callout-top.border-xl.callout-pull-left:before {
  left: 8px;
}
.callout-bottom,
#jdoc-callout-side.callout-bottom {
  position: relative;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before,
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  border-color: #fff transparent transparent transparent;
}
.callout-bottom.callout-green,
#jdoc-callout-side.callout-bottom.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-bottom.callout-green:after,
#jdoc-callout-side.callout-bottom.callout-green:after {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.callout-bottom.callout-green.border,
#jdoc-callout-side.callout-bottom.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-bottom.callout-green.border:before,
#jdoc-callout-side.callout-bottom.callout-green.border:before {
  border-color: hsl(0, 0%, 13%) transparent transparent transparent;
}
.callout-bottom.callout-green-light,
#jdoc-callout-side.callout-bottom.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-bottom.callout-green-light:after,
#jdoc-callout-side.callout-bottom.callout-green-light:after {
  border-color: hsl(80, 65%, 74%) transparent transparent transparent;
}
.callout-bottom.callout-green-light.border,
#jdoc-callout-side.callout-bottom.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-bottom.callout-green-light.border:before,
#jdoc-callout-side.callout-bottom.callout-green-light.border:before {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.callout-bottom.callout-red,
#jdoc-callout-side.callout-bottom.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-bottom.callout-red:after,
#jdoc-callout-side.callout-bottom.callout-red:after {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-red.border,
#jdoc-callout-side.callout-bottom.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-bottom.callout-red.border:before,
#jdoc-callout-side.callout-bottom.callout-red.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-red-light,
#jdoc-callout-side.callout-bottom.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-bottom.callout-red-light:after,
#jdoc-callout-side.callout-bottom.callout-red-light:after {
  border-color: hsl(347, 39%, 81%) transparent transparent transparent;
}
.callout-bottom.callout-red-light.border,
#jdoc-callout-side.callout-bottom.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-bottom.callout-red-light.border:before,
#jdoc-callout-side.callout-bottom.callout-red-light.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-orange-lighter,
#jdoc-callout-side.callout-bottom.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-bottom.callout-orange-lighter:after,
#jdoc-callout-side.callout-bottom.callout-orange-lighter:after {
  border-color: hsl(50, 81%, 94%) transparent transparent transparent;
}
.callout-bottom.callout-orange-lighter.border,
#jdoc-callout-side.callout-bottom.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-bottom.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-bottom.callout-orange-lighter.border:before {
  border-color: hsl(46, 97%, 59%) transparent transparent transparent;
}
.callout-bottom.callout-gray-light,
#jdoc-callout-side.callout-bottom.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-bottom.callout-gray-light:after,
#jdoc-callout-side.callout-bottom.callout-gray-light:after {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.callout-bottom.callout-gray-light.border,
#jdoc-callout-side.callout-bottom.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-bottom.callout-gray-light.border:before,
#jdoc-callout-side.callout-bottom.callout-gray-light.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.callout-bottom.callout-gray-lighter,
#jdoc-callout-side.callout-bottom.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-bottom.callout-gray-lighter:after,
#jdoc-callout-side.callout-bottom.callout-gray-lighter:after {
  border-color: hsl(0, 0%, 95%) transparent transparent transparent;
}
.callout-bottom.callout-gray-lighter.border,
#jdoc-callout-side.callout-bottom.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-bottom.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-bottom.callout-gray-lighter.border:before {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.callout-bottom.callout-white,
#jdoc-callout-side.callout-bottom.callout-white {
  background-color: white;
}
.callout-bottom.callout-white:after,
#jdoc-callout-side.callout-bottom.callout-white:after {
  border-color: white transparent transparent transparent;
}
.callout-bottom.callout-white.border,
#jdoc-callout-side.callout-bottom.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-bottom.callout-white.border:before,
#jdoc-callout-side.callout-bottom.callout-white.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before {
  border-color: transparent transparent transparent transparent;
}
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before {
  top: calc(100%);
  left: calc(50% - 13px);
  border-width: 13px 13px 0 13px;
}
.callout-bottom.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.callout-pull-right:before {
  left: calc(100% - 37px);
}
.callout-bottom.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.callout-pull-left:before {
  left: 11px;
}
.callout-bottom.border-lg:after,
#jdoc-callout-side.callout-bottom.border-lg:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom.border-lg:before,
#jdoc-callout-side.callout-bottom.border-lg:before {
  top: calc(100%);
  left: calc(50% - 14px);
  border-width: 14px 14px 0 14px;
}
.callout-bottom.border-lg.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.border-lg.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.callout-bottom.border-lg.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.border-lg.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:before {
  left: 10px;
}
.callout-bottom.border-xl:after,
#jdoc-callout-side.callout-bottom.border-xl:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom.border-xl:before,
#jdoc-callout-side.callout-bottom.border-xl:before {
  top: calc(100%);
  left: calc(50% - 16px);
  border-width: 16px 16px 0 16px;
}
.callout-bottom.border-xl.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.border-xl.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.callout-bottom.border-xl.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.border-xl.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:before {
  left: 8px;
}
/*
  build all colors
*/
.callout-green,
#jdoc-callout[class^="callout"].callout-green {
  position: relative;
  background-color: hsl(86, 99%, 34%);
}
.callout-green:before,
#jdoc-callout[class^="callout"].callout-green:before,
.callout-green:after,
#jdoc-callout[class^="callout"].callout-green:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-green-light,
#jdoc-callout[class^="callout"].callout-green-light {
  position: relative;
  background-color: hsl(80, 65%, 74%);
}
.callout-green-light:before,
#jdoc-callout[class^="callout"].callout-green-light:before,
.callout-green-light:after,
#jdoc-callout[class^="callout"].callout-green-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-red,
#jdoc-callout[class^="callout"].callout-red {
  position: relative;
  background-color: hsl(0, 62%, 42%);
}
.callout-red:before,
#jdoc-callout[class^="callout"].callout-red:before,
.callout-red:after,
#jdoc-callout[class^="callout"].callout-red:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-red-light,
#jdoc-callout[class^="callout"].callout-red-light {
  position: relative;
  background-color: hsl(347, 39%, 81%);
}
.callout-red-light:before,
#jdoc-callout[class^="callout"].callout-red-light:before,
.callout-red-light:after,
#jdoc-callout[class^="callout"].callout-red-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-orange-lighter,
#jdoc-callout[class^="callout"].callout-orange-lighter {
  position: relative;
  background-color: hsl(50, 81%, 94%);
}
.callout-orange-lighter:before,
#jdoc-callout[class^="callout"].callout-orange-lighter:before,
.callout-orange-lighter:after,
#jdoc-callout[class^="callout"].callout-orange-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-gray-light,
#jdoc-callout[class^="callout"].callout-gray-light {
  position: relative;
  background-color: hsl(0, 0%, 80%);
}
.callout-gray-light:before,
#jdoc-callout[class^="callout"].callout-gray-light:before,
.callout-gray-light:after,
#jdoc-callout[class^="callout"].callout-gray-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-gray-lighter,
#jdoc-callout[class^="callout"].callout-gray-lighter {
  position: relative;
  background-color: hsl(0, 0%, 95%);
}
.callout-gray-lighter:before,
#jdoc-callout[class^="callout"].callout-gray-lighter:before,
.callout-gray-lighter:after,
#jdoc-callout[class^="callout"].callout-gray-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-white,
#jdoc-callout[class^="callout"].callout-white {
  position: relative;
  background-color: white;
}
.callout-white:before,
#jdoc-callout[class^="callout"].callout-white:before,
.callout-white:after,
#jdoc-callout[class^="callout"].callout-white:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
/*
  set default
*/
.callout {
  background-color: white;
  position: relative;
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:after {
  border-color: transparent #fff transparent transparent;
}
.callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-white {
  background-color: white;
}
.callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout:before {
  border-color: transparent transparent transparent transparent;
}
.callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout.callout-pull-top:after {
  top: 12px;
}
.callout.callout-pull-top:before {
  top: 11px;
}
.callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:after {
  border-color: transparent #fff transparent transparent;
}
.callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-white {
  background-color: white;
}
.callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout:before {
  border-color: transparent transparent transparent transparent;
}
.callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout.callout-pull-top:after {
  top: 12px;
}
.callout.callout-pull-top:before {
  top: 11px;
}
.callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-base {
  position: relative;
}
.callout-base:before,
.callout-base:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
/*
  variations
*/
.table .date-style:not(.text-right):not(.text-center) {
  text-align: left !important;
}
.table .currency-style:not(.text-left):not(.text-center),
.table .numeric-style:not(.text-left):not(.text-center) {
  text-align: right !important;
}
.table .plan-state-icon-style:not(.text-left):not(.text-right) {
  text-align: center !important;
}
.table tbody tr .date-style,
.table row .date-style,
.table .fake-table-row .date-style,
.table cell-group .date-style,
.table tbody tr .currency-style,
.table row .currency-style,
.table .fake-table-row .currency-style,
.table cell-group .currency-style,
.table tbody tr .numeric-style,
.table row .numeric-style,
.table .fake-table-row .numeric-style,
.table cell-group .numeric-style {
  font-variant-numeric: tabular-nums;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.full-width {
  width: 100%;
}
.fill-green,
#jdoc-fill.fill-docs-green {
  background-color: hsl(86, 99%, 34%);
}
.fill-green-hover,
#jdoc-fill-hover.fill-docs-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-hover:hover,
#jdoc-fill-hover.fill-docs-green-hover:hover {
  cursor: pointer;
  background-color: hsl(86, 99%, 34%);
}
.fill-green-light,
#jdoc-fill.fill-docs-green-light {
  background-color: hsl(80, 65%, 74%);
}
.fill-green-light-hover,
#jdoc-fill-hover.fill-docs-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-light-hover:hover,
#jdoc-fill-hover.fill-docs-green-light-hover:hover {
  cursor: pointer;
  background-color: hsl(80, 65%, 74%);
}
.fill-green-lighter,
#jdoc-fill.fill-docs-green-lighter {
  background-color: hsl(81, 74%, 91%);
}
.fill-green-lighter-hover,
#jdoc-fill-hover.fill-docs-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-green-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(81, 74%, 91%);
}
.fill-red,
#jdoc-fill.fill-docs-red {
  background-color: hsl(0, 62%, 42%);
}
.fill-red-hover,
#jdoc-fill-hover.fill-docs-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-hover:hover,
#jdoc-fill-hover.fill-docs-red-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 62%, 42%);
}
.fill-red-light,
#jdoc-fill.fill-docs-red-light {
  background-color: hsl(347, 39%, 81%);
}
.fill-red-light-hover,
#jdoc-fill-hover.fill-docs-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-light-hover:hover,
#jdoc-fill-hover.fill-docs-red-light-hover:hover {
  cursor: pointer;
  background-color: hsl(347, 39%, 81%);
}
.fill-red-lighter,
#jdoc-fill.fill-docs-red-lighter {
  background-color: hsl(0, 43%, 91%);
}
.fill-red-lighter-hover,
#jdoc-fill-hover.fill-docs-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-red-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 43%, 91%);
}
.fill-orange,
#jdoc-fill.fill-docs-orange {
  background-color: hsl(35, 95%, 50%);
}
.fill-orange-hover,
#jdoc-fill-hover.fill-docs-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-hover:hover,
#jdoc-fill-hover.fill-docs-orange-hover:hover {
  cursor: pointer;
  background-color: hsl(35, 95%, 50%);
}
.fill-orange-light,
#jdoc-fill.fill-docs-orange-light {
  background-color: hsl(46, 97%, 59%);
}
.fill-orange-light-hover,
#jdoc-fill-hover.fill-docs-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-light-hover:hover,
#jdoc-fill-hover.fill-docs-orange-light-hover:hover {
  cursor: pointer;
  background-color: hsl(46, 97%, 59%);
}
.fill-orange-lighter,
#jdoc-fill.fill-docs-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.fill-orange-lighter-hover,
#jdoc-fill-hover.fill-docs-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-orange-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(50, 81%, 94%);
}
.fill-black,
#jdoc-fill.fill-docs-black {
  background-color: black;
}
.fill-black-hover,
#jdoc-fill-hover.fill-docs-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-black-hover:hover,
#jdoc-fill-hover.fill-docs-black-hover:hover {
  cursor: pointer;
  background-color: black;
}
.fill-gray-darker,
#jdoc-fill.fill-docs-gray-darker {
  background-color: hsl(0, 0%, 13%);
}
.fill-gray-darker-hover,
#jdoc-fill-hover.fill-docs-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-darker-hover:hover,
#jdoc-fill-hover.fill-docs-gray-darker-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 13%);
}
.fill-gray-dark,
#jdoc-fill.fill-docs-gray-dark {
  background-color: hsl(0, 0%, 20%);
}
.fill-gray-dark-hover,
#jdoc-fill-hover.fill-docs-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-dark-hover:hover,
#jdoc-fill-hover.fill-docs-gray-dark-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 20%);
}
.fill-gray,
#jdoc-fill.fill-docs-gray {
  background-color: hsl(0, 0%, 54%);
}
.fill-gray-hover,
#jdoc-fill-hover.fill-docs-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-hover:hover,
#jdoc-fill-hover.fill-docs-gray-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 54%);
}
.fill-gray-light,
#jdoc-fill.fill-docs-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.fill-gray-light-hover,
#jdoc-fill-hover.fill-docs-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-light-hover:hover,
#jdoc-fill-hover.fill-docs-gray-light-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 80%);
}
.fill-gray-lighter,
#jdoc-fill.fill-docs-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.fill-gray-lighter-hover,
#jdoc-fill-hover.fill-docs-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-gray-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 95%);
}
.fill-gray-lightest,
#jdoc-fill.fill-docs-gray-lightest {
  background-color: hsl(0, 0%, 97%);
}
.fill-gray-lightest-hover,
#jdoc-fill-hover.fill-docs-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-lightest-hover:hover,
#jdoc-fill-hover.fill-docs-gray-lightest-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 97%);
}
.fill-white,
#jdoc-fill.fill-docs-white {
  background-color: white;
}
.fill-white-hover,
#jdoc-fill-hover.fill-docs-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-white-hover:hover,
#jdoc-fill-hover.fill-docs-white-hover:hover {
  cursor: pointer;
  background-color: white;
}
.fill-transparent,
#jdoc-fill.fill-docs-transparent {
  background-color: transparent;
}
.fill-transparent-hover,
#jdoc-fill-hover.fill-docs-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-transparent-hover:hover,
#jdoc-fill-hover.fill-docs-transparent-hover:hover {
  cursor: pointer;
  background-color: transparent;
}
.fill-overlay-light,
#jdoc-fill.fill-docs-overlay-light {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.fill-overlay-light-hover,
#jdoc-fill-hover.fill-docs-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-light-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-light-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 100%, 0.5);
}
.fill-overlay-dark,
#jdoc-fill.fill-docs-overlay-dark {
  background-color: hsla(0, 0%, 0%, 0.25);
}
.fill-overlay-dark-hover,
#jdoc-fill-hover.fill-docs-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-dark-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-dark-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 0%, 0.25);
}
.fill-overlay-green,
#jdoc-fill.fill-docs-overlay-green {
  background-color: hsla(86, 99%, 34%, 0.9);
}
.fill-overlay-green-hover,
#jdoc-fill-hover.fill-docs-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-green-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-green-hover:hover {
  cursor: pointer;
  background-color: hsla(86, 99%, 34%, 0.9);
}
.font-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.font-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.font-size-regular,
.font-size-normal {
  font-size: 16px;
}
.font-size-xs {
  font-size: 12px;
}
.font-size-sm {
  font-size: 14px;
}
.font-size-lg {
  font-size: 18px;
}
.font-size-xl {
  font-size: 24px;
}
.line-height-regular {
  line-height: initial;
}
.line-height-lg {
  line-height: 35px;
}
.font-fixed-width {
  font-variant-numeric: tabular-nums;
}
.font-green,
#jdoc-font.font-green {
  color: hsl(86, 99%, 34%);
}
.font-green-hover,
#jdoc-font-hover.font-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-hover:hover,
#jdoc-font-hover.font-green-hover:hover {
  cursor: pointer;
  color: hsl(86, 99%, 34%);
}
.font-green-light,
#jdoc-font.font-green-light {
  color: hsl(80, 65%, 74%);
}
.font-green-light-hover,
#jdoc-font-hover.font-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-light-hover:hover,
#jdoc-font-hover.font-green-light-hover:hover {
  cursor: pointer;
  color: hsl(80, 65%, 74%);
}
.font-green-lighter,
#jdoc-font.font-green-lighter {
  color: hsl(81, 74%, 91%);
}
.font-green-lighter-hover,
#jdoc-font-hover.font-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-lighter-hover:hover,
#jdoc-font-hover.font-green-lighter-hover:hover {
  cursor: pointer;
  color: hsl(81, 74%, 91%);
}
.font-red,
#jdoc-font.font-red {
  color: hsl(0, 62%, 42%);
}
.font-red-hover,
#jdoc-font-hover.font-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-hover:hover,
#jdoc-font-hover.font-red-hover:hover {
  cursor: pointer;
  color: hsl(0, 62%, 42%);
}
.font-red-light,
#jdoc-font.font-red-light {
  color: hsl(347, 39%, 81%);
}
.font-red-light-hover,
#jdoc-font-hover.font-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-light-hover:hover,
#jdoc-font-hover.font-red-light-hover:hover {
  cursor: pointer;
  color: hsl(347, 39%, 81%);
}
.font-red-lighter,
#jdoc-font.font-red-lighter {
  color: hsl(0, 43%, 91%);
}
.font-red-lighter-hover,
#jdoc-font-hover.font-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-lighter-hover:hover,
#jdoc-font-hover.font-red-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 43%, 91%);
}
.font-orange,
#jdoc-font.font-orange {
  color: hsl(35, 95%, 50%);
}
.font-orange-hover,
#jdoc-font-hover.font-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-hover:hover,
#jdoc-font-hover.font-orange-hover:hover {
  cursor: pointer;
  color: hsl(35, 95%, 50%);
}
.font-orange-light,
#jdoc-font.font-orange-light {
  color: hsl(46, 97%, 59%);
}
.font-orange-light-hover,
#jdoc-font-hover.font-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-light-hover:hover,
#jdoc-font-hover.font-orange-light-hover:hover {
  cursor: pointer;
  color: hsl(46, 97%, 59%);
}
.font-orange-lighter,
#jdoc-font.font-orange-lighter {
  color: hsl(50, 81%, 94%);
}
.font-orange-lighter-hover,
#jdoc-font-hover.font-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-lighter-hover:hover,
#jdoc-font-hover.font-orange-lighter-hover:hover {
  cursor: pointer;
  color: hsl(50, 81%, 94%);
}
.font-black,
#jdoc-font.font-black {
  color: black;
}
.font-black-hover,
#jdoc-font-hover.font-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-black-hover:hover,
#jdoc-font-hover.font-black-hover:hover {
  cursor: pointer;
  color: black;
}
.font-gray-darker,
#jdoc-font.font-gray-darker {
  color: hsl(0, 0%, 13%);
}
.font-gray-darker-hover,
#jdoc-font-hover.font-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-darker-hover:hover,
#jdoc-font-hover.font-gray-darker-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 13%);
}
.font-gray-dark,
#jdoc-font.font-gray-dark {
  color: hsl(0, 0%, 20%);
}
.font-gray-dark-hover,
#jdoc-font-hover.font-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-dark-hover:hover,
#jdoc-font-hover.font-gray-dark-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 20%);
}
.font-gray,
#jdoc-font.font-gray {
  color: hsl(0, 0%, 54%);
}
.font-gray-hover,
#jdoc-font-hover.font-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-hover:hover,
#jdoc-font-hover.font-gray-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 54%);
}
.font-gray-light,
#jdoc-font.font-gray-light {
  color: hsl(0, 0%, 80%);
}
.font-gray-light-hover,
#jdoc-font-hover.font-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-light-hover:hover,
#jdoc-font-hover.font-gray-light-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 80%);
}
.font-gray-lighter,
#jdoc-font.font-gray-lighter {
  color: hsl(0, 0%, 95%);
}
.font-gray-lighter-hover,
#jdoc-font-hover.font-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-lighter-hover:hover,
#jdoc-font-hover.font-gray-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 95%);
}
.font-gray-lightest,
#jdoc-font.font-gray-lightest {
  color: hsl(0, 0%, 97%);
}
.font-gray-lightest-hover,
#jdoc-font-hover.font-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-lightest-hover:hover,
#jdoc-font-hover.font-gray-lightest-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 97%);
}
.font-white,
#jdoc-font.font-white {
  color: white;
}
.font-white-hover,
#jdoc-font-hover.font-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-white-hover:hover,
#jdoc-font-hover.font-white-hover:hover {
  cursor: pointer;
  color: white;
}
.font-transparent,
#jdoc-font.font-transparent {
  color: transparent;
}
.font-transparent-hover,
#jdoc-font-hover.font-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-transparent-hover:hover,
#jdoc-font-hover.font-transparent-hover:hover {
  cursor: pointer;
  color: transparent;
}
.font-overlay-light,
#jdoc-font.font-overlay-light {
  color: hsla(0, 0%, 100%, 0.5);
}
.font-overlay-light-hover,
#jdoc-font-hover.font-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-light-hover:hover,
#jdoc-font-hover.font-overlay-light-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.5);
}
.font-overlay-dark,
#jdoc-font.font-overlay-dark {
  color: hsla(0, 0%, 0%, 0.25);
}
.font-overlay-dark-hover,
#jdoc-font-hover.font-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-dark-hover:hover,
#jdoc-font-hover.font-overlay-dark-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 0%, 0.25);
}
.font-overlay-green,
#jdoc-font.font-overlay-green {
  color: hsla(86, 99%, 34%, 0.9);
}
.font-overlay-green-hover,
#jdoc-font-hover.font-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-green-hover:hover,
#jdoc-font-hover.font-overlay-green-hover:hover {
  cursor: pointer;
  color: hsla(86, 99%, 34%, 0.9);
}
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  variation classes
*/
/*
  build all colors
*/
.jelli-arrow-green,
.jelli-arrow-green,
#jdoc-arrow.arrow-green {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-green.jelli-arrow-spacer,
.jelli-arrow-green.jelli-arrow-spacer,
#jdoc-arrow.arrow-green.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before,
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.jelli-arrow-green.hover-darken:hover,
.jelli-arrow-green.hover-darken:hover,
#jdoc-arrow.arrow-green.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.jelli-arrow-green.hover-darken:hover:before,
.jelli-arrow-green.hover-darken:hover:before,
#jdoc-arrow.arrow-green.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.jelli-arrow-green.hover-darken:hover:after,
.jelli-arrow-green.hover-darken:hover:after,
#jdoc-arrow.arrow-green.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-green-light,
.jelli-arrow-green-light,
#jdoc-arrow.arrow-green-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(80, 65%, 74%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-green-light.jelli-arrow-spacer,
.jelli-arrow-green-light.jelli-arrow-spacer,
#jdoc-arrow.arrow-green-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before,
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before {
  border-color: hsl(80, 65%, 74%) transparent;
}
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  border-color: transparent hsl(80, 65%, 74%);
  top: 0px;
}
.jelli-arrow-green-light.hover-darken:hover,
.jelli-arrow-green-light.hover-darken:hover,
#jdoc-arrow.arrow-green-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(80, 65%, 64%);
}
.jelli-arrow-green-light.hover-darken:hover:before,
.jelli-arrow-green-light.hover-darken:hover:before,
#jdoc-arrow.arrow-green-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(80, 65%, 64%) transparent;
}
.jelli-arrow-green-light.hover-darken:hover:after,
.jelli-arrow-green-light.hover-darken:hover:after,
#jdoc-arrow.arrow-green-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(80, 65%, 64%);
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-red,
.jelli-arrow-red,
#jdoc-arrow.arrow-red {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 62%, 42%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-red.jelli-arrow-spacer,
.jelli-arrow-red.jelli-arrow-spacer,
#jdoc-arrow.arrow-red.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before,
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before {
  border-color: hsl(0, 62%, 42%) transparent;
}
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  border-color: transparent hsl(0, 62%, 42%);
  top: 0px;
}
.jelli-arrow-red.hover-darken:hover,
.jelli-arrow-red.hover-darken:hover,
#jdoc-arrow.arrow-red.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 62%, 32%);
}
.jelli-arrow-red.hover-darken:hover:before,
.jelli-arrow-red.hover-darken:hover:before,
#jdoc-arrow.arrow-red.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 62%, 32%) transparent;
}
.jelli-arrow-red.hover-darken:hover:after,
.jelli-arrow-red.hover-darken:hover:after,
#jdoc-arrow.arrow-red.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 62%, 32%);
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-orange,
.jelli-arrow-orange,
#jdoc-arrow.arrow-orange {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(35, 95%, 50%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-orange.jelli-arrow-spacer,
.jelli-arrow-orange.jelli-arrow-spacer,
#jdoc-arrow.arrow-orange.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before,
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before {
  border-color: hsl(35, 95%, 50%) transparent;
}
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  border-color: transparent hsl(35, 95%, 50%);
  top: 0px;
}
.jelli-arrow-orange.hover-darken:hover,
.jelli-arrow-orange.hover-darken:hover,
#jdoc-arrow.arrow-orange.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(35, 95%, 40%);
}
.jelli-arrow-orange.hover-darken:hover:before,
.jelli-arrow-orange.hover-darken:hover:before,
#jdoc-arrow.arrow-orange.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(35, 95%, 40%) transparent;
}
.jelli-arrow-orange.hover-darken:hover:after,
.jelli-arrow-orange.hover-darken:hover:after,
#jdoc-arrow.arrow-orange.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(35, 95%, 40%);
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray,
.jelli-arrow-gray,
#jdoc-arrow.arrow-gray {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 54%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray.jelli-arrow-spacer,
.jelli-arrow-gray.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before,
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before {
  border-color: hsl(0, 0%, 54%) transparent;
}
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  border-color: transparent hsl(0, 0%, 54%);
  top: 0px;
}
.jelli-arrow-gray.hover-darken:hover,
.jelli-arrow-gray.hover-darken:hover,
#jdoc-arrow.arrow-gray.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 44%);
}
.jelli-arrow-gray.hover-darken:hover:before,
.jelli-arrow-gray.hover-darken:hover:before,
#jdoc-arrow.arrow-gray.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 44%) transparent;
}
.jelli-arrow-gray.hover-darken:hover:after,
.jelli-arrow-gray.hover-darken:hover:after,
#jdoc-arrow.arrow-gray.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 44%);
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray-light,
.jelli-arrow-gray-light,
#jdoc-arrow.arrow-gray-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 80%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray-light.jelli-arrow-spacer,
.jelli-arrow-gray-light.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before,
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before {
  border-color: hsl(0, 0%, 80%) transparent;
}
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%);
  top: 0px;
}
.jelli-arrow-gray-light.hover-darken:hover,
.jelli-arrow-gray-light.hover-darken:hover,
#jdoc-arrow.arrow-gray-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 70%);
}
.jelli-arrow-gray-light.hover-darken:hover:before,
.jelli-arrow-gray-light.hover-darken:hover:before,
#jdoc-arrow.arrow-gray-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 70%) transparent;
}
.jelli-arrow-gray-light.hover-darken:hover:after,
.jelli-arrow-gray-light.hover-darken:hover:after,
#jdoc-arrow.arrow-gray-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 70%);
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray-lighter,
.jelli-arrow-gray-lighter,
#jdoc-arrow.arrow-gray-lighter {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 95%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray-lighter.jelli-arrow-spacer,
.jelli-arrow-gray-lighter.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray-lighter.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before {
  border-color: hsl(0, 0%, 95%) transparent;
}
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%);
  top: 0px;
}
.jelli-arrow-gray-lighter.hover-darken:hover,
.jelli-arrow-gray-lighter.hover-darken:hover,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 85%);
}
.jelli-arrow-gray-lighter.hover-darken:hover:before,
.jelli-arrow-gray-lighter.hover-darken:hover:before,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 85%) transparent;
}
.jelli-arrow-gray-lighter.hover-darken:hover:after,
.jelli-arrow-gray-lighter.hover-darken:hover:after,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 85%);
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-white,
.jelli-arrow-white,
#jdoc-arrow.arrow-white {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: white;
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-white.jelli-arrow-spacer,
.jelli-arrow-white.jelli-arrow-spacer,
#jdoc-arrow.arrow-white.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before,
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before {
  border-color: white transparent;
}
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  border-color: transparent white;
  top: 0px;
}
.jelli-arrow-white.hover-darken:hover,
.jelli-arrow-white.hover-darken:hover,
#jdoc-arrow.arrow-white.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: #e6e6e6;
}
.jelli-arrow-white.hover-darken:hover:before,
.jelli-arrow-white.hover-darken:hover:before,
#jdoc-arrow.arrow-white.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: #e6e6e6 transparent;
}
.jelli-arrow-white.hover-darken:hover:after,
.jelli-arrow-white.hover-darken:hover:after,
#jdoc-arrow.arrow-white.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent #e6e6e6;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
/*
  build all sizes
*/
[class^="jelli-arrow"].jelli-arrow-xs,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs {
  line-height: 24px;
  min-height: 24px;
  max-height: 24px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 6px;
  font-size: 10px;
}
[class^="jelli-arrow"].jelli-arrow-xs:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:before {
  border-width: 12px 0 12px 6px;
  left: -6px;
}
[class^="jelli-arrow"].jelli-arrow-xs:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:after {
  border-width: 12px 0 12px 6px;
  right: -6px;
}
[class^="jelli-arrow"].jelli-arrow-sm,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm {
  line-height: 30px;
  min-height: 30px;
  max-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  font-size: 12px;
}
[class^="jelli-arrow"].jelli-arrow-sm:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:before {
  border-width: 15px 0 15px 8px;
  left: -8px;
}
[class^="jelli-arrow"].jelli-arrow-sm:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:after {
  border-width: 15px 0 15px 8px;
  right: -8px;
}
[class^="jelli-arrow"].jelli-arrow-rg,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg {
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
[class^="jelli-arrow"].jelli-arrow-rg:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
[class^="jelli-arrow"].jelli-arrow-rg:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
[class^="jelli-arrow"].jelli-arrow-lg,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg {
  line-height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 11px;
  font-size: 16px;
}
[class^="jelli-arrow"].jelli-arrow-lg:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:before {
  border-width: 20px 0 20px 11px;
  left: -11px;
}
[class^="jelli-arrow"].jelli-arrow-lg:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:after {
  border-width: 20px 0 20px 11px;
  right: -11px;
}
[class^="jelli-arrow"].jelli-arrow-xl,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl {
  line-height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 12px;
  font-size: 18px;
}
[class^="jelli-arrow"].jelli-arrow-xl:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:before {
  border-width: 22px 0 22px 12px;
  left: -12px;
}
[class^="jelli-arrow"].jelli-arrow-xl:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:after {
  border-width: 22px 0 22px 12px;
  right: -12px;
}
/*
  build all variations
*/
[class^="jelli-arrow"].jelli-arrow-no-left,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left {
  border-radius: 4px 0px 0px 4px;
  margin-left: 0px !important;
}
[class^="jelli-arrow"].jelli-arrow-no-left:before,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left:before {
  display: none;
}
[class^="jelli-arrow"].jelli-arrow-no-right,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right {
  border-radius: 0px 4px 4px 0px;
}
[class^="jelli-arrow"].jelli-arrow-no-right:after,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right:after {
  display: none;
}
/*
  set default
*/
.jelli-arrow {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow:before,
.jelli-arrow:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.jelli-arrow:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.jelli-arrow.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.jelli-arrow.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.jelli-arrow.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.jelli-arrow:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
/*
  main mixin
*/
/*
  size mixin
*/
/*
  variations
*/
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  build all colors
*/
.corner-green,
.jelli-corner-green,
#jdoc-corner.corner-green {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-green span,
.jelli-corner-green span,
#jdoc-corner.corner-green span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before,
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner-green span,
.jelli-corner-green span,
#jdoc-corner.corner-green span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before {
  left: 1px;
}
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  right: 0px;
}
.corner-red,
.jelli-corner-red,
#jdoc-corner.corner-red {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-red span,
.jelli-corner-red span,
#jdoc-corner.corner-red span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(0, 62%, 42%);
  background: linear-gradient(hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before,
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before {
  border-left: 3px solid hsl(0, 62%, 30%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(0, 62%, 30%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.corner-red span,
.jelli-corner-red span,
#jdoc-corner.corner-red span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before {
  left: 1px;
}
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  right: 0px;
}
.corner-orange,
.jelli-corner-orange,
#jdoc-corner.corner-orange {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-orange span,
.jelli-corner-orange span,
#jdoc-corner.corner-orange span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(35, 95%, 50%);
  background: linear-gradient(hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before,
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before {
  border-left: 3px solid hsl(35, 95%, 38%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(35, 95%, 38%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.corner-orange span,
.jelli-corner-orange span,
#jdoc-corner.corner-orange span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before {
  left: 1px;
}
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  right: 0px;
}
.corner-white,
.jelli-corner-white,
#jdoc-corner.corner-white {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-white span,
.jelli-corner-white span,
#jdoc-corner.corner-white span {
  font-weight: bold;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: white;
  background: linear-gradient(white 0%, #f2f2f2 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before,
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before {
  border-left: 3px solid #e0e0e0;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid #e0e0e0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.corner-white span,
.jelli-corner-white span,
#jdoc-corner.corner-white span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before {
  left: 1px;
}
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  right: 0px;
}
/*
  build all sizes
*/
[class^="corner"].corner-xs,
#jdoc-corner-size[class^="corner"].corner-xs {
  width: 80px;
  height: 80px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-xs span,
#jdoc-corner-size[class^="corner"].corner-xs span {
  top: 20.33333333px;
  right: -22.33333333px;
  font-size: 10px;
  line-height: 20px;
  width: 106.66666667px;
}
[class^="corner"].corner-xs span:before,
#jdoc-corner-size[class^="corner"].corner-xs span:before {
  left: 0.33333333px;
}
[class^="corner"].corner-xs span:after,
#jdoc-corner-size[class^="corner"].corner-xs span:after {
  right: 0px;
}
[class^="corner"].corner-sm,
#jdoc-corner-size[class^="corner"].corner-sm {
  width: 100px;
  height: 100px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-sm span,
#jdoc-corner-size[class^="corner"].corner-sm span {
  top: 25.66666667px;
  right: -27.66666667px;
  font-size: 12.5px;
  line-height: 25px;
  width: 133.33333333px;
}
[class^="corner"].corner-sm span:before,
#jdoc-corner-size[class^="corner"].corner-sm span:before {
  left: 0.66666667px;
}
[class^="corner"].corner-sm span:after,
#jdoc-corner-size[class^="corner"].corner-sm span:after {
  right: 0px;
}
[class^="corner"].corner-rg,
#jdoc-corner-size[class^="corner"].corner-rg {
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-rg span,
#jdoc-corner-size[class^="corner"].corner-rg span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
[class^="corner"].corner-rg span:before,
#jdoc-corner-size[class^="corner"].corner-rg span:before {
  left: 1px;
}
[class^="corner"].corner-rg span:after,
#jdoc-corner-size[class^="corner"].corner-rg span:after {
  right: 0px;
}
[class^="corner"].corner-lg,
#jdoc-corner-size[class^="corner"].corner-lg {
  width: 140px;
  height: 140px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-lg span,
#jdoc-corner-size[class^="corner"].corner-lg span {
  top: 36.33333333px;
  right: -38.33333333px;
  font-size: 17.5px;
  line-height: 35px;
  width: 186.66666667px;
}
[class^="corner"].corner-lg span:before,
#jdoc-corner-size[class^="corner"].corner-lg span:before {
  left: 1.33333333px;
}
[class^="corner"].corner-lg span:after,
#jdoc-corner-size[class^="corner"].corner-lg span:after {
  right: 0px;
}
[class^="corner"].corner-xl,
#jdoc-corner-size[class^="corner"].corner-xl {
  width: 160px;
  height: 160px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-xl span,
#jdoc-corner-size[class^="corner"].corner-xl span {
  top: 41.66666667px;
  right: -43.66666667px;
  font-size: 20px;
  line-height: 40px;
  width: 213.33333333px;
}
[class^="corner"].corner-xl span:before,
#jdoc-corner-size[class^="corner"].corner-xl span:before {
  left: 1.66666667px;
}
[class^="corner"].corner-xl span:after,
#jdoc-corner-size[class^="corner"].corner-xl span:after {
  right: 0px;
}
/*
  set default
*/
.corner {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner span:before,
.corner span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner span:before {
  left: 1px;
}
.corner span:after {
  right: 0px;
}
/*
  size mixin
*/
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  variation classes
*/
/*
  build all colors
*/
.emblem-green,
.jelli-emblem-green,
#jdoc-emblem.emblem-green {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before,
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  transform: rotate(-30deg);
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before,
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  margin-top: -120px;
}
.emblem-red,
.jelli-emblem-red,
#jdoc-emblem.emblem-red {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before,
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  transform: rotate(-30deg);
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before,
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  margin-top: -120px;
}
.emblem-orange,
.jelli-emblem-orange,
#jdoc-emblem.emblem-orange {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before,
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  transform: rotate(-30deg);
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before,
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  margin-top: -120px;
}
.emblem-white,
.jelli-emblem-white,
#jdoc-emblem.emblem-white {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
  margin: 40px;
  color: #000;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before,
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  transform: rotate(-30deg);
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before,
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  margin-top: -120px;
}
/*
  build all sizes
*/
[class^="emblem"].emblem-xs,
#jdoc-emblem-size[class^="emblem"].emblem-xs {
  width: 80px;
  height: 80px;
  font-size: 10px;
  line-height: 80px;
  border-radius: 13.33333333px;
}
[class^="emblem"].emblem-xs:before,
#jdoc-emblem-size[class^="emblem"].emblem-xs:before,
[class^="emblem"].emblem-xs:after,
#jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  width: 80px;
  height: 80px;
  border-radius: 13.33333333px;
}
[class^="emblem"].emblem-xs:after,
#jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  margin-top: -80px;
}
[class^="emblem"].emblem-sm,
#jdoc-emblem-size[class^="emblem"].emblem-sm {
  width: 100px;
  height: 100px;
  font-size: 12.5px;
  line-height: 100px;
  border-radius: 16.66666667px;
}
[class^="emblem"].emblem-sm:before,
#jdoc-emblem-size[class^="emblem"].emblem-sm:before,
[class^="emblem"].emblem-sm:after,
#jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  width: 100px;
  height: 100px;
  border-radius: 16.66666667px;
}
[class^="emblem"].emblem-sm:after,
#jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  margin-top: -100px;
}
[class^="emblem"].emblem-rg,
#jdoc-emblem-size[class^="emblem"].emblem-rg {
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
[class^="emblem"].emblem-rg:before,
#jdoc-emblem-size[class^="emblem"].emblem-rg:before,
[class^="emblem"].emblem-rg:after,
#jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
[class^="emblem"].emblem-rg:after,
#jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  margin-top: -120px;
}
[class^="emblem"].emblem-lg,
#jdoc-emblem-size[class^="emblem"].emblem-lg {
  width: 140px;
  height: 140px;
  font-size: 17.5px;
  line-height: 140px;
  border-radius: 23.33333333px;
}
[class^="emblem"].emblem-lg:before,
#jdoc-emblem-size[class^="emblem"].emblem-lg:before,
[class^="emblem"].emblem-lg:after,
#jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  width: 140px;
  height: 140px;
  border-radius: 23.33333333px;
}
[class^="emblem"].emblem-lg:after,
#jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  margin-top: -140px;
}
[class^="emblem"].emblem-xl,
#jdoc-emblem-size[class^="emblem"].emblem-xl {
  width: 160px;
  height: 160px;
  font-size: 20px;
  line-height: 160px;
  border-radius: 26.66666667px;
}
[class^="emblem"].emblem-xl:before,
#jdoc-emblem-size[class^="emblem"].emblem-xl:before,
[class^="emblem"].emblem-xl:after,
#jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  width: 160px;
  height: 160px;
  border-radius: 26.66666667px;
}
[class^="emblem"].emblem-xl:after,
#jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  margin-top: -160px;
}
/*
  build all variations
*/
[class^="emblem"].emblem-round-less,
#jdoc-emblem-var[class^="emblem"].emblem-round-less {
  border-radius: 6px;
}
[class^="emblem"].emblem-round-less:before,
#jdoc-emblem-var[class^="emblem"].emblem-round-less:before,
[class^="emblem"].emblem-round-less:after,
#jdoc-emblem-var[class^="emblem"].emblem-round-less:after {
  border-radius: 6px;
}
[class^="emblem"].emblem-round-none,
#jdoc-emblem-var[class^="emblem"].emblem-round-none {
  border-radius: 0px;
}
[class^="emblem"].emblem-round-none:before,
#jdoc-emblem-var[class^="emblem"].emblem-round-none:before,
[class^="emblem"].emblem-round-none:after,
#jdoc-emblem-var[class^="emblem"].emblem-round-none:after {
  border-radius: 0px;
}
/*
  set default
*/
.emblem {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem:before,
.emblem:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.emblem:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem:after {
  transform: rotate(-30deg);
}
.emblem:before,
.emblem:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem:after {
  margin-top: -120px;
}
/*
  main mixin
*/
/*
  size mixin
*/
/*
  variations
*/
.margin,
#jdoc-margin.margin {
  margin: 20px;
}
.margin-xs,
#jdoc-margin.margin-xs {
  margin: 5px;
}
.margin-xs-vertical,
#jdoc-margin-size.margin-xs-vertical {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin-xs-horizontal,
#jdoc-margin-size.margin-xs-horizontal {
  margin-left: 5px;
  margin-right: 5px;
}
.margin-xs-top,
#jdoc-margin-size.margin-xs-top {
  margin-top: 3px;
}
.margin-xs-right,
#jdoc-margin-size.margin-xs-right {
  margin-right: 5px;
}
.margin-xs-bottom,
#jdoc-margin-size.margin-xs-bottom {
  margin-bottom: 3px;
}
.margin-xs-left,
#jdoc-margin-size.margin-xs-left {
  margin-left: 5px;
}
.margin-sm,
#jdoc-margin.margin-sm {
  margin: 10px;
}
.margin-sm-vertical,
#jdoc-margin-size.margin-sm-vertical {
  margin-top: 8px;
  margin-bottom: 8px;
}
.margin-sm-horizontal,
#jdoc-margin-size.margin-sm-horizontal {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-sm-top,
#jdoc-margin-size.margin-sm-top {
  margin-top: 8px;
}
.margin-sm-right,
#jdoc-margin-size.margin-sm-right {
  margin-right: 10px;
}
.margin-sm-bottom,
#jdoc-margin-size.margin-sm-bottom {
  margin-bottom: 8px;
}
.margin-sm-left,
#jdoc-margin-size.margin-sm-left {
  margin-left: 10px;
}
.margin-rg,
#jdoc-margin.margin-rg {
  margin: 20px;
}
.margin-rg-vertical,
#jdoc-margin-size.margin-rg-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.margin-rg-horizontal,
#jdoc-margin-size.margin-rg-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-rg-top,
#jdoc-margin-size.margin-rg-top {
  margin-top: 18px;
}
.margin-rg-right,
#jdoc-margin-size.margin-rg-right {
  margin-right: 20px;
}
.margin-rg-bottom,
#jdoc-margin-size.margin-rg-bottom {
  margin-bottom: 18px;
}
.margin-rg-left,
#jdoc-margin-size.margin-rg-left {
  margin-left: 20px;
}
.margin-lg,
#jdoc-margin.margin-lg {
  margin: 30px;
}
.margin-lg-vertical,
#jdoc-margin-size.margin-lg-vertical {
  margin-top: 28px;
  margin-bottom: 28px;
}
.margin-lg-horizontal,
#jdoc-margin-size.margin-lg-horizontal {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-lg-top,
#jdoc-margin-size.margin-lg-top {
  margin-top: 28px;
}
.margin-lg-right,
#jdoc-margin-size.margin-lg-right {
  margin-right: 30px;
}
.margin-lg-bottom,
#jdoc-margin-size.margin-lg-bottom {
  margin-bottom: 28px;
}
.margin-lg-left,
#jdoc-margin-size.margin-lg-left {
  margin-left: 30px;
}
.margin-xl,
#jdoc-margin.margin-xl {
  margin: 40px;
}
.margin-xl-vertical,
#jdoc-margin-size.margin-xl-vertical {
  margin-top: 38px;
  margin-bottom: 38px;
}
.margin-xl-horizontal,
#jdoc-margin-size.margin-xl-horizontal {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-xl-top,
#jdoc-margin-size.margin-xl-top {
  margin-top: 38px;
}
.margin-xl-right,
#jdoc-margin-size.margin-xl-right {
  margin-right: 40px;
}
.margin-xl-bottom,
#jdoc-margin-size.margin-xl-bottom {
  margin-bottom: 38px;
}
.margin-xl-left,
#jdoc-margin-size.margin-xl-left {
  margin-left: 40px;
}
.margin-none,
#jdoc-margin.margin-none {
  margin: 0px;
}
.margin-none-vertical,
#jdoc-margin-size.margin-none-vertical {
  margin-top: -2px;
  margin-bottom: -2px;
}
.margin-none-horizontal,
#jdoc-margin-size.margin-none-horizontal {
  margin-left: 0px;
  margin-right: 0px;
}
.margin-none-top,
#jdoc-margin-size.margin-none-top {
  margin-top: -2px;
}
.margin-none-right,
#jdoc-margin-size.margin-none-right {
  margin-right: 0px;
}
.margin-none-bottom,
#jdoc-margin-size.margin-none-bottom {
  margin-bottom: -2px;
}
.margin-none-left,
#jdoc-margin-size.margin-none-left {
  margin-left: 0px;
}
.margin {
  margin: 20px;
}
.margin-vertical,
#jdoc-margin-orientation.margin-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.margin-horizontal,
#jdoc-margin-orientation.margin-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-top,
#jdoc-margin-orientation.margin-top {
  margin-top: 18px;
}
.margin-right,
#jdoc-margin-orientation.margin-right {
  margin-right: 20px;
}
.margin-bottom,
#jdoc-margin-orientation.margin-bottom {
  margin-bottom: 18px;
}
.margin-left,
#jdoc-margin-orientation.margin-left {
  margin-left: 20px;
}
.padding,
#jdoc-padding.padding {
  padding: 20px;
}
.padding-xs,
#jdoc-padding.padding-xs {
  padding: 5px;
}
.padding-xs-vertical,
#jdoc-padding-size.padding-xs-vertical {
  padding-top: 3px;
  padding-bottom: 3px;
}
.padding-xs-horizontal,
#jdoc-padding-size.padding-xs-horizontal {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-xs-top,
#jdoc-padding-size.padding-xs-top {
  padding-top: 3px;
}
.padding-xs-right,
#jdoc-padding-size.padding-xs-right {
  padding-right: 5px;
}
.padding-xs-bottom,
#jdoc-padding-size.padding-xs-bottom {
  padding-bottom: 3px;
}
.padding-xs-left,
#jdoc-padding-size.padding-xs-left {
  padding-left: 5px;
}
.padding-sm,
#jdoc-padding.padding-sm {
  padding: 10px;
}
.padding-sm-vertical,
#jdoc-padding-size.padding-sm-vertical {
  padding-top: 8px;
  padding-bottom: 8px;
}
.padding-sm-horizontal,
#jdoc-padding-size.padding-sm-horizontal {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-sm-top,
#jdoc-padding-size.padding-sm-top {
  padding-top: 8px;
}
.padding-sm-right,
#jdoc-padding-size.padding-sm-right {
  padding-right: 10px;
}
.padding-sm-bottom,
#jdoc-padding-size.padding-sm-bottom {
  padding-bottom: 8px;
}
.padding-sm-left,
#jdoc-padding-size.padding-sm-left {
  padding-left: 10px;
}
.padding-rg,
#jdoc-padding.padding-rg {
  padding: 20px;
}
.padding-rg-vertical,
#jdoc-padding-size.padding-rg-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.padding-rg-horizontal,
#jdoc-padding-size.padding-rg-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-rg-top,
#jdoc-padding-size.padding-rg-top {
  padding-top: 18px;
}
.padding-rg-right,
#jdoc-padding-size.padding-rg-right {
  padding-right: 20px;
}
.padding-rg-bottom,
#jdoc-padding-size.padding-rg-bottom {
  padding-bottom: 18px;
}
.padding-rg-left,
#jdoc-padding-size.padding-rg-left {
  padding-left: 20px;
}
.padding-lg,
#jdoc-padding.padding-lg {
  padding: 30px;
}
.padding-lg-vertical,
#jdoc-padding-size.padding-lg-vertical {
  padding-top: 28px;
  padding-bottom: 28px;
}
.padding-lg-horizontal,
#jdoc-padding-size.padding-lg-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-lg-top,
#jdoc-padding-size.padding-lg-top {
  padding-top: 28px;
}
.padding-lg-right,
#jdoc-padding-size.padding-lg-right {
  padding-right: 30px;
}
.padding-lg-bottom,
#jdoc-padding-size.padding-lg-bottom {
  padding-bottom: 28px;
}
.padding-lg-left,
#jdoc-padding-size.padding-lg-left {
  padding-left: 30px;
}
.padding-xl,
#jdoc-padding.padding-xl {
  padding: 40px;
}
.padding-xl-vertical,
#jdoc-padding-size.padding-xl-vertical {
  padding-top: 38px;
  padding-bottom: 38px;
}
.padding-xl-horizontal,
#jdoc-padding-size.padding-xl-horizontal {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-xl-top,
#jdoc-padding-size.padding-xl-top {
  padding-top: 38px;
}
.padding-xl-right,
#jdoc-padding-size.padding-xl-right {
  padding-right: 40px;
}
.padding-xl-bottom,
#jdoc-padding-size.padding-xl-bottom {
  padding-bottom: 38px;
}
.padding-xl-left,
#jdoc-padding-size.padding-xl-left {
  padding-left: 40px;
}
.padding-none,
#jdoc-padding.padding-none {
  padding: 0px;
}
.padding-none-vertical,
#jdoc-padding-size.padding-none-vertical {
  padding-top: -2px;
  padding-bottom: -2px;
}
.padding-none-horizontal,
#jdoc-padding-size.padding-none-horizontal {
  padding-left: 0px;
  padding-right: 0px;
}
.padding-none-top,
#jdoc-padding-size.padding-none-top {
  padding-top: -2px;
}
.padding-none-right,
#jdoc-padding-size.padding-none-right {
  padding-right: 0px;
}
.padding-none-bottom,
#jdoc-padding-size.padding-none-bottom {
  padding-bottom: -2px;
}
.padding-none-left,
#jdoc-padding-size.padding-none-left {
  padding-left: 0px;
}
.padding {
  padding: 20px;
}
.padding-vertical,
#jdoc-padding-orientation.padding-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.padding-horizontal,
#jdoc-padding-orientation.padding-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-top,
#jdoc-padding-orientation.padding-top {
  padding-top: 18px;
}
.padding-right,
#jdoc-padding-orientation.padding-right {
  padding-right: 20px;
}
.padding-bottom,
#jdoc-padding-orientation.padding-bottom {
  padding-bottom: 18px;
}
.padding-left,
#jdoc-padding-orientation.padding-left {
  padding-left: 20px;
}
.position-relative {
  position: relative !important;
}
.position-fixed {
  position: fixed !important;
}
.position-absolute {
  position: absolute !important;
}
.shadow {
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.shadow-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg {
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset {
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-lg {
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-horizontal {
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-lg-horizontal {
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-lg-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-lg-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.shadow-down {
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-up {
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-down {
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-up {
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-none {
  box-shadow: none;
}
.text-default {
  text-align: left;
  vertical-align: bottom;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center,
.text-centered {
  text-align: center !important;
}
.text-top {
  vertical-align: top !important;
}
.text-middle {
  vertical-align: middle !important;
}
.text-bottom {
  vertical-align: bottom !important;
}
.text-capitalize,
.text-capitalized {
  text-transform: capitalize !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-shadow-dark {
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
}
.text-shadow-light {
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
}
.jelli-edit-button {
  cursor: pointer;
  margin-left: 20px;
}
.jelli-edit-button .jelli-edit-button-icon {
  padding-left: 7px;
  color: hsl(86, 99%, 34%);
  cursor: pointer;
}
.jelli-edit-button:hover .jelli-edit-button-label {
  text-decoration: underline;
}
.jelli-edit-button.disabled .jelli-edit-button-label,
.jelli-edit-button.disabled .jelli-edit-button-icon {
  color: hsl(0, 0%, 54%);
}
.editing-disabled {
  background-color: hsl(0, 0%, 95%);
  line-height: 20px;
  padding: 7px;
  border-radius: 4px;
  margin-left: 10px;
  color: hsl(0, 0%, 54%);
}
.editing-disabled .editing-disabled-icon {
  padding-left: 10px;
  padding-top: 3px;
}
.demographic-breakdown .highcharts-point.highcharts-color-1 {
  fill: #EE858B;
}
.demographic-breakdown .highcharts-negative.highcharts-color-0 {
  fill: #59A6BF;
}
.plan-age-range-picker .ember-power-select-trigger {
  min-width: 75px;
  border-right-width: 1px !important;
}
.plan-age-range-picker .plan-age-range-max-age .ember-power-select-trigger {
  border-radius: 0 4px 4px 0 !important;
}
.plan-age-range-picker .j-input-is-read-only {
  line-height: 35px;
}
.plan-age-range-picker .j-input-is-read-only.plan-age-range-min-age {
  margin-right: 5px;
  flex: 0 !important;
}
.plan-age-range-picker .j-input-is-read-only.age-range-picker-separator {
  line-height: 35px;
  flex: 0 !important;
}
.plan-age-range-picker .j-input-is-read-only.plan-age-range-max-age {
  margin-left: 5px;
}
.plan-goal-input .ember-power-select-trigger {
  min-width: 190px;
}
.plan-goal-input .j-input-is-read-only {
  padding: 0px !important;
}
.plan-goal-input .j-input-is-read-only .j-input-read-only {
  margin-right: 5px;
}
.plan-frequency-input {
  display: flex;
}
.plan-frequency-input .j-input-wrapper {
  flex: 1 1 auto;
}
.plan-frequency-input .ember-power-select-trigger {
  min-width: 130px;
}
.plan-frequency-input .j-input-is-read-only {
  padding: 0px !important;
}
.plan-frequency-input .j-input-is-read-only .j-input-read-only {
  margin-right: 5px;
}
.plan-frequency-input .frequency-info-popover {
  margin-top: 28px;
  margin-left: 10px;
}
.plan-frequency-input .frequency-info-popover .popover-content {
  width: 300px;
  line-height: 22px;
}
.plan-details-wormhole-body .plan-frequency-input .frequency-info-popover {
  margin-top: 5px;
}
@keyframes circle-active {
  0% {
    transform: scale(0);
  }
  33% {
    transform: scale(1.1);
  }
  67% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes circle-inactive {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.1);
  }
  67% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes circle-outer-active {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.1);
  }
  67% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.navigation-dots svg .nav-action {
  cursor: pointer;
}
.navigation-dots svg .nav-action.nav-item-disabled {
  cursor: not-allowed;
}
.navigation-dots svg .nav-bg {
  fill: hsl(86, 99%, 34%);
  stroke: hsl(86, 99%, 34%);
  stroke-width: 10px;
}
.navigation-dots svg .nav-bg .nav-circle:not(.item-0) {
  transition: transform 300ms ease-in-out;
}
.navigation-dots svg .nav-bg.visited.nav-circle:not(.item-0) {
  animation: circle-outer-active 300ms forwards ease-in-out 120ms;
  transform: scale(1);
}
.navigation-dots svg .nav-bg .item-0 {
  transform: scale(1);
}
.navigation-dots svg .nav-fg {
  fill: hsl(80, 65%, 74%);
}
.navigation-dots svg .nav-fg .nav-circle {
  transform: scale(0);
}
.navigation-dots svg .nav-fg .nav-circle circle {
  fill: hsl(80, 65%, 74%);
}
.navigation-dots svg .nav-fg .nav-circle.item-0 {
  transform: scale(1);
  fill: hsl(80, 65%, 74%);
}
.navigation-dots svg .nav-fg .nav-line {
  transition: transform 200ms ease-out 180ms;
  transform: scaleX(0);
}
.navigation-dots svg .nav-fg.visited .nav-circle:not(.item-0) {
  animation: circle-active 300ms forwards ease-in-out 120ms;
}
.navigation-dots svg .nav-fg.visited .nav-line {
  transition: transform 200ms ease-out;
  transform: scaleX(1);
}
.navigation-dots svg .nav-fg.not-visited .nav-circle:not(.item-0) {
  animation: circle-inactive 300ms forwards ease-in-out;
}
.navigation-dots svg .status-icon {
  stroke-width: 4;
  fill: hsla(0, 0%, 0%, 0);
  stroke: hsla(0, 0%, 0%, 0);
  transition: all 300ms linear;
}
.navigation-dots svg .status-icon.active-state {
  transition: all 300ms linear;
}
.navigation-dots svg .status-icon.active-state.icon-valid {
  fill: hsl(80, 65%, 74%);
}
.navigation-dots svg .status-icon.active-state.icon-invalid {
  fill: hsl(0, 62%, 42%);
  stroke: hsl(80, 65%, 74%);
}
.navigation-dots svg .visited .status-icon.active-state.icon-valid {
  fill: hsl(86, 99%, 34%);
}
.navigation-dots svg .visited .status-icon.active-state.icon-invalid {
  fill: hsl(0, 62%, 42%);
  stroke: hsla(0, 0%, 0%, 0);
}
.navigation-dots .nav-labels {
  display: flex;
}
.navigation-dots .nav-labels .nav-label {
  flex-direction: column;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.navigation-dots .nav-labels .nav-label.active {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.navigation-dots .nav-labels .nav-label:first-of-type {
  align-items: flex-start;
}
.navigation-dots .nav-labels .nav-label:last-of-type {
  align-items: flex-end;
}
.navigation-dots .nav-labels .nav-label.nav-item-disabled {
  cursor: not-allowed;
}
.audience-gauge {
  width: 355px;
  height: 95.85px;
  overflow: hidden;
  padding: 0px !important;
}
.audience-gauge .labels {
  display: flex;
  font-size: 12px;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.audience-gauge .labels .labels-right {
  flex: 1 1 auto;
  text-align: right;
}
.audience-gauge .chart-container {
  overflow: hidden;
  width: 47.925px;
  height: 355px;
  transform: translate(355px, 0%) rotate(90deg);
  transform-origin: 0 0;
}
.audience-gauge .chart-container .highcharts-background {
  fill: transparent;
}
.audience-gauge .chart-container .highcharts-point.highcharts-color-0,
.audience-gauge .chart-container .highcharts-point.highcharts-color-2 {
  fill: hsl(86, 99%, 34%);
}
.audience-gauge .chart-container .highcharts-point.highcharts-color-1 {
  fill: hsl(0, 0%, 20%);
}
.schedule-editor-modal .schedule-editor-modal-body {
  display: flex;
  margin-bottom: 18px;
}
.schedule-editor-modal .schedule-editor-modal-body .schedule-editor-header-wrapper {
  display: flex;
  flex-direction: row;
  height: 40px;
}
.schedule-editor-modal .schedule-editor-modal-body .schedule-editor-header-wrapper b {
  margin-right: 20px;
}
.schedule-editor-modal .schedule-editor-modal-body .summary-section {
  padding-left: 20px;
  border-left: 1px solid hsl(0, 0%, 87%);
}
.schedule-editor-modal .schedule-editor-modal-body .drag-select-daypart .drag-select-grid {
  margin-left: 20px;
}
.schedule-editor-modal .schedule-editor-modal-body .schedule-editor-instructions {
  padding: 2px 15px 0px 15px;
  margin: 15px 0px 10px 0px;
  background-color: hsl(50, 81%, 94%);
  border: 1px solid hsl(46, 97%, 59%);
}
.modal .modal-footer {
  display: flex;
  justify-content: flex-end;
}
.modal .modal-footer .modal-footer-instructions {
  color: hsl(0, 0%, 54%);
  flex: 1 1 auto;
  text-align: left;
  line-height: 40px;
  padding-right: 10px;
}
.modal .modal-footer .modal-footer-instructions .error-message {
  width: 100%;
  border-radius: 4px;
  background-color: hsl(0, 43%, 91%);
  border: 1px solid hsl(0, 62%, 42%);
  color: hsl(0, 62%, 42%);
  padding-left: 10px;
}
.modal .modal-footer .jelli-input-button {
  margin-top: 5px;
  margin-left: 10px;
}
.ranged-gauge {
  margin: 20px 10px 10px 10px;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: opacity 100ms ease-out 0s;
  -moz-transition: opacity 100ms ease-out 0s;
  -webkit-transition: opacity 100ms ease-out 0s;
  transition: opacity 100ms ease-out 0s;
  opacity: 1;
}
.ranged-gauge .ranged-chart-title {
  color: hsl(0, 0%, 20%);
  font-size: 16px;
}
.ranged-gauge .container-wrapper {
  /*   border: 1px solid aqua; */
  overflow: hidden;
  height: 143px;
  margin-top: -29.441126px;
}
.ranged-gauge .container-wrapper .chart-container {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: opacity 1000ms ease-in 0s;
  -moz-transition: opacity 1000ms ease-in 0s;
  -webkit-transition: opacity 1000ms ease-in 0s;
  transition: opacity 1000ms ease-in 0s;
  opacity: 1;
  /*   border: 1px solid red; */
  width: 275px;
  height: 275px;
  margin: 0 auto;
}
.ranged-gauge .container-wrapper .chart-container .highcharts-background {
  fill: transparent;
}
.ranged-gauge .container-wrapper .chart-container g.highcharts-series.highcharts-series-0.highcharts-gauge-series.highcharts-tracker path {
  fill: hsla(0, 0%, 20%, 0.75);
}
.ranged-gauge .container-wrapper .chart-container g.highcharts-series.highcharts-series-1.highcharts-gauge-series.highcharts-tracker path {
  fill: hsla(0, 0%, 20%, 0.25);
}
.ranged-gauge .container-wrapper .no-data {
  opacity: 0.25;
}
.ranged-gauge .chart-labels {
  font-size: 14px;
  margin-top: -5px;
}
.ranged-gauge .chart-labels .chart-label-broad {
  padding-left: 38px;
  padding-left: 51px;
}
.ranged-gauge .chart-labels .chart-label-narrow {
  padding-right: 40px;
  padding-right: 50px;
}
.ranged-gauge.is-updating-forecast {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: opacity 250ms ease-out 0s;
  -moz-transition: opacity 250ms ease-out 0s;
  -webkit-transition: opacity 250ms ease-out 0s;
  transition: opacity 250ms ease-out 0s;
  opacity: 0.3;
}
.ranged-gauge.ranged-gauge-sm .container-wrapper {
  margin-bottom: -23px;
  padding-left: 20px;
}
.ranged-gauge.ranged-gauge-sm .chart-labels {
  margin-top: 5px;
}
.ranged-gauge.ranged-gauge-sm .chart-labels .chart-label-broad {
  padding-left: 38px;
}
.ranged-gauge.ranged-gauge-sm .chart-labels .chart-label-narrow {
  padding-right: 40px;
}
.ranged-gauge.ranged-gauge-sm .highcharts-container svg {
  width: 230px;
  height: 230px;
  margin-top: 10px;
}
.metrics-widget {
  width: 100%;
  height: 100%;
  border: 3px solid hsl(0, 0%, 93%);
}
.metrics-widget .metrics-widget-title-bar {
  background-color: hsl(0, 0%, 93%);
  padding: 2px 5px;
}
.metrics-widget .metrics-widget-title-bar .metrics-widget-title {
  justify-content: flex-start;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.metrics-widget .metrics-widget-title-bar .metrics-widget-count {
  color: #aaa;
}
.metrics-widget .metrics-widget-table-wrapper {
  height: 120px;
}
.metrics-widget .metrics-widget-table-wrapper .metrics-widget-table {
  border: none;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid hsl(0, 0%, 93%);
}
.metrics-widget .metrics-widget-table-wrapper .metrics-widget-table td {
  border-color: hsl(0, 0%, 93%);
}
.metrics-widget .metrics-widget-table-wrapper .metrics-widget-table td > div {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metrics-widget .metrics-widget-table-wrapper .metrics-widget-table .metrics-widget-table-title {
  color: #aaa;
}
.metrics-widget .metrics-widget-footer-bar {
  padding: 2px 10px;
}
.metrics-widget .metrics-widget-footer-bar .metrics-widget-link {
  justify-content: flex-end;
}
.metrics-chart {
  width: 100%;
  height: 100%;
}
.metrics-chart .title-bar {
  margin-bottom: 8px;
}
.metrics-chart .title-bar .title-bar-title {
  justify-content: flex-start;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.metrics-chart .title-bar .title-bar-action {
  margin-left: 10px;
}
.metrics-chart .metrics-chart-no-data {
  color: hsl(0, 0%, 80%);
  width: 100%;
  text-align: center;
  line-height: 125px;
  font-size: 30px;
}
.metrics-chart .metric-selectors {
  display: flex;
  justify-content: center;
  padding-top: 5px;
  vertical-align: middle;
  border-top: 1px solid hsl(0, 0%, 95%);
  background-color: hsl(0, 0%, 98%);
}
.metrics-chart .metric-selectors .metric-selector {
  padding-right: 10px;
  color: hsl(0, 0%, 54%);
  font-size: 14px;
}
.metrics-chart .metric-selectors .metric-selector:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: hsl(0, 0%, 54%);
  margin: -1px 5px;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(1):before {
  background-color: #A1DB53;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(2):before {
  background-color: #FF9121;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(3):before {
  background-color: #227FC5;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(4):before {
  background-color: #9D438E;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(5):before {
  background-color: #FBCA14;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(6):before {
  background-color: #2CA294;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(7):before {
  background-color: #5DBB5B;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(8):before {
  background-color: #FC6B1B;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(9):before {
  background-color: #074095;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(10):before {
  background-color: #7B2F6C;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(11):before {
  background-color: #F4AC1B;
}
.metrics-chart .metric-selectors .metric-selector:nth-child(12):before {
  background-color: #1C837A;
}
.metrics-chart .metric-selectors .metric-selector.is-active {
  color: #000;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.metrics-chart .metric-selectors .metric-selector:not(.is-active) {
  cursor: pointer;
}
.metrics-chart .metric-selectors .title-bar-action {
  margin-right: 10px;
  line-height: 16px;
}
.metrics-chart .chart-scroll {
  overflow-y: auto;
  min-height: 110px;
  max-height: 322px;
}
.metrics-chart .chart-scroll .chart-container {
  width: calc(100% - 20px);
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-0 rect {
  fill: #A1DB53;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-1 rect {
  fill: #FF9121;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-2 rect {
  fill: #227FC5;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-3 rect {
  fill: #9D438E;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-4 rect {
  fill: #FBCA14;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-5 rect {
  fill: #2CA294;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-6 rect {
  fill: #5DBB5B;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-7 rect {
  fill: #FC6B1B;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-8 rect {
  fill: #074095;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-9 rect {
  fill: #7B2F6C;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-10 rect {
  fill: #F4AC1B;
}
.metrics-chart .chart-scroll .chart-container .highcharts-series-11 rect {
  fill: #1C837A;
}
.metrics-chart .toggle-more {
  line-height: 20px;
  margin-left: 10px;
}
.metrics-chart.metrics-widget-tall .chart-scroll {
  overflow-y: auto;
  min-height: 110px;
  min-height: 322px;
}
.metrics-chart.metrics-widget-tall .chart-scroll .chart-container {
  min-height: 322px;
}
.dual-list-summary {
  line-height: 35px;
}
.dual-list {
  margin-top: 8px;
  margin-bottom: 18px;
  width: 100%;
  min-width: 500px;
  max-width: 700px;
}
.dual-list .dual-list-select {
  margin-right: 20px;
}
.dual-list .dual-list-select .dual-list-filter-bar {
  display: flex;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 3px;
}
.dual-list .dual-list-select .dual-list-filter-bar .dual-list-move-button-group {
  flex-wrap: nowrap;
  flex: 0;
  margin-left: 10px;
}
.dual-list .dual-list-select select {
  width: 100%;
  height: 30vh;
  min-height: 150px;
  max-height: 300px;
  border-radius: 4px;
  border: 1px solid hsl(0, 0%, 80%);
}
.dual-list .dual-list-select select option:checked {
  background: linear-gradient(hsl(80, 65%, 74%), hsl(80, 65%, 74%));
  background-color: hsl(80, 65%, 74%) !important;
}
.dual-list .dual-list-select select option:hover,
.dual-list .dual-list-select select option:focus,
.dual-list .dual-list-select select option:active {
  background: linear-gradient(hsl(80, 65%, 74%), hsl(80, 65%, 74%));
  background-color: hsl(80, 65%, 74%) !important;
}
.dual-list .dual-list-select select:focus {
  outline-color: hsl(0, 0%, 80%) !important;
}
.dual-list .dual-list-select select:focus option:checked {
  background: linear-gradient(hsl(86, 99%, 34%), hsl(86, 99%, 34%));
  background-color: hsl(86, 99%, 34%) !important;
}
.daypart-presets {
  border: 1px solid hsl(0, 0%, 80%);
}
.daypart-presets .daypart-preset {
  cursor: pointer;
  padding: 2px 10px;
}
.daypart-presets .daypart-preset.is-selected {
  background-color: hsl(80, 65%, 74%);
}
.drag-select-grid-wrapper {
  display: flex;
  flex-direction: column;
}
.drag-select-grid-wrapper .drag-select-grid-header {
  display: flex;
  margin-bottom: 8px;
}
.drag-select-grid-wrapper .drag-select-grid-header .drag-select-grid-header-label {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-right: 10px;
  font-size: 18px;
}
.drag-select-grid-wrapper .drag-select-grid-header .drag-select-grid-header-date {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.drag-select-grid-wrapper .drag-select-grid-header .drag-select-grid-header-middle {
  flex: 1 1 auto;
  padding-left: 10px;
  padding-right: 10px;
}
.drag-select-grid-wrapper .drag-select-grid-header .drag-select-grid-next-button {
  margin-left: 10px;
}
.drag-select-grid-wrapper .drag-select-grid-yield {
  margin-bottom: 8px;
}
.drag-select-grid-wrapper .drag-select-grids {
  display: flex;
  flex-direction: row;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid {
  display: flex;
  flex-direction: column;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid.drag-select-section-2 {
  margin-left: 12.5px;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row {
  display: flex;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-first-col {
  border-left: 1px solid #ccc;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row.drag-select-first-row .drag-select-cell {
  border-top: 1px solid #ccc;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  width: 25px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.odd {
  background-color: #e5e5e5;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.is-pending {
  background-color: hsl(0, 0%, 95%);
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.is-selected {
  background-color: hsl(80, 65%, 74%);
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.is-selected.is-pending {
  background-color: hsl(80, 47%, 70%);
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.odd {
  color: #444;
  background-color: hsl(0, 0%, 92%);
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.odd.is-pending {
  background-color: hsl(0, 0%, 87%);
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.odd.is-selected {
  background-color: hsl(80, 65%, 67%);
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.odd.is-selected.is-pending {
  background-color: hsl(80, 47%, 68%);
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-selectable-row {
  margin-left: 14px;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-selectable-col {
  margin-top: 14px;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-label {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  border: none;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-label.drag-select-row-label {
  width: 50px;
  text-align: right;
  padding-right: 10px;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-label.drag-select-row-label.drag-select-spacer {
  width: 25px;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-label.drag-select-row-label.drag-select-label-right {
  text-align: left;
  padding-left: 10px;
  padding-right: 0px;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-label.drag-select-col-label {
  padding-bottom: 10px;
}
.drag-select-grid-wrapper .drag-select-grids .drag-select-grid .drag-select-row .drag-select-cell.drag-select-label.minor-tick {
  visibility: hidden;
}
.drag-select-grid-wrapper.drag-select-daypart .drag-select-grid .drag-select-row .drag-select-cell {
  height: 21px;
}
.deals-selector .deals-search-bar {
  margin-bottom: 8px;
}
.deals-selector .deals-search-bar .deals-search-input .j-input-wrapper-block {
  width: 100%;
}
.deals-selector .deals-search-bar .deals-search-input .j-input-wrapper-block input {
  flex: 1;
}
.deals-selector .deals-search-bar .deals-count {
  line-height: 35px;
  margin-left: 10px;
}
.deals-selector .deals-description {
  margin-bottom: 8px;
}
.deals-selector .jelli-toolbar {
  padding-left: 0px;
}
.deals-selector .deals-list-scroll {
  overflow: auto;
  border: 1px solid hsl(0, 0%, 80%);
}
.deals-selector .deals-list-scroll .deals-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
}
.deals-selector .deals-list-scroll .deals-list .show-more-deals {
  text-align: right;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary {
  width: 275px;
  height: 275px;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.25s ease-out 0s, padding 0.25s ease-out 0s;
  -moz-transition: border 0.25s ease-out 0s, padding 0.25s ease-out 0s;
  -webkit-transition: border 0.25s ease-out 0s, padding 0.25s ease-out 0s;
  transition: border 0.25s ease-out 0s, padding 0.25s ease-out 0s;
  border: 1px solid hsl(0, 0%, 80%);
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 15px;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary .market-badge {
  left: 145px;
  right: unset;
  top: -20px;
  margin-bottom: -120px;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary .deal-partner-logo-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  min-height: 30px;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary .deal-partner-logo-wrapper .deal-partner-logo {
  max-height: 30px;
  margin: 5px;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary .deal-title,
.deals-selector .deals-list-scroll .deals-list .deal-summary .deal-description,
.deals-selector .deals-list-scroll .deals-list .deal-summary .no-deals-message,
.deals-selector .deals-list-scroll .deals-list .deal-summary .jelli-icon-search {
  text-align: center;
  margin-bottom: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary .deal-title {
  height: 50px;
  justify-content: center;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary .deal-description {
  height: 65px;
  margin-bottom: 15px;
  line-height: 20px;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary.no-deals .jelli-icon-search {
  margin-top: 50px;
  font-size: 60px;
  line-height: 60px;
  height: 60px;
  color: hsl(0, 0%, 90%);
}
.deals-selector .deals-list-scroll .deals-list .deal-summary.no-deals .no-deals-message {
  font-size: 18px;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary .action {
  width: 100%;
  text-align: right;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary:not(.is-selected):not(.no-deals) {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary:not(.is-selected):not(.no-deals):hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.deals-selector .deals-list-scroll .deals-list .deal-summary:focus {
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  outline-color: hsl(0, 0%, 80%) !important;
}
.deals-selector .deals-list-scroll .deals-list .deal-summary.is-selected {
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s, padding 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s, padding 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s, padding 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s, padding 0.35s ease-out 0s;
  border: 6px solid hsl(86, 99%, 34%);
  padding: 10px;
}
.deals-selector .deal-title,
.deal-details-modal .deal-title {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}
.deals-selector,
.deal-details-modal,
.deals-selector .deal-label-wrapper,
.deal-details-modal .deal-label-wrapper {
  line-height: 25px;
}
.deals-selector .deal-label,
.deal-details-modal .deal-label,
.deals-selector .deal-label-wrapper .deal-label,
.deal-details-modal .deal-label-wrapper .deal-label {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.deals-selector .deal-narrowing-message,
.deal-details-modal .deal-narrowing-message,
.deals-selector .deal-label-wrapper .deal-narrowing-message,
.deal-details-modal .deal-label-wrapper .deal-narrowing-message {
  color: hsl(0, 0%, 54%);
  padding-right: 5px;
}
.deals-selector .deal-narrowing-icon,
.deal-details-modal .deal-narrowing-icon,
.deals-selector .deal-label-wrapper .deal-narrowing-icon,
.deal-details-modal .deal-label-wrapper .deal-narrowing-icon {
  color: hsl(0, 0%, 54%);
}
.deals-selector .deal-narrowing-icon:before,
.deal-details-modal .deal-narrowing-icon:before,
.deals-selector .deal-label-wrapper .deal-narrowing-icon:before,
.deal-details-modal .deal-label-wrapper .deal-narrowing-icon:before {
  vertical-align: bottom;
  line-height: 25px;
}
.deal-details-modal .deal-overview {
  margin-left: 15px;
  margin-bottom: 10px;
}
.deal-details-modal .deal-partner-logo-wrapper {
  width: fit-content;
  margin-left: 10px;
}
.deal-details-modal .deal-partner-logo-wrapper .deal-partner-logo {
  max-height: 50px;
  margin-bottom: 8px;
}
.deal-details-modal .deal-details {
  flex-direction: row;
  align-content: flex-start;
  overflow-y: auto;
}
.deal-details-modal .deal-details .deal-section {
  width: 100%;
  margin-bottom: 10px;
}
.deal-details-modal .demographic-breakdown {
  padding: 10px;
  margin: 5px;
  border: 1px solid hsl(0, 0%, 80%);
  height: fit-content;
}
.deals-selector .deals-list-scroll .deals-list {
  transform-origin: top left;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: transform 0.35s ease-out 0s;
  -moz-transition: transform 0.35s ease-out 0s;
  -webkit-transition: transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  max-height: 580px;
  transform: scale(1);
}
@media (max-height: 1000px) {
  .deals-selector .deals-list-scroll .deals-list {
    max-height: 522px;
    transform: scale(0.9);
  }
}
@media (max-height: 950px) {
  .deals-selector .deals-list-scroll .deals-list {
    max-height: 464px;
    transform: scale(0.8);
  }
}
.editable-form {
  display: flex;
  flex-direction: column;
}
.revision-manager {
  position: relative;
  width: 350px !important;
}
.revision-manager .revision-item-outer-wrapper {
  width: 100%;
  position: absolute;
  transition: top 750ms linear;
}
.revision-manager .revision-item-outer-wrapper.dropdown-is-open {
  z-index: 1;
}
.revision-manager .revision-item-outer-wrapper.dropdown-is-closed {
  z-index: 0;
}
.revision-manager .revision-item-outer-wrapper .liquid-container:not(.liquid-animating),
.revision-manager .revision-item-outer-wrapper .liquid-child:not(.liquid-animating) {
  overflow: visible;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper {
  background-color: white;
  border-left: 5px solid transparent;
  border-bottom: 1px solid #CCC;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 50px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper.current-revision {
  border-left: 5px solid hsl(86, 99%, 34%);
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper.active-revision {
  height: 70px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-status:hover,
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-info:hover {
  cursor: pointer;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-status {
  flex: none;
  width: 40px;
  margin: auto 10px;
  padding: 0px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-info {
  padding: 0px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-info div.active-indicator span {
  padding: 0 7px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-info .item-name {
  color: hsl(0, 0%, 20%);
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-info .other-info {
  color: hsl(0, 0%, 54%);
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-info .other-info > * {
  display: inline-block;
  vertical-align: middle;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-info .other-info .creator-name {
  padding-left: 10px;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action {
  flex-basis: 18%;
  margin: auto 10px;
  padding: 0px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action .j-input-dropdown .j-button {
  line-height: 28px;
  padding: 0 10px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action .j-input-dropdown .j-button .jelli-icon-dot-handle::before {
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  content: "\e234" !important;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action .j-input-dropdown .dropdown-menu {
  min-width: 62px;
  padding: 0;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action .j-input-dropdown .dropdown-menu li.dropdown-item-container {
  line-height: 35px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action .j-input-dropdown .dropdown-menu li.dropdown-item-container a {
  color: black;
  padding: 0 8px;
  line-height: 35px;
  cursor: pointer;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action .j-input-dropdown .dropdown-menu li.dropdown-item-container:first-child a:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.revision-manager .revision-item-outer-wrapper .revision-item-wrapper .revision-action .j-input-dropdown .dropdown-menu li.dropdown-item-container:last-child a:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.rocket-launch {
  opacity: 1;
  animation: fade-out ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-delay: 9s;
  display: flex;
  flex-direction: column;
  position: fixed;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsla(0, 0%, 100%, 0.9);
}
.rocket-launch .rocket-svg {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  min-width: 200px;
}
.rocket-launch .jelli-icon-x {
  position: absolute;
  display: block;
  top: 170px;
  right: 50px;
  font-size: 18px;
  color: hsl(0, 0%, 40%);
  cursor: pointer;
}
.rocket-launch .message-container {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
}
.rocket-launch .message-container .user-message {
  opacity: 0;
  animation: fade-in ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-delay: 0s;
  font-size: 40px;
  line-height: 1.2em;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.rocket-launch .message-container .quote {
  opacity: 0;
  animation: fade-in ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 2.5s;
  animation-delay: 2s;
  font-size: 30px;
  line-height: 1.2em;
}
.list-summary-popover-scroll {
  max-height: 200px;
  overflow-y: auto;
  line-height: 25px;
}
.plan-input-items {
  display: flex;
  width: 100% !important;
  flex-direction: row;
  line-height: 35px;
  flex: 1 !important;
}
.plan-input-items .plan-input-items-left,
.plan-input-items .plan-input-items-right {
  line-height: 35px;
}
.plan-input-items .plan-input-items-left {
  flex: 1;
}
.plan-input-items .plan-input-items-right {
  flex: 0;
}
.plan-input-items .summary-block,
.plan-input-items .list-summary {
  display: inline-block;
}
.input-status {
  flex-direction: row;
  flex-wrap: nowrap !important;
  line-height: 35px;
  padding-right: 5px;
}
.input-status > span {
  margin-right: 5px;
}
.input-status .input-status-has-change {
  color: hsl(0, 0%, 54%);
  font-size: 12px;
}
.input-status .input-status-error {
  line-height: 35px;
  color: hsl(0, 62%, 42%);
}
.schedule-simple-picker input.j-input-date-input.j-input-date-input-range.j-input-date-input-range-end {
  border-right-width: 1px !important;
  border-radius: 0 4px 4px 0 !important;
}
.jelli-label-wrapper {
  justify-content: flex-start !important;
}
.jelli-label-wrapper .jelli-input-label-spacer {
  flex: 0 !important;
}
.jelli-label-wrapper .jelli-input-required {
  margin-left: 5px;
  color: hsl(0, 62%, 42%);
}


/*
    NOTE: These should be kept in sync with 'common/constansts/screen-size.js'
*/
.shrinky-dink {
  transform-origin: top left;
  transition: transform 0.25s;
}
@media (max-width: 5760px) {
  .shrinky-dink {
    transform: scale(1);
  }
}
@media (max-width: 1280px) {
  .shrinky-dink {
    transform: scale(0.8);
  }
}
/*
    colors array
*/
.box-shadow-pop-out {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.box-shadow-pop-in {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.font-style-fix {
  font-weight: normal !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHRiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLijXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
.roboto-thin {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: normal;
}
.roboto-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.roboto-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.roboto-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.roboto-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.roboto-black {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 900;
  font-style: normal;
}
.roboto-thin-italic {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: italic;
}
/*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{alpha-font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
/*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
@font-face {
  font-family: 'jelli-alphabet';
  src: url(./fonts/jelli-alphabet.eot?xfcinv);
  src: url(./fonts/jelli-alphabet.eot?xfcinv#iefix) format('embedded-opentype'), url(./fonts/jelli-alphabet.ttf?xfcinv) format('truetype'), url(./fonts/jelli-alphabet.woff?xfcinv) format('woff'), url(./fonts/jelli-alphabet.svg?xfcinv#jelli-alphabet) format('svg');
  font-weight: normal;
  font-style: normal;
}
.jelli-font-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.jelli-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha.label-left {
  padding-left: 6px;
}
.jelli-alpha.label-right {
  padding-right: 6px;
}
.jelli-alpha[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-char-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.jelli-alpha-a,
#jdoc-alpha.alpha-docs-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-a.label-left,
#jdoc-alpha.alpha-docs-a.label-left {
  padding-left: 6px;
}
.jelli-alpha-a.label-right,
#jdoc-alpha.alpha-docs-a.label-right {
  padding-right: 6px;
}
.jelli-alpha-a[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-a[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-a[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-a[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-a:before,
#jdoc-alpha.alpha-docs-a:before {
  content: "\e900" !important;
}
.jelli-alpha-char-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.jelli-alpha-b,
#jdoc-alpha.alpha-docs-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-b.label-left,
#jdoc-alpha.alpha-docs-b.label-left {
  padding-left: 6px;
}
.jelli-alpha-b.label-right,
#jdoc-alpha.alpha-docs-b.label-right {
  padding-right: 6px;
}
.jelli-alpha-b[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-b[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-b[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-b[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-b:before,
#jdoc-alpha.alpha-docs-b:before {
  content: "\e901" !important;
}
.jelli-alpha-char-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.jelli-alpha-c,
#jdoc-alpha.alpha-docs-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-c.label-left,
#jdoc-alpha.alpha-docs-c.label-left {
  padding-left: 6px;
}
.jelli-alpha-c.label-right,
#jdoc-alpha.alpha-docs-c.label-right {
  padding-right: 6px;
}
.jelli-alpha-c[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-c[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-c[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-c[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-c:before,
#jdoc-alpha.alpha-docs-c:before {
  content: "\e902" !important;
}
.jelli-alpha-char-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.jelli-alpha-d,
#jdoc-alpha.alpha-docs-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-d.label-left,
#jdoc-alpha.alpha-docs-d.label-left {
  padding-left: 6px;
}
.jelli-alpha-d.label-right,
#jdoc-alpha.alpha-docs-d.label-right {
  padding-right: 6px;
}
.jelli-alpha-d[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-d[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-d[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-d[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-d:before,
#jdoc-alpha.alpha-docs-d:before {
  content: "\e903" !important;
}
.jelli-alpha-char-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.jelli-alpha-e,
#jdoc-alpha.alpha-docs-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-e.label-left,
#jdoc-alpha.alpha-docs-e.label-left {
  padding-left: 6px;
}
.jelli-alpha-e.label-right,
#jdoc-alpha.alpha-docs-e.label-right {
  padding-right: 6px;
}
.jelli-alpha-e[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-e[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-e[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-e[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-e:before,
#jdoc-alpha.alpha-docs-e:before {
  content: "\e904" !important;
}
.jelli-alpha-char-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.jelli-alpha-f,
#jdoc-alpha.alpha-docs-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-f.label-left,
#jdoc-alpha.alpha-docs-f.label-left {
  padding-left: 6px;
}
.jelli-alpha-f.label-right,
#jdoc-alpha.alpha-docs-f.label-right {
  padding-right: 6px;
}
.jelli-alpha-f[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-f[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-f[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-f[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-f:before,
#jdoc-alpha.alpha-docs-f:before {
  content: "\e905" !important;
}
.jelli-alpha-char-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.jelli-alpha-g,
#jdoc-alpha.alpha-docs-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-g.label-left,
#jdoc-alpha.alpha-docs-g.label-left {
  padding-left: 6px;
}
.jelli-alpha-g.label-right,
#jdoc-alpha.alpha-docs-g.label-right {
  padding-right: 6px;
}
.jelli-alpha-g[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-g[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-g[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-g[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-g:before,
#jdoc-alpha.alpha-docs-g:before {
  content: "\e906" !important;
}
.jelli-alpha-char-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.jelli-alpha-h,
#jdoc-alpha.alpha-docs-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-h.label-left,
#jdoc-alpha.alpha-docs-h.label-left {
  padding-left: 6px;
}
.jelli-alpha-h.label-right,
#jdoc-alpha.alpha-docs-h.label-right {
  padding-right: 6px;
}
.jelli-alpha-h[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-h[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-h[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-h[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-h:before,
#jdoc-alpha.alpha-docs-h:before {
  content: "\e907" !important;
}
.jelli-alpha-char-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.jelli-alpha-i,
#jdoc-alpha.alpha-docs-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-i.label-left,
#jdoc-alpha.alpha-docs-i.label-left {
  padding-left: 6px;
}
.jelli-alpha-i.label-right,
#jdoc-alpha.alpha-docs-i.label-right {
  padding-right: 6px;
}
.jelli-alpha-i[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-i[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-i[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-i[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-i:before,
#jdoc-alpha.alpha-docs-i:before {
  content: "\e908" !important;
}
.jelli-alpha-char-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.jelli-alpha-j,
#jdoc-alpha.alpha-docs-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-j.label-left,
#jdoc-alpha.alpha-docs-j.label-left {
  padding-left: 6px;
}
.jelli-alpha-j.label-right,
#jdoc-alpha.alpha-docs-j.label-right {
  padding-right: 6px;
}
.jelli-alpha-j[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-j[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-j[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-j[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-j:before,
#jdoc-alpha.alpha-docs-j:before {
  content: "\e909" !important;
}
.jelli-alpha-char-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90a" !important;
}
.jelli-alpha-k,
#jdoc-alpha.alpha-docs-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-k.label-left,
#jdoc-alpha.alpha-docs-k.label-left {
  padding-left: 6px;
}
.jelli-alpha-k.label-right,
#jdoc-alpha.alpha-docs-k.label-right {
  padding-right: 6px;
}
.jelli-alpha-k[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-k[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-k[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-k[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-k:before,
#jdoc-alpha.alpha-docs-k:before {
  content: "\e90a" !important;
}
.jelli-alpha-char-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90b" !important;
}
.jelli-alpha-l,
#jdoc-alpha.alpha-docs-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-l.label-left,
#jdoc-alpha.alpha-docs-l.label-left {
  padding-left: 6px;
}
.jelli-alpha-l.label-right,
#jdoc-alpha.alpha-docs-l.label-right {
  padding-right: 6px;
}
.jelli-alpha-l[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-l[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-l[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-l[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-l:before,
#jdoc-alpha.alpha-docs-l:before {
  content: "\e90b" !important;
}
.jelli-alpha-char-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90c" !important;
}
.jelli-alpha-m,
#jdoc-alpha.alpha-docs-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-m.label-left,
#jdoc-alpha.alpha-docs-m.label-left {
  padding-left: 6px;
}
.jelli-alpha-m.label-right,
#jdoc-alpha.alpha-docs-m.label-right {
  padding-right: 6px;
}
.jelli-alpha-m[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-m[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-m[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-m[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-m:before,
#jdoc-alpha.alpha-docs-m:before {
  content: "\e90c" !important;
}
.jelli-alpha-char-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90d" !important;
}
.jelli-alpha-n,
#jdoc-alpha.alpha-docs-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-n.label-left,
#jdoc-alpha.alpha-docs-n.label-left {
  padding-left: 6px;
}
.jelli-alpha-n.label-right,
#jdoc-alpha.alpha-docs-n.label-right {
  padding-right: 6px;
}
.jelli-alpha-n[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-n[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-n[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-n[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-n:before,
#jdoc-alpha.alpha-docs-n:before {
  content: "\e90d" !important;
}
.jelli-alpha-char-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90e" !important;
}
.jelli-alpha-o,
#jdoc-alpha.alpha-docs-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-o.label-left,
#jdoc-alpha.alpha-docs-o.label-left {
  padding-left: 6px;
}
.jelli-alpha-o.label-right,
#jdoc-alpha.alpha-docs-o.label-right {
  padding-right: 6px;
}
.jelli-alpha-o[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-o[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-o[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-o[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-o:before,
#jdoc-alpha.alpha-docs-o:before {
  content: "\e90e" !important;
}
.jelli-alpha-char-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.jelli-alpha-p,
#jdoc-alpha.alpha-docs-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-p.label-left,
#jdoc-alpha.alpha-docs-p.label-left {
  padding-left: 6px;
}
.jelli-alpha-p.label-right,
#jdoc-alpha.alpha-docs-p.label-right {
  padding-right: 6px;
}
.jelli-alpha-p[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-p[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-p[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-p[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-p:before,
#jdoc-alpha.alpha-docs-p:before {
  content: "\e90f" !important;
}
.jelli-alpha-char-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.jelli-alpha-q,
#jdoc-alpha.alpha-docs-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-q.label-left,
#jdoc-alpha.alpha-docs-q.label-left {
  padding-left: 6px;
}
.jelli-alpha-q.label-right,
#jdoc-alpha.alpha-docs-q.label-right {
  padding-right: 6px;
}
.jelli-alpha-q[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-q[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-q[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-q[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-q:before,
#jdoc-alpha.alpha-docs-q:before {
  content: "\e910" !important;
}
.jelli-alpha-char-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.jelli-alpha-r,
#jdoc-alpha.alpha-docs-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-r.label-left,
#jdoc-alpha.alpha-docs-r.label-left {
  padding-left: 6px;
}
.jelli-alpha-r.label-right,
#jdoc-alpha.alpha-docs-r.label-right {
  padding-right: 6px;
}
.jelli-alpha-r[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-r[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-r[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-r[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-r:before,
#jdoc-alpha.alpha-docs-r:before {
  content: "\e911" !important;
}
.jelli-alpha-char-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.jelli-alpha-s,
#jdoc-alpha.alpha-docs-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-s.label-left,
#jdoc-alpha.alpha-docs-s.label-left {
  padding-left: 6px;
}
.jelli-alpha-s.label-right,
#jdoc-alpha.alpha-docs-s.label-right {
  padding-right: 6px;
}
.jelli-alpha-s[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-s[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-s[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-s[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-s:before,
#jdoc-alpha.alpha-docs-s:before {
  content: "\e912" !important;
}
.jelli-alpha-char-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.jelli-alpha-t,
#jdoc-alpha.alpha-docs-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-t.label-left,
#jdoc-alpha.alpha-docs-t.label-left {
  padding-left: 6px;
}
.jelli-alpha-t.label-right,
#jdoc-alpha.alpha-docs-t.label-right {
  padding-right: 6px;
}
.jelli-alpha-t[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-t[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-t[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-t[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-t:before,
#jdoc-alpha.alpha-docs-t:before {
  content: "\e913" !important;
}
.jelli-alpha-char-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.jelli-alpha-u,
#jdoc-alpha.alpha-docs-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-u.label-left,
#jdoc-alpha.alpha-docs-u.label-left {
  padding-left: 6px;
}
.jelli-alpha-u.label-right,
#jdoc-alpha.alpha-docs-u.label-right {
  padding-right: 6px;
}
.jelli-alpha-u[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-u[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-u[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-u[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-u:before,
#jdoc-alpha.alpha-docs-u:before {
  content: "\e914" !important;
}
.jelli-alpha-char-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.jelli-alpha-v,
#jdoc-alpha.alpha-docs-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-v.label-left,
#jdoc-alpha.alpha-docs-v.label-left {
  padding-left: 6px;
}
.jelli-alpha-v.label-right,
#jdoc-alpha.alpha-docs-v.label-right {
  padding-right: 6px;
}
.jelli-alpha-v[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-v[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-v[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-v[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-v:before,
#jdoc-alpha.alpha-docs-v:before {
  content: "\e915" !important;
}
.jelli-alpha-char-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.jelli-alpha-w,
#jdoc-alpha.alpha-docs-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-w.label-left,
#jdoc-alpha.alpha-docs-w.label-left {
  padding-left: 6px;
}
.jelli-alpha-w.label-right,
#jdoc-alpha.alpha-docs-w.label-right {
  padding-right: 6px;
}
.jelli-alpha-w[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-w[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-w[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-w[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-w:before,
#jdoc-alpha.alpha-docs-w:before {
  content: "\e916" !important;
}
.jelli-alpha-char-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.jelli-alpha-x,
#jdoc-alpha.alpha-docs-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-x.label-left,
#jdoc-alpha.alpha-docs-x.label-left {
  padding-left: 6px;
}
.jelli-alpha-x.label-right,
#jdoc-alpha.alpha-docs-x.label-right {
  padding-right: 6px;
}
.jelli-alpha-x[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-x[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-x[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-x[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-x:before,
#jdoc-alpha.alpha-docs-x:before {
  content: "\e917" !important;
}
.jelli-alpha-char-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e918" !important;
}
.jelli-alpha-y,
#jdoc-alpha.alpha-docs-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-y.label-left,
#jdoc-alpha.alpha-docs-y.label-left {
  padding-left: 6px;
}
.jelli-alpha-y.label-right,
#jdoc-alpha.alpha-docs-y.label-right {
  padding-right: 6px;
}
.jelli-alpha-y[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-y[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-y[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-y[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-y:before,
#jdoc-alpha.alpha-docs-y:before {
  content: "\e918" !important;
}
.jelli-alpha-char-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e919" !important;
}
.jelli-alpha-z,
#jdoc-alpha.alpha-docs-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-z.label-left,
#jdoc-alpha.alpha-docs-z.label-left {
  padding-left: 6px;
}
.jelli-alpha-z.label-right,
#jdoc-alpha.alpha-docs-z.label-right {
  padding-right: 6px;
}
.jelli-alpha-z[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-z[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-z[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-z[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-z:before,
#jdoc-alpha.alpha-docs-z:before {
  content: "\e919" !important;
}
.jelli-alpha-char-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91a" !important;
}
.jelli-alpha-0,
#jdoc-alpha.alpha-docs-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-0.label-left,
#jdoc-alpha.alpha-docs-0.label-left {
  padding-left: 6px;
}
.jelli-alpha-0.label-right,
#jdoc-alpha.alpha-docs-0.label-right {
  padding-right: 6px;
}
.jelli-alpha-0[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-0[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-0[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-0[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-0:before,
#jdoc-alpha.alpha-docs-0:before {
  content: "\e91a" !important;
}
.jelli-alpha-char-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91b" !important;
}
.jelli-alpha-1,
#jdoc-alpha.alpha-docs-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-1.label-left,
#jdoc-alpha.alpha-docs-1.label-left {
  padding-left: 6px;
}
.jelli-alpha-1.label-right,
#jdoc-alpha.alpha-docs-1.label-right {
  padding-right: 6px;
}
.jelli-alpha-1[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-1[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-1[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-1[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-1:before,
#jdoc-alpha.alpha-docs-1:before {
  content: "\e91b" !important;
}
.jelli-alpha-char-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91c" !important;
}
.jelli-alpha-2,
#jdoc-alpha.alpha-docs-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-2.label-left,
#jdoc-alpha.alpha-docs-2.label-left {
  padding-left: 6px;
}
.jelli-alpha-2.label-right,
#jdoc-alpha.alpha-docs-2.label-right {
  padding-right: 6px;
}
.jelli-alpha-2[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-2[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-2[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-2[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-2:before,
#jdoc-alpha.alpha-docs-2:before {
  content: "\e91c" !important;
}
.jelli-alpha-char-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91d" !important;
}
.jelli-alpha-3,
#jdoc-alpha.alpha-docs-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-3.label-left,
#jdoc-alpha.alpha-docs-3.label-left {
  padding-left: 6px;
}
.jelli-alpha-3.label-right,
#jdoc-alpha.alpha-docs-3.label-right {
  padding-right: 6px;
}
.jelli-alpha-3[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-3[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-3[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-3[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-3:before,
#jdoc-alpha.alpha-docs-3:before {
  content: "\e91d" !important;
}
.jelli-alpha-char-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91e" !important;
}
.jelli-alpha-4,
#jdoc-alpha.alpha-docs-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-4.label-left,
#jdoc-alpha.alpha-docs-4.label-left {
  padding-left: 6px;
}
.jelli-alpha-4.label-right,
#jdoc-alpha.alpha-docs-4.label-right {
  padding-right: 6px;
}
.jelli-alpha-4[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-4[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-4[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-4[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-4:before,
#jdoc-alpha.alpha-docs-4:before {
  content: "\e91e" !important;
}
.jelli-alpha-char-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.jelli-alpha-5,
#jdoc-alpha.alpha-docs-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-5.label-left,
#jdoc-alpha.alpha-docs-5.label-left {
  padding-left: 6px;
}
.jelli-alpha-5.label-right,
#jdoc-alpha.alpha-docs-5.label-right {
  padding-right: 6px;
}
.jelli-alpha-5[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-5[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-5[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-5[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-5:before,
#jdoc-alpha.alpha-docs-5:before {
  content: "\e91f" !important;
}
.jelli-alpha-char-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e920" !important;
}
.jelli-alpha-6,
#jdoc-alpha.alpha-docs-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-6.label-left,
#jdoc-alpha.alpha-docs-6.label-left {
  padding-left: 6px;
}
.jelli-alpha-6.label-right,
#jdoc-alpha.alpha-docs-6.label-right {
  padding-right: 6px;
}
.jelli-alpha-6[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-6[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-6[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-6[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-6:before,
#jdoc-alpha.alpha-docs-6:before {
  content: "\e920" !important;
}
.jelli-alpha-char-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e921" !important;
}
.jelli-alpha-7,
#jdoc-alpha.alpha-docs-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-7.label-left,
#jdoc-alpha.alpha-docs-7.label-left {
  padding-left: 6px;
}
.jelli-alpha-7.label-right,
#jdoc-alpha.alpha-docs-7.label-right {
  padding-right: 6px;
}
.jelli-alpha-7[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-7[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-7[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-7[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-7:before,
#jdoc-alpha.alpha-docs-7:before {
  content: "\e921" !important;
}
.jelli-alpha-char-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e922" !important;
}
.jelli-alpha-8,
#jdoc-alpha.alpha-docs-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-8.label-left,
#jdoc-alpha.alpha-docs-8.label-left {
  padding-left: 6px;
}
.jelli-alpha-8.label-right,
#jdoc-alpha.alpha-docs-8.label-right {
  padding-right: 6px;
}
.jelli-alpha-8[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-8[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-8[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-8[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-8:before,
#jdoc-alpha.alpha-docs-8:before {
  content: "\e922" !important;
}
.jelli-alpha-char-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e923" !important;
}
.jelli-alpha-9,
#jdoc-alpha.alpha-docs-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-9.label-left,
#jdoc-alpha.alpha-docs-9.label-left {
  padding-left: 6px;
}
.jelli-alpha-9.label-right,
#jdoc-alpha.alpha-docs-9.label-right {
  padding-right: 6px;
}
.jelli-alpha-9[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-9[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-9[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-9[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-9:before,
#jdoc-alpha.alpha-docs-9:before {
  content: "\e923" !important;
}
.jelli-alpha-char-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e924" !important;
}
.jelli-alpha-exclamation,
#jdoc-alpha.alpha-docs-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-exclamation.label-left,
#jdoc-alpha.alpha-docs-exclamation.label-left {
  padding-left: 6px;
}
.jelli-alpha-exclamation.label-right,
#jdoc-alpha.alpha-docs-exclamation.label-right {
  padding-right: 6px;
}
.jelli-alpha-exclamation[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-exclamation[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-exclamation[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-exclamation[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-exclamation:before,
#jdoc-alpha.alpha-docs-exclamation:before {
  content: "\e924" !important;
}
.jelli-alpha-char-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e925" !important;
}
.jelli-alpha-question,
#jdoc-alpha.alpha-docs-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-question.label-left,
#jdoc-alpha.alpha-docs-question.label-left {
  padding-left: 6px;
}
.jelli-alpha-question.label-right,
#jdoc-alpha.alpha-docs-question.label-right {
  padding-right: 6px;
}
.jelli-alpha-question[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-question[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-question[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-question[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-question:before,
#jdoc-alpha.alpha-docs-question:before {
  content: "\e925" !important;
}
/*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
/*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
@font-face {
  font-family: 'jelli-icons';
  src: url(./fonts/jelli-icons.ttf?soz59a) format('truetype'), url(./fonts/jelli-icons.woff?soz59a) format('woff'), url(./fonts/jelli-icons.svg?soz59a#jelli-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
.jelli-font-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.jelli-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon.label-left {
  padding-left: 6px;
}
.jelli-icon.label-right {
  padding-right: 6px;
}
.jelli-icon[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-char-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.jelli-icon-upload,
#jdoc-icon.icon-docs-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-upload.label-left,
#jdoc-icon.icon-docs-upload.label-left {
  padding-left: 6px;
}
.jelli-icon-upload.label-right,
#jdoc-icon.icon-docs-upload.label-right {
  padding-right: 6px;
}
.jelli-icon-upload[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-upload[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-upload[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-upload[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-upload:before,
#jdoc-icon.icon-docs-upload:before {
  content: "\e900" !important;
}
.jelli-icon-char-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e600" !important;
}
.jelli-icon-x,
#jdoc-icon.icon-docs-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-x.label-left,
#jdoc-icon.icon-docs-x.label-left {
  padding-left: 6px;
}
.jelli-icon-x.label-right,
#jdoc-icon.icon-docs-x.label-right {
  padding-right: 6px;
}
.jelli-icon-x[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-x[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-x[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-x[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-x:before,
#jdoc-icon.icon-docs-x:before {
  content: "\e600" !important;
}
.jelli-icon-char-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e601" !important;
}
.jelli-icon-undo,
#jdoc-icon.icon-docs-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-undo.label-left,
#jdoc-icon.icon-docs-undo.label-left {
  padding-left: 6px;
}
.jelli-icon-undo.label-right,
#jdoc-icon.icon-docs-undo.label-right {
  padding-right: 6px;
}
.jelli-icon-undo[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-undo[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-undo[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-undo[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-undo:before,
#jdoc-icon.icon-docs-undo:before {
  content: "\e601" !important;
}
.jelli-icon-char-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e602" !important;
}
.jelli-icon-triangle-up,
#jdoc-icon.icon-docs-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-up.label-left,
#jdoc-icon.icon-docs-triangle-up.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-up.label-right,
#jdoc-icon.icon-docs-triangle-up.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-up:before,
#jdoc-icon.icon-docs-triangle-up:before {
  content: "\e602" !important;
}
.jelli-icon-char-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e603" !important;
}
.jelli-icon-triangle-up-down,
#jdoc-icon.icon-docs-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-up-down.label-left,
#jdoc-icon.icon-docs-triangle-up-down.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-up-down.label-right,
#jdoc-icon.icon-docs-triangle-up-down.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-up-down:before,
#jdoc-icon.icon-docs-triangle-up-down:before {
  content: "\e603" !important;
}
.jelli-icon-char-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e604" !important;
}
.jelli-icon-triangle-down,
#jdoc-icon.icon-docs-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-down.label-left,
#jdoc-icon.icon-docs-triangle-down.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-down.label-right,
#jdoc-icon.icon-docs-triangle-down.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-down:before,
#jdoc-icon.icon-docs-triangle-down:before {
  content: "\e604" !important;
}
.jelli-icon-char-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e605" !important;
}
.jelli-icon-caret-down,
#jdoc-icon.icon-docs-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-down.label-left,
#jdoc-icon.icon-docs-caret-down.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-down.label-right,
#jdoc-icon.icon-docs-caret-down.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-down:before,
#jdoc-icon.icon-docs-caret-down:before {
  content: "\e605" !important;
}
.jelli-icon-char-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e606" !important;
}
.jelli-icon-remove-hollow,
#jdoc-icon.icon-docs-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-remove-hollow.label-left,
#jdoc-icon.icon-docs-remove-hollow.label-left {
  padding-left: 6px;
}
.jelli-icon-remove-hollow.label-right,
#jdoc-icon.icon-docs-remove-hollow.label-right {
  padding-right: 6px;
}
.jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-remove-hollow[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-remove-hollow[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-remove-hollow:before,
#jdoc-icon.icon-docs-remove-hollow:before {
  content: "\e606" !important;
}
.jelli-icon-char-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e607" !important;
}
.jelli-icon-rocket,
#jdoc-icon.icon-docs-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-rocket.label-left,
#jdoc-icon.icon-docs-rocket.label-left {
  padding-left: 6px;
}
.jelli-icon-rocket.label-right,
#jdoc-icon.icon-docs-rocket.label-right {
  padding-right: 6px;
}
.jelli-icon-rocket[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-rocket[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-rocket[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-rocket[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-rocket:before,
#jdoc-icon.icon-docs-rocket:before {
  content: "\e607" !important;
}
.jelli-icon-char-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e608" !important;
}
.jelli-icon-pencil,
#jdoc-icon.icon-docs-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-pencil.label-left,
#jdoc-icon.icon-docs-pencil.label-left {
  padding-left: 6px;
}
.jelli-icon-pencil.label-right,
#jdoc-icon.icon-docs-pencil.label-right {
  padding-right: 6px;
}
.jelli-icon-pencil[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-pencil[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-pencil[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-pencil[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-pencil:before,
#jdoc-icon.icon-docs-pencil:before {
  content: "\e608" !important;
}
.jelli-icon-char-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e609" !important;
}
.jelli-icon-search,
#jdoc-icon.icon-docs-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-search.label-left,
#jdoc-icon.icon-docs-search.label-left {
  padding-left: 6px;
}
.jelli-icon-search.label-right,
#jdoc-icon.icon-docs-search.label-right {
  padding-right: 6px;
}
.jelli-icon-search[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-search[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-search[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-search[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-search:before,
#jdoc-icon.icon-docs-search:before {
  content: "\e609" !important;
}
.jelli-icon-char-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60a" !important;
}
.jelli-icon-arrow-left,
#jdoc-icon.icon-docs-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-left.label-left,
#jdoc-icon.icon-docs-arrow-left.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-left.label-right,
#jdoc-icon.icon-docs-arrow-left.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-left:before,
#jdoc-icon.icon-docs-arrow-left:before {
  content: "\e60a" !important;
}
.jelli-icon-char-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60b" !important;
}
.jelli-icon-arrow-right,
#jdoc-icon.icon-docs-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-right.label-left,
#jdoc-icon.icon-docs-arrow-right.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-right.label-right,
#jdoc-icon.icon-docs-arrow-right.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-right:before,
#jdoc-icon.icon-docs-arrow-right:before {
  content: "\e60b" !important;
}
.jelli-icon-char-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60c" !important;
}
.jelli-icon-plus,
#jdoc-icon.icon-docs-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-plus.label-left,
#jdoc-icon.icon-docs-plus.label-left {
  padding-left: 6px;
}
.jelli-icon-plus.label-right,
#jdoc-icon.icon-docs-plus.label-right {
  padding-right: 6px;
}
.jelli-icon-plus[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-plus[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-plus[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-plus[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-plus:before,
#jdoc-icon.icon-docs-plus:before {
  content: "\e60c" !important;
}
.jelli-icon-char-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60d" !important;
}
.jelli-icon-triangle-right,
#jdoc-icon.icon-docs-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-right.label-left,
#jdoc-icon.icon-docs-triangle-right.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-right.label-right,
#jdoc-icon.icon-docs-triangle-right.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-right:before,
#jdoc-icon.icon-docs-triangle-right:before {
  content: "\e60d" !important;
}
.jelli-icon-char-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60e" !important;
}
.jelli-icon-triangle-left,
#jdoc-icon.icon-docs-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-left.label-left,
#jdoc-icon.icon-docs-triangle-left.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-left.label-right,
#jdoc-icon.icon-docs-triangle-left.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-left:before,
#jdoc-icon.icon-docs-triangle-left:before {
  content: "\e60e" !important;
}
.jelli-icon-char-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60f" !important;
}
.jelli-icon-filter,
#jdoc-icon.icon-docs-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-filter.label-left,
#jdoc-icon.icon-docs-filter.label-left {
  padding-left: 6px;
}
.jelli-icon-filter.label-right,
#jdoc-icon.icon-docs-filter.label-right {
  padding-right: 6px;
}
.jelli-icon-filter[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-filter[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-filter[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-filter[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-filter:before,
#jdoc-icon.icon-docs-filter:before {
  content: "\e60f" !important;
}
.jelli-icon-char-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e610" !important;
}
.jelli-icon-star,
#jdoc-icon.icon-docs-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-star.label-left,
#jdoc-icon.icon-docs-star.label-left {
  padding-left: 6px;
}
.jelli-icon-star.label-right,
#jdoc-icon.icon-docs-star.label-right {
  padding-right: 6px;
}
.jelli-icon-star[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-star[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-star[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-star[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-star:before,
#jdoc-icon.icon-docs-star:before {
  content: "\e610" !important;
}
.jelli-icon-char-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e611" !important;
}
.jelli-icon-pause,
#jdoc-icon.icon-docs-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-pause.label-left,
#jdoc-icon.icon-docs-pause.label-left {
  padding-left: 6px;
}
.jelli-icon-pause.label-right,
#jdoc-icon.icon-docs-pause.label-right {
  padding-right: 6px;
}
.jelli-icon-pause[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-pause[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-pause[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-pause[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-pause:before,
#jdoc-icon.icon-docs-pause:before {
  content: "\e611" !important;
}
.jelli-icon-char-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e612" !important;
}
.jelli-icon-minus,
#jdoc-icon.icon-docs-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-minus.label-left,
#jdoc-icon.icon-docs-minus.label-left {
  padding-left: 6px;
}
.jelli-icon-minus.label-right,
#jdoc-icon.icon-docs-minus.label-right {
  padding-right: 6px;
}
.jelli-icon-minus[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-minus[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-minus[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-minus[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-minus:before,
#jdoc-icon.icon-docs-minus:before {
  content: "\e612" !important;
}
.jelli-icon-char-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e613" !important;
}
.jelli-icon-download,
#jdoc-icon.icon-docs-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-download.label-left,
#jdoc-icon.icon-docs-download.label-left {
  padding-left: 6px;
}
.jelli-icon-download.label-right,
#jdoc-icon.icon-docs-download.label-right {
  padding-right: 6px;
}
.jelli-icon-download[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-download[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-download[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-download[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-download:before,
#jdoc-icon.icon-docs-download:before {
  content: "\e613" !important;
}
.jelli-icon-char-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e614" !important;
}
.jelli-icon-reload,
#jdoc-icon.icon-docs-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-reload.label-left,
#jdoc-icon.icon-docs-reload.label-left {
  padding-left: 6px;
}
.jelli-icon-reload.label-right,
#jdoc-icon.icon-docs-reload.label-right {
  padding-right: 6px;
}
.jelli-icon-reload[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-reload[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-reload[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-reload[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-reload:before,
#jdoc-icon.icon-docs-reload:before {
  content: "\e614" !important;
}
.jelli-icon-char-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e615" !important;
}
.jelli-icon-info,
#jdoc-icon.icon-docs-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-info.label-left,
#jdoc-icon.icon-docs-info.label-left {
  padding-left: 6px;
}
.jelli-icon-info.label-right,
#jdoc-icon.icon-docs-info.label-right {
  padding-right: 6px;
}
.jelli-icon-info[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-info[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-info[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-info[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-info:before,
#jdoc-icon.icon-docs-info:before {
  content: "\e615" !important;
}
.jelli-icon-char-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e616" !important;
}
.jelli-icon-gear,
#jdoc-icon.icon-docs-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-gear.label-left,
#jdoc-icon.icon-docs-gear.label-left {
  padding-left: 6px;
}
.jelli-icon-gear.label-right,
#jdoc-icon.icon-docs-gear.label-right {
  padding-right: 6px;
}
.jelli-icon-gear[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-gear[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-gear[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-gear[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-gear:before,
#jdoc-icon.icon-docs-gear:before {
  content: "\e616" !important;
}
.jelli-icon-char-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e617" !important;
}
.jelli-icon-remove,
#jdoc-icon.icon-docs-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-remove.label-left,
#jdoc-icon.icon-docs-remove.label-left {
  padding-left: 6px;
}
.jelli-icon-remove.label-right,
#jdoc-icon.icon-docs-remove.label-right {
  padding-right: 6px;
}
.jelli-icon-remove[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-remove[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-remove[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-remove[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-remove:before,
#jdoc-icon.icon-docs-remove:before {
  content: "\e617" !important;
}
.jelli-icon-char-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e618" !important;
}
.jelli-icon-dot,
#jdoc-icon.icon-docs-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-dot.label-left,
#jdoc-icon.icon-docs-dot.label-left {
  padding-left: 6px;
}
.jelli-icon-dot.label-right,
#jdoc-icon.icon-docs-dot.label-right {
  padding-right: 6px;
}
.jelli-icon-dot[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-dot[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-dot[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-dot[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-dot:before,
#jdoc-icon.icon-docs-dot:before {
  content: "\e618" !important;
}
.jelli-icon-char-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e619" !important;
}
.jelli-icon-arrow-up,
#jdoc-icon.icon-docs-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-up.label-left,
#jdoc-icon.icon-docs-arrow-up.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-up.label-right,
#jdoc-icon.icon-docs-arrow-up.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-up:before,
#jdoc-icon.icon-docs-arrow-up:before {
  content: "\e619" !important;
}
.jelli-icon-char-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61a" !important;
}
.jelli-icon-arrow-down,
#jdoc-icon.icon-docs-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-down.label-left,
#jdoc-icon.icon-docs-arrow-down.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-down.label-right,
#jdoc-icon.icon-docs-arrow-down.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-down:before,
#jdoc-icon.icon-docs-arrow-down:before {
  content: "\e61a" !important;
}
.jelli-icon-char-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61b" !important;
}
.jelli-icon-double-caret-right,
#jdoc-icon.icon-docs-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-double-caret-right.label-left,
#jdoc-icon.icon-docs-double-caret-right.label-left {
  padding-left: 6px;
}
.jelli-icon-double-caret-right.label-right,
#jdoc-icon.icon-docs-double-caret-right.label-right {
  padding-right: 6px;
}
.jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-double-caret-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-double-caret-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-double-caret-right:before,
#jdoc-icon.icon-docs-double-caret-right:before {
  content: "\e61b" !important;
}
.jelli-icon-char-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61c" !important;
}
.jelli-icon-double-caret-left,
#jdoc-icon.icon-docs-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-double-caret-left.label-left,
#jdoc-icon.icon-docs-double-caret-left.label-left {
  padding-left: 6px;
}
.jelli-icon-double-caret-left.label-right,
#jdoc-icon.icon-docs-double-caret-left.label-right {
  padding-right: 6px;
}
.jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-double-caret-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-double-caret-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-double-caret-left:before,
#jdoc-icon.icon-docs-double-caret-left:before {
  content: "\e61c" !important;
}
.jelli-icon-char-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61d" !important;
}
.jelli-icon-print,
#jdoc-icon.icon-docs-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-print.label-left,
#jdoc-icon.icon-docs-print.label-left {
  padding-left: 6px;
}
.jelli-icon-print.label-right,
#jdoc-icon.icon-docs-print.label-right {
  padding-right: 6px;
}
.jelli-icon-print[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-print[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-print[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-print[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-print:before,
#jdoc-icon.icon-docs-print:before {
  content: "\e61d" !important;
}
.jelli-icon-char-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61e" !important;
}
.jelli-icon-clear,
#jdoc-icon.icon-docs-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-clear.label-left,
#jdoc-icon.icon-docs-clear.label-left {
  padding-left: 6px;
}
.jelli-icon-clear.label-right,
#jdoc-icon.icon-docs-clear.label-right {
  padding-right: 6px;
}
.jelli-icon-clear[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-clear[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-clear[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-clear[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-clear:before,
#jdoc-icon.icon-docs-clear:before {
  content: "\e61e" !important;
}
.jelli-icon-char-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61f" !important;
}
.jelli-icon-check-circle,
#jdoc-icon.icon-docs-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-check-circle.label-left,
#jdoc-icon.icon-docs-check-circle.label-left {
  padding-left: 6px;
}
.jelli-icon-check-circle.label-right,
#jdoc-icon.icon-docs-check-circle.label-right {
  padding-right: 6px;
}
.jelli-icon-check-circle[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-check-circle[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-check-circle[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-check-circle[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-check-circle:before,
#jdoc-icon.icon-docs-check-circle:before {
  content: "\e61f" !important;
}
.jelli-icon-char-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e620" !important;
}
.jelli-icon-copy-over,
#jdoc-icon.icon-docs-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-copy-over.label-left,
#jdoc-icon.icon-docs-copy-over.label-left {
  padding-left: 6px;
}
.jelli-icon-copy-over.label-right,
#jdoc-icon.icon-docs-copy-over.label-right {
  padding-right: 6px;
}
.jelli-icon-copy-over[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-copy-over[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-copy-over[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-copy-over[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-copy-over:before,
#jdoc-icon.icon-docs-copy-over:before {
  content: "\e620" !important;
}
.jelli-icon-char-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e621" !important;
}
.jelli-icon-blackout,
#jdoc-icon.icon-docs-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-blackout.label-left,
#jdoc-icon.icon-docs-blackout.label-left {
  padding-left: 6px;
}
.jelli-icon-blackout.label-right,
#jdoc-icon.icon-docs-blackout.label-right {
  padding-right: 6px;
}
.jelli-icon-blackout[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-blackout[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-blackout[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-blackout[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-blackout:before,
#jdoc-icon.icon-docs-blackout:before {
  content: "\e621" !important;
}
.jelli-icon-char-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e622" !important;
}
.jelli-icon-caret-up,
#jdoc-icon.icon-docs-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-up.label-left,
#jdoc-icon.icon-docs-caret-up.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-up.label-right,
#jdoc-icon.icon-docs-caret-up.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-up:before,
#jdoc-icon.icon-docs-caret-up:before {
  content: "\e622" !important;
}
.jelli-icon-char-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e623" !important;
}
.jelli-icon-caret-right,
#jdoc-icon.icon-docs-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-right.label-left,
#jdoc-icon.icon-docs-caret-right.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-right.label-right,
#jdoc-icon.icon-docs-caret-right.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-right:before,
#jdoc-icon.icon-docs-caret-right:before {
  content: "\e623" !important;
}
.jelli-icon-char-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e624" !important;
}
.jelli-icon-caret-left,
#jdoc-icon.icon-docs-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-left.label-left,
#jdoc-icon.icon-docs-caret-left.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-left.label-right,
#jdoc-icon.icon-docs-caret-left.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-left:before,
#jdoc-icon.icon-docs-caret-left:before {
  content: "\e624" !important;
}
.jelli-icon-char-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e625" !important;
}
.jelli-icon-check,
#jdoc-icon.icon-docs-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-check.label-left,
#jdoc-icon.icon-docs-check.label-left {
  padding-left: 6px;
}
.jelli-icon-check.label-right,
#jdoc-icon.icon-docs-check.label-right {
  padding-right: 6px;
}
.jelli-icon-check[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-check[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-check[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-check[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-check:before,
#jdoc-icon.icon-docs-check:before {
  content: "\e625" !important;
}
.jelli-icon-char-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e626" !important;
}
.jelli-icon-notifications,
#jdoc-icon.icon-docs-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-notifications.label-left,
#jdoc-icon.icon-docs-notifications.label-left {
  padding-left: 6px;
}
.jelli-icon-notifications.label-right,
#jdoc-icon.icon-docs-notifications.label-right {
  padding-right: 6px;
}
.jelli-icon-notifications[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-notifications[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-notifications[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-notifications[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-notifications:before,
#jdoc-icon.icon-docs-notifications:before {
  content: "\e626" !important;
}
.jelli-icon-char-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e627" !important;
}
.jelli-icon-calendar,
#jdoc-icon.icon-docs-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-calendar.label-left,
#jdoc-icon.icon-docs-calendar.label-left {
  padding-left: 6px;
}
.jelli-icon-calendar.label-right,
#jdoc-icon.icon-docs-calendar.label-right {
  padding-right: 6px;
}
.jelli-icon-calendar[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-calendar[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-calendar[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-calendar[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-calendar:before,
#jdoc-icon.icon-docs-calendar:before {
  content: "\e627" !important;
}
.jelli-icon-char-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.jelli-icon-wrench,
#jdoc-icon.icon-docs-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-wrench.label-left,
#jdoc-icon.icon-docs-wrench.label-left {
  padding-left: 6px;
}
.jelli-icon-wrench.label-right,
#jdoc-icon.icon-docs-wrench.label-right {
  padding-right: 6px;
}
.jelli-icon-wrench[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-wrench[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-wrench[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-wrench[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-wrench:before,
#jdoc-icon.icon-docs-wrench:before {
  content: "\e901" !important;
}
.jelli-icon-char-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.jelli-icon-clone-arrow,
#jdoc-icon.icon-docs-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-clone-arrow.label-left,
#jdoc-icon.icon-docs-clone-arrow.label-left {
  padding-left: 6px;
}
.jelli-icon-clone-arrow.label-right,
#jdoc-icon.icon-docs-clone-arrow.label-right {
  padding-right: 6px;
}
.jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-clone-arrow[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-clone-arrow[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-clone-arrow:before,
#jdoc-icon.icon-docs-clone-arrow:before {
  content: "\e902" !important;
}
.jelli-icon-char-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.jelli-icon-collapse,
#jdoc-icon.icon-docs-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-collapse.label-left,
#jdoc-icon.icon-docs-collapse.label-left {
  padding-left: 6px;
}
.jelli-icon-collapse.label-right,
#jdoc-icon.icon-docs-collapse.label-right {
  padding-right: 6px;
}
.jelli-icon-collapse[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-collapse[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-collapse[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-collapse[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-collapse:before,
#jdoc-icon.icon-docs-collapse:before {
  content: "\e903" !important;
}
.jelli-icon-char-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.jelli-icon-exclamation,
#jdoc-icon.icon-docs-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-exclamation.label-left,
#jdoc-icon.icon-docs-exclamation.label-left {
  padding-left: 6px;
}
.jelli-icon-exclamation.label-right,
#jdoc-icon.icon-docs-exclamation.label-right {
  padding-right: 6px;
}
.jelli-icon-exclamation[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-exclamation[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-exclamation[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-exclamation[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-exclamation:before,
#jdoc-icon.icon-docs-exclamation:before {
  content: "\e904" !important;
}
.jelli-icon-char-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.jelli-icon-launch,
#jdoc-icon.icon-docs-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-launch.label-left,
#jdoc-icon.icon-docs-launch.label-left {
  padding-left: 6px;
}
.jelli-icon-launch.label-right,
#jdoc-icon.icon-docs-launch.label-right {
  padding-right: 6px;
}
.jelli-icon-launch[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-launch[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-launch[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-launch[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-launch:before,
#jdoc-icon.icon-docs-launch:before {
  content: "\e905" !important;
}
.jelli-icon-char-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.jelli-icon-expand,
#jdoc-icon.icon-docs-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-expand.label-left,
#jdoc-icon.icon-docs-expand.label-left {
  padding-left: 6px;
}
.jelli-icon-expand.label-right,
#jdoc-icon.icon-docs-expand.label-right {
  padding-right: 6px;
}
.jelli-icon-expand[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-expand[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-expand[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-expand[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-expand:before,
#jdoc-icon.icon-docs-expand:before {
  content: "\e906" !important;
}
.jelli-icon-char-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.jelli-icon-target,
#jdoc-icon.icon-docs-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-target.label-left,
#jdoc-icon.icon-docs-target.label-left {
  padding-left: 6px;
}
.jelli-icon-target.label-right,
#jdoc-icon.icon-docs-target.label-right {
  padding-right: 6px;
}
.jelli-icon-target[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-target[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-target[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-target[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-target:before,
#jdoc-icon.icon-docs-target:before {
  content: "\e907" !important;
}
.jelli-icon-char-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.jelli-icon-question,
#jdoc-icon.icon-docs-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-question.label-left,
#jdoc-icon.icon-docs-question.label-left {
  padding-left: 6px;
}
.jelli-icon-question.label-right,
#jdoc-icon.icon-docs-question.label-right {
  padding-right: 6px;
}
.jelli-icon-question[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-question[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-question[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-question[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-question:before,
#jdoc-icon.icon-docs-question:before {
  content: "\e908" !important;
}
.jelli-icon-char-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.jelli-icon-copy,
#jdoc-icon.icon-docs-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-copy.label-left,
#jdoc-icon.icon-docs-copy.label-left {
  padding-left: 6px;
}
.jelli-icon-copy.label-right,
#jdoc-icon.icon-docs-copy.label-right {
  padding-right: 6px;
}
.jelli-icon-copy[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-copy[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-copy[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-copy[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-copy:before,
#jdoc-icon.icon-docs-copy:before {
  content: "\e90f" !important;
}
.jelli-icon-char-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.jelli-icon-user,
#jdoc-icon.icon-docs-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-user.label-left,
#jdoc-icon.icon-docs-user.label-left {
  padding-left: 6px;
}
.jelli-icon-user.label-right,
#jdoc-icon.icon-docs-user.label-right {
  padding-right: 6px;
}
.jelli-icon-user[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-user[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-user[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-user[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-user:before,
#jdoc-icon.icon-docs-user:before {
  content: "\e910" !important;
}
.jelli-icon-char-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.jelli-icon-s,
#jdoc-icon.icon-docs-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-s.label-left,
#jdoc-icon.icon-docs-s.label-left {
  padding-left: 6px;
}
.jelli-icon-s.label-right,
#jdoc-icon.icon-docs-s.label-right {
  padding-right: 6px;
}
.jelli-icon-s[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-s[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-s[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-s[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-s:before,
#jdoc-icon.icon-docs-s:before {
  content: "\e911" !important;
}
.jelli-icon-char-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.jelli-icon-p,
#jdoc-icon.icon-docs-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-p.label-left,
#jdoc-icon.icon-docs-p.label-left {
  padding-left: 6px;
}
.jelli-icon-p.label-right,
#jdoc-icon.icon-docs-p.label-right {
  padding-right: 6px;
}
.jelli-icon-p[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-p[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-p[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-p[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-p:before,
#jdoc-icon.icon-docs-p:before {
  content: "\e912" !important;
}
.jelli-icon-char-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.jelli-icon-r,
#jdoc-icon.icon-docs-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-r.label-left,
#jdoc-icon.icon-docs-r.label-left {
  padding-left: 6px;
}
.jelli-icon-r.label-right,
#jdoc-icon.icon-docs-r.label-right {
  padding-right: 6px;
}
.jelli-icon-r[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-r[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-r[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-r[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-r:before,
#jdoc-icon.icon-docs-r:before {
  content: "\e913" !important;
}
.jelli-icon-char-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.jelli-icon-b,
#jdoc-icon.icon-docs-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-b.label-left,
#jdoc-icon.icon-docs-b.label-left {
  padding-left: 6px;
}
.jelli-icon-b.label-right,
#jdoc-icon.icon-docs-b.label-right {
  padding-right: 6px;
}
.jelli-icon-b[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-b[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-b[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-b[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-b:before,
#jdoc-icon.icon-docs-b:before {
  content: "\e914" !important;
}
.jelli-icon-char-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.jelli-icon-c,
#jdoc-icon.icon-docs-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-c.label-left,
#jdoc-icon.icon-docs-c.label-left {
  padding-left: 6px;
}
.jelli-icon-c.label-right,
#jdoc-icon.icon-docs-c.label-right {
  padding-right: 6px;
}
.jelli-icon-c[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-c[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-c[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-c[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-c:before,
#jdoc-icon.icon-docs-c:before {
  content: "\e915" !important;
}
.jelli-icon-char-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.jelli-icon-lock,
#jdoc-icon.icon-docs-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-lock.label-left,
#jdoc-icon.icon-docs-lock.label-left {
  padding-left: 6px;
}
.jelli-icon-lock.label-right,
#jdoc-icon.icon-docs-lock.label-right {
  padding-right: 6px;
}
.jelli-icon-lock[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-lock[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-lock[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-lock[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-lock:before,
#jdoc-icon.icon-docs-lock:before {
  content: "\e916" !important;
}
.jelli-icon-char-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.jelli-icon-dot-handle,
#jdoc-icon.icon-docs-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-dot-handle.label-left,
#jdoc-icon.icon-docs-dot-handle.label-left {
  padding-left: 6px;
}
.jelli-icon-dot-handle.label-right,
#jdoc-icon.icon-docs-dot-handle.label-right {
  padding-right: 6px;
}
.jelli-icon-dot-handle[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-dot-handle[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-dot-handle[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-dot-handle[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-dot-handle:before,
#jdoc-icon.icon-docs-dot-handle:before {
  content: "\e917" !important;
}
.jelli-icon-char-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.jelli-icon-book,
#jdoc-icon.icon-docs-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-book.label-left,
#jdoc-icon.icon-docs-book.label-left {
  padding-left: 6px;
}
.jelli-icon-book.label-right,
#jdoc-icon.icon-docs-book.label-right {
  padding-right: 6px;
}
.jelli-icon-book[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-book[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-book[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-book[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-book:before,
#jdoc-icon.icon-docs-book:before {
  content: "\e91f" !important;
}
.jelli-icon-char-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.jelli-icon-triangle-adb,
#jdoc-icon.icon-docs-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-adb.label-left,
#jdoc-icon.icon-docs-triangle-adb.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-adb.label-right,
#jdoc-icon.icon-docs-triangle-adb.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-adb[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-adb[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-adb:before,
#jdoc-icon.icon-docs-triangle-adb:before {
  content: "\e909" !important;
}
@font-face {
  font-family: 'rocket-audio';
  src: url('./fonts/rocket-audio.eot?4uo1tb');
  src: url('./fonts/rocket-audio.eot?4uo1tb#iefix') format('embedded-opentype'), url('./fonts/rocket-audio.ttf?4uo1tb') format('truetype'), url('./fonts/rocket-audio.woff?4uo1tb') format('woff'), url('./fonts/rocket-audio.svg?4uo1tb#rocket-audio') format('svg');
  font-weight: normal;
  font-style: normal;
}
.rocket-audio-icon {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-char-rocket {
  content: "\e100";
}
.rocket-icon-char-headphones {
  content: "\e102";
}
.rocket-icon-char-music {
  content: "\e101";
}
.rocket-icon-char-bars2 {
  content: "\e104";
}
.rocket-icon-char-bars {
  content: "\e103";
}
.rocket-icon-char-download {
  content: "\e106";
}
.rocket-icon-char-upload {
  content: "\e107";
}
.rocket-icon-char-link {
  content: "\e105";
}
.rocket-icon-char-plus {
  content: "\e108";
}
.rocket-icon-char-minus {
  content: "\e109";
}
.rocket-icon-char-cancel-circle {
  content: "\e903";
}
.rocket-icon-char-play-circle {
  content: "\e300";
}
.rocket-icon-char-pause-circle {
  content: "\e301";
}
.rocket-icon-char-stop-circle {
  content: "\e302";
}
.rocket-icon-char-previous-circle {
  content: "\e305";
}
.rocket-icon-char-next-circle {
  content: "\e306";
}
.rocket-icon-char-backward-circle {
  content: "\e303";
}
.rocket-icon-char-forward-circle {
  content: "\e304";
}
.rocket-icon-char-play {
  content: "\e200";
}
.rocket-icon-char-pause {
  content: "\e201";
}
.rocket-icon-char-stop {
  content: "\e202";
}
.rocket-icon-char-backward {
  content: "\e203";
}
.rocket-icon-char-forward {
  content: "\e204";
}
.rocket-icon-char-previous {
  content: "\e205";
}
.rocket-icon-char-next {
  content: "\e206";
}
.rocket-icon-char-volume-high {
  content: "\e400";
}
.rocket-icon-char-volume-medium {
  content: "\e401";
}
.rocket-icon-char-volume-low {
  content: "\e402";
}
.rocket-icon-char-volume-mute {
  content: "\e403";
}
.rocket-icon-char-volume-x {
  content: "\e404";
}
.rocket-icon-char-volume-plus {
  content: "\e405";
}
.rocket-icon-char-volume-minus {
  content: "\e406";
}
.rocket-icon-char-loop {
  content: "\e208";
}
.rocket-icon-char-infinite {
  content: "\e209";
}
.rocket-icon-char-shuffle {
  content: "\e207";
}
.rocket-icon-char-right-circle {
  content: "\e308";
}
.rocket-icon-char-left-circle {
  content: "\e307";
}
.rocket-icon-rocket {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-rocket:before {
  content: "\e100";
}
.rocket-icon-headphones {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-headphones:before {
  content: "\e102";
}
.rocket-icon-music {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-music:before {
  content: "\e101";
}
.rocket-icon-bars2 {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-bars2:before {
  content: "\e104";
}
.rocket-icon-bars {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-bars:before {
  content: "\e103";
}
.rocket-icon-download {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-download:before {
  content: "\e106";
}
.rocket-icon-upload {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-upload:before {
  content: "\e107";
}
.rocket-icon-link {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-link:before {
  content: "\e105";
}
.rocket-icon-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-plus:before {
  content: "\e108";
}
.rocket-icon-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-minus:before {
  content: "\e109";
}
.rocket-icon-cancel-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-cancel-circle:before {
  content: "\e903";
}
.rocket-icon-play-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-play-circle:before {
  content: "\e300";
}
.rocket-icon-pause-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-pause-circle:before {
  content: "\e301";
}
.rocket-icon-stop-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-stop-circle:before {
  content: "\e302";
}
.rocket-icon-previous-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-previous-circle:before {
  content: "\e305";
}
.rocket-icon-next-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-next-circle:before {
  content: "\e306";
}
.rocket-icon-backward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-backward-circle:before {
  content: "\e303";
}
.rocket-icon-forward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-forward-circle:before {
  content: "\e304";
}
.rocket-icon-play {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-play:before {
  content: "\e200";
}
.rocket-icon-pause {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-pause:before {
  content: "\e201";
}
.rocket-icon-stop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-stop:before {
  content: "\e202";
}
.rocket-icon-backward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-backward:before {
  content: "\e203";
}
.rocket-icon-forward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-forward:before {
  content: "\e204";
}
.rocket-icon-previous {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-previous:before {
  content: "\e205";
}
.rocket-icon-next {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-next:before {
  content: "\e206";
}
.rocket-icon-volume-high {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-high:before {
  content: "\e400";
}
.rocket-icon-volume-medium {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-medium:before {
  content: "\e401";
}
.rocket-icon-volume-low {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-low:before {
  content: "\e402";
}
.rocket-icon-volume-mute {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-mute:before {
  content: "\e403";
}
.rocket-icon-volume-x {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-x:before {
  content: "\e404";
}
.rocket-icon-volume-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-plus:before {
  content: "\e405";
}
.rocket-icon-volume-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-minus:before {
  content: "\e406";
}
.rocket-icon-loop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-loop:before {
  content: "\e208";
}
.rocket-icon-infinite {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-infinite:before {
  content: "\e209";
}
.rocket-icon-shuffle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-shuffle:before {
  content: "\e207";
}
.rocket-icon-right-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-right-circle:before {
  content: "\e308";
}
.rocket-icon-left-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-left-circle:before {
  content: "\e307";
}
/*

<svg wversion="1.1" height="1000px" width="1000px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="star-background">
    <style>
        svg {
            background: hsl(0, 0%, 0%);
        }
        .stars {
            transform-origin: center center;
        }
        .stars-sm-no-rotate {
            fill: hsl(60, 100%, 50%);
            transform: scale(0.8) rotate(200deg) translate(-350 -50);
        }
        .stars-sm {
            fill: hsl(30, 30%, 50%);
            animation: stars-sm-rotate 400s infinite linear;
        }
        .stars-md {
            fill: hsl(60, 80%, 80%);
            animation: stars-md-rotate 350s infinite linear;
        }
        .stars-lg {
            fill: hsl(60, 30%, 70%);
            animation: stars-lg-rotate 300s infinite linear;
        }
        .flicker-circles {
            transform-origin: center center;
            animation: flicker-circles-rotate 150s infinite linear;
        }
        .flicker-circles circle {
            r: 50;
            fill: url(#flickerGradient);
        }
        .sun {
          height: 100%;
          width: 100%;
          y: 0;
          x: 0;
          fill: url(#solarGradient);
        }
        @keyframes flicker-circles-rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes stars-sm-rotate {
            from {
                transform: rotate(-0deg) translate(-75px, 225px);
            }
            to {
                transform: rotate(-360deg) translate(-75px, 225px);
            }
        }

        @keyframes stars-md-rotate {
            from {
                transform: scale(1.25) rotate(-45deg) translate(300px, -50px);
            }
            to {
                transform: scale(1.25) rotate(-405deg) translate(300px, -50px);
            }
        }

        @keyframes stars-lg-rotate {
            from {
                transform: scale(2.1) rotate(-90deg) translate(30px, 50px);
            }
            to {
                transform: scale(2.1) rotate(-450deg) translate(30px, 50px);
            }
        }
    </style>
  <defs>
    <radialGradient cx="0%" cy="100%" r="100%" spreadMethod="pad" id="solarGradient">
     <stop offset="0%" stop-color="hsla(0, 0%, 100%, 0.35)"/>
     <stop offset="70%" stop-color="hsla(0, 0%, 0%, 0)"/>
    </radialGradient>

    <radialGradient id="flickerGradient">
        <stop offset="80%" stop-color="hsla(0, 0%, 0%, 1)"/>
        <stop offset="100%" stop-color="hsla(0, 0%, 0%, 0.25)"/>
    </radialGradient>

    <!-- single star used by <g id="stars"> -->
    <path id="*" d="
        M 0.000 0.500
        L 1.736 3.604
        L 0.391 0.312
        L 3.900 0.890
        L 0.487 -0.111
        L 3.127 -2.494
        L 0.217 -0.450
        L 0.000 -4.000
        L -0.217 -0.450
        L -3.127 -2.494
        L -0.487 -0.111
        L -3.900 0.890
        L -0.391 0.312
        L -1.736 3.604
        L 0.000 0.500
    "/>

    <!-- random grid of stars used by <use href="#stars"/> -->
    <g id="stars">
        <use href="#*" x="13" y="26"/><use href="#*" x="229" y="45"/><use href="#*" x="361" y="12"/><use href="#*" x="491" y="40"/><use href="#*" x="522" y="48"/><use href="#*" x="717" y="19"/><use href="#*" x="814" y="92"/><use href="#*" x="975" y="30"/><use href="#*" x="64" y="137"/><use href="#*" x="185" y="149"/><use href="#*" x="317" y="205"/><use href="#*" x="401" y="227"/><use href="#*" x="546" y="171"/><use href="#*" x="732" y="228"/><use href="#*" x="882" y="241"/><use href="#*" x="974" y="144"/><use href="#*" x="112" y="318"/><use href="#*" x="243" y="350"/><use href="#*" x="372" y="373"/><use href="#*" x="394" y="273"/><use href="#*" x="519" y="375"/><use href="#*" x="722" y="353"/><use href="#*" x="780" y="293"/><use href="#*" x="999" y="267"/><use href="#*" x="23" y="432"/><use href="#*" x="169" y="481"/><use href="#*" x="321" y="455"/><use href="#*" x="399" y="493"/><use href="#*" x="536" y="440"/><use href="#*" x="661" y="473"/><use href="#*" x="797" y="444"/><use href="#*" x="982" y="502"/><use href="#*" x="13" y="561"/><use href="#*" x="200" y="558"/><use href="#*" x="376" y="602"/><use href="#*" x="432" y="611"/><use href="#*" x="603" y="607"/><use href="#*" x="692" y="560"/><use href="#*" x="796" y="557"/><use href="#*" x="973" y="604"/><use href="#*" x="64" y="724"/><use href="#*" x="232" y="742"/><use href="#*" x="267" y="647"/><use href="#*" x="430" y="736"/><use href="#*" x="585" y="695"/><use href="#*" x="713" y="701"/><use href="#*" x="852" y="695"/><use href="#*" x="998" y="697"/><use href="#*" x="63" y="866"/><use href="#*" x="241" y="876"/><use href="#*" x="358" y="810"/><use href="#*" x="422" y="787"/><use href="#*" x="617" y="832"/><use href="#*" x="660" y="814"/><use href="#*" x="825" y="886"/><use href="#*" x="1008" y="863"/><use href="#*" x="82" y="910"/><use href="#*" x="238" y="993"/><use href="#*" x="301" y="946"/><use href="#*" x="476" y="1013"/><use href="#*" x="568" y="945"/><use href="#*" x="662" y="981"/><use href="#*" x="879" y="997" />
    </g>
  </defs>
    <!-- three grids of stars -->
    <use class="stars stars-sm-no-rotate" href="#stars"/>
    <use class="stars stars-sm" href="#stars"/>
    <use class="stars stars-md" href="#stars"/>

    <!-- random grid of circles which rotate and make the stars 'flicker' -->
    <g class="flicker-circles">
        <circle cx="47" cy="149"/><circle cx="290" cy="11"/><circle cx="506" cy="69"/><circle cx="808" cy="99"/><circle cx="962" cy="49"/><circle cx="15" cy="276"/><circle cx="257" cy="395"/><circle cx="465" cy="342"/><circle cx="707" cy="242"/><circle cx="901" cy="222"/><circle cx="68" cy="551"/><circle cx="270" cy="549"/><circle cx="573" cy="470"/><circle cx="708" cy="466"/><circle cx="914" cy="542"/><circle cx="40" cy="751"/><circle cx="366" cy="806"/><circle cx="461" cy="790"/><circle cx="644" cy="720"/><circle cx="905" cy="684"/><circle cx="192" cy="853"/><circle cx="218" cy="946"/><circle cx="431" cy="854"/><circle cx="740" cy="1006"/>
    </g>

    <!-- one more grid of stars in front of flicker-circles -->
    <use class="stars stars-lg" href="#stars"/>

    <!-- gradient light source from nearby sun -->
    <rect class="sun"/>
</svg>

 */
/*

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="300px" height="300px" viewBox="0 0 480 480" class="badger">
  <defs>
    <radialGradient id="gradient">
      <stop class="inner-color" offset="0%" stop-color="hsl(86, 99%, 34%)"/>
      <stop  class="outer-color" offset="100%" stop-color="hsl(86, 99%, 30%)"/>
    </radialGradient>
    <style>
       .badge {
         stroke: hsl(86, 100%, 19%);
         stroke-width: 6px;
         fill: url(#gradient);
       }
    </style>
  </defs>
  <path class="badge" d="M 240.000 460.000 L 286.822 475.388 L 324.190 443.253 L 373.337 439.553 L 395.563 395.563 L 439.553 373.337 L 443.253 324.190 L 475.388 286.822 L 460.000 240.000 L 475.388 193.178 L 443.253 155.810 L 439.553 106.663 L 395.563 84.437 L 373.337 40.447 L 324.190 36.747 L 286.822 4.612 L 240.000 20.000 L 193.178 4.612 L 155.810 36.747 L 106.663 40.447 L 84.437 84.437 L 40.447 106.663 L 36.747 155.810 L 4.612 193.178 L 20.000 240.000 L 4.612 286.822 L 36.747 324.190 L 40.447 373.337 L 84.437 395.563 L 106.663 439.553 L 155.810 443.253 L 193.178 475.388 z"/>
</svg>

 */
/*
	svg base64 progress circle green-light (DEFAULT)
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 12;
			stroke-linecap: round;
			stroke-dasharray: 374;
			stroke-dashoffset: 1220;
			stroke: hsla(80, 70%, 48%, 0.5);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 374; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 374;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="54"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle green
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 12;
			stroke-linecap: round;
			stroke-dasharray: 374;
			stroke-dashoffset: 1220;
			stroke: hsl(86, 99%, 34%);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 374; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 374;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="54"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle small
	- overriding stroke width to assist with small visibility
	- using green color instead of green-light
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 18;
			stroke-linecap: round;
			stroke-dasharray: 340;
			stroke-dashoffset: 1220;
			stroke: hsl(86, 99%, 34%);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 340; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 340;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="48"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle small
	- overriding stroke width to assist with small visibility
	- using green color instead of green-light
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 18;
			stroke-linecap: round;
			stroke-dasharray: 340;
			stroke-dashoffset: 1220;
			stroke: white;
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 340; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 340;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="48"></circle>
	</g>
</svg>
*/
/*
	navigation-triangle
*/
/*
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38px" height="24px" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1.41421;"><path d="M1.01,14.744l8.999,-7.685l6.388,-5.455c1.342,-1.146 3.88,-1.146 5.223,0l6.388,5.455l8.999,7.685" style="fill:#fff;fill-rule:nonzero;stroke-width:1px;stroke:#555;"/>
</svg>
*/
.show-xl {
  display: none;
}
@media (max-width: 5760px) {
  .hide-xl {
    display: none !important;
  }
  .show-xl {
    display: initial;
  }
  th.show-xl,
  td.show-xl {
    display: table-cell;
  }
}
.show-lg {
  display: none;
}
@media (max-width: 1255px) {
  .hide-lg {
    display: none !important;
  }
  .show-lg {
    display: initial;
  }
  th.show-lg,
  td.show-lg {
    display: table-cell;
  }
}
.show-md {
  display: none;
}
@media (max-width: 999px) {
  .hide-md {
    display: none !important;
  }
  .show-md {
    display: initial;
  }
  th.show-md,
  td.show-md {
    display: table-cell;
  }
}
.show-xs {
  display: none;
}
@media (max-width: 575px) {
  .hide-xs {
    display: none !important;
  }
  .show-xs {
    display: initial;
  }
  th.show-xs,
  td.show-xs {
    display: table-cell;
  }
}
.show-sm {
  display: none;
}
@media (max-width: 743px) {
  .hide-sm {
    display: none !important;
  }
  .show-sm {
    display: initial;
  }
  th.show-sm,
  td.show-sm {
    display: table-cell;
  }
}
.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-col {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-col.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-col.flex-col-block {
  flex-direction: column;
}
.flex-col.flex-col-align-center {
  align-items: center;
}
.flex-col.flex-col-align-top {
  flex-direction: column;
}
.flex-col.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-col.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-col.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-col.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-col.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-col.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-col.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-col.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-col.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-col.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-col.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-col.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  /* use this to prevent cols filling to max height */
}
.flex-row.no-vert-fill {
  align-items: flex-start;
}
.flex-row.flex-row-wrap {
  flex-flow: row wrap;
}
.flex-row .flex-col {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-row .flex-col.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row .flex-col.flex-col-block {
  flex-direction: column;
}
.flex-row .flex-col.flex-col-align-center {
  align-items: center;
}
.flex-row .flex-col.flex-col-align-top {
  flex-direction: column;
}
.flex-row .flex-col.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row .flex-col.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row .flex-col.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row .flex-col.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row .flex-col.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row .flex-col.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row .flex-col.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row .flex-col.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row .flex-col.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row .flex-col.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row .flex-col.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row .flex-col.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row.flex-children-fluid > * {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-row.flex-children-fluid > *.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row.flex-children-fluid > *.flex-col-block {
  flex-direction: column;
}
.flex-row.flex-children-fluid > *.flex-col-align-center {
  align-items: center;
}
.flex-row.flex-children-fluid > *.flex-col-align-top {
  flex-direction: column;
}
.flex-row.flex-children-fluid > *.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row.flex-children-fluid > *.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row.flex-children-fixed > * {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fixed > *.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row.flex-children-fixed > *.flex-col-block {
  flex-direction: column;
}
.flex-row.flex-children-fixed > *.flex-col-align-center {
  align-items: center;
}
.flex-row.flex-children-fixed > *.flex-col-align-top {
  flex-direction: column;
}
.flex-row.flex-children-fixed > *.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row.flex-children-fixed > *.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row[class*="flex-row-fluid"] {
  flex: 1 1 auto;
  display: flex;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-xs {
  flex: 0.5;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-sm {
  flex: 0.66;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-lg {
  flex: 2;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-xl {
  flex: 3;
}
.flex-row[class*="flex-row-fluid"] .flex-col {
  flex: 1 inherit;
}
.flex-row.flex-collapse {
  justify-content: flex-start;
}
.flex-row.flex-collapse .flex-col {
  width: auto;
  flex-grow: 0;
}
.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-no-stretch .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
/* flex */
.flex-grid {
  width: 100%;
  display: flex;
  flex-direction: column;
  /*
        individual item alignment
    */
}
.flex-grid .flex-row .flex-align-left {
  justify-content: flex-start;
}
.flex-grid .flex-row .flex-align-center {
  justify-content: center;
}
.flex-grid .flex-row .flex-align-right {
  justify-content: flex-end;
}
.flex-grid .flex-row .flex-align-top {
  align-items: flex-start;
}
.flex-grid .flex-row .flex-align-middle {
  align-items: center;
}
.flex-grid .flex-row .flex-align-bottom {
  align-items: flex-end;
}
.flex-grid.no-vert-fill > .flex-row {
  align-items: flex-start;
}
.flex-grid.flex-no-wrap .flex-row {
  flex-wrap: nowrap;
}
.flex-grid.flex-wrap .flex-row {
  flex-wrap: wrap;
}
.flex-grid.flex-no-stretch .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-no-stretch .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
.flex-grid.flex-items-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
.flex-grid.flex-items-stretch .flex-row {
  justify-content: space-around;
}
.flex-grid.flex-items-stretch .flex-row > * {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-grid.flex-fixed {
  /*
            child items alignment
        */
}
.flex-grid.flex-fixed.flex-items-left .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-left .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-left .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-center .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-center .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-center .flex-row {
  justify-content: center;
}
.flex-grid.flex-fixed.flex-items-right .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-right .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-right .flex-row {
  justify-content: flex-end;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row {
  justify-content: space-between;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row {
  justify-content: space-around;
}
.flex-grid .flex-row .flex-align-left {
  justify-content: flex-start;
}
.flex-grid .flex-row .flex-align-center {
  justify-content: center;
}
.flex-grid .flex-row .flex-align-right {
  justify-content: flex-end;
}
.flex-grid .flex-row .flex-align-top {
  align-items: flex-start;
}
.flex-grid .flex-row .flex-align-middle {
  align-items: center;
}
.flex-grid .flex-row .flex-align-bottom {
  align-items: flex-end;
}
/*
    flex-vertical
*/
.flex-vertical {
  display: flex;
  flex-direction: column;
  /*
        individual item alignment
    */
}
.flex-vertical > * {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.flex-vertical .flex-vertical-fixed {
  flex-grow: 0;
  overflow-y: hidden;
}
.flex-vertical .flex-vertical-fluid {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
}
.flex-vertical > *.flex-align-top {
  justify-content: flex-start;
}
.flex-vertical > *.flex-align-middle {
  justify-content: center;
}
.flex-vertical > *.flex-align-bottom {
  justify-content: flex-end;
}
.flex-vertical > *.flex-align-left {
  align-items: flex-start;
}
.flex-vertical > *.flex-align-center {
  align-items: center;
}
.flex-vertical > *.flex-align-right {
  align-items: flex-end;
}
.flex-vertical > *.flex-align-justify {
  justify-content: space-between;
}
.flex-vertical > *.flex-align-justify-padded {
  justify-content: space-around;
}
/*
    this is for the application
    - header [fixed]
    - conent [fluid]
    - footer [fixed]
*/
.flex-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.flex-page .flex-page-fluid {
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
}
.flex-page .flex-page-fixed {
  flex-grow: 0;
}
@media (max-width: 1415px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 202.14285714px;
    min-width: 202.14285714px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 83.23529412px;
    min-width: 83.23529412px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 157.22222222px;
    min-width: 157.22222222px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 283px;
    min-width: 283px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 566px;
    min-width: 566px;
  }
}
@media (max-width: 1255px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 179.28571429px;
    min-width: 179.28571429px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 73.82352941px;
    min-width: 73.82352941px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 139.44444444px;
    min-width: 139.44444444px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 251px;
    min-width: 251px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 502px;
    min-width: 502px;
  }
}
@media (max-width: 999px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 142.71428571px;
    min-width: 142.71428571px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 58.76470588px;
    min-width: 58.76470588px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 111px;
    min-width: 111px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 199.8px;
    min-width: 199.8px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 399.6px;
    min-width: 399.6px;
  }
}
.items-left {
  align-items: flex-start;
  flex-direction: column;
}
.items-right {
  align-items: flex-end;
  flex-direction: column;
}
.items-center {
  align-items: center;
  flex-direction: column;
}
.items-top {
  align-items: flex-start;
  flex-direction: row;
}
.items-bottom {
  align-items: flex-end;
  flex-direction: row;
}
.items-middle {
  align-items: center;
  flex-direction: row;
}
/*
  sizes
*/
/*
    styles
*/
.border-green,
#jdoc-border.border-green {
  border: 1px solid hsl(86, 99%, 34%);
}
.border-green-hover,
#jdoc-border-hover.border-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-hover:hover,
#jdoc-border-hover.border-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(86, 99%, 34%);
}
.border-green-light,
#jdoc-border.border-green-light {
  border: 1px solid hsl(80, 65%, 74%);
}
.border-green-light-hover,
#jdoc-border-hover.border-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-light-hover:hover,
#jdoc-border-hover.border-green-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(80, 65%, 74%);
}
.border-green-lighter,
#jdoc-border.border-green-lighter {
  border: 1px solid hsl(81, 74%, 91%);
}
.border-green-lighter-hover,
#jdoc-border-hover.border-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-lighter-hover:hover,
#jdoc-border-hover.border-green-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(81, 74%, 91%);
}
.border-red,
#jdoc-border.border-red {
  border: 1px solid hsl(0, 62%, 42%);
}
.border-red-hover,
#jdoc-border-hover.border-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-hover:hover,
#jdoc-border-hover.border-red-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 62%, 42%);
}
.border-red-light,
#jdoc-border.border-red-light {
  border: 1px solid hsl(347, 39%, 81%);
}
.border-red-light-hover,
#jdoc-border-hover.border-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-light-hover:hover,
#jdoc-border-hover.border-red-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(347, 39%, 81%);
}
.border-red-lighter,
#jdoc-border.border-red-lighter {
  border: 1px solid hsl(0, 43%, 91%);
}
.border-red-lighter-hover,
#jdoc-border-hover.border-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-lighter-hover:hover,
#jdoc-border-hover.border-red-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 43%, 91%);
}
.border-orange,
#jdoc-border.border-orange {
  border: 1px solid hsl(35, 95%, 50%);
}
.border-orange-hover,
#jdoc-border-hover.border-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-hover:hover,
#jdoc-border-hover.border-orange-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(35, 95%, 50%);
}
.border-orange-light,
#jdoc-border.border-orange-light {
  border: 1px solid hsl(46, 97%, 59%);
}
.border-orange-light-hover,
#jdoc-border-hover.border-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-light-hover:hover,
#jdoc-border-hover.border-orange-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(46, 97%, 59%);
}
.border-orange-lighter,
#jdoc-border.border-orange-lighter {
  border: 1px solid hsl(50, 81%, 94%);
}
.border-orange-lighter-hover,
#jdoc-border-hover.border-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-lighter-hover:hover,
#jdoc-border-hover.border-orange-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(50, 81%, 94%);
}
.border-black,
#jdoc-border.border-black {
  border: 1px solid black;
}
.border-black-hover,
#jdoc-border-hover.border-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-black-hover:hover,
#jdoc-border-hover.border-black-hover:hover {
  cursor: pointer;
  border: 1px solid black;
}
.border-gray-darker,
#jdoc-border.border-gray-darker {
  border: 1px solid hsl(0, 0%, 13%);
}
.border-gray-darker-hover,
#jdoc-border-hover.border-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-darker-hover:hover,
#jdoc-border-hover.border-gray-darker-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 13%);
}
.border-gray-dark,
#jdoc-border.border-gray-dark {
  border: 1px solid hsl(0, 0%, 20%);
}
.border-gray-dark-hover,
#jdoc-border-hover.border-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-dark-hover:hover,
#jdoc-border-hover.border-gray-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 20%);
}
.border-gray,
#jdoc-border.border-gray {
  border: 1px solid hsl(0, 0%, 54%);
}
.border-gray-hover,
#jdoc-border-hover.border-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-hover:hover,
#jdoc-border-hover.border-gray-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 54%);
}
.border-gray-light,
#jdoc-border.border-gray-light {
  border: 1px solid hsl(0, 0%, 80%);
}
.border-gray-light-hover,
#jdoc-border-hover.border-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-light-hover:hover,
#jdoc-border-hover.border-gray-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
.border-gray-lighter,
#jdoc-border.border-gray-lighter {
  border: 1px solid hsl(0, 0%, 95%);
}
.border-gray-lighter-hover,
#jdoc-border-hover.border-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-lighter-hover:hover,
#jdoc-border-hover.border-gray-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 95%);
}
.border-gray-lightest,
#jdoc-border.border-gray-lightest {
  border: 1px solid hsl(0, 0%, 97%);
}
.border-gray-lightest-hover,
#jdoc-border-hover.border-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-lightest-hover:hover,
#jdoc-border-hover.border-gray-lightest-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 97%);
}
.border-white,
#jdoc-border.border-white {
  border: 1px solid white;
}
.border-white-hover,
#jdoc-border-hover.border-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-white-hover:hover,
#jdoc-border-hover.border-white-hover:hover {
  cursor: pointer;
  border: 1px solid white;
}
.border-transparent,
#jdoc-border.border-transparent {
  border: 1px solid transparent;
}
.border-transparent-hover,
#jdoc-border-hover.border-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-transparent-hover:hover,
#jdoc-border-hover.border-transparent-hover:hover {
  cursor: pointer;
  border: 1px solid transparent;
}
.border-overlay-light,
#jdoc-border.border-overlay-light {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.border-overlay-light-hover,
#jdoc-border-hover.border-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-light-hover:hover,
#jdoc-border-hover.border-overlay-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.border-overlay-dark,
#jdoc-border.border-overlay-dark {
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.border-overlay-dark-hover,
#jdoc-border-hover.border-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-dark-hover:hover,
#jdoc-border-hover.border-overlay-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.border-overlay-green,
#jdoc-border.border-overlay-green {
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
.border-overlay-green-hover,
#jdoc-border-hover.border-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-green-hover:hover,
#jdoc-border-hover.border-overlay-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
/*
    defaults
*/
.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.border-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
/*
    size
*/
.border-rg,
#jdoc-border-size[class^="border"].border-rg {
  border-width: 1px;
}
.border-lg,
#jdoc-border-size[class^="border"].border-lg {
  border-width: 2px;
}
.border-xl,
#jdoc-border-size[class^="border"].border-xl {
  border-width: 4px;
}
/*
    sides
*/
.border-top,
#jdoc-border-side[class^="border"].border-top {
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.border-right,
#jdoc-border-side[class^="border"].border-right {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.border-bottom,
#jdoc-border-side[class^="border"].border-bottom {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.border-left,
#jdoc-border-side[class^="border"].border-left {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.border-horizontal,
#jdoc-border-side[class^="border"].border-horizontal {
  border-left-width: 0;
  border-right-width: 0;
}
.border-vertical,
#jdoc-border-side[class^="border"].border-vertical {
  border-top-width: 0;
  border-bottom-width: 0;
}
.border-none,
#jdoc-border-side[class^="border"].border-none {
  border: none !important;
}
/*
    styles
*/
.border-solid,
#jdoc-border-style[class^="border"].border-solid {
  border-style: solid;
}
.border-dotted,
#jdoc-border-style[class^="border"].border-dotted {
  border-style: dotted;
}
.border-dashed,
#jdoc-border-style[class^="border"].border-dashed {
  border-style: dashed;
}
.border-radius,
#jdoc-border-radius.border-radius {
  border-radius: 4px;
}
.border-radius-rg,
.border-radius-regular,
#jdoc-border-radius-size.border-radius-rg {
  border-radius: 4px;
}
.border-radius-left,
#jdoc-border-radius.border-radius-left {
  border-radius: 4px 0px 0px 4px;
}
.border-radius-right,
#jdoc-border-radius.border-radius-right {
  border-radius: 0px 4px 4px 0px;
}
.border-radius-top,
#jdoc-border-radius.border-radius-top {
  border-radius: 4px 4px 0px 0px;
}
.border-radius-bottom,
#jdoc-border-radius.border-radius-bottom {
  border-radius: 0px 0px 4px 4px;
}
.border-radius-sm,
#jdoc-border-radius-size.border-radius-sm {
  border-radius: 3px;
}
.border-radius-sm-left,
#jdoc-border-radius-size.border-radius-sm-left {
  border-radius: 3px 0px 0px 3px;
}
.border-radius-sm-right,
#jdoc-border-radius-size.border-radius-sm-right {
  border-radius: 0px 3px 3px 0px;
}
.border-radius-sm-top,
#jdoc-border-radius-size.border-radius-sm-top {
  border-radius: 3px 3px 0px 0px;
}
.border-radius-sm-bottom,
#jdoc-border-radius-size.border-radius-sm-bottom {
  border-radius: 0px 0px 3px 3px;
}
.border-radius-lg,
#jdoc-border-radius-size.border-radius-lg {
  border-radius: 10px;
}
.border-radius-lg-left,
#jdoc-border-radius-size.border-radius-lg-left {
  border-radius: 10px 0px 0px 10px;
}
.border-radius-lg-right,
#jdoc-border-radius-size.border-radius-lg-right {
  border-radius: 0px 10px 10px 0px;
}
.border-radius-lg-top,
#jdoc-border-radius-size.border-radius-lg-top {
  border-radius: 10px 10px 0px 0px;
}
.border-radius-lg-bottom,
#jdoc-border-radius-size.border-radius-lg-bottom {
  border-radius: 0px 0px 10px 10px;
}
.border-radius-none,
#jdoc-border-radius.border-radius-none {
  border-radius: 0px !important;
}
/*
  colors - each combination will be built
  @fill-color, @border-color
*/
/*
  side classes
*/
/*
  vertical pull classes
*/
/*
  horizontal pull classes
*/
/*
  side classes
*/
/*
  build all horizontal pull
*/
[class^="callout"].callout-pull-left:after,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:after {
  left: 12px;
}
[class^="callout"].callout-pull-left:before,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:before {
  left: 11px;
}
[class^="callout"].callout-pull-right:after,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:after {
  left: calc(100% - 36px);
}
[class^="callout"].callout-pull-right:before,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:before {
  left: calc(100% - 37px);
}
/*
  build all vertical pull
*/
[class^="callout"].callout-pull-top:after,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:after {
  top: 12px;
}
[class^="callout"].callout-pull-top:before,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:before {
  top: 11px;
}
[class^="callout"].callout-pull-bottom:after,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:after {
  top: calc(100% - 36px);
}
[class^="callout"].callout-pull-bottom:before,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:before {
  top: calc(100% - 37px);
}
/*
  build all sides
*/
.callout-left,
#jdoc-callout-side.callout-left {
  position: relative;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before,
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  border-color: transparent #fff transparent transparent;
}
.callout-left.callout-green,
#jdoc-callout-side.callout-left.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-left.callout-green:after,
#jdoc-callout-side.callout-left.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout-left.callout-green.border,
#jdoc-callout-side.callout-left.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-left.callout-green.border:before,
#jdoc-callout-side.callout-left.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout-left.callout-green-light,
#jdoc-callout-side.callout-left.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-left.callout-green-light:after,
#jdoc-callout-side.callout-left.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout-left.callout-green-light.border,
#jdoc-callout-side.callout-left.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-left.callout-green-light.border:before,
#jdoc-callout-side.callout-left.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout-left.callout-red,
#jdoc-callout-side.callout-left.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-left.callout-red:after,
#jdoc-callout-side.callout-left.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-red.border,
#jdoc-callout-side.callout-left.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-left.callout-red.border:before,
#jdoc-callout-side.callout-left.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-red-light,
#jdoc-callout-side.callout-left.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-left.callout-red-light:after,
#jdoc-callout-side.callout-left.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout-left.callout-red-light.border,
#jdoc-callout-side.callout-left.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-left.callout-red-light.border:before,
#jdoc-callout-side.callout-left.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-orange-lighter,
#jdoc-callout-side.callout-left.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-left.callout-orange-lighter:after,
#jdoc-callout-side.callout-left.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout-left.callout-orange-lighter.border,
#jdoc-callout-side.callout-left.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-left.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-left.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout-left.callout-gray-light,
#jdoc-callout-side.callout-left.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-left.callout-gray-light:after,
#jdoc-callout-side.callout-left.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout-left.callout-gray-light.border,
#jdoc-callout-side.callout-left.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-left.callout-gray-light.border:before,
#jdoc-callout-side.callout-left.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout-left.callout-gray-lighter,
#jdoc-callout-side.callout-left.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-left.callout-gray-lighter:after,
#jdoc-callout-side.callout-left.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout-left.callout-gray-lighter.border,
#jdoc-callout-side.callout-left.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-left.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-left.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout-left.callout-white,
#jdoc-callout-side.callout-left.callout-white {
  background-color: white;
}
.callout-left.callout-white:after,
#jdoc-callout-side.callout-left.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout-left.callout-white.border,
#jdoc-callout-side.callout-left.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-left.callout-white.border:before,
#jdoc-callout-side.callout-left.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before {
  border-color: transparent transparent transparent transparent;
}
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout-left.callout-pull-top:after,
#jdoc-callout-side.callout-left.callout-pull-top:after {
  top: 12px;
}
.callout-left.callout-pull-top:before,
#jdoc-callout-side.callout-left.callout-pull-top:before {
  top: 11px;
}
.callout-left.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout-left.border-lg:after,
#jdoc-callout-side.callout-left.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left.border-lg:before,
#jdoc-callout-side.callout-left.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout-left.border-lg.callout-pull-top:after,
#jdoc-callout-side.callout-left.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout-left.border-lg.callout-pull-top:before,
#jdoc-callout-side.callout-left.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout-left.border-lg.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.border-lg.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout-left.border-xl:after,
#jdoc-callout-side.callout-left.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left.border-xl:before,
#jdoc-callout-side.callout-left.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout-left.border-xl.callout-pull-top:after,
#jdoc-callout-side.callout-left.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout-left.border-xl.callout-pull-top:before,
#jdoc-callout-side.callout-left.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout-left.border-xl.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.border-xl.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-right,
#jdoc-callout-side.callout-right {
  position: relative;
}
.callout-right:before,
#jdoc-callout-side.callout-right:before,
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  border-color: transparent transparent transparent #fff;
}
.callout-right.callout-green,
#jdoc-callout-side.callout-right.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-right.callout-green:after,
#jdoc-callout-side.callout-right.callout-green:after {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.callout-right.callout-green.border,
#jdoc-callout-side.callout-right.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-right.callout-green.border:before,
#jdoc-callout-side.callout-right.callout-green.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 13%);
}
.callout-right.callout-green-light,
#jdoc-callout-side.callout-right.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-right.callout-green-light:after,
#jdoc-callout-side.callout-right.callout-green-light:after {
  border-color: transparent transparent transparent hsl(80, 65%, 74%);
}
.callout-right.callout-green-light.border,
#jdoc-callout-side.callout-right.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-right.callout-green-light.border:before,
#jdoc-callout-side.callout-right.callout-green-light.border:before {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.callout-right.callout-red,
#jdoc-callout-side.callout-right.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-right.callout-red:after,
#jdoc-callout-side.callout-right.callout-red:after {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-red.border,
#jdoc-callout-side.callout-right.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-right.callout-red.border:before,
#jdoc-callout-side.callout-right.callout-red.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-red-light,
#jdoc-callout-side.callout-right.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-right.callout-red-light:after,
#jdoc-callout-side.callout-right.callout-red-light:after {
  border-color: transparent transparent transparent hsl(347, 39%, 81%);
}
.callout-right.callout-red-light.border,
#jdoc-callout-side.callout-right.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-right.callout-red-light.border:before,
#jdoc-callout-side.callout-right.callout-red-light.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-orange-lighter,
#jdoc-callout-side.callout-right.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-right.callout-orange-lighter:after,
#jdoc-callout-side.callout-right.callout-orange-lighter:after {
  border-color: transparent transparent transparent hsl(50, 81%, 94%);
}
.callout-right.callout-orange-lighter.border,
#jdoc-callout-side.callout-right.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-right.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-right.callout-orange-lighter.border:before {
  border-color: transparent transparent transparent hsl(46, 97%, 59%);
}
.callout-right.callout-gray-light,
#jdoc-callout-side.callout-right.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-right.callout-gray-light:after,
#jdoc-callout-side.callout-right.callout-gray-light:after {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.callout-right.callout-gray-light.border,
#jdoc-callout-side.callout-right.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-right.callout-gray-light.border:before,
#jdoc-callout-side.callout-right.callout-gray-light.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.callout-right.callout-gray-lighter,
#jdoc-callout-side.callout-right.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-right.callout-gray-lighter:after,
#jdoc-callout-side.callout-right.callout-gray-lighter:after {
  border-color: transparent transparent transparent hsl(0, 0%, 95%);
}
.callout-right.callout-gray-lighter.border,
#jdoc-callout-side.callout-right.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-right.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-right.callout-gray-lighter.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.callout-right.callout-white,
#jdoc-callout-side.callout-right.callout-white {
  background-color: white;
}
.callout-right.callout-white:after,
#jdoc-callout-side.callout-right.callout-white:after {
  border-color: transparent transparent transparent white;
}
.callout-right.callout-white.border,
#jdoc-callout-side.callout-right.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-right.callout-white.border:before,
#jdoc-callout-side.callout-right.callout-white.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.callout-right:before,
#jdoc-callout-side.callout-right:before {
  border-color: transparent transparent transparent transparent;
}
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right:before,
#jdoc-callout-side.callout-right:before {
  top: calc(50% - 13px);
  left: 100%;
  border-width: 13px 0 13px 13px;
}
.callout-right.callout-pull-top:after,
#jdoc-callout-side.callout-right.callout-pull-top:after {
  top: 12px;
}
.callout-right.callout-pull-top:before,
#jdoc-callout-side.callout-right.callout-pull-top:before {
  top: 11px;
}
.callout-right.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout-right.border-lg:after,
#jdoc-callout-side.callout-right.border-lg:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right.border-lg:before,
#jdoc-callout-side.callout-right.border-lg:before {
  top: calc(50% - 14px);
  left: 100%;
  border-width: 14px 0 14px 14px;
}
.callout-right.border-lg.callout-pull-top:after,
#jdoc-callout-side.callout-right.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout-right.border-lg.callout-pull-top:before,
#jdoc-callout-side.callout-right.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout-right.border-lg.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.border-lg.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout-right.border-xl:after,
#jdoc-callout-side.callout-right.border-xl:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right.border-xl:before,
#jdoc-callout-side.callout-right.border-xl:before {
  top: calc(50% - 16px);
  left: 100%;
  border-width: 16px 0 16px 16px;
}
.callout-right.border-xl.callout-pull-top:after,
#jdoc-callout-side.callout-right.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout-right.border-xl.callout-pull-top:before,
#jdoc-callout-side.callout-right.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout-right.border-xl.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.border-xl.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-top,
#jdoc-callout-side.callout-top {
  position: relative;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before,
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  border-color: transparent transparent #fff transparent;
}
.callout-top.callout-green,
#jdoc-callout-side.callout-top.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-top.callout-green:after,
#jdoc-callout-side.callout-top.callout-green:after {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.callout-top.callout-green.border,
#jdoc-callout-side.callout-top.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-top.callout-green.border:before,
#jdoc-callout-side.callout-top.callout-green.border:before {
  border-color: transparent transparent hsl(0, 0%, 13%) transparent;
}
.callout-top.callout-green-light,
#jdoc-callout-side.callout-top.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-top.callout-green-light:after,
#jdoc-callout-side.callout-top.callout-green-light:after {
  border-color: transparent transparent hsl(80, 65%, 74%) transparent;
}
.callout-top.callout-green-light.border,
#jdoc-callout-side.callout-top.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-top.callout-green-light.border:before,
#jdoc-callout-side.callout-top.callout-green-light.border:before {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.callout-top.callout-red,
#jdoc-callout-side.callout-top.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-top.callout-red:after,
#jdoc-callout-side.callout-top.callout-red:after {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-red.border,
#jdoc-callout-side.callout-top.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-top.callout-red.border:before,
#jdoc-callout-side.callout-top.callout-red.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-red-light,
#jdoc-callout-side.callout-top.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-top.callout-red-light:after,
#jdoc-callout-side.callout-top.callout-red-light:after {
  border-color: transparent transparent hsl(347, 39%, 81%) transparent;
}
.callout-top.callout-red-light.border,
#jdoc-callout-side.callout-top.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-top.callout-red-light.border:before,
#jdoc-callout-side.callout-top.callout-red-light.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-orange-lighter,
#jdoc-callout-side.callout-top.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-top.callout-orange-lighter:after,
#jdoc-callout-side.callout-top.callout-orange-lighter:after {
  border-color: transparent transparent hsl(50, 81%, 94%) transparent;
}
.callout-top.callout-orange-lighter.border,
#jdoc-callout-side.callout-top.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-top.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-top.callout-orange-lighter.border:before {
  border-color: transparent transparent hsl(46, 97%, 59%) transparent;
}
.callout-top.callout-gray-light,
#jdoc-callout-side.callout-top.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-top.callout-gray-light:after,
#jdoc-callout-side.callout-top.callout-gray-light:after {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.callout-top.callout-gray-light.border,
#jdoc-callout-side.callout-top.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-top.callout-gray-light.border:before,
#jdoc-callout-side.callout-top.callout-gray-light.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.callout-top.callout-gray-lighter,
#jdoc-callout-side.callout-top.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-top.callout-gray-lighter:after,
#jdoc-callout-side.callout-top.callout-gray-lighter:after {
  border-color: transparent transparent hsl(0, 0%, 95%) transparent;
}
.callout-top.callout-gray-lighter.border,
#jdoc-callout-side.callout-top.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-top.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-top.callout-gray-lighter.border:before {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.callout-top.callout-white,
#jdoc-callout-side.callout-top.callout-white {
  background-color: white;
}
.callout-top.callout-white:after,
#jdoc-callout-side.callout-top.callout-white:after {
  border-color: transparent transparent white transparent;
}
.callout-top.callout-white.border,
#jdoc-callout-side.callout-top.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-top.callout-white.border:before,
#jdoc-callout-side.callout-top.callout-white.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before {
  border-color: transparent transparent transparent transparent;
}
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before {
  top: -13px;
  left: calc(50% - 13px);
  border-width: 0 13px 13px 13px;
}
.callout-top.callout-pull-right:after,
#jdoc-callout-side.callout-top.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.callout-pull-right:before,
#jdoc-callout-side.callout-top.callout-pull-right:before {
  left: calc(100% - 37px);
}
.callout-top.callout-pull-left:after,
#jdoc-callout-side.callout-top.callout-pull-left:after {
  left: 12px;
}
.callout-top.callout-pull-left:before,
#jdoc-callout-side.callout-top.callout-pull-left:before {
  left: 11px;
}
.callout-top.border-lg:after,
#jdoc-callout-side.callout-top.border-lg:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top.border-lg:before,
#jdoc-callout-side.callout-top.border-lg:before {
  top: -14px;
  left: calc(50% - 14px);
  border-width: 0 14px 14px 14px;
}
.callout-top.border-lg.callout-pull-right:after,
#jdoc-callout-side.callout-top.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.border-lg.callout-pull-right:before,
#jdoc-callout-side.callout-top.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.callout-top.border-lg.callout-pull-left:after,
#jdoc-callout-side.callout-top.border-lg.callout-pull-left:after {
  left: 12px;
}
.callout-top.border-lg.callout-pull-left:before,
#jdoc-callout-side.callout-top.border-lg.callout-pull-left:before {
  left: 10px;
}
.callout-top.border-xl:after,
#jdoc-callout-side.callout-top.border-xl:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top.border-xl:before,
#jdoc-callout-side.callout-top.border-xl:before {
  top: -16px;
  left: calc(50% - 16px);
  border-width: 0 16px 16px 16px;
}
.callout-top.border-xl.callout-pull-right:after,
#jdoc-callout-side.callout-top.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.border-xl.callout-pull-right:before,
#jdoc-callout-side.callout-top.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.callout-top.border-xl.callout-pull-left:after,
#jdoc-callout-side.callout-top.border-xl.callout-pull-left:after {
  left: 12px;
}
.callout-top.border-xl.callout-pull-left:before,
#jdoc-callout-side.callout-top.border-xl.callout-pull-left:before {
  left: 8px;
}
.callout-bottom,
#jdoc-callout-side.callout-bottom {
  position: relative;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before,
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  border-color: #fff transparent transparent transparent;
}
.callout-bottom.callout-green,
#jdoc-callout-side.callout-bottom.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-bottom.callout-green:after,
#jdoc-callout-side.callout-bottom.callout-green:after {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.callout-bottom.callout-green.border,
#jdoc-callout-side.callout-bottom.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-bottom.callout-green.border:before,
#jdoc-callout-side.callout-bottom.callout-green.border:before {
  border-color: hsl(0, 0%, 13%) transparent transparent transparent;
}
.callout-bottom.callout-green-light,
#jdoc-callout-side.callout-bottom.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-bottom.callout-green-light:after,
#jdoc-callout-side.callout-bottom.callout-green-light:after {
  border-color: hsl(80, 65%, 74%) transparent transparent transparent;
}
.callout-bottom.callout-green-light.border,
#jdoc-callout-side.callout-bottom.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-bottom.callout-green-light.border:before,
#jdoc-callout-side.callout-bottom.callout-green-light.border:before {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.callout-bottom.callout-red,
#jdoc-callout-side.callout-bottom.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-bottom.callout-red:after,
#jdoc-callout-side.callout-bottom.callout-red:after {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-red.border,
#jdoc-callout-side.callout-bottom.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-bottom.callout-red.border:before,
#jdoc-callout-side.callout-bottom.callout-red.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-red-light,
#jdoc-callout-side.callout-bottom.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-bottom.callout-red-light:after,
#jdoc-callout-side.callout-bottom.callout-red-light:after {
  border-color: hsl(347, 39%, 81%) transparent transparent transparent;
}
.callout-bottom.callout-red-light.border,
#jdoc-callout-side.callout-bottom.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-bottom.callout-red-light.border:before,
#jdoc-callout-side.callout-bottom.callout-red-light.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-orange-lighter,
#jdoc-callout-side.callout-bottom.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-bottom.callout-orange-lighter:after,
#jdoc-callout-side.callout-bottom.callout-orange-lighter:after {
  border-color: hsl(50, 81%, 94%) transparent transparent transparent;
}
.callout-bottom.callout-orange-lighter.border,
#jdoc-callout-side.callout-bottom.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-bottom.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-bottom.callout-orange-lighter.border:before {
  border-color: hsl(46, 97%, 59%) transparent transparent transparent;
}
.callout-bottom.callout-gray-light,
#jdoc-callout-side.callout-bottom.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-bottom.callout-gray-light:after,
#jdoc-callout-side.callout-bottom.callout-gray-light:after {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.callout-bottom.callout-gray-light.border,
#jdoc-callout-side.callout-bottom.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-bottom.callout-gray-light.border:before,
#jdoc-callout-side.callout-bottom.callout-gray-light.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.callout-bottom.callout-gray-lighter,
#jdoc-callout-side.callout-bottom.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-bottom.callout-gray-lighter:after,
#jdoc-callout-side.callout-bottom.callout-gray-lighter:after {
  border-color: hsl(0, 0%, 95%) transparent transparent transparent;
}
.callout-bottom.callout-gray-lighter.border,
#jdoc-callout-side.callout-bottom.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-bottom.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-bottom.callout-gray-lighter.border:before {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.callout-bottom.callout-white,
#jdoc-callout-side.callout-bottom.callout-white {
  background-color: white;
}
.callout-bottom.callout-white:after,
#jdoc-callout-side.callout-bottom.callout-white:after {
  border-color: white transparent transparent transparent;
}
.callout-bottom.callout-white.border,
#jdoc-callout-side.callout-bottom.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-bottom.callout-white.border:before,
#jdoc-callout-side.callout-bottom.callout-white.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before {
  border-color: transparent transparent transparent transparent;
}
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before {
  top: calc(100%);
  left: calc(50% - 13px);
  border-width: 13px 13px 0 13px;
}
.callout-bottom.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.callout-pull-right:before {
  left: calc(100% - 37px);
}
.callout-bottom.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.callout-pull-left:before {
  left: 11px;
}
.callout-bottom.border-lg:after,
#jdoc-callout-side.callout-bottom.border-lg:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom.border-lg:before,
#jdoc-callout-side.callout-bottom.border-lg:before {
  top: calc(100%);
  left: calc(50% - 14px);
  border-width: 14px 14px 0 14px;
}
.callout-bottom.border-lg.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.border-lg.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.callout-bottom.border-lg.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.border-lg.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:before {
  left: 10px;
}
.callout-bottom.border-xl:after,
#jdoc-callout-side.callout-bottom.border-xl:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom.border-xl:before,
#jdoc-callout-side.callout-bottom.border-xl:before {
  top: calc(100%);
  left: calc(50% - 16px);
  border-width: 16px 16px 0 16px;
}
.callout-bottom.border-xl.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.border-xl.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.callout-bottom.border-xl.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.border-xl.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:before {
  left: 8px;
}
/*
  build all colors
*/
.callout-green,
#jdoc-callout[class^="callout"].callout-green {
  position: relative;
  background-color: hsl(86, 99%, 34%);
}
.callout-green:before,
#jdoc-callout[class^="callout"].callout-green:before,
.callout-green:after,
#jdoc-callout[class^="callout"].callout-green:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-green-light,
#jdoc-callout[class^="callout"].callout-green-light {
  position: relative;
  background-color: hsl(80, 65%, 74%);
}
.callout-green-light:before,
#jdoc-callout[class^="callout"].callout-green-light:before,
.callout-green-light:after,
#jdoc-callout[class^="callout"].callout-green-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-red,
#jdoc-callout[class^="callout"].callout-red {
  position: relative;
  background-color: hsl(0, 62%, 42%);
}
.callout-red:before,
#jdoc-callout[class^="callout"].callout-red:before,
.callout-red:after,
#jdoc-callout[class^="callout"].callout-red:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-red-light,
#jdoc-callout[class^="callout"].callout-red-light {
  position: relative;
  background-color: hsl(347, 39%, 81%);
}
.callout-red-light:before,
#jdoc-callout[class^="callout"].callout-red-light:before,
.callout-red-light:after,
#jdoc-callout[class^="callout"].callout-red-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-orange-lighter,
#jdoc-callout[class^="callout"].callout-orange-lighter {
  position: relative;
  background-color: hsl(50, 81%, 94%);
}
.callout-orange-lighter:before,
#jdoc-callout[class^="callout"].callout-orange-lighter:before,
.callout-orange-lighter:after,
#jdoc-callout[class^="callout"].callout-orange-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-gray-light,
#jdoc-callout[class^="callout"].callout-gray-light {
  position: relative;
  background-color: hsl(0, 0%, 80%);
}
.callout-gray-light:before,
#jdoc-callout[class^="callout"].callout-gray-light:before,
.callout-gray-light:after,
#jdoc-callout[class^="callout"].callout-gray-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-gray-lighter,
#jdoc-callout[class^="callout"].callout-gray-lighter {
  position: relative;
  background-color: hsl(0, 0%, 95%);
}
.callout-gray-lighter:before,
#jdoc-callout[class^="callout"].callout-gray-lighter:before,
.callout-gray-lighter:after,
#jdoc-callout[class^="callout"].callout-gray-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-white,
#jdoc-callout[class^="callout"].callout-white {
  position: relative;
  background-color: white;
}
.callout-white:before,
#jdoc-callout[class^="callout"].callout-white:before,
.callout-white:after,
#jdoc-callout[class^="callout"].callout-white:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
/*
  set default
*/
.callout {
  background-color: white;
  position: relative;
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:after {
  border-color: transparent #fff transparent transparent;
}
.callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-white {
  background-color: white;
}
.callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout:before {
  border-color: transparent transparent transparent transparent;
}
.callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout.callout-pull-top:after {
  top: 12px;
}
.callout.callout-pull-top:before {
  top: 11px;
}
.callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:after {
  border-color: transparent #fff transparent transparent;
}
.callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-white {
  background-color: white;
}
.callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout:before {
  border-color: transparent transparent transparent transparent;
}
.callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout.callout-pull-top:after {
  top: 12px;
}
.callout.callout-pull-top:before {
  top: 11px;
}
.callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-base {
  position: relative;
}
.callout-base:before,
.callout-base:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
/*
  variations
*/
.table .date-style:not(.text-right):not(.text-center) {
  text-align: left !important;
}
.table .currency-style:not(.text-left):not(.text-center),
.table .numeric-style:not(.text-left):not(.text-center) {
  text-align: right !important;
}
.table .plan-state-icon-style:not(.text-left):not(.text-right) {
  text-align: center !important;
}
.table tbody tr .date-style,
.table row .date-style,
.table .fake-table-row .date-style,
.table cell-group .date-style,
.table tbody tr .currency-style,
.table row .currency-style,
.table .fake-table-row .currency-style,
.table cell-group .currency-style,
.table tbody tr .numeric-style,
.table row .numeric-style,
.table .fake-table-row .numeric-style,
.table cell-group .numeric-style {
  font-variant-numeric: tabular-nums;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.full-width {
  width: 100%;
}
.fill-green,
#jdoc-fill.fill-docs-green {
  background-color: hsl(86, 99%, 34%);
}
.fill-green-hover,
#jdoc-fill-hover.fill-docs-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-hover:hover,
#jdoc-fill-hover.fill-docs-green-hover:hover {
  cursor: pointer;
  background-color: hsl(86, 99%, 34%);
}
.fill-green-light,
#jdoc-fill.fill-docs-green-light {
  background-color: hsl(80, 65%, 74%);
}
.fill-green-light-hover,
#jdoc-fill-hover.fill-docs-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-light-hover:hover,
#jdoc-fill-hover.fill-docs-green-light-hover:hover {
  cursor: pointer;
  background-color: hsl(80, 65%, 74%);
}
.fill-green-lighter,
#jdoc-fill.fill-docs-green-lighter {
  background-color: hsl(81, 74%, 91%);
}
.fill-green-lighter-hover,
#jdoc-fill-hover.fill-docs-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-green-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(81, 74%, 91%);
}
.fill-red,
#jdoc-fill.fill-docs-red {
  background-color: hsl(0, 62%, 42%);
}
.fill-red-hover,
#jdoc-fill-hover.fill-docs-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-hover:hover,
#jdoc-fill-hover.fill-docs-red-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 62%, 42%);
}
.fill-red-light,
#jdoc-fill.fill-docs-red-light {
  background-color: hsl(347, 39%, 81%);
}
.fill-red-light-hover,
#jdoc-fill-hover.fill-docs-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-light-hover:hover,
#jdoc-fill-hover.fill-docs-red-light-hover:hover {
  cursor: pointer;
  background-color: hsl(347, 39%, 81%);
}
.fill-red-lighter,
#jdoc-fill.fill-docs-red-lighter {
  background-color: hsl(0, 43%, 91%);
}
.fill-red-lighter-hover,
#jdoc-fill-hover.fill-docs-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-red-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 43%, 91%);
}
.fill-orange,
#jdoc-fill.fill-docs-orange {
  background-color: hsl(35, 95%, 50%);
}
.fill-orange-hover,
#jdoc-fill-hover.fill-docs-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-hover:hover,
#jdoc-fill-hover.fill-docs-orange-hover:hover {
  cursor: pointer;
  background-color: hsl(35, 95%, 50%);
}
.fill-orange-light,
#jdoc-fill.fill-docs-orange-light {
  background-color: hsl(46, 97%, 59%);
}
.fill-orange-light-hover,
#jdoc-fill-hover.fill-docs-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-light-hover:hover,
#jdoc-fill-hover.fill-docs-orange-light-hover:hover {
  cursor: pointer;
  background-color: hsl(46, 97%, 59%);
}
.fill-orange-lighter,
#jdoc-fill.fill-docs-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.fill-orange-lighter-hover,
#jdoc-fill-hover.fill-docs-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-orange-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(50, 81%, 94%);
}
.fill-black,
#jdoc-fill.fill-docs-black {
  background-color: black;
}
.fill-black-hover,
#jdoc-fill-hover.fill-docs-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-black-hover:hover,
#jdoc-fill-hover.fill-docs-black-hover:hover {
  cursor: pointer;
  background-color: black;
}
.fill-gray-darker,
#jdoc-fill.fill-docs-gray-darker {
  background-color: hsl(0, 0%, 13%);
}
.fill-gray-darker-hover,
#jdoc-fill-hover.fill-docs-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-darker-hover:hover,
#jdoc-fill-hover.fill-docs-gray-darker-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 13%);
}
.fill-gray-dark,
#jdoc-fill.fill-docs-gray-dark {
  background-color: hsl(0, 0%, 20%);
}
.fill-gray-dark-hover,
#jdoc-fill-hover.fill-docs-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-dark-hover:hover,
#jdoc-fill-hover.fill-docs-gray-dark-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 20%);
}
.fill-gray,
#jdoc-fill.fill-docs-gray {
  background-color: hsl(0, 0%, 54%);
}
.fill-gray-hover,
#jdoc-fill-hover.fill-docs-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-hover:hover,
#jdoc-fill-hover.fill-docs-gray-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 54%);
}
.fill-gray-light,
#jdoc-fill.fill-docs-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.fill-gray-light-hover,
#jdoc-fill-hover.fill-docs-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-light-hover:hover,
#jdoc-fill-hover.fill-docs-gray-light-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 80%);
}
.fill-gray-lighter,
#jdoc-fill.fill-docs-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.fill-gray-lighter-hover,
#jdoc-fill-hover.fill-docs-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-gray-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 95%);
}
.fill-gray-lightest,
#jdoc-fill.fill-docs-gray-lightest {
  background-color: hsl(0, 0%, 97%);
}
.fill-gray-lightest-hover,
#jdoc-fill-hover.fill-docs-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-lightest-hover:hover,
#jdoc-fill-hover.fill-docs-gray-lightest-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 97%);
}
.fill-white,
#jdoc-fill.fill-docs-white {
  background-color: white;
}
.fill-white-hover,
#jdoc-fill-hover.fill-docs-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-white-hover:hover,
#jdoc-fill-hover.fill-docs-white-hover:hover {
  cursor: pointer;
  background-color: white;
}
.fill-transparent,
#jdoc-fill.fill-docs-transparent {
  background-color: transparent;
}
.fill-transparent-hover,
#jdoc-fill-hover.fill-docs-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-transparent-hover:hover,
#jdoc-fill-hover.fill-docs-transparent-hover:hover {
  cursor: pointer;
  background-color: transparent;
}
.fill-overlay-light,
#jdoc-fill.fill-docs-overlay-light {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.fill-overlay-light-hover,
#jdoc-fill-hover.fill-docs-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-light-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-light-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 100%, 0.5);
}
.fill-overlay-dark,
#jdoc-fill.fill-docs-overlay-dark {
  background-color: hsla(0, 0%, 0%, 0.25);
}
.fill-overlay-dark-hover,
#jdoc-fill-hover.fill-docs-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-dark-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-dark-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 0%, 0.25);
}
.fill-overlay-green,
#jdoc-fill.fill-docs-overlay-green {
  background-color: hsla(86, 99%, 34%, 0.9);
}
.fill-overlay-green-hover,
#jdoc-fill-hover.fill-docs-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-green-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-green-hover:hover {
  cursor: pointer;
  background-color: hsla(86, 99%, 34%, 0.9);
}
.font-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.font-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.font-size-regular,
.font-size-normal {
  font-size: 16px;
}
.font-size-xs {
  font-size: 12px;
}
.font-size-sm {
  font-size: 14px;
}
.font-size-lg {
  font-size: 18px;
}
.font-size-xl {
  font-size: 24px;
}
.line-height-regular {
  line-height: initial;
}
.line-height-lg {
  line-height: 35px;
}
.font-fixed-width {
  font-variant-numeric: tabular-nums;
}
.font-green,
#jdoc-font.font-green {
  color: hsl(86, 99%, 34%);
}
.font-green-hover,
#jdoc-font-hover.font-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-hover:hover,
#jdoc-font-hover.font-green-hover:hover {
  cursor: pointer;
  color: hsl(86, 99%, 34%);
}
.font-green-light,
#jdoc-font.font-green-light {
  color: hsl(80, 65%, 74%);
}
.font-green-light-hover,
#jdoc-font-hover.font-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-light-hover:hover,
#jdoc-font-hover.font-green-light-hover:hover {
  cursor: pointer;
  color: hsl(80, 65%, 74%);
}
.font-green-lighter,
#jdoc-font.font-green-lighter {
  color: hsl(81, 74%, 91%);
}
.font-green-lighter-hover,
#jdoc-font-hover.font-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-lighter-hover:hover,
#jdoc-font-hover.font-green-lighter-hover:hover {
  cursor: pointer;
  color: hsl(81, 74%, 91%);
}
.font-red,
#jdoc-font.font-red {
  color: hsl(0, 62%, 42%);
}
.font-red-hover,
#jdoc-font-hover.font-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-hover:hover,
#jdoc-font-hover.font-red-hover:hover {
  cursor: pointer;
  color: hsl(0, 62%, 42%);
}
.font-red-light,
#jdoc-font.font-red-light {
  color: hsl(347, 39%, 81%);
}
.font-red-light-hover,
#jdoc-font-hover.font-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-light-hover:hover,
#jdoc-font-hover.font-red-light-hover:hover {
  cursor: pointer;
  color: hsl(347, 39%, 81%);
}
.font-red-lighter,
#jdoc-font.font-red-lighter {
  color: hsl(0, 43%, 91%);
}
.font-red-lighter-hover,
#jdoc-font-hover.font-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-lighter-hover:hover,
#jdoc-font-hover.font-red-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 43%, 91%);
}
.font-orange,
#jdoc-font.font-orange {
  color: hsl(35, 95%, 50%);
}
.font-orange-hover,
#jdoc-font-hover.font-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-hover:hover,
#jdoc-font-hover.font-orange-hover:hover {
  cursor: pointer;
  color: hsl(35, 95%, 50%);
}
.font-orange-light,
#jdoc-font.font-orange-light {
  color: hsl(46, 97%, 59%);
}
.font-orange-light-hover,
#jdoc-font-hover.font-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-light-hover:hover,
#jdoc-font-hover.font-orange-light-hover:hover {
  cursor: pointer;
  color: hsl(46, 97%, 59%);
}
.font-orange-lighter,
#jdoc-font.font-orange-lighter {
  color: hsl(50, 81%, 94%);
}
.font-orange-lighter-hover,
#jdoc-font-hover.font-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-lighter-hover:hover,
#jdoc-font-hover.font-orange-lighter-hover:hover {
  cursor: pointer;
  color: hsl(50, 81%, 94%);
}
.font-black,
#jdoc-font.font-black {
  color: black;
}
.font-black-hover,
#jdoc-font-hover.font-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-black-hover:hover,
#jdoc-font-hover.font-black-hover:hover {
  cursor: pointer;
  color: black;
}
.font-gray-darker,
#jdoc-font.font-gray-darker {
  color: hsl(0, 0%, 13%);
}
.font-gray-darker-hover,
#jdoc-font-hover.font-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-darker-hover:hover,
#jdoc-font-hover.font-gray-darker-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 13%);
}
.font-gray-dark,
#jdoc-font.font-gray-dark {
  color: hsl(0, 0%, 20%);
}
.font-gray-dark-hover,
#jdoc-font-hover.font-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-dark-hover:hover,
#jdoc-font-hover.font-gray-dark-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 20%);
}
.font-gray,
#jdoc-font.font-gray {
  color: hsl(0, 0%, 54%);
}
.font-gray-hover,
#jdoc-font-hover.font-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-hover:hover,
#jdoc-font-hover.font-gray-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 54%);
}
.font-gray-light,
#jdoc-font.font-gray-light {
  color: hsl(0, 0%, 80%);
}
.font-gray-light-hover,
#jdoc-font-hover.font-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-light-hover:hover,
#jdoc-font-hover.font-gray-light-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 80%);
}
.font-gray-lighter,
#jdoc-font.font-gray-lighter {
  color: hsl(0, 0%, 95%);
}
.font-gray-lighter-hover,
#jdoc-font-hover.font-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-lighter-hover:hover,
#jdoc-font-hover.font-gray-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 95%);
}
.font-gray-lightest,
#jdoc-font.font-gray-lightest {
  color: hsl(0, 0%, 97%);
}
.font-gray-lightest-hover,
#jdoc-font-hover.font-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-lightest-hover:hover,
#jdoc-font-hover.font-gray-lightest-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 97%);
}
.font-white,
#jdoc-font.font-white {
  color: white;
}
.font-white-hover,
#jdoc-font-hover.font-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-white-hover:hover,
#jdoc-font-hover.font-white-hover:hover {
  cursor: pointer;
  color: white;
}
.font-transparent,
#jdoc-font.font-transparent {
  color: transparent;
}
.font-transparent-hover,
#jdoc-font-hover.font-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-transparent-hover:hover,
#jdoc-font-hover.font-transparent-hover:hover {
  cursor: pointer;
  color: transparent;
}
.font-overlay-light,
#jdoc-font.font-overlay-light {
  color: hsla(0, 0%, 100%, 0.5);
}
.font-overlay-light-hover,
#jdoc-font-hover.font-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-light-hover:hover,
#jdoc-font-hover.font-overlay-light-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.5);
}
.font-overlay-dark,
#jdoc-font.font-overlay-dark {
  color: hsla(0, 0%, 0%, 0.25);
}
.font-overlay-dark-hover,
#jdoc-font-hover.font-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-dark-hover:hover,
#jdoc-font-hover.font-overlay-dark-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 0%, 0.25);
}
.font-overlay-green,
#jdoc-font.font-overlay-green {
  color: hsla(86, 99%, 34%, 0.9);
}
.font-overlay-green-hover,
#jdoc-font-hover.font-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-green-hover:hover,
#jdoc-font-hover.font-overlay-green-hover:hover {
  cursor: pointer;
  color: hsla(86, 99%, 34%, 0.9);
}
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  variation classes
*/
/*
  build all colors
*/
.jelli-arrow-green,
.jelli-arrow-green,
#jdoc-arrow.arrow-green {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-green.jelli-arrow-spacer,
.jelli-arrow-green.jelli-arrow-spacer,
#jdoc-arrow.arrow-green.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before,
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.jelli-arrow-green.hover-darken:hover,
.jelli-arrow-green.hover-darken:hover,
#jdoc-arrow.arrow-green.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.jelli-arrow-green.hover-darken:hover:before,
.jelli-arrow-green.hover-darken:hover:before,
#jdoc-arrow.arrow-green.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.jelli-arrow-green.hover-darken:hover:after,
.jelli-arrow-green.hover-darken:hover:after,
#jdoc-arrow.arrow-green.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-green-light,
.jelli-arrow-green-light,
#jdoc-arrow.arrow-green-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(80, 65%, 74%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-green-light.jelli-arrow-spacer,
.jelli-arrow-green-light.jelli-arrow-spacer,
#jdoc-arrow.arrow-green-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before,
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before {
  border-color: hsl(80, 65%, 74%) transparent;
}
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  border-color: transparent hsl(80, 65%, 74%);
  top: 0px;
}
.jelli-arrow-green-light.hover-darken:hover,
.jelli-arrow-green-light.hover-darken:hover,
#jdoc-arrow.arrow-green-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(80, 65%, 64%);
}
.jelli-arrow-green-light.hover-darken:hover:before,
.jelli-arrow-green-light.hover-darken:hover:before,
#jdoc-arrow.arrow-green-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(80, 65%, 64%) transparent;
}
.jelli-arrow-green-light.hover-darken:hover:after,
.jelli-arrow-green-light.hover-darken:hover:after,
#jdoc-arrow.arrow-green-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(80, 65%, 64%);
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-red,
.jelli-arrow-red,
#jdoc-arrow.arrow-red {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 62%, 42%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-red.jelli-arrow-spacer,
.jelli-arrow-red.jelli-arrow-spacer,
#jdoc-arrow.arrow-red.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before,
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before {
  border-color: hsl(0, 62%, 42%) transparent;
}
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  border-color: transparent hsl(0, 62%, 42%);
  top: 0px;
}
.jelli-arrow-red.hover-darken:hover,
.jelli-arrow-red.hover-darken:hover,
#jdoc-arrow.arrow-red.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 62%, 32%);
}
.jelli-arrow-red.hover-darken:hover:before,
.jelli-arrow-red.hover-darken:hover:before,
#jdoc-arrow.arrow-red.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 62%, 32%) transparent;
}
.jelli-arrow-red.hover-darken:hover:after,
.jelli-arrow-red.hover-darken:hover:after,
#jdoc-arrow.arrow-red.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 62%, 32%);
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-orange,
.jelli-arrow-orange,
#jdoc-arrow.arrow-orange {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(35, 95%, 50%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-orange.jelli-arrow-spacer,
.jelli-arrow-orange.jelli-arrow-spacer,
#jdoc-arrow.arrow-orange.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before,
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before {
  border-color: hsl(35, 95%, 50%) transparent;
}
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  border-color: transparent hsl(35, 95%, 50%);
  top: 0px;
}
.jelli-arrow-orange.hover-darken:hover,
.jelli-arrow-orange.hover-darken:hover,
#jdoc-arrow.arrow-orange.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(35, 95%, 40%);
}
.jelli-arrow-orange.hover-darken:hover:before,
.jelli-arrow-orange.hover-darken:hover:before,
#jdoc-arrow.arrow-orange.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(35, 95%, 40%) transparent;
}
.jelli-arrow-orange.hover-darken:hover:after,
.jelli-arrow-orange.hover-darken:hover:after,
#jdoc-arrow.arrow-orange.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(35, 95%, 40%);
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray,
.jelli-arrow-gray,
#jdoc-arrow.arrow-gray {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 54%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray.jelli-arrow-spacer,
.jelli-arrow-gray.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before,
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before {
  border-color: hsl(0, 0%, 54%) transparent;
}
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  border-color: transparent hsl(0, 0%, 54%);
  top: 0px;
}
.jelli-arrow-gray.hover-darken:hover,
.jelli-arrow-gray.hover-darken:hover,
#jdoc-arrow.arrow-gray.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 44%);
}
.jelli-arrow-gray.hover-darken:hover:before,
.jelli-arrow-gray.hover-darken:hover:before,
#jdoc-arrow.arrow-gray.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 44%) transparent;
}
.jelli-arrow-gray.hover-darken:hover:after,
.jelli-arrow-gray.hover-darken:hover:after,
#jdoc-arrow.arrow-gray.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 44%);
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray-light,
.jelli-arrow-gray-light,
#jdoc-arrow.arrow-gray-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 80%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray-light.jelli-arrow-spacer,
.jelli-arrow-gray-light.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before,
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before {
  border-color: hsl(0, 0%, 80%) transparent;
}
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%);
  top: 0px;
}
.jelli-arrow-gray-light.hover-darken:hover,
.jelli-arrow-gray-light.hover-darken:hover,
#jdoc-arrow.arrow-gray-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 70%);
}
.jelli-arrow-gray-light.hover-darken:hover:before,
.jelli-arrow-gray-light.hover-darken:hover:before,
#jdoc-arrow.arrow-gray-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 70%) transparent;
}
.jelli-arrow-gray-light.hover-darken:hover:after,
.jelli-arrow-gray-light.hover-darken:hover:after,
#jdoc-arrow.arrow-gray-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 70%);
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray-lighter,
.jelli-arrow-gray-lighter,
#jdoc-arrow.arrow-gray-lighter {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 95%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray-lighter.jelli-arrow-spacer,
.jelli-arrow-gray-lighter.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray-lighter.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before {
  border-color: hsl(0, 0%, 95%) transparent;
}
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%);
  top: 0px;
}
.jelli-arrow-gray-lighter.hover-darken:hover,
.jelli-arrow-gray-lighter.hover-darken:hover,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 85%);
}
.jelli-arrow-gray-lighter.hover-darken:hover:before,
.jelli-arrow-gray-lighter.hover-darken:hover:before,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 85%) transparent;
}
.jelli-arrow-gray-lighter.hover-darken:hover:after,
.jelli-arrow-gray-lighter.hover-darken:hover:after,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 85%);
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-white,
.jelli-arrow-white,
#jdoc-arrow.arrow-white {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: white;
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-white.jelli-arrow-spacer,
.jelli-arrow-white.jelli-arrow-spacer,
#jdoc-arrow.arrow-white.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before,
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before {
  border-color: white transparent;
}
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  border-color: transparent white;
  top: 0px;
}
.jelli-arrow-white.hover-darken:hover,
.jelli-arrow-white.hover-darken:hover,
#jdoc-arrow.arrow-white.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: #e6e6e6;
}
.jelli-arrow-white.hover-darken:hover:before,
.jelli-arrow-white.hover-darken:hover:before,
#jdoc-arrow.arrow-white.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: #e6e6e6 transparent;
}
.jelli-arrow-white.hover-darken:hover:after,
.jelli-arrow-white.hover-darken:hover:after,
#jdoc-arrow.arrow-white.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent #e6e6e6;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
/*
  build all sizes
*/
[class^="jelli-arrow"].jelli-arrow-xs,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs {
  line-height: 24px;
  min-height: 24px;
  max-height: 24px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 6px;
  font-size: 10px;
}
[class^="jelli-arrow"].jelli-arrow-xs:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:before {
  border-width: 12px 0 12px 6px;
  left: -6px;
}
[class^="jelli-arrow"].jelli-arrow-xs:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:after {
  border-width: 12px 0 12px 6px;
  right: -6px;
}
[class^="jelli-arrow"].jelli-arrow-sm,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm {
  line-height: 30px;
  min-height: 30px;
  max-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  font-size: 12px;
}
[class^="jelli-arrow"].jelli-arrow-sm:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:before {
  border-width: 15px 0 15px 8px;
  left: -8px;
}
[class^="jelli-arrow"].jelli-arrow-sm:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:after {
  border-width: 15px 0 15px 8px;
  right: -8px;
}
[class^="jelli-arrow"].jelli-arrow-rg,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg {
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
[class^="jelli-arrow"].jelli-arrow-rg:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
[class^="jelli-arrow"].jelli-arrow-rg:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
[class^="jelli-arrow"].jelli-arrow-lg,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg {
  line-height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 11px;
  font-size: 16px;
}
[class^="jelli-arrow"].jelli-arrow-lg:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:before {
  border-width: 20px 0 20px 11px;
  left: -11px;
}
[class^="jelli-arrow"].jelli-arrow-lg:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:after {
  border-width: 20px 0 20px 11px;
  right: -11px;
}
[class^="jelli-arrow"].jelli-arrow-xl,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl {
  line-height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 12px;
  font-size: 18px;
}
[class^="jelli-arrow"].jelli-arrow-xl:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:before {
  border-width: 22px 0 22px 12px;
  left: -12px;
}
[class^="jelli-arrow"].jelli-arrow-xl:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:after {
  border-width: 22px 0 22px 12px;
  right: -12px;
}
/*
  build all variations
*/
[class^="jelli-arrow"].jelli-arrow-no-left,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left {
  border-radius: 4px 0px 0px 4px;
  margin-left: 0px !important;
}
[class^="jelli-arrow"].jelli-arrow-no-left:before,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left:before {
  display: none;
}
[class^="jelli-arrow"].jelli-arrow-no-right,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right {
  border-radius: 0px 4px 4px 0px;
}
[class^="jelli-arrow"].jelli-arrow-no-right:after,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right:after {
  display: none;
}
/*
  set default
*/
.jelli-arrow {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow:before,
.jelli-arrow:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.jelli-arrow:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.jelli-arrow.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.jelli-arrow.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.jelli-arrow.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.jelli-arrow:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
/*
  main mixin
*/
/*
  size mixin
*/
/*
  variations
*/
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  build all colors
*/
.corner-green,
.jelli-corner-green,
#jdoc-corner.corner-green {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-green span,
.jelli-corner-green span,
#jdoc-corner.corner-green span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before,
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner-green span,
.jelli-corner-green span,
#jdoc-corner.corner-green span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before {
  left: 1px;
}
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  right: 0px;
}
.corner-red,
.jelli-corner-red,
#jdoc-corner.corner-red {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-red span,
.jelli-corner-red span,
#jdoc-corner.corner-red span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(0, 62%, 42%);
  background: linear-gradient(hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before,
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before {
  border-left: 3px solid hsl(0, 62%, 30%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(0, 62%, 30%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.corner-red span,
.jelli-corner-red span,
#jdoc-corner.corner-red span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before {
  left: 1px;
}
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  right: 0px;
}
.corner-orange,
.jelli-corner-orange,
#jdoc-corner.corner-orange {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-orange span,
.jelli-corner-orange span,
#jdoc-corner.corner-orange span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(35, 95%, 50%);
  background: linear-gradient(hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before,
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before {
  border-left: 3px solid hsl(35, 95%, 38%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(35, 95%, 38%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.corner-orange span,
.jelli-corner-orange span,
#jdoc-corner.corner-orange span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before {
  left: 1px;
}
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  right: 0px;
}
.corner-white,
.jelli-corner-white,
#jdoc-corner.corner-white {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-white span,
.jelli-corner-white span,
#jdoc-corner.corner-white span {
  font-weight: bold;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: white;
  background: linear-gradient(white 0%, #f2f2f2 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before,
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before {
  border-left: 3px solid #e0e0e0;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid #e0e0e0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.corner-white span,
.jelli-corner-white span,
#jdoc-corner.corner-white span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before {
  left: 1px;
}
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  right: 0px;
}
/*
  build all sizes
*/
[class^="corner"].corner-xs,
#jdoc-corner-size[class^="corner"].corner-xs {
  width: 80px;
  height: 80px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-xs span,
#jdoc-corner-size[class^="corner"].corner-xs span {
  top: 20.33333333px;
  right: -22.33333333px;
  font-size: 10px;
  line-height: 20px;
  width: 106.66666667px;
}
[class^="corner"].corner-xs span:before,
#jdoc-corner-size[class^="corner"].corner-xs span:before {
  left: 0.33333333px;
}
[class^="corner"].corner-xs span:after,
#jdoc-corner-size[class^="corner"].corner-xs span:after {
  right: 0px;
}
[class^="corner"].corner-sm,
#jdoc-corner-size[class^="corner"].corner-sm {
  width: 100px;
  height: 100px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-sm span,
#jdoc-corner-size[class^="corner"].corner-sm span {
  top: 25.66666667px;
  right: -27.66666667px;
  font-size: 12.5px;
  line-height: 25px;
  width: 133.33333333px;
}
[class^="corner"].corner-sm span:before,
#jdoc-corner-size[class^="corner"].corner-sm span:before {
  left: 0.66666667px;
}
[class^="corner"].corner-sm span:after,
#jdoc-corner-size[class^="corner"].corner-sm span:after {
  right: 0px;
}
[class^="corner"].corner-rg,
#jdoc-corner-size[class^="corner"].corner-rg {
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-rg span,
#jdoc-corner-size[class^="corner"].corner-rg span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
[class^="corner"].corner-rg span:before,
#jdoc-corner-size[class^="corner"].corner-rg span:before {
  left: 1px;
}
[class^="corner"].corner-rg span:after,
#jdoc-corner-size[class^="corner"].corner-rg span:after {
  right: 0px;
}
[class^="corner"].corner-lg,
#jdoc-corner-size[class^="corner"].corner-lg {
  width: 140px;
  height: 140px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-lg span,
#jdoc-corner-size[class^="corner"].corner-lg span {
  top: 36.33333333px;
  right: -38.33333333px;
  font-size: 17.5px;
  line-height: 35px;
  width: 186.66666667px;
}
[class^="corner"].corner-lg span:before,
#jdoc-corner-size[class^="corner"].corner-lg span:before {
  left: 1.33333333px;
}
[class^="corner"].corner-lg span:after,
#jdoc-corner-size[class^="corner"].corner-lg span:after {
  right: 0px;
}
[class^="corner"].corner-xl,
#jdoc-corner-size[class^="corner"].corner-xl {
  width: 160px;
  height: 160px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-xl span,
#jdoc-corner-size[class^="corner"].corner-xl span {
  top: 41.66666667px;
  right: -43.66666667px;
  font-size: 20px;
  line-height: 40px;
  width: 213.33333333px;
}
[class^="corner"].corner-xl span:before,
#jdoc-corner-size[class^="corner"].corner-xl span:before {
  left: 1.66666667px;
}
[class^="corner"].corner-xl span:after,
#jdoc-corner-size[class^="corner"].corner-xl span:after {
  right: 0px;
}
/*
  set default
*/
.corner {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner span:before,
.corner span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner span:before {
  left: 1px;
}
.corner span:after {
  right: 0px;
}
/*
  size mixin
*/
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  variation classes
*/
/*
  build all colors
*/
.emblem-green,
.jelli-emblem-green,
#jdoc-emblem.emblem-green {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before,
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  transform: rotate(-30deg);
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before,
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  margin-top: -120px;
}
.emblem-red,
.jelli-emblem-red,
#jdoc-emblem.emblem-red {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before,
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  transform: rotate(-30deg);
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before,
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  margin-top: -120px;
}
.emblem-orange,
.jelli-emblem-orange,
#jdoc-emblem.emblem-orange {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before,
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  transform: rotate(-30deg);
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before,
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  margin-top: -120px;
}
.emblem-white,
.jelli-emblem-white,
#jdoc-emblem.emblem-white {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
  margin: 40px;
  color: #000;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before,
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  transform: rotate(-30deg);
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before,
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  margin-top: -120px;
}
/*
  build all sizes
*/
[class^="emblem"].emblem-xs,
#jdoc-emblem-size[class^="emblem"].emblem-xs {
  width: 80px;
  height: 80px;
  font-size: 10px;
  line-height: 80px;
  border-radius: 13.33333333px;
}
[class^="emblem"].emblem-xs:before,
#jdoc-emblem-size[class^="emblem"].emblem-xs:before,
[class^="emblem"].emblem-xs:after,
#jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  width: 80px;
  height: 80px;
  border-radius: 13.33333333px;
}
[class^="emblem"].emblem-xs:after,
#jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  margin-top: -80px;
}
[class^="emblem"].emblem-sm,
#jdoc-emblem-size[class^="emblem"].emblem-sm {
  width: 100px;
  height: 100px;
  font-size: 12.5px;
  line-height: 100px;
  border-radius: 16.66666667px;
}
[class^="emblem"].emblem-sm:before,
#jdoc-emblem-size[class^="emblem"].emblem-sm:before,
[class^="emblem"].emblem-sm:after,
#jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  width: 100px;
  height: 100px;
  border-radius: 16.66666667px;
}
[class^="emblem"].emblem-sm:after,
#jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  margin-top: -100px;
}
[class^="emblem"].emblem-rg,
#jdoc-emblem-size[class^="emblem"].emblem-rg {
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
[class^="emblem"].emblem-rg:before,
#jdoc-emblem-size[class^="emblem"].emblem-rg:before,
[class^="emblem"].emblem-rg:after,
#jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
[class^="emblem"].emblem-rg:after,
#jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  margin-top: -120px;
}
[class^="emblem"].emblem-lg,
#jdoc-emblem-size[class^="emblem"].emblem-lg {
  width: 140px;
  height: 140px;
  font-size: 17.5px;
  line-height: 140px;
  border-radius: 23.33333333px;
}
[class^="emblem"].emblem-lg:before,
#jdoc-emblem-size[class^="emblem"].emblem-lg:before,
[class^="emblem"].emblem-lg:after,
#jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  width: 140px;
  height: 140px;
  border-radius: 23.33333333px;
}
[class^="emblem"].emblem-lg:after,
#jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  margin-top: -140px;
}
[class^="emblem"].emblem-xl,
#jdoc-emblem-size[class^="emblem"].emblem-xl {
  width: 160px;
  height: 160px;
  font-size: 20px;
  line-height: 160px;
  border-radius: 26.66666667px;
}
[class^="emblem"].emblem-xl:before,
#jdoc-emblem-size[class^="emblem"].emblem-xl:before,
[class^="emblem"].emblem-xl:after,
#jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  width: 160px;
  height: 160px;
  border-radius: 26.66666667px;
}
[class^="emblem"].emblem-xl:after,
#jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  margin-top: -160px;
}
/*
  build all variations
*/
[class^="emblem"].emblem-round-less,
#jdoc-emblem-var[class^="emblem"].emblem-round-less {
  border-radius: 6px;
}
[class^="emblem"].emblem-round-less:before,
#jdoc-emblem-var[class^="emblem"].emblem-round-less:before,
[class^="emblem"].emblem-round-less:after,
#jdoc-emblem-var[class^="emblem"].emblem-round-less:after {
  border-radius: 6px;
}
[class^="emblem"].emblem-round-none,
#jdoc-emblem-var[class^="emblem"].emblem-round-none {
  border-radius: 0px;
}
[class^="emblem"].emblem-round-none:before,
#jdoc-emblem-var[class^="emblem"].emblem-round-none:before,
[class^="emblem"].emblem-round-none:after,
#jdoc-emblem-var[class^="emblem"].emblem-round-none:after {
  border-radius: 0px;
}
/*
  set default
*/
.emblem {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem:before,
.emblem:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.emblem:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem:after {
  transform: rotate(-30deg);
}
.emblem:before,
.emblem:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem:after {
  margin-top: -120px;
}
/*
  main mixin
*/
/*
  size mixin
*/
/*
  variations
*/
.margin,
#jdoc-margin.margin {
  margin: 20px;
}
.margin-xs,
#jdoc-margin.margin-xs {
  margin: 5px;
}
.margin-xs-vertical,
#jdoc-margin-size.margin-xs-vertical {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin-xs-horizontal,
#jdoc-margin-size.margin-xs-horizontal {
  margin-left: 5px;
  margin-right: 5px;
}
.margin-xs-top,
#jdoc-margin-size.margin-xs-top {
  margin-top: 3px;
}
.margin-xs-right,
#jdoc-margin-size.margin-xs-right {
  margin-right: 5px;
}
.margin-xs-bottom,
#jdoc-margin-size.margin-xs-bottom {
  margin-bottom: 3px;
}
.margin-xs-left,
#jdoc-margin-size.margin-xs-left {
  margin-left: 5px;
}
.margin-sm,
#jdoc-margin.margin-sm {
  margin: 10px;
}
.margin-sm-vertical,
#jdoc-margin-size.margin-sm-vertical {
  margin-top: 8px;
  margin-bottom: 8px;
}
.margin-sm-horizontal,
#jdoc-margin-size.margin-sm-horizontal {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-sm-top,
#jdoc-margin-size.margin-sm-top {
  margin-top: 8px;
}
.margin-sm-right,
#jdoc-margin-size.margin-sm-right {
  margin-right: 10px;
}
.margin-sm-bottom,
#jdoc-margin-size.margin-sm-bottom {
  margin-bottom: 8px;
}
.margin-sm-left,
#jdoc-margin-size.margin-sm-left {
  margin-left: 10px;
}
.margin-rg,
#jdoc-margin.margin-rg {
  margin: 20px;
}
.margin-rg-vertical,
#jdoc-margin-size.margin-rg-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.margin-rg-horizontal,
#jdoc-margin-size.margin-rg-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-rg-top,
#jdoc-margin-size.margin-rg-top {
  margin-top: 18px;
}
.margin-rg-right,
#jdoc-margin-size.margin-rg-right {
  margin-right: 20px;
}
.margin-rg-bottom,
#jdoc-margin-size.margin-rg-bottom {
  margin-bottom: 18px;
}
.margin-rg-left,
#jdoc-margin-size.margin-rg-left {
  margin-left: 20px;
}
.margin-lg,
#jdoc-margin.margin-lg {
  margin: 30px;
}
.margin-lg-vertical,
#jdoc-margin-size.margin-lg-vertical {
  margin-top: 28px;
  margin-bottom: 28px;
}
.margin-lg-horizontal,
#jdoc-margin-size.margin-lg-horizontal {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-lg-top,
#jdoc-margin-size.margin-lg-top {
  margin-top: 28px;
}
.margin-lg-right,
#jdoc-margin-size.margin-lg-right {
  margin-right: 30px;
}
.margin-lg-bottom,
#jdoc-margin-size.margin-lg-bottom {
  margin-bottom: 28px;
}
.margin-lg-left,
#jdoc-margin-size.margin-lg-left {
  margin-left: 30px;
}
.margin-xl,
#jdoc-margin.margin-xl {
  margin: 40px;
}
.margin-xl-vertical,
#jdoc-margin-size.margin-xl-vertical {
  margin-top: 38px;
  margin-bottom: 38px;
}
.margin-xl-horizontal,
#jdoc-margin-size.margin-xl-horizontal {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-xl-top,
#jdoc-margin-size.margin-xl-top {
  margin-top: 38px;
}
.margin-xl-right,
#jdoc-margin-size.margin-xl-right {
  margin-right: 40px;
}
.margin-xl-bottom,
#jdoc-margin-size.margin-xl-bottom {
  margin-bottom: 38px;
}
.margin-xl-left,
#jdoc-margin-size.margin-xl-left {
  margin-left: 40px;
}
.margin-none,
#jdoc-margin.margin-none {
  margin: 0px;
}
.margin-none-vertical,
#jdoc-margin-size.margin-none-vertical {
  margin-top: -2px;
  margin-bottom: -2px;
}
.margin-none-horizontal,
#jdoc-margin-size.margin-none-horizontal {
  margin-left: 0px;
  margin-right: 0px;
}
.margin-none-top,
#jdoc-margin-size.margin-none-top {
  margin-top: -2px;
}
.margin-none-right,
#jdoc-margin-size.margin-none-right {
  margin-right: 0px;
}
.margin-none-bottom,
#jdoc-margin-size.margin-none-bottom {
  margin-bottom: -2px;
}
.margin-none-left,
#jdoc-margin-size.margin-none-left {
  margin-left: 0px;
}
.margin {
  margin: 20px;
}
.margin-vertical,
#jdoc-margin-orientation.margin-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.margin-horizontal,
#jdoc-margin-orientation.margin-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-top,
#jdoc-margin-orientation.margin-top {
  margin-top: 18px;
}
.margin-right,
#jdoc-margin-orientation.margin-right {
  margin-right: 20px;
}
.margin-bottom,
#jdoc-margin-orientation.margin-bottom {
  margin-bottom: 18px;
}
.margin-left,
#jdoc-margin-orientation.margin-left {
  margin-left: 20px;
}
.padding,
#jdoc-padding.padding {
  padding: 20px;
}
.padding-xs,
#jdoc-padding.padding-xs {
  padding: 5px;
}
.padding-xs-vertical,
#jdoc-padding-size.padding-xs-vertical {
  padding-top: 3px;
  padding-bottom: 3px;
}
.padding-xs-horizontal,
#jdoc-padding-size.padding-xs-horizontal {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-xs-top,
#jdoc-padding-size.padding-xs-top {
  padding-top: 3px;
}
.padding-xs-right,
#jdoc-padding-size.padding-xs-right {
  padding-right: 5px;
}
.padding-xs-bottom,
#jdoc-padding-size.padding-xs-bottom {
  padding-bottom: 3px;
}
.padding-xs-left,
#jdoc-padding-size.padding-xs-left {
  padding-left: 5px;
}
.padding-sm,
#jdoc-padding.padding-sm {
  padding: 10px;
}
.padding-sm-vertical,
#jdoc-padding-size.padding-sm-vertical {
  padding-top: 8px;
  padding-bottom: 8px;
}
.padding-sm-horizontal,
#jdoc-padding-size.padding-sm-horizontal {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-sm-top,
#jdoc-padding-size.padding-sm-top {
  padding-top: 8px;
}
.padding-sm-right,
#jdoc-padding-size.padding-sm-right {
  padding-right: 10px;
}
.padding-sm-bottom,
#jdoc-padding-size.padding-sm-bottom {
  padding-bottom: 8px;
}
.padding-sm-left,
#jdoc-padding-size.padding-sm-left {
  padding-left: 10px;
}
.padding-rg,
#jdoc-padding.padding-rg {
  padding: 20px;
}
.padding-rg-vertical,
#jdoc-padding-size.padding-rg-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.padding-rg-horizontal,
#jdoc-padding-size.padding-rg-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-rg-top,
#jdoc-padding-size.padding-rg-top {
  padding-top: 18px;
}
.padding-rg-right,
#jdoc-padding-size.padding-rg-right {
  padding-right: 20px;
}
.padding-rg-bottom,
#jdoc-padding-size.padding-rg-bottom {
  padding-bottom: 18px;
}
.padding-rg-left,
#jdoc-padding-size.padding-rg-left {
  padding-left: 20px;
}
.padding-lg,
#jdoc-padding.padding-lg {
  padding: 30px;
}
.padding-lg-vertical,
#jdoc-padding-size.padding-lg-vertical {
  padding-top: 28px;
  padding-bottom: 28px;
}
.padding-lg-horizontal,
#jdoc-padding-size.padding-lg-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-lg-top,
#jdoc-padding-size.padding-lg-top {
  padding-top: 28px;
}
.padding-lg-right,
#jdoc-padding-size.padding-lg-right {
  padding-right: 30px;
}
.padding-lg-bottom,
#jdoc-padding-size.padding-lg-bottom {
  padding-bottom: 28px;
}
.padding-lg-left,
#jdoc-padding-size.padding-lg-left {
  padding-left: 30px;
}
.padding-xl,
#jdoc-padding.padding-xl {
  padding: 40px;
}
.padding-xl-vertical,
#jdoc-padding-size.padding-xl-vertical {
  padding-top: 38px;
  padding-bottom: 38px;
}
.padding-xl-horizontal,
#jdoc-padding-size.padding-xl-horizontal {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-xl-top,
#jdoc-padding-size.padding-xl-top {
  padding-top: 38px;
}
.padding-xl-right,
#jdoc-padding-size.padding-xl-right {
  padding-right: 40px;
}
.padding-xl-bottom,
#jdoc-padding-size.padding-xl-bottom {
  padding-bottom: 38px;
}
.padding-xl-left,
#jdoc-padding-size.padding-xl-left {
  padding-left: 40px;
}
.padding-none,
#jdoc-padding.padding-none {
  padding: 0px;
}
.padding-none-vertical,
#jdoc-padding-size.padding-none-vertical {
  padding-top: -2px;
  padding-bottom: -2px;
}
.padding-none-horizontal,
#jdoc-padding-size.padding-none-horizontal {
  padding-left: 0px;
  padding-right: 0px;
}
.padding-none-top,
#jdoc-padding-size.padding-none-top {
  padding-top: -2px;
}
.padding-none-right,
#jdoc-padding-size.padding-none-right {
  padding-right: 0px;
}
.padding-none-bottom,
#jdoc-padding-size.padding-none-bottom {
  padding-bottom: -2px;
}
.padding-none-left,
#jdoc-padding-size.padding-none-left {
  padding-left: 0px;
}
.padding {
  padding: 20px;
}
.padding-vertical,
#jdoc-padding-orientation.padding-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.padding-horizontal,
#jdoc-padding-orientation.padding-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-top,
#jdoc-padding-orientation.padding-top {
  padding-top: 18px;
}
.padding-right,
#jdoc-padding-orientation.padding-right {
  padding-right: 20px;
}
.padding-bottom,
#jdoc-padding-orientation.padding-bottom {
  padding-bottom: 18px;
}
.padding-left,
#jdoc-padding-orientation.padding-left {
  padding-left: 20px;
}
.position-relative {
  position: relative !important;
}
.position-fixed {
  position: fixed !important;
}
.position-absolute {
  position: absolute !important;
}
.shadow {
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.shadow-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg {
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset {
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-lg {
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-horizontal {
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-lg-horizontal {
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-lg-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-lg-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.shadow-down {
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-up {
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-down {
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-up {
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-none {
  box-shadow: none;
}
.text-default {
  text-align: left;
  vertical-align: bottom;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center,
.text-centered {
  text-align: center !important;
}
.text-top {
  vertical-align: top !important;
}
.text-middle {
  vertical-align: middle !important;
}
.text-bottom {
  vertical-align: bottom !important;
}
.text-capitalize,
.text-capitalized {
  text-transform: capitalize !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-shadow-dark {
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
}
.text-shadow-light {
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
}
.plan-delivery .plan-delivery-upper {
  display: flex;
}
.plan-delivery .plan-delivery-upper > div {
  display: flex;
  flex-direction: column;
}
.plan-delivery .plan-delivery-upper .plan-delivery-header {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(0, 0%, 95%);
}
.plan-delivery .plan-delivery-upper .plan-delivery-basics {
  min-width: 550px;
}
.plan-delivery .plan-delivery-upper .plan-delivery-basics .plan-delivery-basics-header {
  margin-right: 10px;
}
.plan-delivery .plan-delivery-upper .plan-delivery-basics .plan-delivery-basics-section {
  display: flex;
  flex-direction: row;
}
.plan-delivery .plan-delivery-upper .plan-delivery-basics .plan-delivery-basics-section .plan-delivery-basics-item {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 8px;
  margin-right: 10px;
  border: 1px solid hsl(0, 0%, 80%);
  border-width: 4px;
  border: 1px solid hsl(0, 0%, 95%);
  height: 70.5px;
}
.plan-delivery .plan-delivery-upper .plan-delivery-basics .plan-delivery-basics-section .plan-delivery-basics-item label {
  color: hsl(0, 0%, 80%);
}
.plan-delivery .plan-delivery-upper .plan-delivery-basics .plan-delivery-basics-section .plan-delivery-basics-item .compliance-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1 1;
  line-height: 70px;
}
.plan-delivery .plan-delivery-upper .plan-delivery-basics .plan-delivery-basics-section .plan-delivery-basics-item .compliance-wrapper .compliance-value {
  color: hsl(86, 99%, 34%);
  font-size: 24px;
  min-width: 68px;
}
.plan-delivery .plan-delivery-upper .plan-delivery-widgets {
  flex: 1 1 auto;
  min-width: 60%;
  margin-left: 10px;
  border: 3px solid hsl(0, 0%, 95%);
}
.plan-delivery .plan-delivery-upper .plan-delivery-widgets .plan-delivery-widgets-header .plan-delivery-widgets-selector {
  padding-right: 10px;
}
.plan-delivery .plan-delivery-upper .plan-delivery-widgets .plan-delivery-widgets-header .plan-delivery-widgets-selector + .plan-delivery-widgets-selector {
  padding-left: 10px;
  border-left: 1px solid hsl(0, 0%, 50%);
}
.plan-delivery .plan-delivery-upper .plan-delivery-widgets .plan-delivery-widgets-header .last-updated {
  color: hsl(0, 0%, 54%);
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.plan-delivery .plan-delivery-upper .plan-delivery-widgets .chart-scroll {
  min-height: 125px;
}
.plan-delivery .plan-delivery-upper .plan-delivery-widgets .overall-metrics-chart .highcharts-series rect:nth-of-type(1) {
  fill: #ccc;
}
.plan-delivery .plan-delivery-upper .plan-delivery-widgets .overall-metrics-chart .highcharts-series rect:nth-of-type(3) {
  opacity: 0.5;
}
.plan-delivery .plan-delivery-lower {
  border: 1px solid hsl(0, 0%, 80%);
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  margin-top: 18px;
  padding-top: 18px;
}
.plan-details-header-form-section:not(:first-of-type) {
  border-top: 1px solid #ccc;
  margin-top: 15px;
}
.plan-details-header-form-section:not(:first-of-type) .header-label {
  margin-top: 15px;
}
.plan-details-footer-form-section {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.plan-details-view {
  display: flex;
}
.plan-details-view .deal-summary {
  width: 100%;
}
.plan-details-view .plan-details-left-column {
  min-width: 650px;
  max-width: 650px;
}
.plan-details-view .plan-details-right-column {
  width: 100%;
  display: grid;
  grid-auto-flow: dense;
  grid-auto-rows: 180px;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, 305px);
  margin-left: 20px;
  height: fit-content;
}
.plan-details-view .plan-details-right-column .metrics-widget {
  min-width: 305px;
}
.plan-details-view .plan-details-right-column .metrics-widget .apply-changes-message {
  padding: 10px;
  height: 80px;
}
.plan-details-view .plan-details-right-column .metrics-widget.metrics-widget-wide {
  grid-column: span 2;
}
.plan-details-view .plan-details-right-column .metrics-widget.metrics-widget-lg {
  grid-column: span 2;
  grid-row: span 2;
}
.plan-details-view .plan-details-right-column .metrics-widget.metrics-widget-tall {
  grid-row: span 2;
}
.plan-details-view .plan-details-right-column .metrics-widget .forecast-activity {
  margin-top: 6px;
}
.plan-details-view .plan-details-right-column .metrics-chart {
  height: fit-content;
}
.plan-details-view .plan-details-right-column .metrics-chart .chart-scroll.is-loading {
  height: 125px;
}
.plan-details-view .plan-details-right-column .metrics-chart .table-activity {
  max-height: 100px;
  transform: scale(0.7);
}
.plan-details-view .forecasting-table {
  font-size: 14px;
  width: 100%;
  margin-top: 6px;
}
.plan-details-view .forecasting-table .forecasting-table-header,
.plan-details-view .forecasting-table .left-col {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.plan-details-view .forecasting-table .new-forecast-col {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 100ms ease-out 0s;
  -moz-transition: color 100ms ease-out 0s;
  -webkit-transition: color 100ms ease-out 0s;
  transition: color 100ms ease-out 0s;
  color: hsl(0, 0%, 54%);
}
.plan-details-view .forecasting-table .new-forecast-col.is-updating-forecast {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 250ms ease-out 0s;
  -moz-transition: color 250ms ease-out 0s;
  -webkit-transition: color 250ms ease-out 0s;
  transition: color 250ms ease-out 0s;
  color: hsl(0, 0%, 90%);
}
.plan-details-view .forecasting-table td {
  padding: 3px 5px 3px 7px;
}
.plan-details-view .panel-group .panel {
  border: none;
  border-bottom: 1px solid hsl(0, 0%, 80%);
}
.plan-details-view .panel-group .panel .panel-heading {
  width: 100%;
  background-color: #fff;
  padding-left: 10px;
}
.plan-details-view .panel-group .panel .panel-heading .plan-input-items {
  display: inline-block;
}
.plan-details-view .panel-group .panel .panel-heading .accordion-icon {
  line-height: 35px;
  color: hsl(86, 99%, 34%);
  transform-origin: bottom;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: transform 0.25s ease-out 0s;
  -moz-transition: transform 0.25s ease-out 0s;
  -webkit-transition: transform 0.25s ease-out 0s;
  transition: transform 0.25s ease-out 0s;
}
.plan-details-view .panel-group .panel .panel-heading .accordion-icon.jelli-icon-lock {
  color: hsl(0, 0%, 54%);
}
.plan-details-view .panel-group .panel .panel-heading .panel-title {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.plan-details-view .panel-group .panel .panel-heading .panel-title .jelli-input-label {
  padding-left: 0px !important;
}
.plan-details-view .panel-group .panel .panel-heading .panel-title .j-input-is-read-only {
  flex: 1;
}
.plan-details-view .panel-group .panel .panel-heading .panel-title .j-input-is-read-only .input-flex {
  flex: 1;
}
.plan-details-view .panel-group .panel .panel-heading .panel-title .j-input-is-read-only.j-input-text,
.plan-details-view .panel-group .panel .panel-heading .panel-title .j-input-is-read-only.plan-age-range-min-age {
  flex: 0;
}
.plan-details-view .panel-group .panel .panel-heading .panel-title a,
.plan-details-view .panel-group .panel .panel-heading .panel-title a:hover,
.plan-details-view .panel-group .panel .panel-heading .panel-title a:active,
.plan-details-view .panel-group .panel .panel-heading .panel-title a:visited {
  color: #000;
  text-decoration: unset;
}
.plan-details-view .panel-group .panel .panel-heading .panel-title .editing-disabled {
  display: none;
}
.plan-details-view .panel-group .panel .panel-heading .panel-title .plan-details-wormhole-title {
  flex: 1;
}
.plan-details-view .panel-group .panel .panel-heading.expanded .panel-title .j-input-wrapper-yield {
  display: none;
}
.plan-details-view .panel-group .panel .panel-heading.expanded .accordion-icon {
  transform: rotate(180deg);
}
.plan-details-view .panel-group .panel .panel-body {
  padding: 20px;
  border-top: none !important;
  padding-top: 0;
  padding-left: 10px;
}
.plan-details-view .metrics-widget-wide {
  grid-column: span 2;
}
.selected-deal-read-only {
  line-height: 35px;
}

/*
    NOTE: These should be kept in sync with 'common/constansts/screen-size.js'
*/
.shrinky-dink {
  transform-origin: top left;
  transition: transform 0.25s;
}
@media (max-width: 5760px) {
  .shrinky-dink {
    transform: scale(1);
  }
}
@media (max-width: 1280px) {
  .shrinky-dink {
    transform: scale(0.8);
  }
}
/*
    colors array
*/
.box-shadow-pop-out {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.box-shadow-pop-in {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.font-style-fix {
  font-weight: normal !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHRiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLijXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
.roboto-thin {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: normal;
}
.roboto-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.roboto-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.roboto-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.roboto-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.roboto-black {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 900;
  font-style: normal;
}
.roboto-thin-italic {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: italic;
}
/*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{alpha-font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
/*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
@font-face {
  font-family: 'jelli-alphabet';
  src: url(./fonts/jelli-alphabet.eot?xfcinv);
  src: url(./fonts/jelli-alphabet.eot?xfcinv#iefix) format('embedded-opentype'), url(./fonts/jelli-alphabet.ttf?xfcinv) format('truetype'), url(./fonts/jelli-alphabet.woff?xfcinv) format('woff'), url(./fonts/jelli-alphabet.svg?xfcinv#jelli-alphabet) format('svg');
  font-weight: normal;
  font-style: normal;
}
.jelli-font-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.jelli-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha.label-left {
  padding-left: 6px;
}
.jelli-alpha.label-right {
  padding-right: 6px;
}
.jelli-alpha[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-char-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.jelli-alpha-a,
#jdoc-alpha.alpha-docs-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-a.label-left,
#jdoc-alpha.alpha-docs-a.label-left {
  padding-left: 6px;
}
.jelli-alpha-a.label-right,
#jdoc-alpha.alpha-docs-a.label-right {
  padding-right: 6px;
}
.jelli-alpha-a[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-a[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-a[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-a[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-a:before,
#jdoc-alpha.alpha-docs-a:before {
  content: "\e900" !important;
}
.jelli-alpha-char-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.jelli-alpha-b,
#jdoc-alpha.alpha-docs-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-b.label-left,
#jdoc-alpha.alpha-docs-b.label-left {
  padding-left: 6px;
}
.jelli-alpha-b.label-right,
#jdoc-alpha.alpha-docs-b.label-right {
  padding-right: 6px;
}
.jelli-alpha-b[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-b[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-b[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-b[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-b:before,
#jdoc-alpha.alpha-docs-b:before {
  content: "\e901" !important;
}
.jelli-alpha-char-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.jelli-alpha-c,
#jdoc-alpha.alpha-docs-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-c.label-left,
#jdoc-alpha.alpha-docs-c.label-left {
  padding-left: 6px;
}
.jelli-alpha-c.label-right,
#jdoc-alpha.alpha-docs-c.label-right {
  padding-right: 6px;
}
.jelli-alpha-c[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-c[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-c[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-c[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-c:before,
#jdoc-alpha.alpha-docs-c:before {
  content: "\e902" !important;
}
.jelli-alpha-char-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.jelli-alpha-d,
#jdoc-alpha.alpha-docs-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-d.label-left,
#jdoc-alpha.alpha-docs-d.label-left {
  padding-left: 6px;
}
.jelli-alpha-d.label-right,
#jdoc-alpha.alpha-docs-d.label-right {
  padding-right: 6px;
}
.jelli-alpha-d[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-d[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-d[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-d[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-d:before,
#jdoc-alpha.alpha-docs-d:before {
  content: "\e903" !important;
}
.jelli-alpha-char-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.jelli-alpha-e,
#jdoc-alpha.alpha-docs-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-e.label-left,
#jdoc-alpha.alpha-docs-e.label-left {
  padding-left: 6px;
}
.jelli-alpha-e.label-right,
#jdoc-alpha.alpha-docs-e.label-right {
  padding-right: 6px;
}
.jelli-alpha-e[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-e[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-e[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-e[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-e:before,
#jdoc-alpha.alpha-docs-e:before {
  content: "\e904" !important;
}
.jelli-alpha-char-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.jelli-alpha-f,
#jdoc-alpha.alpha-docs-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-f.label-left,
#jdoc-alpha.alpha-docs-f.label-left {
  padding-left: 6px;
}
.jelli-alpha-f.label-right,
#jdoc-alpha.alpha-docs-f.label-right {
  padding-right: 6px;
}
.jelli-alpha-f[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-f[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-f[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-f[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-f:before,
#jdoc-alpha.alpha-docs-f:before {
  content: "\e905" !important;
}
.jelli-alpha-char-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.jelli-alpha-g,
#jdoc-alpha.alpha-docs-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-g.label-left,
#jdoc-alpha.alpha-docs-g.label-left {
  padding-left: 6px;
}
.jelli-alpha-g.label-right,
#jdoc-alpha.alpha-docs-g.label-right {
  padding-right: 6px;
}
.jelli-alpha-g[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-g[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-g[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-g[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-g:before,
#jdoc-alpha.alpha-docs-g:before {
  content: "\e906" !important;
}
.jelli-alpha-char-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.jelli-alpha-h,
#jdoc-alpha.alpha-docs-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-h.label-left,
#jdoc-alpha.alpha-docs-h.label-left {
  padding-left: 6px;
}
.jelli-alpha-h.label-right,
#jdoc-alpha.alpha-docs-h.label-right {
  padding-right: 6px;
}
.jelli-alpha-h[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-h[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-h[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-h[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-h:before,
#jdoc-alpha.alpha-docs-h:before {
  content: "\e907" !important;
}
.jelli-alpha-char-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.jelli-alpha-i,
#jdoc-alpha.alpha-docs-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-i.label-left,
#jdoc-alpha.alpha-docs-i.label-left {
  padding-left: 6px;
}
.jelli-alpha-i.label-right,
#jdoc-alpha.alpha-docs-i.label-right {
  padding-right: 6px;
}
.jelli-alpha-i[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-i[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-i[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-i[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-i:before,
#jdoc-alpha.alpha-docs-i:before {
  content: "\e908" !important;
}
.jelli-alpha-char-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.jelli-alpha-j,
#jdoc-alpha.alpha-docs-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-j.label-left,
#jdoc-alpha.alpha-docs-j.label-left {
  padding-left: 6px;
}
.jelli-alpha-j.label-right,
#jdoc-alpha.alpha-docs-j.label-right {
  padding-right: 6px;
}
.jelli-alpha-j[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-j[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-j[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-j[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-j:before,
#jdoc-alpha.alpha-docs-j:before {
  content: "\e909" !important;
}
.jelli-alpha-char-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90a" !important;
}
.jelli-alpha-k,
#jdoc-alpha.alpha-docs-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-k.label-left,
#jdoc-alpha.alpha-docs-k.label-left {
  padding-left: 6px;
}
.jelli-alpha-k.label-right,
#jdoc-alpha.alpha-docs-k.label-right {
  padding-right: 6px;
}
.jelli-alpha-k[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-k[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-k[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-k[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-k:before,
#jdoc-alpha.alpha-docs-k:before {
  content: "\e90a" !important;
}
.jelli-alpha-char-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90b" !important;
}
.jelli-alpha-l,
#jdoc-alpha.alpha-docs-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-l.label-left,
#jdoc-alpha.alpha-docs-l.label-left {
  padding-left: 6px;
}
.jelli-alpha-l.label-right,
#jdoc-alpha.alpha-docs-l.label-right {
  padding-right: 6px;
}
.jelli-alpha-l[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-l[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-l[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-l[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-l:before,
#jdoc-alpha.alpha-docs-l:before {
  content: "\e90b" !important;
}
.jelli-alpha-char-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90c" !important;
}
.jelli-alpha-m,
#jdoc-alpha.alpha-docs-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-m.label-left,
#jdoc-alpha.alpha-docs-m.label-left {
  padding-left: 6px;
}
.jelli-alpha-m.label-right,
#jdoc-alpha.alpha-docs-m.label-right {
  padding-right: 6px;
}
.jelli-alpha-m[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-m[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-m[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-m[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-m:before,
#jdoc-alpha.alpha-docs-m:before {
  content: "\e90c" !important;
}
.jelli-alpha-char-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90d" !important;
}
.jelli-alpha-n,
#jdoc-alpha.alpha-docs-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-n.label-left,
#jdoc-alpha.alpha-docs-n.label-left {
  padding-left: 6px;
}
.jelli-alpha-n.label-right,
#jdoc-alpha.alpha-docs-n.label-right {
  padding-right: 6px;
}
.jelli-alpha-n[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-n[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-n[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-n[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-n:before,
#jdoc-alpha.alpha-docs-n:before {
  content: "\e90d" !important;
}
.jelli-alpha-char-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90e" !important;
}
.jelli-alpha-o,
#jdoc-alpha.alpha-docs-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-o.label-left,
#jdoc-alpha.alpha-docs-o.label-left {
  padding-left: 6px;
}
.jelli-alpha-o.label-right,
#jdoc-alpha.alpha-docs-o.label-right {
  padding-right: 6px;
}
.jelli-alpha-o[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-o[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-o[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-o[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-o:before,
#jdoc-alpha.alpha-docs-o:before {
  content: "\e90e" !important;
}
.jelli-alpha-char-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.jelli-alpha-p,
#jdoc-alpha.alpha-docs-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-p.label-left,
#jdoc-alpha.alpha-docs-p.label-left {
  padding-left: 6px;
}
.jelli-alpha-p.label-right,
#jdoc-alpha.alpha-docs-p.label-right {
  padding-right: 6px;
}
.jelli-alpha-p[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-p[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-p[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-p[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-p:before,
#jdoc-alpha.alpha-docs-p:before {
  content: "\e90f" !important;
}
.jelli-alpha-char-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.jelli-alpha-q,
#jdoc-alpha.alpha-docs-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-q.label-left,
#jdoc-alpha.alpha-docs-q.label-left {
  padding-left: 6px;
}
.jelli-alpha-q.label-right,
#jdoc-alpha.alpha-docs-q.label-right {
  padding-right: 6px;
}
.jelli-alpha-q[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-q[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-q[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-q[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-q:before,
#jdoc-alpha.alpha-docs-q:before {
  content: "\e910" !important;
}
.jelli-alpha-char-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.jelli-alpha-r,
#jdoc-alpha.alpha-docs-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-r.label-left,
#jdoc-alpha.alpha-docs-r.label-left {
  padding-left: 6px;
}
.jelli-alpha-r.label-right,
#jdoc-alpha.alpha-docs-r.label-right {
  padding-right: 6px;
}
.jelli-alpha-r[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-r[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-r[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-r[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-r:before,
#jdoc-alpha.alpha-docs-r:before {
  content: "\e911" !important;
}
.jelli-alpha-char-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.jelli-alpha-s,
#jdoc-alpha.alpha-docs-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-s.label-left,
#jdoc-alpha.alpha-docs-s.label-left {
  padding-left: 6px;
}
.jelli-alpha-s.label-right,
#jdoc-alpha.alpha-docs-s.label-right {
  padding-right: 6px;
}
.jelli-alpha-s[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-s[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-s[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-s[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-s:before,
#jdoc-alpha.alpha-docs-s:before {
  content: "\e912" !important;
}
.jelli-alpha-char-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.jelli-alpha-t,
#jdoc-alpha.alpha-docs-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-t.label-left,
#jdoc-alpha.alpha-docs-t.label-left {
  padding-left: 6px;
}
.jelli-alpha-t.label-right,
#jdoc-alpha.alpha-docs-t.label-right {
  padding-right: 6px;
}
.jelli-alpha-t[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-t[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-t[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-t[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-t:before,
#jdoc-alpha.alpha-docs-t:before {
  content: "\e913" !important;
}
.jelli-alpha-char-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.jelli-alpha-u,
#jdoc-alpha.alpha-docs-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-u.label-left,
#jdoc-alpha.alpha-docs-u.label-left {
  padding-left: 6px;
}
.jelli-alpha-u.label-right,
#jdoc-alpha.alpha-docs-u.label-right {
  padding-right: 6px;
}
.jelli-alpha-u[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-u[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-u[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-u[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-u:before,
#jdoc-alpha.alpha-docs-u:before {
  content: "\e914" !important;
}
.jelli-alpha-char-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.jelli-alpha-v,
#jdoc-alpha.alpha-docs-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-v.label-left,
#jdoc-alpha.alpha-docs-v.label-left {
  padding-left: 6px;
}
.jelli-alpha-v.label-right,
#jdoc-alpha.alpha-docs-v.label-right {
  padding-right: 6px;
}
.jelli-alpha-v[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-v[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-v[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-v[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-v:before,
#jdoc-alpha.alpha-docs-v:before {
  content: "\e915" !important;
}
.jelli-alpha-char-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.jelli-alpha-w,
#jdoc-alpha.alpha-docs-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-w.label-left,
#jdoc-alpha.alpha-docs-w.label-left {
  padding-left: 6px;
}
.jelli-alpha-w.label-right,
#jdoc-alpha.alpha-docs-w.label-right {
  padding-right: 6px;
}
.jelli-alpha-w[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-w[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-w[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-w[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-w:before,
#jdoc-alpha.alpha-docs-w:before {
  content: "\e916" !important;
}
.jelli-alpha-char-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.jelli-alpha-x,
#jdoc-alpha.alpha-docs-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-x.label-left,
#jdoc-alpha.alpha-docs-x.label-left {
  padding-left: 6px;
}
.jelli-alpha-x.label-right,
#jdoc-alpha.alpha-docs-x.label-right {
  padding-right: 6px;
}
.jelli-alpha-x[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-x[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-x[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-x[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-x:before,
#jdoc-alpha.alpha-docs-x:before {
  content: "\e917" !important;
}
.jelli-alpha-char-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e918" !important;
}
.jelli-alpha-y,
#jdoc-alpha.alpha-docs-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-y.label-left,
#jdoc-alpha.alpha-docs-y.label-left {
  padding-left: 6px;
}
.jelli-alpha-y.label-right,
#jdoc-alpha.alpha-docs-y.label-right {
  padding-right: 6px;
}
.jelli-alpha-y[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-y[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-y[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-y[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-y:before,
#jdoc-alpha.alpha-docs-y:before {
  content: "\e918" !important;
}
.jelli-alpha-char-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e919" !important;
}
.jelli-alpha-z,
#jdoc-alpha.alpha-docs-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-z.label-left,
#jdoc-alpha.alpha-docs-z.label-left {
  padding-left: 6px;
}
.jelli-alpha-z.label-right,
#jdoc-alpha.alpha-docs-z.label-right {
  padding-right: 6px;
}
.jelli-alpha-z[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-z[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-z[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-z[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-z:before,
#jdoc-alpha.alpha-docs-z:before {
  content: "\e919" !important;
}
.jelli-alpha-char-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91a" !important;
}
.jelli-alpha-0,
#jdoc-alpha.alpha-docs-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-0.label-left,
#jdoc-alpha.alpha-docs-0.label-left {
  padding-left: 6px;
}
.jelli-alpha-0.label-right,
#jdoc-alpha.alpha-docs-0.label-right {
  padding-right: 6px;
}
.jelli-alpha-0[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-0[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-0[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-0[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-0:before,
#jdoc-alpha.alpha-docs-0:before {
  content: "\e91a" !important;
}
.jelli-alpha-char-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91b" !important;
}
.jelli-alpha-1,
#jdoc-alpha.alpha-docs-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-1.label-left,
#jdoc-alpha.alpha-docs-1.label-left {
  padding-left: 6px;
}
.jelli-alpha-1.label-right,
#jdoc-alpha.alpha-docs-1.label-right {
  padding-right: 6px;
}
.jelli-alpha-1[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-1[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-1[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-1[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-1:before,
#jdoc-alpha.alpha-docs-1:before {
  content: "\e91b" !important;
}
.jelli-alpha-char-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91c" !important;
}
.jelli-alpha-2,
#jdoc-alpha.alpha-docs-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-2.label-left,
#jdoc-alpha.alpha-docs-2.label-left {
  padding-left: 6px;
}
.jelli-alpha-2.label-right,
#jdoc-alpha.alpha-docs-2.label-right {
  padding-right: 6px;
}
.jelli-alpha-2[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-2[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-2[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-2[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-2:before,
#jdoc-alpha.alpha-docs-2:before {
  content: "\e91c" !important;
}
.jelli-alpha-char-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91d" !important;
}
.jelli-alpha-3,
#jdoc-alpha.alpha-docs-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-3.label-left,
#jdoc-alpha.alpha-docs-3.label-left {
  padding-left: 6px;
}
.jelli-alpha-3.label-right,
#jdoc-alpha.alpha-docs-3.label-right {
  padding-right: 6px;
}
.jelli-alpha-3[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-3[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-3[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-3[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-3:before,
#jdoc-alpha.alpha-docs-3:before {
  content: "\e91d" !important;
}
.jelli-alpha-char-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91e" !important;
}
.jelli-alpha-4,
#jdoc-alpha.alpha-docs-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-4.label-left,
#jdoc-alpha.alpha-docs-4.label-left {
  padding-left: 6px;
}
.jelli-alpha-4.label-right,
#jdoc-alpha.alpha-docs-4.label-right {
  padding-right: 6px;
}
.jelli-alpha-4[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-4[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-4[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-4[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-4:before,
#jdoc-alpha.alpha-docs-4:before {
  content: "\e91e" !important;
}
.jelli-alpha-char-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.jelli-alpha-5,
#jdoc-alpha.alpha-docs-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-5.label-left,
#jdoc-alpha.alpha-docs-5.label-left {
  padding-left: 6px;
}
.jelli-alpha-5.label-right,
#jdoc-alpha.alpha-docs-5.label-right {
  padding-right: 6px;
}
.jelli-alpha-5[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-5[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-5[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-5[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-5:before,
#jdoc-alpha.alpha-docs-5:before {
  content: "\e91f" !important;
}
.jelli-alpha-char-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e920" !important;
}
.jelli-alpha-6,
#jdoc-alpha.alpha-docs-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-6.label-left,
#jdoc-alpha.alpha-docs-6.label-left {
  padding-left: 6px;
}
.jelli-alpha-6.label-right,
#jdoc-alpha.alpha-docs-6.label-right {
  padding-right: 6px;
}
.jelli-alpha-6[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-6[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-6[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-6[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-6:before,
#jdoc-alpha.alpha-docs-6:before {
  content: "\e920" !important;
}
.jelli-alpha-char-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e921" !important;
}
.jelli-alpha-7,
#jdoc-alpha.alpha-docs-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-7.label-left,
#jdoc-alpha.alpha-docs-7.label-left {
  padding-left: 6px;
}
.jelli-alpha-7.label-right,
#jdoc-alpha.alpha-docs-7.label-right {
  padding-right: 6px;
}
.jelli-alpha-7[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-7[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-7[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-7[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-7:before,
#jdoc-alpha.alpha-docs-7:before {
  content: "\e921" !important;
}
.jelli-alpha-char-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e922" !important;
}
.jelli-alpha-8,
#jdoc-alpha.alpha-docs-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-8.label-left,
#jdoc-alpha.alpha-docs-8.label-left {
  padding-left: 6px;
}
.jelli-alpha-8.label-right,
#jdoc-alpha.alpha-docs-8.label-right {
  padding-right: 6px;
}
.jelli-alpha-8[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-8[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-8[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-8[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-8:before,
#jdoc-alpha.alpha-docs-8:before {
  content: "\e922" !important;
}
.jelli-alpha-char-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e923" !important;
}
.jelli-alpha-9,
#jdoc-alpha.alpha-docs-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-9.label-left,
#jdoc-alpha.alpha-docs-9.label-left {
  padding-left: 6px;
}
.jelli-alpha-9.label-right,
#jdoc-alpha.alpha-docs-9.label-right {
  padding-right: 6px;
}
.jelli-alpha-9[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-9[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-9[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-9[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-9:before,
#jdoc-alpha.alpha-docs-9:before {
  content: "\e923" !important;
}
.jelli-alpha-char-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e924" !important;
}
.jelli-alpha-exclamation,
#jdoc-alpha.alpha-docs-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-exclamation.label-left,
#jdoc-alpha.alpha-docs-exclamation.label-left {
  padding-left: 6px;
}
.jelli-alpha-exclamation.label-right,
#jdoc-alpha.alpha-docs-exclamation.label-right {
  padding-right: 6px;
}
.jelli-alpha-exclamation[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-exclamation[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-exclamation[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-exclamation[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-exclamation:before,
#jdoc-alpha.alpha-docs-exclamation:before {
  content: "\e924" !important;
}
.jelli-alpha-char-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e925" !important;
}
.jelli-alpha-question,
#jdoc-alpha.alpha-docs-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-alpha-question.label-left,
#jdoc-alpha.alpha-docs-question.label-left {
  padding-left: 6px;
}
.jelli-alpha-question.label-right,
#jdoc-alpha.alpha-docs-question.label-right {
  padding-right: 6px;
}
.jelli-alpha-question[class$="-gray"].not(.no-hover),
#jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-alpha-question[class$="-gray"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-alpha-question[class$="-green"].not(.no-hover),
#jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-alpha-question[class$="-green"].not(.no-hover):hover,
#jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-alpha-question:before,
#jdoc-alpha.alpha-docs-question:before {
  content: "\e925" !important;
}
/*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
/*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
@font-face {
  font-family: 'jelli-icons';
  src: url(./fonts/jelli-icons.ttf?soz59a) format('truetype'), url(./fonts/jelli-icons.woff?soz59a) format('woff'), url(./fonts/jelli-icons.svg?soz59a#jelli-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
.jelli-font-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.jelli-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon.label-left {
  padding-left: 6px;
}
.jelli-icon.label-right {
  padding-right: 6px;
}
.jelli-icon[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-char-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.jelli-icon-upload,
#jdoc-icon.icon-docs-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-upload.label-left,
#jdoc-icon.icon-docs-upload.label-left {
  padding-left: 6px;
}
.jelli-icon-upload.label-right,
#jdoc-icon.icon-docs-upload.label-right {
  padding-right: 6px;
}
.jelli-icon-upload[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-upload[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-upload[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-upload[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-upload:before,
#jdoc-icon.icon-docs-upload:before {
  content: "\e900" !important;
}
.jelli-icon-char-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e600" !important;
}
.jelli-icon-x,
#jdoc-icon.icon-docs-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-x.label-left,
#jdoc-icon.icon-docs-x.label-left {
  padding-left: 6px;
}
.jelli-icon-x.label-right,
#jdoc-icon.icon-docs-x.label-right {
  padding-right: 6px;
}
.jelli-icon-x[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-x[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-x[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-x[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-x:before,
#jdoc-icon.icon-docs-x:before {
  content: "\e600" !important;
}
.jelli-icon-char-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e601" !important;
}
.jelli-icon-undo,
#jdoc-icon.icon-docs-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-undo.label-left,
#jdoc-icon.icon-docs-undo.label-left {
  padding-left: 6px;
}
.jelli-icon-undo.label-right,
#jdoc-icon.icon-docs-undo.label-right {
  padding-right: 6px;
}
.jelli-icon-undo[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-undo[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-undo[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-undo[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-undo:before,
#jdoc-icon.icon-docs-undo:before {
  content: "\e601" !important;
}
.jelli-icon-char-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e602" !important;
}
.jelli-icon-triangle-up,
#jdoc-icon.icon-docs-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-up.label-left,
#jdoc-icon.icon-docs-triangle-up.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-up.label-right,
#jdoc-icon.icon-docs-triangle-up.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-up:before,
#jdoc-icon.icon-docs-triangle-up:before {
  content: "\e602" !important;
}
.jelli-icon-char-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e603" !important;
}
.jelli-icon-triangle-up-down,
#jdoc-icon.icon-docs-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-up-down.label-left,
#jdoc-icon.icon-docs-triangle-up-down.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-up-down.label-right,
#jdoc-icon.icon-docs-triangle-up-down.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-up-down:before,
#jdoc-icon.icon-docs-triangle-up-down:before {
  content: "\e603" !important;
}
.jelli-icon-char-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e604" !important;
}
.jelli-icon-triangle-down,
#jdoc-icon.icon-docs-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-down.label-left,
#jdoc-icon.icon-docs-triangle-down.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-down.label-right,
#jdoc-icon.icon-docs-triangle-down.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-down:before,
#jdoc-icon.icon-docs-triangle-down:before {
  content: "\e604" !important;
}
.jelli-icon-char-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e605" !important;
}
.jelli-icon-caret-down,
#jdoc-icon.icon-docs-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-down.label-left,
#jdoc-icon.icon-docs-caret-down.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-down.label-right,
#jdoc-icon.icon-docs-caret-down.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-down:before,
#jdoc-icon.icon-docs-caret-down:before {
  content: "\e605" !important;
}
.jelli-icon-char-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e606" !important;
}
.jelli-icon-remove-hollow,
#jdoc-icon.icon-docs-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-remove-hollow.label-left,
#jdoc-icon.icon-docs-remove-hollow.label-left {
  padding-left: 6px;
}
.jelli-icon-remove-hollow.label-right,
#jdoc-icon.icon-docs-remove-hollow.label-right {
  padding-right: 6px;
}
.jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-remove-hollow[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-remove-hollow[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-remove-hollow:before,
#jdoc-icon.icon-docs-remove-hollow:before {
  content: "\e606" !important;
}
.jelli-icon-char-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e607" !important;
}
.jelli-icon-rocket,
#jdoc-icon.icon-docs-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-rocket.label-left,
#jdoc-icon.icon-docs-rocket.label-left {
  padding-left: 6px;
}
.jelli-icon-rocket.label-right,
#jdoc-icon.icon-docs-rocket.label-right {
  padding-right: 6px;
}
.jelli-icon-rocket[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-rocket[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-rocket[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-rocket[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-rocket:before,
#jdoc-icon.icon-docs-rocket:before {
  content: "\e607" !important;
}
.jelli-icon-char-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e608" !important;
}
.jelli-icon-pencil,
#jdoc-icon.icon-docs-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-pencil.label-left,
#jdoc-icon.icon-docs-pencil.label-left {
  padding-left: 6px;
}
.jelli-icon-pencil.label-right,
#jdoc-icon.icon-docs-pencil.label-right {
  padding-right: 6px;
}
.jelli-icon-pencil[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-pencil[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-pencil[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-pencil[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-pencil:before,
#jdoc-icon.icon-docs-pencil:before {
  content: "\e608" !important;
}
.jelli-icon-char-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e609" !important;
}
.jelli-icon-search,
#jdoc-icon.icon-docs-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-search.label-left,
#jdoc-icon.icon-docs-search.label-left {
  padding-left: 6px;
}
.jelli-icon-search.label-right,
#jdoc-icon.icon-docs-search.label-right {
  padding-right: 6px;
}
.jelli-icon-search[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-search[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-search[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-search[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-search:before,
#jdoc-icon.icon-docs-search:before {
  content: "\e609" !important;
}
.jelli-icon-char-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60a" !important;
}
.jelli-icon-arrow-left,
#jdoc-icon.icon-docs-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-left.label-left,
#jdoc-icon.icon-docs-arrow-left.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-left.label-right,
#jdoc-icon.icon-docs-arrow-left.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-left:before,
#jdoc-icon.icon-docs-arrow-left:before {
  content: "\e60a" !important;
}
.jelli-icon-char-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60b" !important;
}
.jelli-icon-arrow-right,
#jdoc-icon.icon-docs-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-right.label-left,
#jdoc-icon.icon-docs-arrow-right.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-right.label-right,
#jdoc-icon.icon-docs-arrow-right.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-right:before,
#jdoc-icon.icon-docs-arrow-right:before {
  content: "\e60b" !important;
}
.jelli-icon-char-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60c" !important;
}
.jelli-icon-plus,
#jdoc-icon.icon-docs-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-plus.label-left,
#jdoc-icon.icon-docs-plus.label-left {
  padding-left: 6px;
}
.jelli-icon-plus.label-right,
#jdoc-icon.icon-docs-plus.label-right {
  padding-right: 6px;
}
.jelli-icon-plus[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-plus[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-plus[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-plus[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-plus:before,
#jdoc-icon.icon-docs-plus:before {
  content: "\e60c" !important;
}
.jelli-icon-char-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60d" !important;
}
.jelli-icon-triangle-right,
#jdoc-icon.icon-docs-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-right.label-left,
#jdoc-icon.icon-docs-triangle-right.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-right.label-right,
#jdoc-icon.icon-docs-triangle-right.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-right:before,
#jdoc-icon.icon-docs-triangle-right:before {
  content: "\e60d" !important;
}
.jelli-icon-char-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60e" !important;
}
.jelli-icon-triangle-left,
#jdoc-icon.icon-docs-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-left.label-left,
#jdoc-icon.icon-docs-triangle-left.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-left.label-right,
#jdoc-icon.icon-docs-triangle-left.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-left:before,
#jdoc-icon.icon-docs-triangle-left:before {
  content: "\e60e" !important;
}
.jelli-icon-char-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60f" !important;
}
.jelli-icon-filter,
#jdoc-icon.icon-docs-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-filter.label-left,
#jdoc-icon.icon-docs-filter.label-left {
  padding-left: 6px;
}
.jelli-icon-filter.label-right,
#jdoc-icon.icon-docs-filter.label-right {
  padding-right: 6px;
}
.jelli-icon-filter[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-filter[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-filter[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-filter[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-filter:before,
#jdoc-icon.icon-docs-filter:before {
  content: "\e60f" !important;
}
.jelli-icon-char-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e610" !important;
}
.jelli-icon-star,
#jdoc-icon.icon-docs-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-star.label-left,
#jdoc-icon.icon-docs-star.label-left {
  padding-left: 6px;
}
.jelli-icon-star.label-right,
#jdoc-icon.icon-docs-star.label-right {
  padding-right: 6px;
}
.jelli-icon-star[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-star[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-star[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-star[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-star:before,
#jdoc-icon.icon-docs-star:before {
  content: "\e610" !important;
}
.jelli-icon-char-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e611" !important;
}
.jelli-icon-pause,
#jdoc-icon.icon-docs-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-pause.label-left,
#jdoc-icon.icon-docs-pause.label-left {
  padding-left: 6px;
}
.jelli-icon-pause.label-right,
#jdoc-icon.icon-docs-pause.label-right {
  padding-right: 6px;
}
.jelli-icon-pause[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-pause[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-pause[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-pause[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-pause:before,
#jdoc-icon.icon-docs-pause:before {
  content: "\e611" !important;
}
.jelli-icon-char-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e612" !important;
}
.jelli-icon-minus,
#jdoc-icon.icon-docs-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-minus.label-left,
#jdoc-icon.icon-docs-minus.label-left {
  padding-left: 6px;
}
.jelli-icon-minus.label-right,
#jdoc-icon.icon-docs-minus.label-right {
  padding-right: 6px;
}
.jelli-icon-minus[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-minus[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-minus[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-minus[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-minus:before,
#jdoc-icon.icon-docs-minus:before {
  content: "\e612" !important;
}
.jelli-icon-char-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e613" !important;
}
.jelli-icon-download,
#jdoc-icon.icon-docs-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-download.label-left,
#jdoc-icon.icon-docs-download.label-left {
  padding-left: 6px;
}
.jelli-icon-download.label-right,
#jdoc-icon.icon-docs-download.label-right {
  padding-right: 6px;
}
.jelli-icon-download[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-download[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-download[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-download[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-download:before,
#jdoc-icon.icon-docs-download:before {
  content: "\e613" !important;
}
.jelli-icon-char-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e614" !important;
}
.jelli-icon-reload,
#jdoc-icon.icon-docs-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-reload.label-left,
#jdoc-icon.icon-docs-reload.label-left {
  padding-left: 6px;
}
.jelli-icon-reload.label-right,
#jdoc-icon.icon-docs-reload.label-right {
  padding-right: 6px;
}
.jelli-icon-reload[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-reload[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-reload[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-reload[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-reload:before,
#jdoc-icon.icon-docs-reload:before {
  content: "\e614" !important;
}
.jelli-icon-char-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e615" !important;
}
.jelli-icon-info,
#jdoc-icon.icon-docs-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-info.label-left,
#jdoc-icon.icon-docs-info.label-left {
  padding-left: 6px;
}
.jelli-icon-info.label-right,
#jdoc-icon.icon-docs-info.label-right {
  padding-right: 6px;
}
.jelli-icon-info[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-info[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-info[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-info[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-info:before,
#jdoc-icon.icon-docs-info:before {
  content: "\e615" !important;
}
.jelli-icon-char-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e616" !important;
}
.jelli-icon-gear,
#jdoc-icon.icon-docs-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-gear.label-left,
#jdoc-icon.icon-docs-gear.label-left {
  padding-left: 6px;
}
.jelli-icon-gear.label-right,
#jdoc-icon.icon-docs-gear.label-right {
  padding-right: 6px;
}
.jelli-icon-gear[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-gear[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-gear[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-gear[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-gear:before,
#jdoc-icon.icon-docs-gear:before {
  content: "\e616" !important;
}
.jelli-icon-char-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e617" !important;
}
.jelli-icon-remove,
#jdoc-icon.icon-docs-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-remove.label-left,
#jdoc-icon.icon-docs-remove.label-left {
  padding-left: 6px;
}
.jelli-icon-remove.label-right,
#jdoc-icon.icon-docs-remove.label-right {
  padding-right: 6px;
}
.jelli-icon-remove[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-remove[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-remove[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-remove[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-remove:before,
#jdoc-icon.icon-docs-remove:before {
  content: "\e617" !important;
}
.jelli-icon-char-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e618" !important;
}
.jelli-icon-dot,
#jdoc-icon.icon-docs-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-dot.label-left,
#jdoc-icon.icon-docs-dot.label-left {
  padding-left: 6px;
}
.jelli-icon-dot.label-right,
#jdoc-icon.icon-docs-dot.label-right {
  padding-right: 6px;
}
.jelli-icon-dot[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-dot[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-dot[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-dot[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-dot:before,
#jdoc-icon.icon-docs-dot:before {
  content: "\e618" !important;
}
.jelli-icon-char-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e619" !important;
}
.jelli-icon-arrow-up,
#jdoc-icon.icon-docs-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-up.label-left,
#jdoc-icon.icon-docs-arrow-up.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-up.label-right,
#jdoc-icon.icon-docs-arrow-up.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-up:before,
#jdoc-icon.icon-docs-arrow-up:before {
  content: "\e619" !important;
}
.jelli-icon-char-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61a" !important;
}
.jelli-icon-arrow-down,
#jdoc-icon.icon-docs-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-arrow-down.label-left,
#jdoc-icon.icon-docs-arrow-down.label-left {
  padding-left: 6px;
}
.jelli-icon-arrow-down.label-right,
#jdoc-icon.icon-docs-arrow-down.label-right {
  padding-right: 6px;
}
.jelli-icon-arrow-down[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-arrow-down[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-arrow-down[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-arrow-down[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-arrow-down:before,
#jdoc-icon.icon-docs-arrow-down:before {
  content: "\e61a" !important;
}
.jelli-icon-char-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61b" !important;
}
.jelli-icon-double-caret-right,
#jdoc-icon.icon-docs-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-double-caret-right.label-left,
#jdoc-icon.icon-docs-double-caret-right.label-left {
  padding-left: 6px;
}
.jelli-icon-double-caret-right.label-right,
#jdoc-icon.icon-docs-double-caret-right.label-right {
  padding-right: 6px;
}
.jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-double-caret-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-double-caret-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-double-caret-right:before,
#jdoc-icon.icon-docs-double-caret-right:before {
  content: "\e61b" !important;
}
.jelli-icon-char-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61c" !important;
}
.jelli-icon-double-caret-left,
#jdoc-icon.icon-docs-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-double-caret-left.label-left,
#jdoc-icon.icon-docs-double-caret-left.label-left {
  padding-left: 6px;
}
.jelli-icon-double-caret-left.label-right,
#jdoc-icon.icon-docs-double-caret-left.label-right {
  padding-right: 6px;
}
.jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-double-caret-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-double-caret-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-double-caret-left:before,
#jdoc-icon.icon-docs-double-caret-left:before {
  content: "\e61c" !important;
}
.jelli-icon-char-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61d" !important;
}
.jelli-icon-print,
#jdoc-icon.icon-docs-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-print.label-left,
#jdoc-icon.icon-docs-print.label-left {
  padding-left: 6px;
}
.jelli-icon-print.label-right,
#jdoc-icon.icon-docs-print.label-right {
  padding-right: 6px;
}
.jelli-icon-print[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-print[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-print[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-print[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-print:before,
#jdoc-icon.icon-docs-print:before {
  content: "\e61d" !important;
}
.jelli-icon-char-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61e" !important;
}
.jelli-icon-clear,
#jdoc-icon.icon-docs-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-clear.label-left,
#jdoc-icon.icon-docs-clear.label-left {
  padding-left: 6px;
}
.jelli-icon-clear.label-right,
#jdoc-icon.icon-docs-clear.label-right {
  padding-right: 6px;
}
.jelli-icon-clear[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-clear[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-clear[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-clear[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-clear:before,
#jdoc-icon.icon-docs-clear:before {
  content: "\e61e" !important;
}
.jelli-icon-char-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61f" !important;
}
.jelli-icon-check-circle,
#jdoc-icon.icon-docs-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-check-circle.label-left,
#jdoc-icon.icon-docs-check-circle.label-left {
  padding-left: 6px;
}
.jelli-icon-check-circle.label-right,
#jdoc-icon.icon-docs-check-circle.label-right {
  padding-right: 6px;
}
.jelli-icon-check-circle[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-check-circle[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-check-circle[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-check-circle[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-check-circle:before,
#jdoc-icon.icon-docs-check-circle:before {
  content: "\e61f" !important;
}
.jelli-icon-char-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e620" !important;
}
.jelli-icon-copy-over,
#jdoc-icon.icon-docs-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-copy-over.label-left,
#jdoc-icon.icon-docs-copy-over.label-left {
  padding-left: 6px;
}
.jelli-icon-copy-over.label-right,
#jdoc-icon.icon-docs-copy-over.label-right {
  padding-right: 6px;
}
.jelli-icon-copy-over[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-copy-over[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-copy-over[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-copy-over[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-copy-over:before,
#jdoc-icon.icon-docs-copy-over:before {
  content: "\e620" !important;
}
.jelli-icon-char-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e621" !important;
}
.jelli-icon-blackout,
#jdoc-icon.icon-docs-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-blackout.label-left,
#jdoc-icon.icon-docs-blackout.label-left {
  padding-left: 6px;
}
.jelli-icon-blackout.label-right,
#jdoc-icon.icon-docs-blackout.label-right {
  padding-right: 6px;
}
.jelli-icon-blackout[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-blackout[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-blackout[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-blackout[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-blackout:before,
#jdoc-icon.icon-docs-blackout:before {
  content: "\e621" !important;
}
.jelli-icon-char-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e622" !important;
}
.jelli-icon-caret-up,
#jdoc-icon.icon-docs-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-up.label-left,
#jdoc-icon.icon-docs-caret-up.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-up.label-right,
#jdoc-icon.icon-docs-caret-up.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-up[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-up[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-up[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-up[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-up:before,
#jdoc-icon.icon-docs-caret-up:before {
  content: "\e622" !important;
}
.jelli-icon-char-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e623" !important;
}
.jelli-icon-caret-right,
#jdoc-icon.icon-docs-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-right.label-left,
#jdoc-icon.icon-docs-caret-right.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-right.label-right,
#jdoc-icon.icon-docs-caret-right.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-right[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-right[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-right[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-right[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-right:before,
#jdoc-icon.icon-docs-caret-right:before {
  content: "\e623" !important;
}
.jelli-icon-char-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e624" !important;
}
.jelli-icon-caret-left,
#jdoc-icon.icon-docs-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-caret-left.label-left,
#jdoc-icon.icon-docs-caret-left.label-left {
  padding-left: 6px;
}
.jelli-icon-caret-left.label-right,
#jdoc-icon.icon-docs-caret-left.label-right {
  padding-right: 6px;
}
.jelli-icon-caret-left[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-caret-left[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-caret-left[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-caret-left[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-caret-left:before,
#jdoc-icon.icon-docs-caret-left:before {
  content: "\e624" !important;
}
.jelli-icon-char-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e625" !important;
}
.jelli-icon-check,
#jdoc-icon.icon-docs-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-check.label-left,
#jdoc-icon.icon-docs-check.label-left {
  padding-left: 6px;
}
.jelli-icon-check.label-right,
#jdoc-icon.icon-docs-check.label-right {
  padding-right: 6px;
}
.jelli-icon-check[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-check[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-check[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-check[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-check:before,
#jdoc-icon.icon-docs-check:before {
  content: "\e625" !important;
}
.jelli-icon-char-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e626" !important;
}
.jelli-icon-notifications,
#jdoc-icon.icon-docs-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-notifications.label-left,
#jdoc-icon.icon-docs-notifications.label-left {
  padding-left: 6px;
}
.jelli-icon-notifications.label-right,
#jdoc-icon.icon-docs-notifications.label-right {
  padding-right: 6px;
}
.jelli-icon-notifications[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-notifications[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-notifications[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-notifications[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-notifications:before,
#jdoc-icon.icon-docs-notifications:before {
  content: "\e626" !important;
}
.jelli-icon-char-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e627" !important;
}
.jelli-icon-calendar,
#jdoc-icon.icon-docs-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-calendar.label-left,
#jdoc-icon.icon-docs-calendar.label-left {
  padding-left: 6px;
}
.jelli-icon-calendar.label-right,
#jdoc-icon.icon-docs-calendar.label-right {
  padding-right: 6px;
}
.jelli-icon-calendar[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-calendar[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-calendar[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-calendar[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-calendar:before,
#jdoc-icon.icon-docs-calendar:before {
  content: "\e627" !important;
}
.jelli-icon-char-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.jelli-icon-wrench,
#jdoc-icon.icon-docs-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-wrench.label-left,
#jdoc-icon.icon-docs-wrench.label-left {
  padding-left: 6px;
}
.jelli-icon-wrench.label-right,
#jdoc-icon.icon-docs-wrench.label-right {
  padding-right: 6px;
}
.jelli-icon-wrench[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-wrench[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-wrench[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-wrench[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-wrench:before,
#jdoc-icon.icon-docs-wrench:before {
  content: "\e901" !important;
}
.jelli-icon-char-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.jelli-icon-clone-arrow,
#jdoc-icon.icon-docs-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-clone-arrow.label-left,
#jdoc-icon.icon-docs-clone-arrow.label-left {
  padding-left: 6px;
}
.jelli-icon-clone-arrow.label-right,
#jdoc-icon.icon-docs-clone-arrow.label-right {
  padding-right: 6px;
}
.jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-clone-arrow[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-clone-arrow[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-clone-arrow:before,
#jdoc-icon.icon-docs-clone-arrow:before {
  content: "\e902" !important;
}
.jelli-icon-char-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.jelli-icon-collapse,
#jdoc-icon.icon-docs-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-collapse.label-left,
#jdoc-icon.icon-docs-collapse.label-left {
  padding-left: 6px;
}
.jelli-icon-collapse.label-right,
#jdoc-icon.icon-docs-collapse.label-right {
  padding-right: 6px;
}
.jelli-icon-collapse[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-collapse[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-collapse[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-collapse[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-collapse:before,
#jdoc-icon.icon-docs-collapse:before {
  content: "\e903" !important;
}
.jelli-icon-char-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.jelli-icon-exclamation,
#jdoc-icon.icon-docs-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-exclamation.label-left,
#jdoc-icon.icon-docs-exclamation.label-left {
  padding-left: 6px;
}
.jelli-icon-exclamation.label-right,
#jdoc-icon.icon-docs-exclamation.label-right {
  padding-right: 6px;
}
.jelli-icon-exclamation[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-exclamation[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-exclamation[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-exclamation[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-exclamation:before,
#jdoc-icon.icon-docs-exclamation:before {
  content: "\e904" !important;
}
.jelli-icon-char-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.jelli-icon-launch,
#jdoc-icon.icon-docs-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-launch.label-left,
#jdoc-icon.icon-docs-launch.label-left {
  padding-left: 6px;
}
.jelli-icon-launch.label-right,
#jdoc-icon.icon-docs-launch.label-right {
  padding-right: 6px;
}
.jelli-icon-launch[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-launch[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-launch[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-launch[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-launch:before,
#jdoc-icon.icon-docs-launch:before {
  content: "\e905" !important;
}
.jelli-icon-char-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.jelli-icon-expand,
#jdoc-icon.icon-docs-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-expand.label-left,
#jdoc-icon.icon-docs-expand.label-left {
  padding-left: 6px;
}
.jelli-icon-expand.label-right,
#jdoc-icon.icon-docs-expand.label-right {
  padding-right: 6px;
}
.jelli-icon-expand[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-expand[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-expand[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-expand[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-expand:before,
#jdoc-icon.icon-docs-expand:before {
  content: "\e906" !important;
}
.jelli-icon-char-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.jelli-icon-target,
#jdoc-icon.icon-docs-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-target.label-left,
#jdoc-icon.icon-docs-target.label-left {
  padding-left: 6px;
}
.jelli-icon-target.label-right,
#jdoc-icon.icon-docs-target.label-right {
  padding-right: 6px;
}
.jelli-icon-target[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-target[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-target[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-target[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-target:before,
#jdoc-icon.icon-docs-target:before {
  content: "\e907" !important;
}
.jelli-icon-char-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.jelli-icon-question,
#jdoc-icon.icon-docs-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-question.label-left,
#jdoc-icon.icon-docs-question.label-left {
  padding-left: 6px;
}
.jelli-icon-question.label-right,
#jdoc-icon.icon-docs-question.label-right {
  padding-right: 6px;
}
.jelli-icon-question[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-question[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-question[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-question[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-question:before,
#jdoc-icon.icon-docs-question:before {
  content: "\e908" !important;
}
.jelli-icon-char-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.jelli-icon-copy,
#jdoc-icon.icon-docs-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-copy.label-left,
#jdoc-icon.icon-docs-copy.label-left {
  padding-left: 6px;
}
.jelli-icon-copy.label-right,
#jdoc-icon.icon-docs-copy.label-right {
  padding-right: 6px;
}
.jelli-icon-copy[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-copy[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-copy[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-copy[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-copy:before,
#jdoc-icon.icon-docs-copy:before {
  content: "\e90f" !important;
}
.jelli-icon-char-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.jelli-icon-user,
#jdoc-icon.icon-docs-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-user.label-left,
#jdoc-icon.icon-docs-user.label-left {
  padding-left: 6px;
}
.jelli-icon-user.label-right,
#jdoc-icon.icon-docs-user.label-right {
  padding-right: 6px;
}
.jelli-icon-user[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-user[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-user[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-user[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-user:before,
#jdoc-icon.icon-docs-user:before {
  content: "\e910" !important;
}
.jelli-icon-char-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.jelli-icon-s,
#jdoc-icon.icon-docs-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-s.label-left,
#jdoc-icon.icon-docs-s.label-left {
  padding-left: 6px;
}
.jelli-icon-s.label-right,
#jdoc-icon.icon-docs-s.label-right {
  padding-right: 6px;
}
.jelli-icon-s[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-s[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-s[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-s[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-s:before,
#jdoc-icon.icon-docs-s:before {
  content: "\e911" !important;
}
.jelli-icon-char-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.jelli-icon-p,
#jdoc-icon.icon-docs-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-p.label-left,
#jdoc-icon.icon-docs-p.label-left {
  padding-left: 6px;
}
.jelli-icon-p.label-right,
#jdoc-icon.icon-docs-p.label-right {
  padding-right: 6px;
}
.jelli-icon-p[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-p[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-p[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-p[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-p:before,
#jdoc-icon.icon-docs-p:before {
  content: "\e912" !important;
}
.jelli-icon-char-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.jelli-icon-r,
#jdoc-icon.icon-docs-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-r.label-left,
#jdoc-icon.icon-docs-r.label-left {
  padding-left: 6px;
}
.jelli-icon-r.label-right,
#jdoc-icon.icon-docs-r.label-right {
  padding-right: 6px;
}
.jelli-icon-r[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-r[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-r[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-r[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-r:before,
#jdoc-icon.icon-docs-r:before {
  content: "\e913" !important;
}
.jelli-icon-char-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.jelli-icon-b,
#jdoc-icon.icon-docs-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-b.label-left,
#jdoc-icon.icon-docs-b.label-left {
  padding-left: 6px;
}
.jelli-icon-b.label-right,
#jdoc-icon.icon-docs-b.label-right {
  padding-right: 6px;
}
.jelli-icon-b[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-b[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-b[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-b[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-b:before,
#jdoc-icon.icon-docs-b:before {
  content: "\e914" !important;
}
.jelli-icon-char-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.jelli-icon-c,
#jdoc-icon.icon-docs-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-c.label-left,
#jdoc-icon.icon-docs-c.label-left {
  padding-left: 6px;
}
.jelli-icon-c.label-right,
#jdoc-icon.icon-docs-c.label-right {
  padding-right: 6px;
}
.jelli-icon-c[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-c[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-c[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-c[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-c:before,
#jdoc-icon.icon-docs-c:before {
  content: "\e915" !important;
}
.jelli-icon-char-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.jelli-icon-lock,
#jdoc-icon.icon-docs-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-lock.label-left,
#jdoc-icon.icon-docs-lock.label-left {
  padding-left: 6px;
}
.jelli-icon-lock.label-right,
#jdoc-icon.icon-docs-lock.label-right {
  padding-right: 6px;
}
.jelli-icon-lock[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-lock[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-lock[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-lock[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-lock:before,
#jdoc-icon.icon-docs-lock:before {
  content: "\e916" !important;
}
.jelli-icon-char-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.jelli-icon-dot-handle,
#jdoc-icon.icon-docs-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-dot-handle.label-left,
#jdoc-icon.icon-docs-dot-handle.label-left {
  padding-left: 6px;
}
.jelli-icon-dot-handle.label-right,
#jdoc-icon.icon-docs-dot-handle.label-right {
  padding-right: 6px;
}
.jelli-icon-dot-handle[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-dot-handle[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-dot-handle[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-dot-handle[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-dot-handle:before,
#jdoc-icon.icon-docs-dot-handle:before {
  content: "\e917" !important;
}
.jelli-icon-char-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.jelli-icon-book,
#jdoc-icon.icon-docs-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-book.label-left,
#jdoc-icon.icon-docs-book.label-left {
  padding-left: 6px;
}
.jelli-icon-book.label-right,
#jdoc-icon.icon-docs-book.label-right {
  padding-right: 6px;
}
.jelli-icon-book[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-book[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-book[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-book[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-book:before,
#jdoc-icon.icon-docs-book:before {
  content: "\e91f" !important;
}
.jelli-icon-char-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.jelli-icon-triangle-adb,
#jdoc-icon.icon-docs-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.jelli-icon-triangle-adb.label-left,
#jdoc-icon.icon-docs-triangle-adb.label-left {
  padding-left: 6px;
}
.jelli-icon-triangle-adb.label-right,
#jdoc-icon.icon-docs-triangle-adb.label-right {
  padding-right: 6px;
}
.jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.jelli-icon-triangle-adb[class$="-green"]:not(.no-hover),
#jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.jelli-icon-triangle-adb[class$="-green"]:not(.no-hover):hover,
#jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.jelli-icon-triangle-adb:before,
#jdoc-icon.icon-docs-triangle-adb:before {
  content: "\e909" !important;
}
@font-face {
  font-family: 'rocket-audio';
  src: url('./fonts/rocket-audio.eot?4uo1tb');
  src: url('./fonts/rocket-audio.eot?4uo1tb#iefix') format('embedded-opentype'), url('./fonts/rocket-audio.ttf?4uo1tb') format('truetype'), url('./fonts/rocket-audio.woff?4uo1tb') format('woff'), url('./fonts/rocket-audio.svg?4uo1tb#rocket-audio') format('svg');
  font-weight: normal;
  font-style: normal;
}
.rocket-audio-icon {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-char-rocket {
  content: "\e100";
}
.rocket-icon-char-headphones {
  content: "\e102";
}
.rocket-icon-char-music {
  content: "\e101";
}
.rocket-icon-char-bars2 {
  content: "\e104";
}
.rocket-icon-char-bars {
  content: "\e103";
}
.rocket-icon-char-download {
  content: "\e106";
}
.rocket-icon-char-upload {
  content: "\e107";
}
.rocket-icon-char-link {
  content: "\e105";
}
.rocket-icon-char-plus {
  content: "\e108";
}
.rocket-icon-char-minus {
  content: "\e109";
}
.rocket-icon-char-cancel-circle {
  content: "\e903";
}
.rocket-icon-char-play-circle {
  content: "\e300";
}
.rocket-icon-char-pause-circle {
  content: "\e301";
}
.rocket-icon-char-stop-circle {
  content: "\e302";
}
.rocket-icon-char-previous-circle {
  content: "\e305";
}
.rocket-icon-char-next-circle {
  content: "\e306";
}
.rocket-icon-char-backward-circle {
  content: "\e303";
}
.rocket-icon-char-forward-circle {
  content: "\e304";
}
.rocket-icon-char-play {
  content: "\e200";
}
.rocket-icon-char-pause {
  content: "\e201";
}
.rocket-icon-char-stop {
  content: "\e202";
}
.rocket-icon-char-backward {
  content: "\e203";
}
.rocket-icon-char-forward {
  content: "\e204";
}
.rocket-icon-char-previous {
  content: "\e205";
}
.rocket-icon-char-next {
  content: "\e206";
}
.rocket-icon-char-volume-high {
  content: "\e400";
}
.rocket-icon-char-volume-medium {
  content: "\e401";
}
.rocket-icon-char-volume-low {
  content: "\e402";
}
.rocket-icon-char-volume-mute {
  content: "\e403";
}
.rocket-icon-char-volume-x {
  content: "\e404";
}
.rocket-icon-char-volume-plus {
  content: "\e405";
}
.rocket-icon-char-volume-minus {
  content: "\e406";
}
.rocket-icon-char-loop {
  content: "\e208";
}
.rocket-icon-char-infinite {
  content: "\e209";
}
.rocket-icon-char-shuffle {
  content: "\e207";
}
.rocket-icon-char-right-circle {
  content: "\e308";
}
.rocket-icon-char-left-circle {
  content: "\e307";
}
.rocket-icon-rocket {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-rocket:before {
  content: "\e100";
}
.rocket-icon-headphones {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-headphones:before {
  content: "\e102";
}
.rocket-icon-music {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-music:before {
  content: "\e101";
}
.rocket-icon-bars2 {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-bars2:before {
  content: "\e104";
}
.rocket-icon-bars {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-bars:before {
  content: "\e103";
}
.rocket-icon-download {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-download:before {
  content: "\e106";
}
.rocket-icon-upload {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-upload:before {
  content: "\e107";
}
.rocket-icon-link {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-link:before {
  content: "\e105";
}
.rocket-icon-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-plus:before {
  content: "\e108";
}
.rocket-icon-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-minus:before {
  content: "\e109";
}
.rocket-icon-cancel-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-cancel-circle:before {
  content: "\e903";
}
.rocket-icon-play-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-play-circle:before {
  content: "\e300";
}
.rocket-icon-pause-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-pause-circle:before {
  content: "\e301";
}
.rocket-icon-stop-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-stop-circle:before {
  content: "\e302";
}
.rocket-icon-previous-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-previous-circle:before {
  content: "\e305";
}
.rocket-icon-next-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-next-circle:before {
  content: "\e306";
}
.rocket-icon-backward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-backward-circle:before {
  content: "\e303";
}
.rocket-icon-forward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-forward-circle:before {
  content: "\e304";
}
.rocket-icon-play {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-play:before {
  content: "\e200";
}
.rocket-icon-pause {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-pause:before {
  content: "\e201";
}
.rocket-icon-stop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-stop:before {
  content: "\e202";
}
.rocket-icon-backward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-backward:before {
  content: "\e203";
}
.rocket-icon-forward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-forward:before {
  content: "\e204";
}
.rocket-icon-previous {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-previous:before {
  content: "\e205";
}
.rocket-icon-next {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-next:before {
  content: "\e206";
}
.rocket-icon-volume-high {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-high:before {
  content: "\e400";
}
.rocket-icon-volume-medium {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-medium:before {
  content: "\e401";
}
.rocket-icon-volume-low {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-low:before {
  content: "\e402";
}
.rocket-icon-volume-mute {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-mute:before {
  content: "\e403";
}
.rocket-icon-volume-x {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-x:before {
  content: "\e404";
}
.rocket-icon-volume-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-plus:before {
  content: "\e405";
}
.rocket-icon-volume-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-volume-minus:before {
  content: "\e406";
}
.rocket-icon-loop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-loop:before {
  content: "\e208";
}
.rocket-icon-infinite {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-infinite:before {
  content: "\e209";
}
.rocket-icon-shuffle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-shuffle:before {
  content: "\e207";
}
.rocket-icon-right-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-right-circle:before {
  content: "\e308";
}
.rocket-icon-left-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.rocket-icon-left-circle:before {
  content: "\e307";
}
/*

<svg wversion="1.1" height="1000px" width="1000px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="star-background">
    <style>
        svg {
            background: hsl(0, 0%, 0%);
        }
        .stars {
            transform-origin: center center;
        }
        .stars-sm-no-rotate {
            fill: hsl(60, 100%, 50%);
            transform: scale(0.8) rotate(200deg) translate(-350 -50);
        }
        .stars-sm {
            fill: hsl(30, 30%, 50%);
            animation: stars-sm-rotate 400s infinite linear;
        }
        .stars-md {
            fill: hsl(60, 80%, 80%);
            animation: stars-md-rotate 350s infinite linear;
        }
        .stars-lg {
            fill: hsl(60, 30%, 70%);
            animation: stars-lg-rotate 300s infinite linear;
        }
        .flicker-circles {
            transform-origin: center center;
            animation: flicker-circles-rotate 150s infinite linear;
        }
        .flicker-circles circle {
            r: 50;
            fill: url(#flickerGradient);
        }
        .sun {
          height: 100%;
          width: 100%;
          y: 0;
          x: 0;
          fill: url(#solarGradient);
        }
        @keyframes flicker-circles-rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes stars-sm-rotate {
            from {
                transform: rotate(-0deg) translate(-75px, 225px);
            }
            to {
                transform: rotate(-360deg) translate(-75px, 225px);
            }
        }

        @keyframes stars-md-rotate {
            from {
                transform: scale(1.25) rotate(-45deg) translate(300px, -50px);
            }
            to {
                transform: scale(1.25) rotate(-405deg) translate(300px, -50px);
            }
        }

        @keyframes stars-lg-rotate {
            from {
                transform: scale(2.1) rotate(-90deg) translate(30px, 50px);
            }
            to {
                transform: scale(2.1) rotate(-450deg) translate(30px, 50px);
            }
        }
    </style>
  <defs>
    <radialGradient cx="0%" cy="100%" r="100%" spreadMethod="pad" id="solarGradient">
     <stop offset="0%" stop-color="hsla(0, 0%, 100%, 0.35)"/>
     <stop offset="70%" stop-color="hsla(0, 0%, 0%, 0)"/>
    </radialGradient>

    <radialGradient id="flickerGradient">
        <stop offset="80%" stop-color="hsla(0, 0%, 0%, 1)"/>
        <stop offset="100%" stop-color="hsla(0, 0%, 0%, 0.25)"/>
    </radialGradient>

    <!-- single star used by <g id="stars"> -->
    <path id="*" d="
        M 0.000 0.500
        L 1.736 3.604
        L 0.391 0.312
        L 3.900 0.890
        L 0.487 -0.111
        L 3.127 -2.494
        L 0.217 -0.450
        L 0.000 -4.000
        L -0.217 -0.450
        L -3.127 -2.494
        L -0.487 -0.111
        L -3.900 0.890
        L -0.391 0.312
        L -1.736 3.604
        L 0.000 0.500
    "/>

    <!-- random grid of stars used by <use href="#stars"/> -->
    <g id="stars">
        <use href="#*" x="13" y="26"/><use href="#*" x="229" y="45"/><use href="#*" x="361" y="12"/><use href="#*" x="491" y="40"/><use href="#*" x="522" y="48"/><use href="#*" x="717" y="19"/><use href="#*" x="814" y="92"/><use href="#*" x="975" y="30"/><use href="#*" x="64" y="137"/><use href="#*" x="185" y="149"/><use href="#*" x="317" y="205"/><use href="#*" x="401" y="227"/><use href="#*" x="546" y="171"/><use href="#*" x="732" y="228"/><use href="#*" x="882" y="241"/><use href="#*" x="974" y="144"/><use href="#*" x="112" y="318"/><use href="#*" x="243" y="350"/><use href="#*" x="372" y="373"/><use href="#*" x="394" y="273"/><use href="#*" x="519" y="375"/><use href="#*" x="722" y="353"/><use href="#*" x="780" y="293"/><use href="#*" x="999" y="267"/><use href="#*" x="23" y="432"/><use href="#*" x="169" y="481"/><use href="#*" x="321" y="455"/><use href="#*" x="399" y="493"/><use href="#*" x="536" y="440"/><use href="#*" x="661" y="473"/><use href="#*" x="797" y="444"/><use href="#*" x="982" y="502"/><use href="#*" x="13" y="561"/><use href="#*" x="200" y="558"/><use href="#*" x="376" y="602"/><use href="#*" x="432" y="611"/><use href="#*" x="603" y="607"/><use href="#*" x="692" y="560"/><use href="#*" x="796" y="557"/><use href="#*" x="973" y="604"/><use href="#*" x="64" y="724"/><use href="#*" x="232" y="742"/><use href="#*" x="267" y="647"/><use href="#*" x="430" y="736"/><use href="#*" x="585" y="695"/><use href="#*" x="713" y="701"/><use href="#*" x="852" y="695"/><use href="#*" x="998" y="697"/><use href="#*" x="63" y="866"/><use href="#*" x="241" y="876"/><use href="#*" x="358" y="810"/><use href="#*" x="422" y="787"/><use href="#*" x="617" y="832"/><use href="#*" x="660" y="814"/><use href="#*" x="825" y="886"/><use href="#*" x="1008" y="863"/><use href="#*" x="82" y="910"/><use href="#*" x="238" y="993"/><use href="#*" x="301" y="946"/><use href="#*" x="476" y="1013"/><use href="#*" x="568" y="945"/><use href="#*" x="662" y="981"/><use href="#*" x="879" y="997" />
    </g>
  </defs>
    <!-- three grids of stars -->
    <use class="stars stars-sm-no-rotate" href="#stars"/>
    <use class="stars stars-sm" href="#stars"/>
    <use class="stars stars-md" href="#stars"/>

    <!-- random grid of circles which rotate and make the stars 'flicker' -->
    <g class="flicker-circles">
        <circle cx="47" cy="149"/><circle cx="290" cy="11"/><circle cx="506" cy="69"/><circle cx="808" cy="99"/><circle cx="962" cy="49"/><circle cx="15" cy="276"/><circle cx="257" cy="395"/><circle cx="465" cy="342"/><circle cx="707" cy="242"/><circle cx="901" cy="222"/><circle cx="68" cy="551"/><circle cx="270" cy="549"/><circle cx="573" cy="470"/><circle cx="708" cy="466"/><circle cx="914" cy="542"/><circle cx="40" cy="751"/><circle cx="366" cy="806"/><circle cx="461" cy="790"/><circle cx="644" cy="720"/><circle cx="905" cy="684"/><circle cx="192" cy="853"/><circle cx="218" cy="946"/><circle cx="431" cy="854"/><circle cx="740" cy="1006"/>
    </g>

    <!-- one more grid of stars in front of flicker-circles -->
    <use class="stars stars-lg" href="#stars"/>

    <!-- gradient light source from nearby sun -->
    <rect class="sun"/>
</svg>

 */
/*

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="300px" height="300px" viewBox="0 0 480 480" class="badger">
  <defs>
    <radialGradient id="gradient">
      <stop class="inner-color" offset="0%" stop-color="hsl(86, 99%, 34%)"/>
      <stop  class="outer-color" offset="100%" stop-color="hsl(86, 99%, 30%)"/>
    </radialGradient>
    <style>
       .badge {
         stroke: hsl(86, 100%, 19%);
         stroke-width: 6px;
         fill: url(#gradient);
       }
    </style>
  </defs>
  <path class="badge" d="M 240.000 460.000 L 286.822 475.388 L 324.190 443.253 L 373.337 439.553 L 395.563 395.563 L 439.553 373.337 L 443.253 324.190 L 475.388 286.822 L 460.000 240.000 L 475.388 193.178 L 443.253 155.810 L 439.553 106.663 L 395.563 84.437 L 373.337 40.447 L 324.190 36.747 L 286.822 4.612 L 240.000 20.000 L 193.178 4.612 L 155.810 36.747 L 106.663 40.447 L 84.437 84.437 L 40.447 106.663 L 36.747 155.810 L 4.612 193.178 L 20.000 240.000 L 4.612 286.822 L 36.747 324.190 L 40.447 373.337 L 84.437 395.563 L 106.663 439.553 L 155.810 443.253 L 193.178 475.388 z"/>
</svg>

 */
/*
	svg base64 progress circle green-light (DEFAULT)
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 12;
			stroke-linecap: round;
			stroke-dasharray: 374;
			stroke-dashoffset: 1220;
			stroke: hsla(80, 70%, 48%, 0.5);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 374; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 374;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="54"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle green
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 12;
			stroke-linecap: round;
			stroke-dasharray: 374;
			stroke-dashoffset: 1220;
			stroke: hsl(86, 99%, 34%);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 374; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 374;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="54"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle small
	- overriding stroke width to assist with small visibility
	- using green color instead of green-light
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 18;
			stroke-linecap: round;
			stroke-dasharray: 340;
			stroke-dashoffset: 1220;
			stroke: hsl(86, 99%, 34%);
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 340; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 340;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="48"></circle>
	</g>
</svg>
*/
/*
	svg base64 progress circle small
	- overriding stroke width to assist with small visibility
	- using green color instead of green-light
*/
/* // this is the un-encoded svg
<svg class="jelli-progress-circle-svg" width="120px" height="120px" x="0px" y="0px"  viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
	<style>
		.progress-g {
			transform-origin: center;
			animation: rotator 2s linear infinite;
		}
		@keyframes rotator {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(270deg); }
		}
		.progress-circle {
			fill: none;
			stroke-width: 18;
			stroke-linecap: round;
			stroke-dasharray: 340;
			stroke-dashoffset: 1220;
			stroke: white;
			transform-origin: center;
			animation: dash 2s ease-in-out infinite;
		}
		@keyframes dash {
			0% { stroke-dashoffset: 340; }
			50% {
				stroke-dashoffset: 93.5;
				transform:rotate(135deg);
			}
			100% {
				stroke-dashoffset: 340;
				transform:rotate(450deg);
			}
		}

	</style>
	<g class="progress-g">
		<circle class="progress-circle" cx="60" cy="60" r="48"></circle>
	</g>
</svg>
*/
/*
	navigation-triangle
*/
/*
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38px" height="24px" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1.41421;"><path d="M1.01,14.744l8.999,-7.685l6.388,-5.455c1.342,-1.146 3.88,-1.146 5.223,0l6.388,5.455l8.999,7.685" style="fill:#fff;fill-rule:nonzero;stroke-width:1px;stroke:#555;"/>
</svg>
*/
.show-xl {
  display: none;
}
@media (max-width: 5760px) {
  .hide-xl {
    display: none !important;
  }
  .show-xl {
    display: initial;
  }
  th.show-xl,
  td.show-xl {
    display: table-cell;
  }
}
.show-lg {
  display: none;
}
@media (max-width: 1255px) {
  .hide-lg {
    display: none !important;
  }
  .show-lg {
    display: initial;
  }
  th.show-lg,
  td.show-lg {
    display: table-cell;
  }
}
.show-md {
  display: none;
}
@media (max-width: 999px) {
  .hide-md {
    display: none !important;
  }
  .show-md {
    display: initial;
  }
  th.show-md,
  td.show-md {
    display: table-cell;
  }
}
.show-xs {
  display: none;
}
@media (max-width: 575px) {
  .hide-xs {
    display: none !important;
  }
  .show-xs {
    display: initial;
  }
  th.show-xs,
  td.show-xs {
    display: table-cell;
  }
}
.show-sm {
  display: none;
}
@media (max-width: 743px) {
  .hide-sm {
    display: none !important;
  }
  .show-sm {
    display: initial;
  }
  th.show-sm,
  td.show-sm {
    display: table-cell;
  }
}
.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-col {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-col.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-col.flex-col-block {
  flex-direction: column;
}
.flex-col.flex-col-align-center {
  align-items: center;
}
.flex-col.flex-col-align-top {
  flex-direction: column;
}
.flex-col.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-col.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-col.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-col.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-col.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-col.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-col.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-col.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-col.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-col.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-col.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-col.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  /* use this to prevent cols filling to max height */
}
.flex-row.no-vert-fill {
  align-items: flex-start;
}
.flex-row.flex-row-wrap {
  flex-flow: row wrap;
}
.flex-row .flex-col {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-row .flex-col.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row .flex-col.flex-col-block {
  flex-direction: column;
}
.flex-row .flex-col.flex-col-align-center {
  align-items: center;
}
.flex-row .flex-col.flex-col-align-top {
  flex-direction: column;
}
.flex-row .flex-col.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row .flex-col.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row .flex-col.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row .flex-col.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row .flex-col.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row .flex-col.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row .flex-col.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row .flex-col.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row .flex-col.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row .flex-col.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row .flex-col.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row .flex-col.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row.flex-children-fluid > * {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
}
.flex-row.flex-children-fluid > *.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row.flex-children-fluid > *.flex-col-block {
  flex-direction: column;
}
.flex-row.flex-children-fluid > *.flex-col-align-center {
  align-items: center;
}
.flex-row.flex-children-fluid > *.flex-col-align-top {
  flex-direction: column;
}
.flex-row.flex-children-fluid > *.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row.flex-children-fluid > *.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row.flex-children-fluid > *.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row.flex-children-fluid > *.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row.flex-children-fixed > * {
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  /*
        use these to float fixed elements
    */
  /* this is useful for icons */
  /*
        use these to make proportional fluid
        you can use -xs with -xl for more variation
    */
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fixed > *.flex-no-wrap {
  flex-wrap: nowrap;
}
.flex-row.flex-children-fixed > *.flex-col-block {
  flex-direction: column;
}
.flex-row.flex-children-fixed > *.flex-col-align-center {
  align-items: center;
}
.flex-row.flex-children-fixed > *.flex-col-align-top {
  flex-direction: column;
}
.flex-row.flex-children-fixed > *.flex-col-align-bottom {
  flex-direction: column-reverse;
}
.flex-row.flex-children-fixed > *.flex-col-fixed {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-xs {
  width: 83.23529412px;
  min-width: 83.23529412px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-sm {
  width: 157.22222222px;
  min-width: 157.22222222px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-lg {
  width: 283px;
  min-width: 283px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-xl {
  width: 566px;
  min-width: 566px;
}
.flex-row.flex-children-fixed > *.flex-col-fixed-icon {
  width: 16px;
  min-width: 16px;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-xs {
  flex: 1 3 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-sm {
  flex: 1 2 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-lg {
  flex: 1 0.66 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fluid-xl {
  flex: 1 0.5 auto;
}
.flex-row.flex-children-fixed > *.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-row[class*="flex-row-fluid"] {
  flex: 1 1 auto;
  display: flex;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-xs {
  flex: 0.5;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-sm {
  flex: 0.66;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-lg {
  flex: 2;
}
.flex-row[class*="flex-row-fluid"].flex-row-fluid-xl {
  flex: 3;
}
.flex-row[class*="flex-row-fluid"] .flex-col {
  flex: 1 inherit;
}
.flex-row.flex-collapse {
  justify-content: flex-start;
}
.flex-row.flex-collapse .flex-col {
  width: auto;
  flex-grow: 0;
}
.flex-col-fit {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-no-stretch .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
/* flex */
.flex-grid {
  width: 100%;
  display: flex;
  flex-direction: column;
  /*
        individual item alignment
    */
}
.flex-grid .flex-row .flex-align-left {
  justify-content: flex-start;
}
.flex-grid .flex-row .flex-align-center {
  justify-content: center;
}
.flex-grid .flex-row .flex-align-right {
  justify-content: flex-end;
}
.flex-grid .flex-row .flex-align-top {
  align-items: flex-start;
}
.flex-grid .flex-row .flex-align-middle {
  align-items: center;
}
.flex-grid .flex-row .flex-align-bottom {
  align-items: flex-end;
}
.flex-grid.no-vert-fill > .flex-row {
  align-items: flex-start;
}
.flex-grid.flex-no-wrap .flex-row {
  flex-wrap: nowrap;
}
.flex-grid.flex-wrap .flex-row {
  flex-wrap: wrap;
}
.flex-grid.flex-no-stretch .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-no-stretch .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
.flex-grid.flex-items-stretch .flex-row > * {
  flex: 1 1 auto !important;
}
.flex-grid.flex-items-stretch .flex-row {
  justify-content: space-around;
}
.flex-grid.flex-items-stretch .flex-row > * {
  width: 202.14285714px;
  min-width: 202.14285714px;
}
.flex-grid.flex-fixed {
  /*
            child items alignment
        */
}
.flex-grid.flex-fixed.flex-items-left .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-left .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-left .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-center .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-center .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-center .flex-row {
  justify-content: center;
}
.flex-grid.flex-fixed.flex-items-right .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-right .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-right .flex-row {
  justify-content: flex-end;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-justify .flex-row {
  justify-content: space-between;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row > * {
  flex: 0 0 auto;
  width: auto;
  min-width: auto;
  white-space: nowrap;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row {
  justify-content: flex-start;
}
.flex-grid.flex-fixed.flex-items-justify-padded .flex-row {
  justify-content: space-around;
}
.flex-grid .flex-row .flex-align-left {
  justify-content: flex-start;
}
.flex-grid .flex-row .flex-align-center {
  justify-content: center;
}
.flex-grid .flex-row .flex-align-right {
  justify-content: flex-end;
}
.flex-grid .flex-row .flex-align-top {
  align-items: flex-start;
}
.flex-grid .flex-row .flex-align-middle {
  align-items: center;
}
.flex-grid .flex-row .flex-align-bottom {
  align-items: flex-end;
}
/*
    flex-vertical
*/
.flex-vertical {
  display: flex;
  flex-direction: column;
  /*
        individual item alignment
    */
}
.flex-vertical > * {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.flex-vertical .flex-vertical-fixed {
  flex-grow: 0;
  overflow-y: hidden;
}
.flex-vertical .flex-vertical-fluid {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
}
.flex-vertical > *.flex-align-top {
  justify-content: flex-start;
}
.flex-vertical > *.flex-align-middle {
  justify-content: center;
}
.flex-vertical > *.flex-align-bottom {
  justify-content: flex-end;
}
.flex-vertical > *.flex-align-left {
  align-items: flex-start;
}
.flex-vertical > *.flex-align-center {
  align-items: center;
}
.flex-vertical > *.flex-align-right {
  align-items: flex-end;
}
.flex-vertical > *.flex-align-justify {
  justify-content: space-between;
}
.flex-vertical > *.flex-align-justify-padded {
  justify-content: space-around;
}
/*
    this is for the application
    - header [fixed]
    - conent [fluid]
    - footer [fixed]
*/
.flex-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.flex-page .flex-page-fluid {
  align-items: stretch;
  flex-grow: 1;
  overflow-y: auto;
}
.flex-page .flex-page-fixed {
  flex-grow: 0;
}
@media (max-width: 1415px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 202.14285714px;
    min-width: 202.14285714px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 83.23529412px;
    min-width: 83.23529412px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 157.22222222px;
    min-width: 157.22222222px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 283px;
    min-width: 283px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 566px;
    min-width: 566px;
  }
}
@media (max-width: 1255px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 179.28571429px;
    min-width: 179.28571429px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 73.82352941px;
    min-width: 73.82352941px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 139.44444444px;
    min-width: 139.44444444px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 251px;
    min-width: 251px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 502px;
    min-width: 502px;
  }
}
@media (max-width: 999px) {
  .flex-grid .flex-row .flex-col {
    /* this is useful for icons */
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed {
    width: 142.71428571px;
    min-width: 142.71428571px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xs {
    width: 58.76470588px;
    min-width: 58.76470588px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-sm {
    width: 111px;
    min-width: 111px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-lg {
    width: 199.8px;
    min-width: 199.8px;
  }
  .flex-grid .flex-row .flex-col.flex-col-fixed-xl {
    width: 399.6px;
    min-width: 399.6px;
  }
}
.items-left {
  align-items: flex-start;
  flex-direction: column;
}
.items-right {
  align-items: flex-end;
  flex-direction: column;
}
.items-center {
  align-items: center;
  flex-direction: column;
}
.items-top {
  align-items: flex-start;
  flex-direction: row;
}
.items-bottom {
  align-items: flex-end;
  flex-direction: row;
}
.items-middle {
  align-items: center;
  flex-direction: row;
}
/*
  sizes
*/
/*
    styles
*/
.border-green,
#jdoc-border.border-green {
  border: 1px solid hsl(86, 99%, 34%);
}
.border-green-hover,
#jdoc-border-hover.border-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-hover:hover,
#jdoc-border-hover.border-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(86, 99%, 34%);
}
.border-green-light,
#jdoc-border.border-green-light {
  border: 1px solid hsl(80, 65%, 74%);
}
.border-green-light-hover,
#jdoc-border-hover.border-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-light-hover:hover,
#jdoc-border-hover.border-green-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(80, 65%, 74%);
}
.border-green-lighter,
#jdoc-border.border-green-lighter {
  border: 1px solid hsl(81, 74%, 91%);
}
.border-green-lighter-hover,
#jdoc-border-hover.border-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-green-lighter-hover:hover,
#jdoc-border-hover.border-green-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(81, 74%, 91%);
}
.border-red,
#jdoc-border.border-red {
  border: 1px solid hsl(0, 62%, 42%);
}
.border-red-hover,
#jdoc-border-hover.border-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-hover:hover,
#jdoc-border-hover.border-red-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 62%, 42%);
}
.border-red-light,
#jdoc-border.border-red-light {
  border: 1px solid hsl(347, 39%, 81%);
}
.border-red-light-hover,
#jdoc-border-hover.border-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-light-hover:hover,
#jdoc-border-hover.border-red-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(347, 39%, 81%);
}
.border-red-lighter,
#jdoc-border.border-red-lighter {
  border: 1px solid hsl(0, 43%, 91%);
}
.border-red-lighter-hover,
#jdoc-border-hover.border-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-red-lighter-hover:hover,
#jdoc-border-hover.border-red-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 43%, 91%);
}
.border-orange,
#jdoc-border.border-orange {
  border: 1px solid hsl(35, 95%, 50%);
}
.border-orange-hover,
#jdoc-border-hover.border-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-hover:hover,
#jdoc-border-hover.border-orange-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(35, 95%, 50%);
}
.border-orange-light,
#jdoc-border.border-orange-light {
  border: 1px solid hsl(46, 97%, 59%);
}
.border-orange-light-hover,
#jdoc-border-hover.border-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-light-hover:hover,
#jdoc-border-hover.border-orange-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(46, 97%, 59%);
}
.border-orange-lighter,
#jdoc-border.border-orange-lighter {
  border: 1px solid hsl(50, 81%, 94%);
}
.border-orange-lighter-hover,
#jdoc-border-hover.border-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-orange-lighter-hover:hover,
#jdoc-border-hover.border-orange-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(50, 81%, 94%);
}
.border-black,
#jdoc-border.border-black {
  border: 1px solid black;
}
.border-black-hover,
#jdoc-border-hover.border-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-black-hover:hover,
#jdoc-border-hover.border-black-hover:hover {
  cursor: pointer;
  border: 1px solid black;
}
.border-gray-darker,
#jdoc-border.border-gray-darker {
  border: 1px solid hsl(0, 0%, 13%);
}
.border-gray-darker-hover,
#jdoc-border-hover.border-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-darker-hover:hover,
#jdoc-border-hover.border-gray-darker-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 13%);
}
.border-gray-dark,
#jdoc-border.border-gray-dark {
  border: 1px solid hsl(0, 0%, 20%);
}
.border-gray-dark-hover,
#jdoc-border-hover.border-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-dark-hover:hover,
#jdoc-border-hover.border-gray-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 20%);
}
.border-gray,
#jdoc-border.border-gray {
  border: 1px solid hsl(0, 0%, 54%);
}
.border-gray-hover,
#jdoc-border-hover.border-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-hover:hover,
#jdoc-border-hover.border-gray-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 54%);
}
.border-gray-light,
#jdoc-border.border-gray-light {
  border: 1px solid hsl(0, 0%, 80%);
}
.border-gray-light-hover,
#jdoc-border-hover.border-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-light-hover:hover,
#jdoc-border-hover.border-gray-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
.border-gray-lighter,
#jdoc-border.border-gray-lighter {
  border: 1px solid hsl(0, 0%, 95%);
}
.border-gray-lighter-hover,
#jdoc-border-hover.border-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-lighter-hover:hover,
#jdoc-border-hover.border-gray-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 95%);
}
.border-gray-lightest,
#jdoc-border.border-gray-lightest {
  border: 1px solid hsl(0, 0%, 97%);
}
.border-gray-lightest-hover,
#jdoc-border-hover.border-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-gray-lightest-hover:hover,
#jdoc-border-hover.border-gray-lightest-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 97%);
}
.border-white,
#jdoc-border.border-white {
  border: 1px solid white;
}
.border-white-hover,
#jdoc-border-hover.border-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-white-hover:hover,
#jdoc-border-hover.border-white-hover:hover {
  cursor: pointer;
  border: 1px solid white;
}
.border-transparent,
#jdoc-border.border-transparent {
  border: 1px solid transparent;
}
.border-transparent-hover,
#jdoc-border-hover.border-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-transparent-hover:hover,
#jdoc-border-hover.border-transparent-hover:hover {
  cursor: pointer;
  border: 1px solid transparent;
}
.border-overlay-light,
#jdoc-border.border-overlay-light {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.border-overlay-light-hover,
#jdoc-border-hover.border-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-light-hover:hover,
#jdoc-border-hover.border-overlay-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.border-overlay-dark,
#jdoc-border.border-overlay-dark {
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.border-overlay-dark-hover,
#jdoc-border-hover.border-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-dark-hover:hover,
#jdoc-border-hover.border-overlay-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.border-overlay-green,
#jdoc-border.border-overlay-green {
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
.border-overlay-green-hover,
#jdoc-border-hover.border-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-overlay-green-hover:hover,
#jdoc-border-hover.border-overlay-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
/*
    defaults
*/
.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.border-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.border-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
/*
    size
*/
.border-rg,
#jdoc-border-size[class^="border"].border-rg {
  border-width: 1px;
}
.border-lg,
#jdoc-border-size[class^="border"].border-lg {
  border-width: 2px;
}
.border-xl,
#jdoc-border-size[class^="border"].border-xl {
  border-width: 4px;
}
/*
    sides
*/
.border-top,
#jdoc-border-side[class^="border"].border-top {
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.border-right,
#jdoc-border-side[class^="border"].border-right {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.border-bottom,
#jdoc-border-side[class^="border"].border-bottom {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.border-left,
#jdoc-border-side[class^="border"].border-left {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.border-horizontal,
#jdoc-border-side[class^="border"].border-horizontal {
  border-left-width: 0;
  border-right-width: 0;
}
.border-vertical,
#jdoc-border-side[class^="border"].border-vertical {
  border-top-width: 0;
  border-bottom-width: 0;
}
.border-none,
#jdoc-border-side[class^="border"].border-none {
  border: none !important;
}
/*
    styles
*/
.border-solid,
#jdoc-border-style[class^="border"].border-solid {
  border-style: solid;
}
.border-dotted,
#jdoc-border-style[class^="border"].border-dotted {
  border-style: dotted;
}
.border-dashed,
#jdoc-border-style[class^="border"].border-dashed {
  border-style: dashed;
}
.border-radius,
#jdoc-border-radius.border-radius {
  border-radius: 4px;
}
.border-radius-rg,
.border-radius-regular,
#jdoc-border-radius-size.border-radius-rg {
  border-radius: 4px;
}
.border-radius-left,
#jdoc-border-radius.border-radius-left {
  border-radius: 4px 0px 0px 4px;
}
.border-radius-right,
#jdoc-border-radius.border-radius-right {
  border-radius: 0px 4px 4px 0px;
}
.border-radius-top,
#jdoc-border-radius.border-radius-top {
  border-radius: 4px 4px 0px 0px;
}
.border-radius-bottom,
#jdoc-border-radius.border-radius-bottom {
  border-radius: 0px 0px 4px 4px;
}
.border-radius-sm,
#jdoc-border-radius-size.border-radius-sm {
  border-radius: 3px;
}
.border-radius-sm-left,
#jdoc-border-radius-size.border-radius-sm-left {
  border-radius: 3px 0px 0px 3px;
}
.border-radius-sm-right,
#jdoc-border-radius-size.border-radius-sm-right {
  border-radius: 0px 3px 3px 0px;
}
.border-radius-sm-top,
#jdoc-border-radius-size.border-radius-sm-top {
  border-radius: 3px 3px 0px 0px;
}
.border-radius-sm-bottom,
#jdoc-border-radius-size.border-radius-sm-bottom {
  border-radius: 0px 0px 3px 3px;
}
.border-radius-lg,
#jdoc-border-radius-size.border-radius-lg {
  border-radius: 10px;
}
.border-radius-lg-left,
#jdoc-border-radius-size.border-radius-lg-left {
  border-radius: 10px 0px 0px 10px;
}
.border-radius-lg-right,
#jdoc-border-radius-size.border-radius-lg-right {
  border-radius: 0px 10px 10px 0px;
}
.border-radius-lg-top,
#jdoc-border-radius-size.border-radius-lg-top {
  border-radius: 10px 10px 0px 0px;
}
.border-radius-lg-bottom,
#jdoc-border-radius-size.border-radius-lg-bottom {
  border-radius: 0px 0px 10px 10px;
}
.border-radius-none,
#jdoc-border-radius.border-radius-none {
  border-radius: 0px !important;
}
/*
  colors - each combination will be built
  @fill-color, @border-color
*/
/*
  side classes
*/
/*
  vertical pull classes
*/
/*
  horizontal pull classes
*/
/*
  side classes
*/
/*
  build all horizontal pull
*/
[class^="callout"].callout-pull-left:after,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:after {
  left: 12px;
}
[class^="callout"].callout-pull-left:before,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:before {
  left: 11px;
}
[class^="callout"].callout-pull-right:after,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:after {
  left: calc(100% - 36px);
}
[class^="callout"].callout-pull-right:before,
#jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:before {
  left: calc(100% - 37px);
}
/*
  build all vertical pull
*/
[class^="callout"].callout-pull-top:after,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:after {
  top: 12px;
}
[class^="callout"].callout-pull-top:before,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:before {
  top: 11px;
}
[class^="callout"].callout-pull-bottom:after,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:after {
  top: calc(100% - 36px);
}
[class^="callout"].callout-pull-bottom:before,
#jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:before {
  top: calc(100% - 37px);
}
/*
  build all sides
*/
.callout-left,
#jdoc-callout-side.callout-left {
  position: relative;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before,
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  border-color: transparent #fff transparent transparent;
}
.callout-left.callout-green,
#jdoc-callout-side.callout-left.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-left.callout-green:after,
#jdoc-callout-side.callout-left.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout-left.callout-green.border,
#jdoc-callout-side.callout-left.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-left.callout-green.border:before,
#jdoc-callout-side.callout-left.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout-left.callout-green-light,
#jdoc-callout-side.callout-left.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-left.callout-green-light:after,
#jdoc-callout-side.callout-left.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout-left.callout-green-light.border,
#jdoc-callout-side.callout-left.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-left.callout-green-light.border:before,
#jdoc-callout-side.callout-left.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout-left.callout-red,
#jdoc-callout-side.callout-left.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-left.callout-red:after,
#jdoc-callout-side.callout-left.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-red.border,
#jdoc-callout-side.callout-left.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-left.callout-red.border:before,
#jdoc-callout-side.callout-left.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-red-light,
#jdoc-callout-side.callout-left.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-left.callout-red-light:after,
#jdoc-callout-side.callout-left.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout-left.callout-red-light.border,
#jdoc-callout-side.callout-left.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-left.callout-red-light.border:before,
#jdoc-callout-side.callout-left.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout-left.callout-orange-lighter,
#jdoc-callout-side.callout-left.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-left.callout-orange-lighter:after,
#jdoc-callout-side.callout-left.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout-left.callout-orange-lighter.border,
#jdoc-callout-side.callout-left.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-left.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-left.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout-left.callout-gray-light,
#jdoc-callout-side.callout-left.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-left.callout-gray-light:after,
#jdoc-callout-side.callout-left.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout-left.callout-gray-light.border,
#jdoc-callout-side.callout-left.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-left.callout-gray-light.border:before,
#jdoc-callout-side.callout-left.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout-left.callout-gray-lighter,
#jdoc-callout-side.callout-left.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-left.callout-gray-lighter:after,
#jdoc-callout-side.callout-left.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout-left.callout-gray-lighter.border,
#jdoc-callout-side.callout-left.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-left.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-left.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout-left.callout-white,
#jdoc-callout-side.callout-left.callout-white {
  background-color: white;
}
.callout-left.callout-white:after,
#jdoc-callout-side.callout-left.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout-left.callout-white.border,
#jdoc-callout-side.callout-left.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-left.callout-white.border:before,
#jdoc-callout-side.callout-left.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before {
  border-color: transparent transparent transparent transparent;
}
.callout-left:after,
#jdoc-callout-side.callout-left:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left:before,
#jdoc-callout-side.callout-left:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout-left.callout-pull-top:after,
#jdoc-callout-side.callout-left.callout-pull-top:after {
  top: 12px;
}
.callout-left.callout-pull-top:before,
#jdoc-callout-side.callout-left.callout-pull-top:before {
  top: 11px;
}
.callout-left.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout-left.border-lg:after,
#jdoc-callout-side.callout-left.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left.border-lg:before,
#jdoc-callout-side.callout-left.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout-left.border-lg.callout-pull-top:after,
#jdoc-callout-side.callout-left.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout-left.border-lg.callout-pull-top:before,
#jdoc-callout-side.callout-left.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout-left.border-lg.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.border-lg.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout-left.border-xl:after,
#jdoc-callout-side.callout-left.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout-left.border-xl:before,
#jdoc-callout-side.callout-left.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout-left.border-xl.callout-pull-top:after,
#jdoc-callout-side.callout-left.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout-left.border-xl.callout-pull-top:before,
#jdoc-callout-side.callout-left.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout-left.border-xl.callout-pull-bottom:after,
#jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-left.border-xl.callout-pull-bottom:before,
#jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-right,
#jdoc-callout-side.callout-right {
  position: relative;
}
.callout-right:before,
#jdoc-callout-side.callout-right:before,
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  border-color: transparent transparent transparent #fff;
}
.callout-right.callout-green,
#jdoc-callout-side.callout-right.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-right.callout-green:after,
#jdoc-callout-side.callout-right.callout-green:after {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.callout-right.callout-green.border,
#jdoc-callout-side.callout-right.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-right.callout-green.border:before,
#jdoc-callout-side.callout-right.callout-green.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 13%);
}
.callout-right.callout-green-light,
#jdoc-callout-side.callout-right.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-right.callout-green-light:after,
#jdoc-callout-side.callout-right.callout-green-light:after {
  border-color: transparent transparent transparent hsl(80, 65%, 74%);
}
.callout-right.callout-green-light.border,
#jdoc-callout-side.callout-right.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-right.callout-green-light.border:before,
#jdoc-callout-side.callout-right.callout-green-light.border:before {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.callout-right.callout-red,
#jdoc-callout-side.callout-right.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-right.callout-red:after,
#jdoc-callout-side.callout-right.callout-red:after {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-red.border,
#jdoc-callout-side.callout-right.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-right.callout-red.border:before,
#jdoc-callout-side.callout-right.callout-red.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-red-light,
#jdoc-callout-side.callout-right.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-right.callout-red-light:after,
#jdoc-callout-side.callout-right.callout-red-light:after {
  border-color: transparent transparent transparent hsl(347, 39%, 81%);
}
.callout-right.callout-red-light.border,
#jdoc-callout-side.callout-right.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-right.callout-red-light.border:before,
#jdoc-callout-side.callout-right.callout-red-light.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.callout-right.callout-orange-lighter,
#jdoc-callout-side.callout-right.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-right.callout-orange-lighter:after,
#jdoc-callout-side.callout-right.callout-orange-lighter:after {
  border-color: transparent transparent transparent hsl(50, 81%, 94%);
}
.callout-right.callout-orange-lighter.border,
#jdoc-callout-side.callout-right.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-right.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-right.callout-orange-lighter.border:before {
  border-color: transparent transparent transparent hsl(46, 97%, 59%);
}
.callout-right.callout-gray-light,
#jdoc-callout-side.callout-right.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-right.callout-gray-light:after,
#jdoc-callout-side.callout-right.callout-gray-light:after {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.callout-right.callout-gray-light.border,
#jdoc-callout-side.callout-right.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-right.callout-gray-light.border:before,
#jdoc-callout-side.callout-right.callout-gray-light.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.callout-right.callout-gray-lighter,
#jdoc-callout-side.callout-right.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-right.callout-gray-lighter:after,
#jdoc-callout-side.callout-right.callout-gray-lighter:after {
  border-color: transparent transparent transparent hsl(0, 0%, 95%);
}
.callout-right.callout-gray-lighter.border,
#jdoc-callout-side.callout-right.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-right.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-right.callout-gray-lighter.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.callout-right.callout-white,
#jdoc-callout-side.callout-right.callout-white {
  background-color: white;
}
.callout-right.callout-white:after,
#jdoc-callout-side.callout-right.callout-white:after {
  border-color: transparent transparent transparent white;
}
.callout-right.callout-white.border,
#jdoc-callout-side.callout-right.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-right.callout-white.border:before,
#jdoc-callout-side.callout-right.callout-white.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.callout-right:before,
#jdoc-callout-side.callout-right:before {
  border-color: transparent transparent transparent transparent;
}
.callout-right:after,
#jdoc-callout-side.callout-right:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right:before,
#jdoc-callout-side.callout-right:before {
  top: calc(50% - 13px);
  left: 100%;
  border-width: 13px 0 13px 13px;
}
.callout-right.callout-pull-top:after,
#jdoc-callout-side.callout-right.callout-pull-top:after {
  top: 12px;
}
.callout-right.callout-pull-top:before,
#jdoc-callout-side.callout-right.callout-pull-top:before {
  top: 11px;
}
.callout-right.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout-right.border-lg:after,
#jdoc-callout-side.callout-right.border-lg:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right.border-lg:before,
#jdoc-callout-side.callout-right.border-lg:before {
  top: calc(50% - 14px);
  left: 100%;
  border-width: 14px 0 14px 14px;
}
.callout-right.border-lg.callout-pull-top:after,
#jdoc-callout-side.callout-right.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout-right.border-lg.callout-pull-top:before,
#jdoc-callout-side.callout-right.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout-right.border-lg.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.border-lg.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout-right.border-xl:after,
#jdoc-callout-side.callout-right.border-xl:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.callout-right.border-xl:before,
#jdoc-callout-side.callout-right.border-xl:before {
  top: calc(50% - 16px);
  left: 100%;
  border-width: 16px 0 16px 16px;
}
.callout-right.border-xl.callout-pull-top:after,
#jdoc-callout-side.callout-right.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout-right.border-xl.callout-pull-top:before,
#jdoc-callout-side.callout-right.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout-right.border-xl.callout-pull-bottom:after,
#jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout-right.border-xl.callout-pull-bottom:before,
#jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-top,
#jdoc-callout-side.callout-top {
  position: relative;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before,
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  border-color: transparent transparent #fff transparent;
}
.callout-top.callout-green,
#jdoc-callout-side.callout-top.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-top.callout-green:after,
#jdoc-callout-side.callout-top.callout-green:after {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.callout-top.callout-green.border,
#jdoc-callout-side.callout-top.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-top.callout-green.border:before,
#jdoc-callout-side.callout-top.callout-green.border:before {
  border-color: transparent transparent hsl(0, 0%, 13%) transparent;
}
.callout-top.callout-green-light,
#jdoc-callout-side.callout-top.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-top.callout-green-light:after,
#jdoc-callout-side.callout-top.callout-green-light:after {
  border-color: transparent transparent hsl(80, 65%, 74%) transparent;
}
.callout-top.callout-green-light.border,
#jdoc-callout-side.callout-top.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-top.callout-green-light.border:before,
#jdoc-callout-side.callout-top.callout-green-light.border:before {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.callout-top.callout-red,
#jdoc-callout-side.callout-top.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-top.callout-red:after,
#jdoc-callout-side.callout-top.callout-red:after {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-red.border,
#jdoc-callout-side.callout-top.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-top.callout-red.border:before,
#jdoc-callout-side.callout-top.callout-red.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-red-light,
#jdoc-callout-side.callout-top.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-top.callout-red-light:after,
#jdoc-callout-side.callout-top.callout-red-light:after {
  border-color: transparent transparent hsl(347, 39%, 81%) transparent;
}
.callout-top.callout-red-light.border,
#jdoc-callout-side.callout-top.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-top.callout-red-light.border:before,
#jdoc-callout-side.callout-top.callout-red-light.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.callout-top.callout-orange-lighter,
#jdoc-callout-side.callout-top.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-top.callout-orange-lighter:after,
#jdoc-callout-side.callout-top.callout-orange-lighter:after {
  border-color: transparent transparent hsl(50, 81%, 94%) transparent;
}
.callout-top.callout-orange-lighter.border,
#jdoc-callout-side.callout-top.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-top.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-top.callout-orange-lighter.border:before {
  border-color: transparent transparent hsl(46, 97%, 59%) transparent;
}
.callout-top.callout-gray-light,
#jdoc-callout-side.callout-top.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-top.callout-gray-light:after,
#jdoc-callout-side.callout-top.callout-gray-light:after {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.callout-top.callout-gray-light.border,
#jdoc-callout-side.callout-top.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-top.callout-gray-light.border:before,
#jdoc-callout-side.callout-top.callout-gray-light.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.callout-top.callout-gray-lighter,
#jdoc-callout-side.callout-top.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-top.callout-gray-lighter:after,
#jdoc-callout-side.callout-top.callout-gray-lighter:after {
  border-color: transparent transparent hsl(0, 0%, 95%) transparent;
}
.callout-top.callout-gray-lighter.border,
#jdoc-callout-side.callout-top.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-top.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-top.callout-gray-lighter.border:before {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.callout-top.callout-white,
#jdoc-callout-side.callout-top.callout-white {
  background-color: white;
}
.callout-top.callout-white:after,
#jdoc-callout-side.callout-top.callout-white:after {
  border-color: transparent transparent white transparent;
}
.callout-top.callout-white.border,
#jdoc-callout-side.callout-top.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-top.callout-white.border:before,
#jdoc-callout-side.callout-top.callout-white.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before {
  border-color: transparent transparent transparent transparent;
}
.callout-top:after,
#jdoc-callout-side.callout-top:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top:before,
#jdoc-callout-side.callout-top:before {
  top: -13px;
  left: calc(50% - 13px);
  border-width: 0 13px 13px 13px;
}
.callout-top.callout-pull-right:after,
#jdoc-callout-side.callout-top.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.callout-pull-right:before,
#jdoc-callout-side.callout-top.callout-pull-right:before {
  left: calc(100% - 37px);
}
.callout-top.callout-pull-left:after,
#jdoc-callout-side.callout-top.callout-pull-left:after {
  left: 12px;
}
.callout-top.callout-pull-left:before,
#jdoc-callout-side.callout-top.callout-pull-left:before {
  left: 11px;
}
.callout-top.border-lg:after,
#jdoc-callout-side.callout-top.border-lg:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top.border-lg:before,
#jdoc-callout-side.callout-top.border-lg:before {
  top: -14px;
  left: calc(50% - 14px);
  border-width: 0 14px 14px 14px;
}
.callout-top.border-lg.callout-pull-right:after,
#jdoc-callout-side.callout-top.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.border-lg.callout-pull-right:before,
#jdoc-callout-side.callout-top.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.callout-top.border-lg.callout-pull-left:after,
#jdoc-callout-side.callout-top.border-lg.callout-pull-left:after {
  left: 12px;
}
.callout-top.border-lg.callout-pull-left:before,
#jdoc-callout-side.callout-top.border-lg.callout-pull-left:before {
  left: 10px;
}
.callout-top.border-xl:after,
#jdoc-callout-side.callout-top.border-xl:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.callout-top.border-xl:before,
#jdoc-callout-side.callout-top.border-xl:before {
  top: -16px;
  left: calc(50% - 16px);
  border-width: 0 16px 16px 16px;
}
.callout-top.border-xl.callout-pull-right:after,
#jdoc-callout-side.callout-top.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-top.border-xl.callout-pull-right:before,
#jdoc-callout-side.callout-top.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.callout-top.border-xl.callout-pull-left:after,
#jdoc-callout-side.callout-top.border-xl.callout-pull-left:after {
  left: 12px;
}
.callout-top.border-xl.callout-pull-left:before,
#jdoc-callout-side.callout-top.border-xl.callout-pull-left:before {
  left: 8px;
}
.callout-bottom,
#jdoc-callout-side.callout-bottom {
  position: relative;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before,
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  border-color: #fff transparent transparent transparent;
}
.callout-bottom.callout-green,
#jdoc-callout-side.callout-bottom.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout-bottom.callout-green:after,
#jdoc-callout-side.callout-bottom.callout-green:after {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.callout-bottom.callout-green.border,
#jdoc-callout-side.callout-bottom.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout-bottom.callout-green.border:before,
#jdoc-callout-side.callout-bottom.callout-green.border:before {
  border-color: hsl(0, 0%, 13%) transparent transparent transparent;
}
.callout-bottom.callout-green-light,
#jdoc-callout-side.callout-bottom.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout-bottom.callout-green-light:after,
#jdoc-callout-side.callout-bottom.callout-green-light:after {
  border-color: hsl(80, 65%, 74%) transparent transparent transparent;
}
.callout-bottom.callout-green-light.border,
#jdoc-callout-side.callout-bottom.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout-bottom.callout-green-light.border:before,
#jdoc-callout-side.callout-bottom.callout-green-light.border:before {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.callout-bottom.callout-red,
#jdoc-callout-side.callout-bottom.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout-bottom.callout-red:after,
#jdoc-callout-side.callout-bottom.callout-red:after {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-red.border,
#jdoc-callout-side.callout-bottom.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-bottom.callout-red.border:before,
#jdoc-callout-side.callout-bottom.callout-red.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-red-light,
#jdoc-callout-side.callout-bottom.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout-bottom.callout-red-light:after,
#jdoc-callout-side.callout-bottom.callout-red-light:after {
  border-color: hsl(347, 39%, 81%) transparent transparent transparent;
}
.callout-bottom.callout-red-light.border,
#jdoc-callout-side.callout-bottom.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout-bottom.callout-red-light.border:before,
#jdoc-callout-side.callout-bottom.callout-red-light.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.callout-bottom.callout-orange-lighter,
#jdoc-callout-side.callout-bottom.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout-bottom.callout-orange-lighter:after,
#jdoc-callout-side.callout-bottom.callout-orange-lighter:after {
  border-color: hsl(50, 81%, 94%) transparent transparent transparent;
}
.callout-bottom.callout-orange-lighter.border,
#jdoc-callout-side.callout-bottom.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout-bottom.callout-orange-lighter.border:before,
#jdoc-callout-side.callout-bottom.callout-orange-lighter.border:before {
  border-color: hsl(46, 97%, 59%) transparent transparent transparent;
}
.callout-bottom.callout-gray-light,
#jdoc-callout-side.callout-bottom.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout-bottom.callout-gray-light:after,
#jdoc-callout-side.callout-bottom.callout-gray-light:after {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.callout-bottom.callout-gray-light.border,
#jdoc-callout-side.callout-bottom.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-bottom.callout-gray-light.border:before,
#jdoc-callout-side.callout-bottom.callout-gray-light.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.callout-bottom.callout-gray-lighter,
#jdoc-callout-side.callout-bottom.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout-bottom.callout-gray-lighter:after,
#jdoc-callout-side.callout-bottom.callout-gray-lighter:after {
  border-color: hsl(0, 0%, 95%) transparent transparent transparent;
}
.callout-bottom.callout-gray-lighter.border,
#jdoc-callout-side.callout-bottom.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout-bottom.callout-gray-lighter.border:before,
#jdoc-callout-side.callout-bottom.callout-gray-lighter.border:before {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.callout-bottom.callout-white,
#jdoc-callout-side.callout-bottom.callout-white {
  background-color: white;
}
.callout-bottom.callout-white:after,
#jdoc-callout-side.callout-bottom.callout-white:after {
  border-color: white transparent transparent transparent;
}
.callout-bottom.callout-white.border,
#jdoc-callout-side.callout-bottom.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout-bottom.callout-white.border:before,
#jdoc-callout-side.callout-bottom.callout-white.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before {
  border-color: transparent transparent transparent transparent;
}
.callout-bottom:after,
#jdoc-callout-side.callout-bottom:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom:before,
#jdoc-callout-side.callout-bottom:before {
  top: calc(100%);
  left: calc(50% - 13px);
  border-width: 13px 13px 0 13px;
}
.callout-bottom.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.callout-pull-right:before {
  left: calc(100% - 37px);
}
.callout-bottom.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.callout-pull-left:before {
  left: 11px;
}
.callout-bottom.border-lg:after,
#jdoc-callout-side.callout-bottom.border-lg:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom.border-lg:before,
#jdoc-callout-side.callout-bottom.border-lg:before {
  top: calc(100%);
  left: calc(50% - 14px);
  border-width: 14px 14px 0 14px;
}
.callout-bottom.border-lg.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.border-lg.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.callout-bottom.border-lg.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.border-lg.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:before {
  left: 10px;
}
.callout-bottom.border-xl:after,
#jdoc-callout-side.callout-bottom.border-xl:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.callout-bottom.border-xl:before,
#jdoc-callout-side.callout-bottom.border-xl:before {
  top: calc(100%);
  left: calc(50% - 16px);
  border-width: 16px 16px 0 16px;
}
.callout-bottom.border-xl.callout-pull-right:after,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.callout-bottom.border-xl.callout-pull-right:before,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.callout-bottom.border-xl.callout-pull-left:after,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:after {
  left: 12px;
}
.callout-bottom.border-xl.callout-pull-left:before,
#jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:before {
  left: 8px;
}
/*
  build all colors
*/
.callout-green,
#jdoc-callout[class^="callout"].callout-green {
  position: relative;
  background-color: hsl(86, 99%, 34%);
}
.callout-green:before,
#jdoc-callout[class^="callout"].callout-green:before,
.callout-green:after,
#jdoc-callout[class^="callout"].callout-green:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-green-light,
#jdoc-callout[class^="callout"].callout-green-light {
  position: relative;
  background-color: hsl(80, 65%, 74%);
}
.callout-green-light:before,
#jdoc-callout[class^="callout"].callout-green-light:before,
.callout-green-light:after,
#jdoc-callout[class^="callout"].callout-green-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-red,
#jdoc-callout[class^="callout"].callout-red {
  position: relative;
  background-color: hsl(0, 62%, 42%);
}
.callout-red:before,
#jdoc-callout[class^="callout"].callout-red:before,
.callout-red:after,
#jdoc-callout[class^="callout"].callout-red:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-red-light,
#jdoc-callout[class^="callout"].callout-red-light {
  position: relative;
  background-color: hsl(347, 39%, 81%);
}
.callout-red-light:before,
#jdoc-callout[class^="callout"].callout-red-light:before,
.callout-red-light:after,
#jdoc-callout[class^="callout"].callout-red-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-orange-lighter,
#jdoc-callout[class^="callout"].callout-orange-lighter {
  position: relative;
  background-color: hsl(50, 81%, 94%);
}
.callout-orange-lighter:before,
#jdoc-callout[class^="callout"].callout-orange-lighter:before,
.callout-orange-lighter:after,
#jdoc-callout[class^="callout"].callout-orange-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-gray-light,
#jdoc-callout[class^="callout"].callout-gray-light {
  position: relative;
  background-color: hsl(0, 0%, 80%);
}
.callout-gray-light:before,
#jdoc-callout[class^="callout"].callout-gray-light:before,
.callout-gray-light:after,
#jdoc-callout[class^="callout"].callout-gray-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-gray-lighter,
#jdoc-callout[class^="callout"].callout-gray-lighter {
  position: relative;
  background-color: hsl(0, 0%, 95%);
}
.callout-gray-lighter:before,
#jdoc-callout[class^="callout"].callout-gray-lighter:before,
.callout-gray-lighter:after,
#jdoc-callout[class^="callout"].callout-gray-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout-white,
#jdoc-callout[class^="callout"].callout-white {
  position: relative;
  background-color: white;
}
.callout-white:before,
#jdoc-callout[class^="callout"].callout-white:before,
.callout-white:after,
#jdoc-callout[class^="callout"].callout-white:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
/*
  set default
*/
.callout {
  background-color: white;
  position: relative;
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:after {
  border-color: transparent #fff transparent transparent;
}
.callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-white {
  background-color: white;
}
.callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout:before {
  border-color: transparent transparent transparent transparent;
}
.callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout.callout-pull-top:after {
  top: 12px;
}
.callout.callout-pull-top:before {
  top: 11px;
}
.callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout:before,
.callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.callout:after {
  border-color: transparent #fff transparent transparent;
}
.callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.callout.callout-white {
  background-color: white;
}
.callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.callout:before {
  border-color: transparent transparent transparent transparent;
}
.callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.callout.callout-pull-top:after {
  top: 12px;
}
.callout.callout-pull-top:before {
  top: 11px;
}
.callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.callout-base {
  position: relative;
}
.callout-base:before,
.callout-base:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
/*
  variations
*/
.table .date-style:not(.text-right):not(.text-center) {
  text-align: left !important;
}
.table .currency-style:not(.text-left):not(.text-center),
.table .numeric-style:not(.text-left):not(.text-center) {
  text-align: right !important;
}
.table .plan-state-icon-style:not(.text-left):not(.text-right) {
  text-align: center !important;
}
.table tbody tr .date-style,
.table row .date-style,
.table .fake-table-row .date-style,
.table cell-group .date-style,
.table tbody tr .currency-style,
.table row .currency-style,
.table .fake-table-row .currency-style,
.table cell-group .currency-style,
.table tbody tr .numeric-style,
.table row .numeric-style,
.table .fake-table-row .numeric-style,
.table cell-group .numeric-style {
  font-variant-numeric: tabular-nums;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.full-width {
  width: 100%;
}
.fill-green,
#jdoc-fill.fill-docs-green {
  background-color: hsl(86, 99%, 34%);
}
.fill-green-hover,
#jdoc-fill-hover.fill-docs-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-hover:hover,
#jdoc-fill-hover.fill-docs-green-hover:hover {
  cursor: pointer;
  background-color: hsl(86, 99%, 34%);
}
.fill-green-light,
#jdoc-fill.fill-docs-green-light {
  background-color: hsl(80, 65%, 74%);
}
.fill-green-light-hover,
#jdoc-fill-hover.fill-docs-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-light-hover:hover,
#jdoc-fill-hover.fill-docs-green-light-hover:hover {
  cursor: pointer;
  background-color: hsl(80, 65%, 74%);
}
.fill-green-lighter,
#jdoc-fill.fill-docs-green-lighter {
  background-color: hsl(81, 74%, 91%);
}
.fill-green-lighter-hover,
#jdoc-fill-hover.fill-docs-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-green-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-green-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(81, 74%, 91%);
}
.fill-red,
#jdoc-fill.fill-docs-red {
  background-color: hsl(0, 62%, 42%);
}
.fill-red-hover,
#jdoc-fill-hover.fill-docs-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-hover:hover,
#jdoc-fill-hover.fill-docs-red-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 62%, 42%);
}
.fill-red-light,
#jdoc-fill.fill-docs-red-light {
  background-color: hsl(347, 39%, 81%);
}
.fill-red-light-hover,
#jdoc-fill-hover.fill-docs-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-light-hover:hover,
#jdoc-fill-hover.fill-docs-red-light-hover:hover {
  cursor: pointer;
  background-color: hsl(347, 39%, 81%);
}
.fill-red-lighter,
#jdoc-fill.fill-docs-red-lighter {
  background-color: hsl(0, 43%, 91%);
}
.fill-red-lighter-hover,
#jdoc-fill-hover.fill-docs-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-red-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-red-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 43%, 91%);
}
.fill-orange,
#jdoc-fill.fill-docs-orange {
  background-color: hsl(35, 95%, 50%);
}
.fill-orange-hover,
#jdoc-fill-hover.fill-docs-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-hover:hover,
#jdoc-fill-hover.fill-docs-orange-hover:hover {
  cursor: pointer;
  background-color: hsl(35, 95%, 50%);
}
.fill-orange-light,
#jdoc-fill.fill-docs-orange-light {
  background-color: hsl(46, 97%, 59%);
}
.fill-orange-light-hover,
#jdoc-fill-hover.fill-docs-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-light-hover:hover,
#jdoc-fill-hover.fill-docs-orange-light-hover:hover {
  cursor: pointer;
  background-color: hsl(46, 97%, 59%);
}
.fill-orange-lighter,
#jdoc-fill.fill-docs-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.fill-orange-lighter-hover,
#jdoc-fill-hover.fill-docs-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-orange-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-orange-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(50, 81%, 94%);
}
.fill-black,
#jdoc-fill.fill-docs-black {
  background-color: black;
}
.fill-black-hover,
#jdoc-fill-hover.fill-docs-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-black-hover:hover,
#jdoc-fill-hover.fill-docs-black-hover:hover {
  cursor: pointer;
  background-color: black;
}
.fill-gray-darker,
#jdoc-fill.fill-docs-gray-darker {
  background-color: hsl(0, 0%, 13%);
}
.fill-gray-darker-hover,
#jdoc-fill-hover.fill-docs-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-darker-hover:hover,
#jdoc-fill-hover.fill-docs-gray-darker-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 13%);
}
.fill-gray-dark,
#jdoc-fill.fill-docs-gray-dark {
  background-color: hsl(0, 0%, 20%);
}
.fill-gray-dark-hover,
#jdoc-fill-hover.fill-docs-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-dark-hover:hover,
#jdoc-fill-hover.fill-docs-gray-dark-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 20%);
}
.fill-gray,
#jdoc-fill.fill-docs-gray {
  background-color: hsl(0, 0%, 54%);
}
.fill-gray-hover,
#jdoc-fill-hover.fill-docs-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-hover:hover,
#jdoc-fill-hover.fill-docs-gray-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 54%);
}
.fill-gray-light,
#jdoc-fill.fill-docs-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.fill-gray-light-hover,
#jdoc-fill-hover.fill-docs-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-light-hover:hover,
#jdoc-fill-hover.fill-docs-gray-light-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 80%);
}
.fill-gray-lighter,
#jdoc-fill.fill-docs-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.fill-gray-lighter-hover,
#jdoc-fill-hover.fill-docs-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-lighter-hover:hover,
#jdoc-fill-hover.fill-docs-gray-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 95%);
}
.fill-gray-lightest,
#jdoc-fill.fill-docs-gray-lightest {
  background-color: hsl(0, 0%, 97%);
}
.fill-gray-lightest-hover,
#jdoc-fill-hover.fill-docs-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-gray-lightest-hover:hover,
#jdoc-fill-hover.fill-docs-gray-lightest-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 97%);
}
.fill-white,
#jdoc-fill.fill-docs-white {
  background-color: white;
}
.fill-white-hover,
#jdoc-fill-hover.fill-docs-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-white-hover:hover,
#jdoc-fill-hover.fill-docs-white-hover:hover {
  cursor: pointer;
  background-color: white;
}
.fill-transparent,
#jdoc-fill.fill-docs-transparent {
  background-color: transparent;
}
.fill-transparent-hover,
#jdoc-fill-hover.fill-docs-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-transparent-hover:hover,
#jdoc-fill-hover.fill-docs-transparent-hover:hover {
  cursor: pointer;
  background-color: transparent;
}
.fill-overlay-light,
#jdoc-fill.fill-docs-overlay-light {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.fill-overlay-light-hover,
#jdoc-fill-hover.fill-docs-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-light-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-light-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 100%, 0.5);
}
.fill-overlay-dark,
#jdoc-fill.fill-docs-overlay-dark {
  background-color: hsla(0, 0%, 0%, 0.25);
}
.fill-overlay-dark-hover,
#jdoc-fill-hover.fill-docs-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-dark-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-dark-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 0%, 0.25);
}
.fill-overlay-green,
#jdoc-fill.fill-docs-overlay-green {
  background-color: hsla(86, 99%, 34%, 0.9);
}
.fill-overlay-green-hover,
#jdoc-fill-hover.fill-docs-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.fill-overlay-green-hover:hover,
#jdoc-fill-hover.fill-docs-overlay-green-hover:hover {
  cursor: pointer;
  background-color: hsla(86, 99%, 34%, 0.9);
}
.font-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.font-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.font-size-regular,
.font-size-normal {
  font-size: 16px;
}
.font-size-xs {
  font-size: 12px;
}
.font-size-sm {
  font-size: 14px;
}
.font-size-lg {
  font-size: 18px;
}
.font-size-xl {
  font-size: 24px;
}
.line-height-regular {
  line-height: initial;
}
.line-height-lg {
  line-height: 35px;
}
.font-fixed-width {
  font-variant-numeric: tabular-nums;
}
.font-green,
#jdoc-font.font-green {
  color: hsl(86, 99%, 34%);
}
.font-green-hover,
#jdoc-font-hover.font-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-hover:hover,
#jdoc-font-hover.font-green-hover:hover {
  cursor: pointer;
  color: hsl(86, 99%, 34%);
}
.font-green-light,
#jdoc-font.font-green-light {
  color: hsl(80, 65%, 74%);
}
.font-green-light-hover,
#jdoc-font-hover.font-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-light-hover:hover,
#jdoc-font-hover.font-green-light-hover:hover {
  cursor: pointer;
  color: hsl(80, 65%, 74%);
}
.font-green-lighter,
#jdoc-font.font-green-lighter {
  color: hsl(81, 74%, 91%);
}
.font-green-lighter-hover,
#jdoc-font-hover.font-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-green-lighter-hover:hover,
#jdoc-font-hover.font-green-lighter-hover:hover {
  cursor: pointer;
  color: hsl(81, 74%, 91%);
}
.font-red,
#jdoc-font.font-red {
  color: hsl(0, 62%, 42%);
}
.font-red-hover,
#jdoc-font-hover.font-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-hover:hover,
#jdoc-font-hover.font-red-hover:hover {
  cursor: pointer;
  color: hsl(0, 62%, 42%);
}
.font-red-light,
#jdoc-font.font-red-light {
  color: hsl(347, 39%, 81%);
}
.font-red-light-hover,
#jdoc-font-hover.font-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-light-hover:hover,
#jdoc-font-hover.font-red-light-hover:hover {
  cursor: pointer;
  color: hsl(347, 39%, 81%);
}
.font-red-lighter,
#jdoc-font.font-red-lighter {
  color: hsl(0, 43%, 91%);
}
.font-red-lighter-hover,
#jdoc-font-hover.font-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-red-lighter-hover:hover,
#jdoc-font-hover.font-red-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 43%, 91%);
}
.font-orange,
#jdoc-font.font-orange {
  color: hsl(35, 95%, 50%);
}
.font-orange-hover,
#jdoc-font-hover.font-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-hover:hover,
#jdoc-font-hover.font-orange-hover:hover {
  cursor: pointer;
  color: hsl(35, 95%, 50%);
}
.font-orange-light,
#jdoc-font.font-orange-light {
  color: hsl(46, 97%, 59%);
}
.font-orange-light-hover,
#jdoc-font-hover.font-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-light-hover:hover,
#jdoc-font-hover.font-orange-light-hover:hover {
  cursor: pointer;
  color: hsl(46, 97%, 59%);
}
.font-orange-lighter,
#jdoc-font.font-orange-lighter {
  color: hsl(50, 81%, 94%);
}
.font-orange-lighter-hover,
#jdoc-font-hover.font-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-orange-lighter-hover:hover,
#jdoc-font-hover.font-orange-lighter-hover:hover {
  cursor: pointer;
  color: hsl(50, 81%, 94%);
}
.font-black,
#jdoc-font.font-black {
  color: black;
}
.font-black-hover,
#jdoc-font-hover.font-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-black-hover:hover,
#jdoc-font-hover.font-black-hover:hover {
  cursor: pointer;
  color: black;
}
.font-gray-darker,
#jdoc-font.font-gray-darker {
  color: hsl(0, 0%, 13%);
}
.font-gray-darker-hover,
#jdoc-font-hover.font-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-darker-hover:hover,
#jdoc-font-hover.font-gray-darker-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 13%);
}
.font-gray-dark,
#jdoc-font.font-gray-dark {
  color: hsl(0, 0%, 20%);
}
.font-gray-dark-hover,
#jdoc-font-hover.font-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-dark-hover:hover,
#jdoc-font-hover.font-gray-dark-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 20%);
}
.font-gray,
#jdoc-font.font-gray {
  color: hsl(0, 0%, 54%);
}
.font-gray-hover,
#jdoc-font-hover.font-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-hover:hover,
#jdoc-font-hover.font-gray-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 54%);
}
.font-gray-light,
#jdoc-font.font-gray-light {
  color: hsl(0, 0%, 80%);
}
.font-gray-light-hover,
#jdoc-font-hover.font-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-light-hover:hover,
#jdoc-font-hover.font-gray-light-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 80%);
}
.font-gray-lighter,
#jdoc-font.font-gray-lighter {
  color: hsl(0, 0%, 95%);
}
.font-gray-lighter-hover,
#jdoc-font-hover.font-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-lighter-hover:hover,
#jdoc-font-hover.font-gray-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 95%);
}
.font-gray-lightest,
#jdoc-font.font-gray-lightest {
  color: hsl(0, 0%, 97%);
}
.font-gray-lightest-hover,
#jdoc-font-hover.font-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-gray-lightest-hover:hover,
#jdoc-font-hover.font-gray-lightest-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 97%);
}
.font-white,
#jdoc-font.font-white {
  color: white;
}
.font-white-hover,
#jdoc-font-hover.font-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-white-hover:hover,
#jdoc-font-hover.font-white-hover:hover {
  cursor: pointer;
  color: white;
}
.font-transparent,
#jdoc-font.font-transparent {
  color: transparent;
}
.font-transparent-hover,
#jdoc-font-hover.font-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-transparent-hover:hover,
#jdoc-font-hover.font-transparent-hover:hover {
  cursor: pointer;
  color: transparent;
}
.font-overlay-light,
#jdoc-font.font-overlay-light {
  color: hsla(0, 0%, 100%, 0.5);
}
.font-overlay-light-hover,
#jdoc-font-hover.font-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-light-hover:hover,
#jdoc-font-hover.font-overlay-light-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.5);
}
.font-overlay-dark,
#jdoc-font.font-overlay-dark {
  color: hsla(0, 0%, 0%, 0.25);
}
.font-overlay-dark-hover,
#jdoc-font-hover.font-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-dark-hover:hover,
#jdoc-font-hover.font-overlay-dark-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 0%, 0.25);
}
.font-overlay-green,
#jdoc-font.font-overlay-green {
  color: hsla(86, 99%, 34%, 0.9);
}
.font-overlay-green-hover,
#jdoc-font-hover.font-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.font-overlay-green-hover:hover,
#jdoc-font-hover.font-overlay-green-hover:hover {
  cursor: pointer;
  color: hsla(86, 99%, 34%, 0.9);
}
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  variation classes
*/
/*
  build all colors
*/
.jelli-arrow-green,
.jelli-arrow-green,
#jdoc-arrow.arrow-green {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-green.jelli-arrow-spacer,
.jelli-arrow-green.jelli-arrow-spacer,
#jdoc-arrow.arrow-green.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before,
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.jelli-arrow-green.hover-darken:hover,
.jelli-arrow-green.hover-darken:hover,
#jdoc-arrow.arrow-green.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.jelli-arrow-green.hover-darken:hover:before,
.jelli-arrow-green.hover-darken:hover:before,
#jdoc-arrow.arrow-green.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.jelli-arrow-green.hover-darken:hover:after,
.jelli-arrow-green.hover-darken:hover:after,
#jdoc-arrow.arrow-green.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.jelli-arrow-green:before,
.jelli-arrow-green:before,
#jdoc-arrow.arrow-green:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-green:after,
.jelli-arrow-green:after,
#jdoc-arrow.arrow-green:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-green-light,
.jelli-arrow-green-light,
#jdoc-arrow.arrow-green-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(80, 65%, 74%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-green-light.jelli-arrow-spacer,
.jelli-arrow-green-light.jelli-arrow-spacer,
#jdoc-arrow.arrow-green-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before,
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before {
  border-color: hsl(80, 65%, 74%) transparent;
}
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  border-color: transparent hsl(80, 65%, 74%);
  top: 0px;
}
.jelli-arrow-green-light.hover-darken:hover,
.jelli-arrow-green-light.hover-darken:hover,
#jdoc-arrow.arrow-green-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(80, 65%, 64%);
}
.jelli-arrow-green-light.hover-darken:hover:before,
.jelli-arrow-green-light.hover-darken:hover:before,
#jdoc-arrow.arrow-green-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(80, 65%, 64%) transparent;
}
.jelli-arrow-green-light.hover-darken:hover:after,
.jelli-arrow-green-light.hover-darken:hover:after,
#jdoc-arrow.arrow-green-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(80, 65%, 64%);
}
.jelli-arrow-green-light:before,
.jelli-arrow-green-light:before,
#jdoc-arrow.arrow-green-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-green-light:after,
.jelli-arrow-green-light:after,
#jdoc-arrow.arrow-green-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-red,
.jelli-arrow-red,
#jdoc-arrow.arrow-red {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 62%, 42%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-red.jelli-arrow-spacer,
.jelli-arrow-red.jelli-arrow-spacer,
#jdoc-arrow.arrow-red.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before,
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before {
  border-color: hsl(0, 62%, 42%) transparent;
}
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  border-color: transparent hsl(0, 62%, 42%);
  top: 0px;
}
.jelli-arrow-red.hover-darken:hover,
.jelli-arrow-red.hover-darken:hover,
#jdoc-arrow.arrow-red.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 62%, 32%);
}
.jelli-arrow-red.hover-darken:hover:before,
.jelli-arrow-red.hover-darken:hover:before,
#jdoc-arrow.arrow-red.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 62%, 32%) transparent;
}
.jelli-arrow-red.hover-darken:hover:after,
.jelli-arrow-red.hover-darken:hover:after,
#jdoc-arrow.arrow-red.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 62%, 32%);
}
.jelli-arrow-red:before,
.jelli-arrow-red:before,
#jdoc-arrow.arrow-red:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-red:after,
.jelli-arrow-red:after,
#jdoc-arrow.arrow-red:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-orange,
.jelli-arrow-orange,
#jdoc-arrow.arrow-orange {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(35, 95%, 50%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-orange.jelli-arrow-spacer,
.jelli-arrow-orange.jelli-arrow-spacer,
#jdoc-arrow.arrow-orange.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before,
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before {
  border-color: hsl(35, 95%, 50%) transparent;
}
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  border-color: transparent hsl(35, 95%, 50%);
  top: 0px;
}
.jelli-arrow-orange.hover-darken:hover,
.jelli-arrow-orange.hover-darken:hover,
#jdoc-arrow.arrow-orange.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(35, 95%, 40%);
}
.jelli-arrow-orange.hover-darken:hover:before,
.jelli-arrow-orange.hover-darken:hover:before,
#jdoc-arrow.arrow-orange.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(35, 95%, 40%) transparent;
}
.jelli-arrow-orange.hover-darken:hover:after,
.jelli-arrow-orange.hover-darken:hover:after,
#jdoc-arrow.arrow-orange.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(35, 95%, 40%);
}
.jelli-arrow-orange:before,
.jelli-arrow-orange:before,
#jdoc-arrow.arrow-orange:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-orange:after,
.jelli-arrow-orange:after,
#jdoc-arrow.arrow-orange:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray,
.jelli-arrow-gray,
#jdoc-arrow.arrow-gray {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 54%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray.jelli-arrow-spacer,
.jelli-arrow-gray.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before,
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before {
  border-color: hsl(0, 0%, 54%) transparent;
}
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  border-color: transparent hsl(0, 0%, 54%);
  top: 0px;
}
.jelli-arrow-gray.hover-darken:hover,
.jelli-arrow-gray.hover-darken:hover,
#jdoc-arrow.arrow-gray.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 44%);
}
.jelli-arrow-gray.hover-darken:hover:before,
.jelli-arrow-gray.hover-darken:hover:before,
#jdoc-arrow.arrow-gray.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 44%) transparent;
}
.jelli-arrow-gray.hover-darken:hover:after,
.jelli-arrow-gray.hover-darken:hover:after,
#jdoc-arrow.arrow-gray.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 44%);
}
.jelli-arrow-gray:before,
.jelli-arrow-gray:before,
#jdoc-arrow.arrow-gray:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray:after,
.jelli-arrow-gray:after,
#jdoc-arrow.arrow-gray:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray-light,
.jelli-arrow-gray-light,
#jdoc-arrow.arrow-gray-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 80%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray-light.jelli-arrow-spacer,
.jelli-arrow-gray-light.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before,
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before {
  border-color: hsl(0, 0%, 80%) transparent;
}
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%);
  top: 0px;
}
.jelli-arrow-gray-light.hover-darken:hover,
.jelli-arrow-gray-light.hover-darken:hover,
#jdoc-arrow.arrow-gray-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 70%);
}
.jelli-arrow-gray-light.hover-darken:hover:before,
.jelli-arrow-gray-light.hover-darken:hover:before,
#jdoc-arrow.arrow-gray-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 70%) transparent;
}
.jelli-arrow-gray-light.hover-darken:hover:after,
.jelli-arrow-gray-light.hover-darken:hover:after,
#jdoc-arrow.arrow-gray-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 70%);
}
.jelli-arrow-gray-light:before,
.jelli-arrow-gray-light:before,
#jdoc-arrow.arrow-gray-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray-light:after,
.jelli-arrow-gray-light:after,
#jdoc-arrow.arrow-gray-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-gray-lighter,
.jelli-arrow-gray-lighter,
#jdoc-arrow.arrow-gray-lighter {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 95%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-gray-lighter.jelli-arrow-spacer,
.jelli-arrow-gray-lighter.jelli-arrow-spacer,
#jdoc-arrow.arrow-gray-lighter.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before {
  border-color: hsl(0, 0%, 95%) transparent;
}
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%);
  top: 0px;
}
.jelli-arrow-gray-lighter.hover-darken:hover,
.jelli-arrow-gray-lighter.hover-darken:hover,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 85%);
}
.jelli-arrow-gray-lighter.hover-darken:hover:before,
.jelli-arrow-gray-lighter.hover-darken:hover:before,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 85%) transparent;
}
.jelli-arrow-gray-lighter.hover-darken:hover:after,
.jelli-arrow-gray-lighter.hover-darken:hover:after,
#jdoc-arrow.arrow-gray-lighter.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 85%);
}
.jelli-arrow-gray-lighter:before,
.jelli-arrow-gray-lighter:before,
#jdoc-arrow.arrow-gray-lighter:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-gray-lighter:after,
.jelli-arrow-gray-lighter:after,
#jdoc-arrow.arrow-gray-lighter:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.jelli-arrow-white,
.jelli-arrow-white,
#jdoc-arrow.arrow-white {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: white;
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow-white.jelli-arrow-spacer,
.jelli-arrow-white.jelli-arrow-spacer,
#jdoc-arrow.arrow-white.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before,
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before {
  border-color: white transparent;
}
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  border-color: transparent white;
  top: 0px;
}
.jelli-arrow-white.hover-darken:hover,
.jelli-arrow-white.hover-darken:hover,
#jdoc-arrow.arrow-white.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: #e6e6e6;
}
.jelli-arrow-white.hover-darken:hover:before,
.jelli-arrow-white.hover-darken:hover:before,
#jdoc-arrow.arrow-white.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: #e6e6e6 transparent;
}
.jelli-arrow-white.hover-darken:hover:after,
.jelli-arrow-white.hover-darken:hover:after,
#jdoc-arrow.arrow-white.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent #e6e6e6;
}
.jelli-arrow-white:before,
.jelli-arrow-white:before,
#jdoc-arrow.arrow-white:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow-white:after,
.jelli-arrow-white:after,
#jdoc-arrow.arrow-white:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
/*
  build all sizes
*/
[class^="jelli-arrow"].jelli-arrow-xs,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs {
  line-height: 24px;
  min-height: 24px;
  max-height: 24px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 6px;
  font-size: 10px;
}
[class^="jelli-arrow"].jelli-arrow-xs:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:before {
  border-width: 12px 0 12px 6px;
  left: -6px;
}
[class^="jelli-arrow"].jelli-arrow-xs:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:after {
  border-width: 12px 0 12px 6px;
  right: -6px;
}
[class^="jelli-arrow"].jelli-arrow-sm,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm {
  line-height: 30px;
  min-height: 30px;
  max-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  font-size: 12px;
}
[class^="jelli-arrow"].jelli-arrow-sm:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:before {
  border-width: 15px 0 15px 8px;
  left: -8px;
}
[class^="jelli-arrow"].jelli-arrow-sm:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:after {
  border-width: 15px 0 15px 8px;
  right: -8px;
}
[class^="jelli-arrow"].jelli-arrow-rg,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg {
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
[class^="jelli-arrow"].jelli-arrow-rg:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
[class^="jelli-arrow"].jelli-arrow-rg:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
[class^="jelli-arrow"].jelli-arrow-lg,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg {
  line-height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 11px;
  font-size: 16px;
}
[class^="jelli-arrow"].jelli-arrow-lg:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:before {
  border-width: 20px 0 20px 11px;
  left: -11px;
}
[class^="jelli-arrow"].jelli-arrow-lg:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:after {
  border-width: 20px 0 20px 11px;
  right: -11px;
}
[class^="jelli-arrow"].jelli-arrow-xl,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl {
  line-height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 12px;
  font-size: 18px;
}
[class^="jelli-arrow"].jelli-arrow-xl:before,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:before {
  border-width: 22px 0 22px 12px;
  left: -12px;
}
[class^="jelli-arrow"].jelli-arrow-xl:after,
#jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:after {
  border-width: 22px 0 22px 12px;
  right: -12px;
}
/*
  build all variations
*/
[class^="jelli-arrow"].jelli-arrow-no-left,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left {
  border-radius: 4px 0px 0px 4px;
  margin-left: 0px !important;
}
[class^="jelli-arrow"].jelli-arrow-no-left:before,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left:before {
  display: none;
}
[class^="jelli-arrow"].jelli-arrow-no-right,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right {
  border-radius: 0px 4px 4px 0px;
}
[class^="jelli-arrow"].jelli-arrow-no-right:after,
#jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right:after {
  display: none;
}
/*
  set default
*/
.jelli-arrow {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.jelli-arrow.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jelli-arrow:before,
.jelli-arrow:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.jelli-arrow:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.jelli-arrow:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.jelli-arrow.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.jelli-arrow.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.jelli-arrow.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.jelli-arrow:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.jelli-arrow:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
/*
  main mixin
*/
/*
  size mixin
*/
/*
  variations
*/
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  build all colors
*/
.corner-green,
.jelli-corner-green,
#jdoc-corner.corner-green {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-green span,
.jelli-corner-green span,
#jdoc-corner.corner-green span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before,
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner-green span,
.jelli-corner-green span,
#jdoc-corner.corner-green span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-green span:before,
.jelli-corner-green span:before,
#jdoc-corner.corner-green span:before {
  left: 1px;
}
.corner-green span:after,
.jelli-corner-green span:after,
#jdoc-corner.corner-green span:after {
  right: 0px;
}
.corner-red,
.jelli-corner-red,
#jdoc-corner.corner-red {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-red span,
.jelli-corner-red span,
#jdoc-corner.corner-red span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(0, 62%, 42%);
  background: linear-gradient(hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before,
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before {
  border-left: 3px solid hsl(0, 62%, 30%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(0, 62%, 30%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.corner-red span,
.jelli-corner-red span,
#jdoc-corner.corner-red span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-red span:before,
.jelli-corner-red span:before,
#jdoc-corner.corner-red span:before {
  left: 1px;
}
.corner-red span:after,
.jelli-corner-red span:after,
#jdoc-corner.corner-red span:after {
  right: 0px;
}
.corner-orange,
.jelli-corner-orange,
#jdoc-corner.corner-orange {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-orange span,
.jelli-corner-orange span,
#jdoc-corner.corner-orange span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(35, 95%, 50%);
  background: linear-gradient(hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before,
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before {
  border-left: 3px solid hsl(35, 95%, 38%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(35, 95%, 38%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.corner-orange span,
.jelli-corner-orange span,
#jdoc-corner.corner-orange span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-orange span:before,
.jelli-corner-orange span:before,
#jdoc-corner.corner-orange span:before {
  left: 1px;
}
.corner-orange span:after,
.jelli-corner-orange span:after,
#jdoc-corner.corner-orange span:after {
  right: 0px;
}
.corner-white,
.jelli-corner-white,
#jdoc-corner.corner-white {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner-white span,
.jelli-corner-white span,
#jdoc-corner.corner-white span {
  font-weight: bold;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: white;
  background: linear-gradient(white 0%, #f2f2f2 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before,
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before {
  border-left: 3px solid #e0e0e0;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid #e0e0e0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.corner-white span,
.jelli-corner-white span,
#jdoc-corner.corner-white span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner-white span:before,
.jelli-corner-white span:before,
#jdoc-corner.corner-white span:before {
  left: 1px;
}
.corner-white span:after,
.jelli-corner-white span:after,
#jdoc-corner.corner-white span:after {
  right: 0px;
}
/*
  build all sizes
*/
[class^="corner"].corner-xs,
#jdoc-corner-size[class^="corner"].corner-xs {
  width: 80px;
  height: 80px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-xs span,
#jdoc-corner-size[class^="corner"].corner-xs span {
  top: 20.33333333px;
  right: -22.33333333px;
  font-size: 10px;
  line-height: 20px;
  width: 106.66666667px;
}
[class^="corner"].corner-xs span:before,
#jdoc-corner-size[class^="corner"].corner-xs span:before {
  left: 0.33333333px;
}
[class^="corner"].corner-xs span:after,
#jdoc-corner-size[class^="corner"].corner-xs span:after {
  right: 0px;
}
[class^="corner"].corner-sm,
#jdoc-corner-size[class^="corner"].corner-sm {
  width: 100px;
  height: 100px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-sm span,
#jdoc-corner-size[class^="corner"].corner-sm span {
  top: 25.66666667px;
  right: -27.66666667px;
  font-size: 12.5px;
  line-height: 25px;
  width: 133.33333333px;
}
[class^="corner"].corner-sm span:before,
#jdoc-corner-size[class^="corner"].corner-sm span:before {
  left: 0.66666667px;
}
[class^="corner"].corner-sm span:after,
#jdoc-corner-size[class^="corner"].corner-sm span:after {
  right: 0px;
}
[class^="corner"].corner-rg,
#jdoc-corner-size[class^="corner"].corner-rg {
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-rg span,
#jdoc-corner-size[class^="corner"].corner-rg span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
[class^="corner"].corner-rg span:before,
#jdoc-corner-size[class^="corner"].corner-rg span:before {
  left: 1px;
}
[class^="corner"].corner-rg span:after,
#jdoc-corner-size[class^="corner"].corner-rg span:after {
  right: 0px;
}
[class^="corner"].corner-lg,
#jdoc-corner-size[class^="corner"].corner-lg {
  width: 140px;
  height: 140px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-lg span,
#jdoc-corner-size[class^="corner"].corner-lg span {
  top: 36.33333333px;
  right: -38.33333333px;
  font-size: 17.5px;
  line-height: 35px;
  width: 186.66666667px;
}
[class^="corner"].corner-lg span:before,
#jdoc-corner-size[class^="corner"].corner-lg span:before {
  left: 1.33333333px;
}
[class^="corner"].corner-lg span:after,
#jdoc-corner-size[class^="corner"].corner-lg span:after {
  right: 0px;
}
[class^="corner"].corner-xl,
#jdoc-corner-size[class^="corner"].corner-xl {
  width: 160px;
  height: 160px;
  right: -5px;
  top: -5px;
}
[class^="corner"].corner-xl span,
#jdoc-corner-size[class^="corner"].corner-xl span {
  top: 41.66666667px;
  right: -43.66666667px;
  font-size: 20px;
  line-height: 40px;
  width: 213.33333333px;
}
[class^="corner"].corner-xl span:before,
#jdoc-corner-size[class^="corner"].corner-xl span:before {
  left: 1.66666667px;
}
[class^="corner"].corner-xl span:after,
#jdoc-corner-size[class^="corner"].corner-xl span:after {
  right: 0px;
}
/*
  set default
*/
.corner {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.corner span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.corner span:before,
.corner span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.corner span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.corner span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.corner span:before {
  left: 1px;
}
.corner span:after {
  right: 0px;
}
/*
  size mixin
*/
/*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
/*
  sizes
*/
/*
  each of these sizes will be built
*/
/*
  variation classes
*/
/*
  build all colors
*/
.emblem-green,
.jelli-emblem-green,
#jdoc-emblem.emblem-green {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before,
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  transform: rotate(-30deg);
}
.emblem-green:before,
.jelli-emblem-green:before,
#jdoc-emblem.emblem-green:before,
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-green:after,
.jelli-emblem-green:after,
#jdoc-emblem.emblem-green:after {
  margin-top: -120px;
}
.emblem-red,
.jelli-emblem-red,
#jdoc-emblem.emblem-red {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before,
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  transform: rotate(-30deg);
}
.emblem-red:before,
.jelli-emblem-red:before,
#jdoc-emblem.emblem-red:before,
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-red:after,
.jelli-emblem-red:after,
#jdoc-emblem.emblem-red:after {
  margin-top: -120px;
}
.emblem-orange,
.jelli-emblem-orange,
#jdoc-emblem.emblem-orange {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before,
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  transform: rotate(-30deg);
}
.emblem-orange:before,
.jelli-emblem-orange:before,
#jdoc-emblem.emblem-orange:before,
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-orange:after,
.jelli-emblem-orange:after,
#jdoc-emblem.emblem-orange:after {
  margin-top: -120px;
}
.emblem-white,
.jelli-emblem-white,
#jdoc-emblem.emblem-white {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
  margin: 40px;
  color: #000;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before,
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  transform: rotate(-30deg);
}
.emblem-white:before,
.jelli-emblem-white:before,
#jdoc-emblem.emblem-white:before,
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem-white:after,
.jelli-emblem-white:after,
#jdoc-emblem.emblem-white:after {
  margin-top: -120px;
}
/*
  build all sizes
*/
[class^="emblem"].emblem-xs,
#jdoc-emblem-size[class^="emblem"].emblem-xs {
  width: 80px;
  height: 80px;
  font-size: 10px;
  line-height: 80px;
  border-radius: 13.33333333px;
}
[class^="emblem"].emblem-xs:before,
#jdoc-emblem-size[class^="emblem"].emblem-xs:before,
[class^="emblem"].emblem-xs:after,
#jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  width: 80px;
  height: 80px;
  border-radius: 13.33333333px;
}
[class^="emblem"].emblem-xs:after,
#jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  margin-top: -80px;
}
[class^="emblem"].emblem-sm,
#jdoc-emblem-size[class^="emblem"].emblem-sm {
  width: 100px;
  height: 100px;
  font-size: 12.5px;
  line-height: 100px;
  border-radius: 16.66666667px;
}
[class^="emblem"].emblem-sm:before,
#jdoc-emblem-size[class^="emblem"].emblem-sm:before,
[class^="emblem"].emblem-sm:after,
#jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  width: 100px;
  height: 100px;
  border-radius: 16.66666667px;
}
[class^="emblem"].emblem-sm:after,
#jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  margin-top: -100px;
}
[class^="emblem"].emblem-rg,
#jdoc-emblem-size[class^="emblem"].emblem-rg {
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
[class^="emblem"].emblem-rg:before,
#jdoc-emblem-size[class^="emblem"].emblem-rg:before,
[class^="emblem"].emblem-rg:after,
#jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
[class^="emblem"].emblem-rg:after,
#jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  margin-top: -120px;
}
[class^="emblem"].emblem-lg,
#jdoc-emblem-size[class^="emblem"].emblem-lg {
  width: 140px;
  height: 140px;
  font-size: 17.5px;
  line-height: 140px;
  border-radius: 23.33333333px;
}
[class^="emblem"].emblem-lg:before,
#jdoc-emblem-size[class^="emblem"].emblem-lg:before,
[class^="emblem"].emblem-lg:after,
#jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  width: 140px;
  height: 140px;
  border-radius: 23.33333333px;
}
[class^="emblem"].emblem-lg:after,
#jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  margin-top: -140px;
}
[class^="emblem"].emblem-xl,
#jdoc-emblem-size[class^="emblem"].emblem-xl {
  width: 160px;
  height: 160px;
  font-size: 20px;
  line-height: 160px;
  border-radius: 26.66666667px;
}
[class^="emblem"].emblem-xl:before,
#jdoc-emblem-size[class^="emblem"].emblem-xl:before,
[class^="emblem"].emblem-xl:after,
#jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  width: 160px;
  height: 160px;
  border-radius: 26.66666667px;
}
[class^="emblem"].emblem-xl:after,
#jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  margin-top: -160px;
}
/*
  build all variations
*/
[class^="emblem"].emblem-round-less,
#jdoc-emblem-var[class^="emblem"].emblem-round-less {
  border-radius: 6px;
}
[class^="emblem"].emblem-round-less:before,
#jdoc-emblem-var[class^="emblem"].emblem-round-less:before,
[class^="emblem"].emblem-round-less:after,
#jdoc-emblem-var[class^="emblem"].emblem-round-less:after {
  border-radius: 6px;
}
[class^="emblem"].emblem-round-none,
#jdoc-emblem-var[class^="emblem"].emblem-round-none {
  border-radius: 0px;
}
[class^="emblem"].emblem-round-none:before,
#jdoc-emblem-var[class^="emblem"].emblem-round-none:before,
[class^="emblem"].emblem-round-none:after,
#jdoc-emblem-var[class^="emblem"].emblem-round-none:after {
  border-radius: 0px;
}
/*
  set default
*/
.emblem {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.emblem:before,
.emblem:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.emblem:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.emblem:after {
  transform: rotate(-30deg);
}
.emblem:before,
.emblem:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.emblem:after {
  margin-top: -120px;
}
/*
  main mixin
*/
/*
  size mixin
*/
/*
  variations
*/
.margin,
#jdoc-margin.margin {
  margin: 20px;
}
.margin-xs,
#jdoc-margin.margin-xs {
  margin: 5px;
}
.margin-xs-vertical,
#jdoc-margin-size.margin-xs-vertical {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin-xs-horizontal,
#jdoc-margin-size.margin-xs-horizontal {
  margin-left: 5px;
  margin-right: 5px;
}
.margin-xs-top,
#jdoc-margin-size.margin-xs-top {
  margin-top: 3px;
}
.margin-xs-right,
#jdoc-margin-size.margin-xs-right {
  margin-right: 5px;
}
.margin-xs-bottom,
#jdoc-margin-size.margin-xs-bottom {
  margin-bottom: 3px;
}
.margin-xs-left,
#jdoc-margin-size.margin-xs-left {
  margin-left: 5px;
}
.margin-sm,
#jdoc-margin.margin-sm {
  margin: 10px;
}
.margin-sm-vertical,
#jdoc-margin-size.margin-sm-vertical {
  margin-top: 8px;
  margin-bottom: 8px;
}
.margin-sm-horizontal,
#jdoc-margin-size.margin-sm-horizontal {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-sm-top,
#jdoc-margin-size.margin-sm-top {
  margin-top: 8px;
}
.margin-sm-right,
#jdoc-margin-size.margin-sm-right {
  margin-right: 10px;
}
.margin-sm-bottom,
#jdoc-margin-size.margin-sm-bottom {
  margin-bottom: 8px;
}
.margin-sm-left,
#jdoc-margin-size.margin-sm-left {
  margin-left: 10px;
}
.margin-rg,
#jdoc-margin.margin-rg {
  margin: 20px;
}
.margin-rg-vertical,
#jdoc-margin-size.margin-rg-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.margin-rg-horizontal,
#jdoc-margin-size.margin-rg-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-rg-top,
#jdoc-margin-size.margin-rg-top {
  margin-top: 18px;
}
.margin-rg-right,
#jdoc-margin-size.margin-rg-right {
  margin-right: 20px;
}
.margin-rg-bottom,
#jdoc-margin-size.margin-rg-bottom {
  margin-bottom: 18px;
}
.margin-rg-left,
#jdoc-margin-size.margin-rg-left {
  margin-left: 20px;
}
.margin-lg,
#jdoc-margin.margin-lg {
  margin: 30px;
}
.margin-lg-vertical,
#jdoc-margin-size.margin-lg-vertical {
  margin-top: 28px;
  margin-bottom: 28px;
}
.margin-lg-horizontal,
#jdoc-margin-size.margin-lg-horizontal {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-lg-top,
#jdoc-margin-size.margin-lg-top {
  margin-top: 28px;
}
.margin-lg-right,
#jdoc-margin-size.margin-lg-right {
  margin-right: 30px;
}
.margin-lg-bottom,
#jdoc-margin-size.margin-lg-bottom {
  margin-bottom: 28px;
}
.margin-lg-left,
#jdoc-margin-size.margin-lg-left {
  margin-left: 30px;
}
.margin-xl,
#jdoc-margin.margin-xl {
  margin: 40px;
}
.margin-xl-vertical,
#jdoc-margin-size.margin-xl-vertical {
  margin-top: 38px;
  margin-bottom: 38px;
}
.margin-xl-horizontal,
#jdoc-margin-size.margin-xl-horizontal {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-xl-top,
#jdoc-margin-size.margin-xl-top {
  margin-top: 38px;
}
.margin-xl-right,
#jdoc-margin-size.margin-xl-right {
  margin-right: 40px;
}
.margin-xl-bottom,
#jdoc-margin-size.margin-xl-bottom {
  margin-bottom: 38px;
}
.margin-xl-left,
#jdoc-margin-size.margin-xl-left {
  margin-left: 40px;
}
.margin-none,
#jdoc-margin.margin-none {
  margin: 0px;
}
.margin-none-vertical,
#jdoc-margin-size.margin-none-vertical {
  margin-top: -2px;
  margin-bottom: -2px;
}
.margin-none-horizontal,
#jdoc-margin-size.margin-none-horizontal {
  margin-left: 0px;
  margin-right: 0px;
}
.margin-none-top,
#jdoc-margin-size.margin-none-top {
  margin-top: -2px;
}
.margin-none-right,
#jdoc-margin-size.margin-none-right {
  margin-right: 0px;
}
.margin-none-bottom,
#jdoc-margin-size.margin-none-bottom {
  margin-bottom: -2px;
}
.margin-none-left,
#jdoc-margin-size.margin-none-left {
  margin-left: 0px;
}
.margin {
  margin: 20px;
}
.margin-vertical,
#jdoc-margin-orientation.margin-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.margin-horizontal,
#jdoc-margin-orientation.margin-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-top,
#jdoc-margin-orientation.margin-top {
  margin-top: 18px;
}
.margin-right,
#jdoc-margin-orientation.margin-right {
  margin-right: 20px;
}
.margin-bottom,
#jdoc-margin-orientation.margin-bottom {
  margin-bottom: 18px;
}
.margin-left,
#jdoc-margin-orientation.margin-left {
  margin-left: 20px;
}
.padding,
#jdoc-padding.padding {
  padding: 20px;
}
.padding-xs,
#jdoc-padding.padding-xs {
  padding: 5px;
}
.padding-xs-vertical,
#jdoc-padding-size.padding-xs-vertical {
  padding-top: 3px;
  padding-bottom: 3px;
}
.padding-xs-horizontal,
#jdoc-padding-size.padding-xs-horizontal {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-xs-top,
#jdoc-padding-size.padding-xs-top {
  padding-top: 3px;
}
.padding-xs-right,
#jdoc-padding-size.padding-xs-right {
  padding-right: 5px;
}
.padding-xs-bottom,
#jdoc-padding-size.padding-xs-bottom {
  padding-bottom: 3px;
}
.padding-xs-left,
#jdoc-padding-size.padding-xs-left {
  padding-left: 5px;
}
.padding-sm,
#jdoc-padding.padding-sm {
  padding: 10px;
}
.padding-sm-vertical,
#jdoc-padding-size.padding-sm-vertical {
  padding-top: 8px;
  padding-bottom: 8px;
}
.padding-sm-horizontal,
#jdoc-padding-size.padding-sm-horizontal {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-sm-top,
#jdoc-padding-size.padding-sm-top {
  padding-top: 8px;
}
.padding-sm-right,
#jdoc-padding-size.padding-sm-right {
  padding-right: 10px;
}
.padding-sm-bottom,
#jdoc-padding-size.padding-sm-bottom {
  padding-bottom: 8px;
}
.padding-sm-left,
#jdoc-padding-size.padding-sm-left {
  padding-left: 10px;
}
.padding-rg,
#jdoc-padding.padding-rg {
  padding: 20px;
}
.padding-rg-vertical,
#jdoc-padding-size.padding-rg-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.padding-rg-horizontal,
#jdoc-padding-size.padding-rg-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-rg-top,
#jdoc-padding-size.padding-rg-top {
  padding-top: 18px;
}
.padding-rg-right,
#jdoc-padding-size.padding-rg-right {
  padding-right: 20px;
}
.padding-rg-bottom,
#jdoc-padding-size.padding-rg-bottom {
  padding-bottom: 18px;
}
.padding-rg-left,
#jdoc-padding-size.padding-rg-left {
  padding-left: 20px;
}
.padding-lg,
#jdoc-padding.padding-lg {
  padding: 30px;
}
.padding-lg-vertical,
#jdoc-padding-size.padding-lg-vertical {
  padding-top: 28px;
  padding-bottom: 28px;
}
.padding-lg-horizontal,
#jdoc-padding-size.padding-lg-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-lg-top,
#jdoc-padding-size.padding-lg-top {
  padding-top: 28px;
}
.padding-lg-right,
#jdoc-padding-size.padding-lg-right {
  padding-right: 30px;
}
.padding-lg-bottom,
#jdoc-padding-size.padding-lg-bottom {
  padding-bottom: 28px;
}
.padding-lg-left,
#jdoc-padding-size.padding-lg-left {
  padding-left: 30px;
}
.padding-xl,
#jdoc-padding.padding-xl {
  padding: 40px;
}
.padding-xl-vertical,
#jdoc-padding-size.padding-xl-vertical {
  padding-top: 38px;
  padding-bottom: 38px;
}
.padding-xl-horizontal,
#jdoc-padding-size.padding-xl-horizontal {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-xl-top,
#jdoc-padding-size.padding-xl-top {
  padding-top: 38px;
}
.padding-xl-right,
#jdoc-padding-size.padding-xl-right {
  padding-right: 40px;
}
.padding-xl-bottom,
#jdoc-padding-size.padding-xl-bottom {
  padding-bottom: 38px;
}
.padding-xl-left,
#jdoc-padding-size.padding-xl-left {
  padding-left: 40px;
}
.padding-none,
#jdoc-padding.padding-none {
  padding: 0px;
}
.padding-none-vertical,
#jdoc-padding-size.padding-none-vertical {
  padding-top: -2px;
  padding-bottom: -2px;
}
.padding-none-horizontal,
#jdoc-padding-size.padding-none-horizontal {
  padding-left: 0px;
  padding-right: 0px;
}
.padding-none-top,
#jdoc-padding-size.padding-none-top {
  padding-top: -2px;
}
.padding-none-right,
#jdoc-padding-size.padding-none-right {
  padding-right: 0px;
}
.padding-none-bottom,
#jdoc-padding-size.padding-none-bottom {
  padding-bottom: -2px;
}
.padding-none-left,
#jdoc-padding-size.padding-none-left {
  padding-left: 0px;
}
.padding {
  padding: 20px;
}
.padding-vertical,
#jdoc-padding-orientation.padding-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.padding-horizontal,
#jdoc-padding-orientation.padding-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-top,
#jdoc-padding-orientation.padding-top {
  padding-top: 18px;
}
.padding-right,
#jdoc-padding-orientation.padding-right {
  padding-right: 20px;
}
.padding-bottom,
#jdoc-padding-orientation.padding-bottom {
  padding-bottom: 18px;
}
.padding-left,
#jdoc-padding-orientation.padding-left {
  padding-left: 20px;
}
.position-relative {
  position: relative !important;
}
.position-fixed {
  position: fixed !important;
}
.position-absolute {
  position: absolute !important;
}
.shadow {
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.shadow-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg {
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset {
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-lg {
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.shadow-inset-horizontal {
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-lg-horizontal {
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.shadow-inset-lg-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-inset-lg-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.shadow-down {
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-up {
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-down {
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-up {
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-lg-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.shadow-lg-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.shadow-none {
  box-shadow: none;
}
.text-default {
  text-align: left;
  vertical-align: bottom;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center,
.text-centered {
  text-align: center !important;
}
.text-top {
  vertical-align: top !important;
}
.text-middle {
  vertical-align: middle !important;
}
.text-bottom {
  vertical-align: bottom !important;
}
.text-capitalize,
.text-capitalized {
  text-transform: capitalize !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-shadow-dark {
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
}
.text-shadow-light {
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
}
.panel-group .panel + .panel {
  margin-top: 0px !important;
}
.panel-group .panel .panel-heading {
  width: 377px;
  padding: 3px 10px 0px 10px;
}
.panel-group .panel .panel-body {
  padding: 0;
  white-space: normal;
}
.sidebar.sidebar-right {
  background-color: hsl(0, 0%, 98%) !important;
}
.summary-sidebar-content {
  width: 378px;
}
.summary-sidebar-content h4 {
  text-transform: uppercase;
  border-top: 1px solid hsl(0, 0%, 77%);
  border-bottom: 1px solid hsl(0, 0%, 92%);
  background-color: hsl(0, 0%, 99%);
  padding: 3px 10px 0px 10px;
  line-height: 28px;
  margin-bottom: 2px;
  font-size: 15px;
}
.summary-sidebar-content section .pending-item {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: opacity 100ms ease-out 0s;
  -moz-transition: opacity 100ms ease-out 0s;
  -webkit-transition: opacity 100ms ease-out 0s;
  transition: opacity 100ms ease-out 0s;
  opacity: 1;
}
.summary-sidebar-content section .pending-item.is-pending {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: opacity 250ms ease-out 0s;
  -moz-transition: opacity 250ms ease-out 0s;
  -webkit-transition: opacity 250ms ease-out 0s;
  transition: opacity 250ms ease-out 0s;
  opacity: 0.3;
}
.summary-sidebar-content .summary-wrapper {
  line-height: 30px;
  padding: 5px 10px;
}
.summary-sidebar-content .summary-wrapper label {
  margin-bottom: 0;
  width: 100%;
  line-height: 18px;
  display: flex;
  flex-direction: row;
}
.summary-sidebar-content .summary-wrapper label .flex-fluid {
  flex: 1;
}
.summary-sidebar-content .summary-wrapper label .estimated-flag {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  background-color: hsl(0, 0%, 80%);
  color: white;
  border-radius: 4px;
  padding: 2px 5px;
}
.summary-sidebar-content .summary-wrapper span.value {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 345px;
  display: inline-block;
}
.summary-sidebar-content .summary-wrapper .summary-logo-wrapper {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 5px;
  width: fit-content;
}
.summary-sidebar-content .summary-wrapper .summary-logo-wrapper img {
  max-height: 50px;
}
.summary-sidebar-content .summary-wrapper.logo-wrapper {
  display: flex;
}
.summary-sidebar-content .summary-wrapper.logo-wrapper .logo-wrapper-info {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  line-height: 60px;
}
.summary-sidebar-content .summary-wrapper.targeting-wrapper {
  display: flex;
  flex-direction: column;
}
.summary-sidebar-content .summary-wrapper.targeting-wrapper .total-price-popover {
  margin-left: 10px;
}
.summary-sidebar-content .total-price-popover .popover-content {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 200px;
  white-space: normal;
}
.section-footer {
  margin-top: 8px;
  padding-top: 18px;
  border: 1px solid hsl(0, 0%, 80%);
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.schedule-simple-picker {
  margin-right: 20px !important;
}
.schedule-action,
.schedule-action > * {
  line-height: 35px;
}
.plan-inputs-engine .plan-inputs-wrapper {
  padding: 10px 20px;
}
.plan-inputs-engine .plan-inputs-wrapper .plan-input-section {
  min-width: 300px;
  max-width: 550px;
}
.plan-inputs-engine .plan-inputs-wrapper .liquid-container:not(.liquid-animating),
.plan-inputs-engine .plan-inputs-wrapper .liquid-child:not(.liquid-animating) {
  overflow: visible;
  z-index: 0;
}
.plan-inputs-engine .plan-inputs-wrapper .section-header-h {
  line-height: 24px;
  margin-top: 15px;
}
.plan-inputs-engine .plan-inputs-wrapper.deals-section .plan-input-section {
  max-width: 100%;
}
.plan-inputs-engine .j-input-wrapper-block {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.j-input-wrapper-yield .j-input-is-read-only {
  flex: 1;
  line-height: 35px;
}
.j-input-wrapper-yield > .input-flex {
  width: 100%;
}
.j-input-wrapper-above .j-input-wrapper-required {
  font-size: 12px;
  line-height: 22px;
  color: hsl(0, 0%, 50%);
}
.summary-wrapper .j-input-wrapper-yield {
  border: 1px solid hsl(0, 0%, 89%);
  padding: 5px 15px;
  border-radius: 4px;
}
.panel-title .summary-wrapper .j-input-wrapper-yield {
  border: 0px solid transparent;
  padding: 0;
}


.radiodash-engine {
  /*
    NOTE: These should be kept in sync with 'common/constansts/screen-size.js'
*/
  /*
    colors array
*/
  /*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{alpha-font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
  /*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
  /*
    updated icons should be deployed to common.jelli.com/resources-manual/ember-cli/fonts/@{font-id}/

    REPLACING FILES AT THIS URL WILL BREAK EXISTING APPS!!!
*/
  /*
    NOTHING BELOW THIS POINT SHOULD NEED TO BE MODIFIED WHEN ADDING NEW ICONS
*/
  /*
  sizes
*/
  /*
    styles
*/
  /*
    defaults
*/
  /*
    size
*/
  /*
    sides
*/
  /*
    styles
*/
  /*
  colors - each combination will be built
  @fill-color, @border-color
*/
  /*
  side classes
*/
  /*
  vertical pull classes
*/
  /*
  horizontal pull classes
*/
  /*
  side classes
*/
  /*
  build all horizontal pull
*/
  /*
  build all vertical pull
*/
  /*
  build all sides
*/
  /*
  build all colors
*/
  /*
  set default
*/
  /*
  variations
*/
  /*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
  /*
  sizes
*/
  /*
  each of these sizes will be built
*/
  /*
  variation classes
*/
  /*
  build all colors
*/
  /*
  build all sizes
*/
  /*
  build all variations
*/
  /*
  set default
*/
  /*
  main mixin
*/
  /*
  size mixin
*/
  /*
  variations
*/
  /*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
  /*
  sizes
*/
  /*
  each of these sizes will be built
*/
  /*
  build all colors
*/
  /*
  build all sizes
*/
  /*
  set default
*/
  /*
  size mixin
*/
  /*
  colors - each combination will be built
  @fill-color, @color, @text-shadow
*/
  /*
  sizes
*/
  /*
  each of these sizes will be built
*/
  /*
  variation classes
*/
  /*
  build all colors
*/
  /*
  build all sizes
*/
  /*
  build all variations
*/
  /*
  set default
*/
  /*
  main mixin
*/
  /*
  size mixin
*/
  /*
  variations
*/
  /**
  This is copied from https://github.com/highcharts/highcharts/blob/master/css/highcharts.scss
  I modified to convert scss to less
  - i have commented out anything we are not explicitly overriding
  - the `each` method (somewhere around line 300) sets the series colors
 */
  /**
* @license Highcharts
*
* (c) 2009-2016 Torstein Honsi
*
* License: www.highcharts.com/license
*/
  /* Series options */
  /* this is the scss loop
// @for @i from 1 through length(@colors) {
//   @color: nth(@colors, @i);
//   .highcharts-color-#{@i - 1} {
//     fill: @color;
//     stroke: @color;
//   }
// }
*/
  /* legend datapoints */
}
.radiodash-engine .shrinky-dink {
  transform-origin: top left;
  transition: transform 0.25s;
}
@media (max-width: 5760px) {
  .radiodash-engine .shrinky-dink {
    transform: scale(1);
  }
}
@media (max-width: 1280px) {
  .radiodash-engine .shrinky-dink {
    transform: scale(0.8);
  }
}
.radiodash-engine .box-shadow-pop-out {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.radiodash-engine .box-shadow-pop-in {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.radiodash-engine .font-style-fix {
  font-weight: normal !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHRiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLijXiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
.radiodash-engine .roboto-thin {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: normal;
}
.radiodash-engine .roboto-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.radiodash-engine .roboto-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.radiodash-engine .roboto-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.radiodash-engine .roboto-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .roboto-black {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 900;
  font-style: normal;
}
.radiodash-engine .roboto-thin-italic {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'jelli-alphabet';
  src: url(./fonts/jelli-alphabet.eot?xfcinv);
  src: url(./fonts/jelli-alphabet.eot?xfcinv#iefix) format('embedded-opentype'), url(./fonts/jelli-alphabet.ttf?xfcinv) format('truetype'), url(./fonts/jelli-alphabet.woff?xfcinv) format('woff'), url(./fonts/jelli-alphabet.svg?xfcinv#jelli-alphabet) format('svg');
  font-weight: normal;
  font-style: normal;
}
.radiodash-engine .jelli-font-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.radiodash-engine .jelli-alpha {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-char-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.radiodash-engine .jelli-alpha-a,
.radiodash-engine #jdoc-alpha.alpha-docs-a {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-a.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-a.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-a.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-a.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-a[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-a[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-a[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-a[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-a[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-a[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-a:before,
.radiodash-engine #jdoc-alpha.alpha-docs-a:before {
  content: "\e900" !important;
}
.radiodash-engine .jelli-alpha-char-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.radiodash-engine .jelli-alpha-b,
.radiodash-engine #jdoc-alpha.alpha-docs-b {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-b.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-b.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-b.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-b.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-b[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-b[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-b[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-b[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-b[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-b[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-b:before,
.radiodash-engine #jdoc-alpha.alpha-docs-b:before {
  content: "\e901" !important;
}
.radiodash-engine .jelli-alpha-char-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.radiodash-engine .jelli-alpha-c,
.radiodash-engine #jdoc-alpha.alpha-docs-c {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-c.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-c.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-c.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-c.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-c[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-c[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-c[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-c[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-c[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-c[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-c:before,
.radiodash-engine #jdoc-alpha.alpha-docs-c:before {
  content: "\e902" !important;
}
.radiodash-engine .jelli-alpha-char-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.radiodash-engine .jelli-alpha-d,
.radiodash-engine #jdoc-alpha.alpha-docs-d {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-d.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-d.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-d.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-d.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-d[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-d[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-d[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-d[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-d[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-d[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-d:before,
.radiodash-engine #jdoc-alpha.alpha-docs-d:before {
  content: "\e903" !important;
}
.radiodash-engine .jelli-alpha-char-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.radiodash-engine .jelli-alpha-e,
.radiodash-engine #jdoc-alpha.alpha-docs-e {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-e.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-e.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-e.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-e.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-e[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-e[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-e[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-e[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-e[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-e[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-e:before,
.radiodash-engine #jdoc-alpha.alpha-docs-e:before {
  content: "\e904" !important;
}
.radiodash-engine .jelli-alpha-char-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.radiodash-engine .jelli-alpha-f,
.radiodash-engine #jdoc-alpha.alpha-docs-f {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-f.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-f.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-f.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-f.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-f[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-f[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-f[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-f[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-f[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-f[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-f:before,
.radiodash-engine #jdoc-alpha.alpha-docs-f:before {
  content: "\e905" !important;
}
.radiodash-engine .jelli-alpha-char-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.radiodash-engine .jelli-alpha-g,
.radiodash-engine #jdoc-alpha.alpha-docs-g {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-g.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-g.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-g.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-g.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-g[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-g[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-g[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-g[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-g[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-g[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-g:before,
.radiodash-engine #jdoc-alpha.alpha-docs-g:before {
  content: "\e906" !important;
}
.radiodash-engine .jelli-alpha-char-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.radiodash-engine .jelli-alpha-h,
.radiodash-engine #jdoc-alpha.alpha-docs-h {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-h.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-h.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-h.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-h.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-h[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-h[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-h[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-h[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-h[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-h[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-h:before,
.radiodash-engine #jdoc-alpha.alpha-docs-h:before {
  content: "\e907" !important;
}
.radiodash-engine .jelli-alpha-char-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.radiodash-engine .jelli-alpha-i,
.radiodash-engine #jdoc-alpha.alpha-docs-i {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-i.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-i.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-i.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-i.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-i[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-i[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-i[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-i[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-i[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-i[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-i:before,
.radiodash-engine #jdoc-alpha.alpha-docs-i:before {
  content: "\e908" !important;
}
.radiodash-engine .jelli-alpha-char-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.radiodash-engine .jelli-alpha-j,
.radiodash-engine #jdoc-alpha.alpha-docs-j {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-j.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-j.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-j.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-j.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-j[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-j[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-j[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-j[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-j[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-j[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-j:before,
.radiodash-engine #jdoc-alpha.alpha-docs-j:before {
  content: "\e909" !important;
}
.radiodash-engine .jelli-alpha-char-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90a" !important;
}
.radiodash-engine .jelli-alpha-k,
.radiodash-engine #jdoc-alpha.alpha-docs-k {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-k.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-k.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-k.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-k.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-k[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-k[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-k[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-k[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-k[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-k[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-k:before,
.radiodash-engine #jdoc-alpha.alpha-docs-k:before {
  content: "\e90a" !important;
}
.radiodash-engine .jelli-alpha-char-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90b" !important;
}
.radiodash-engine .jelli-alpha-l,
.radiodash-engine #jdoc-alpha.alpha-docs-l {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-l.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-l.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-l.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-l.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-l[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-l[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-l[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-l[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-l[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-l[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-l:before,
.radiodash-engine #jdoc-alpha.alpha-docs-l:before {
  content: "\e90b" !important;
}
.radiodash-engine .jelli-alpha-char-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90c" !important;
}
.radiodash-engine .jelli-alpha-m,
.radiodash-engine #jdoc-alpha.alpha-docs-m {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-m.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-m.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-m.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-m.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-m[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-m[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-m[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-m[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-m[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-m[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-m:before,
.radiodash-engine #jdoc-alpha.alpha-docs-m:before {
  content: "\e90c" !important;
}
.radiodash-engine .jelli-alpha-char-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90d" !important;
}
.radiodash-engine .jelli-alpha-n,
.radiodash-engine #jdoc-alpha.alpha-docs-n {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-n.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-n.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-n.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-n.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-n[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-n[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-n[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-n[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-n[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-n[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-n:before,
.radiodash-engine #jdoc-alpha.alpha-docs-n:before {
  content: "\e90d" !important;
}
.radiodash-engine .jelli-alpha-char-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90e" !important;
}
.radiodash-engine .jelli-alpha-o,
.radiodash-engine #jdoc-alpha.alpha-docs-o {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-o.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-o.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-o.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-o.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-o[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-o[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-o[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-o[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-o[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-o[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-o:before,
.radiodash-engine #jdoc-alpha.alpha-docs-o:before {
  content: "\e90e" !important;
}
.radiodash-engine .jelli-alpha-char-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.radiodash-engine .jelli-alpha-p,
.radiodash-engine #jdoc-alpha.alpha-docs-p {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-p.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-p.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-p.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-p.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-p[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-p[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-p[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-p[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-p[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-p[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-p:before,
.radiodash-engine #jdoc-alpha.alpha-docs-p:before {
  content: "\e90f" !important;
}
.radiodash-engine .jelli-alpha-char-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.radiodash-engine .jelli-alpha-q,
.radiodash-engine #jdoc-alpha.alpha-docs-q {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-q.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-q.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-q.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-q.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-q[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-q[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-q[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-q[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-q[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-q[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-q:before,
.radiodash-engine #jdoc-alpha.alpha-docs-q:before {
  content: "\e910" !important;
}
.radiodash-engine .jelli-alpha-char-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.radiodash-engine .jelli-alpha-r,
.radiodash-engine #jdoc-alpha.alpha-docs-r {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-r.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-r.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-r.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-r.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-r[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-r[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-r[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-r[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-r[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-r[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-r:before,
.radiodash-engine #jdoc-alpha.alpha-docs-r:before {
  content: "\e911" !important;
}
.radiodash-engine .jelli-alpha-char-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.radiodash-engine .jelli-alpha-s,
.radiodash-engine #jdoc-alpha.alpha-docs-s {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-s.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-s.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-s.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-s.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-s[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-s[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-s[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-s[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-s[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-s[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-s:before,
.radiodash-engine #jdoc-alpha.alpha-docs-s:before {
  content: "\e912" !important;
}
.radiodash-engine .jelli-alpha-char-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.radiodash-engine .jelli-alpha-t,
.radiodash-engine #jdoc-alpha.alpha-docs-t {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-t.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-t.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-t.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-t.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-t[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-t[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-t[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-t[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-t[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-t[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-t:before,
.radiodash-engine #jdoc-alpha.alpha-docs-t:before {
  content: "\e913" !important;
}
.radiodash-engine .jelli-alpha-char-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.radiodash-engine .jelli-alpha-u,
.radiodash-engine #jdoc-alpha.alpha-docs-u {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-u.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-u.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-u.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-u.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-u[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-u[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-u[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-u[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-u[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-u[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-u:before,
.radiodash-engine #jdoc-alpha.alpha-docs-u:before {
  content: "\e914" !important;
}
.radiodash-engine .jelli-alpha-char-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.radiodash-engine .jelli-alpha-v,
.radiodash-engine #jdoc-alpha.alpha-docs-v {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-v.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-v.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-v.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-v.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-v[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-v[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-v[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-v[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-v[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-v[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-v:before,
.radiodash-engine #jdoc-alpha.alpha-docs-v:before {
  content: "\e915" !important;
}
.radiodash-engine .jelli-alpha-char-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.radiodash-engine .jelli-alpha-w,
.radiodash-engine #jdoc-alpha.alpha-docs-w {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-w.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-w.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-w.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-w.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-w[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-w[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-w[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-w[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-w[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-w[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-w:before,
.radiodash-engine #jdoc-alpha.alpha-docs-w:before {
  content: "\e916" !important;
}
.radiodash-engine .jelli-alpha-char-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.radiodash-engine .jelli-alpha-x,
.radiodash-engine #jdoc-alpha.alpha-docs-x {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-x.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-x.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-x.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-x.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-x[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-x[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-x[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-x[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-x[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-x[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-x:before,
.radiodash-engine #jdoc-alpha.alpha-docs-x:before {
  content: "\e917" !important;
}
.radiodash-engine .jelli-alpha-char-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e918" !important;
}
.radiodash-engine .jelli-alpha-y,
.radiodash-engine #jdoc-alpha.alpha-docs-y {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-y.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-y.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-y.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-y.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-y[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-y[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-y[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-y[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-y[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-y[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-y:before,
.radiodash-engine #jdoc-alpha.alpha-docs-y:before {
  content: "\e918" !important;
}
.radiodash-engine .jelli-alpha-char-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e919" !important;
}
.radiodash-engine .jelli-alpha-z,
.radiodash-engine #jdoc-alpha.alpha-docs-z {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-z.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-z.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-z.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-z.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-z[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-z[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-z[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-z[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-z[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-z[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-z:before,
.radiodash-engine #jdoc-alpha.alpha-docs-z:before {
  content: "\e919" !important;
}
.radiodash-engine .jelli-alpha-char-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91a" !important;
}
.radiodash-engine .jelli-alpha-0,
.radiodash-engine #jdoc-alpha.alpha-docs-0 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-0.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-0.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-0.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-0.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-0[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-0[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-0[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-0[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-0[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-0[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-0:before,
.radiodash-engine #jdoc-alpha.alpha-docs-0:before {
  content: "\e91a" !important;
}
.radiodash-engine .jelli-alpha-char-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91b" !important;
}
.radiodash-engine .jelli-alpha-1,
.radiodash-engine #jdoc-alpha.alpha-docs-1 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-1.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-1.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-1.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-1.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-1[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-1[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-1[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-1[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-1[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-1[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-1:before,
.radiodash-engine #jdoc-alpha.alpha-docs-1:before {
  content: "\e91b" !important;
}
.radiodash-engine .jelli-alpha-char-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91c" !important;
}
.radiodash-engine .jelli-alpha-2,
.radiodash-engine #jdoc-alpha.alpha-docs-2 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-2.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-2.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-2.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-2.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-2[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-2[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-2[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-2[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-2[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-2[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-2:before,
.radiodash-engine #jdoc-alpha.alpha-docs-2:before {
  content: "\e91c" !important;
}
.radiodash-engine .jelli-alpha-char-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91d" !important;
}
.radiodash-engine .jelli-alpha-3,
.radiodash-engine #jdoc-alpha.alpha-docs-3 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-3.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-3.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-3.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-3.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-3[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-3[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-3[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-3[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-3[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-3[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-3:before,
.radiodash-engine #jdoc-alpha.alpha-docs-3:before {
  content: "\e91d" !important;
}
.radiodash-engine .jelli-alpha-char-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91e" !important;
}
.radiodash-engine .jelli-alpha-4,
.radiodash-engine #jdoc-alpha.alpha-docs-4 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-4.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-4.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-4.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-4.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-4[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-4[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-4[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-4[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-4[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-4[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-4:before,
.radiodash-engine #jdoc-alpha.alpha-docs-4:before {
  content: "\e91e" !important;
}
.radiodash-engine .jelli-alpha-char-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.radiodash-engine .jelli-alpha-5,
.radiodash-engine #jdoc-alpha.alpha-docs-5 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-5.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-5.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-5.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-5.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-5[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-5[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-5[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-5[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-5[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-5[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-5:before,
.radiodash-engine #jdoc-alpha.alpha-docs-5:before {
  content: "\e91f" !important;
}
.radiodash-engine .jelli-alpha-char-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e920" !important;
}
.radiodash-engine .jelli-alpha-6,
.radiodash-engine #jdoc-alpha.alpha-docs-6 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-6.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-6.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-6.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-6.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-6[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-6[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-6[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-6[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-6[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-6[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-6:before,
.radiodash-engine #jdoc-alpha.alpha-docs-6:before {
  content: "\e920" !important;
}
.radiodash-engine .jelli-alpha-char-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e921" !important;
}
.radiodash-engine .jelli-alpha-7,
.radiodash-engine #jdoc-alpha.alpha-docs-7 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-7.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-7.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-7.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-7.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-7[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-7[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-7[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-7[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-7[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-7[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-7:before,
.radiodash-engine #jdoc-alpha.alpha-docs-7:before {
  content: "\e921" !important;
}
.radiodash-engine .jelli-alpha-char-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e922" !important;
}
.radiodash-engine .jelli-alpha-8,
.radiodash-engine #jdoc-alpha.alpha-docs-8 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-8.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-8.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-8.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-8.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-8[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-8[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-8[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-8[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-8[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-8[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-8:before,
.radiodash-engine #jdoc-alpha.alpha-docs-8:before {
  content: "\e922" !important;
}
.radiodash-engine .jelli-alpha-char-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e923" !important;
}
.radiodash-engine .jelli-alpha-9,
.radiodash-engine #jdoc-alpha.alpha-docs-9 {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-9.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-9.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-9.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-9.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-9[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-9[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-9[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-9[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-9[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-9[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-9:before,
.radiodash-engine #jdoc-alpha.alpha-docs-9:before {
  content: "\e923" !important;
}
.radiodash-engine .jelli-alpha-char-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e924" !important;
}
.radiodash-engine .jelli-alpha-exclamation,
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-exclamation.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-exclamation.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-exclamation[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-exclamation[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-exclamation[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-exclamation[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-exclamation:before,
.radiodash-engine #jdoc-alpha.alpha-docs-exclamation:before {
  content: "\e924" !important;
}
.radiodash-engine .jelli-alpha-char-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e925" !important;
}
.radiodash-engine .jelli-alpha-question,
.radiodash-engine #jdoc-alpha.alpha-docs-question {
  font-family: 'jelli-alphabet';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-alpha-question.label-left,
.radiodash-engine #jdoc-alpha.alpha-docs-question.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-alpha-question.label-right,
.radiodash-engine #jdoc-alpha.alpha-docs-question.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-alpha-question[class$="-gray"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-alpha-question[class$="-gray"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-question[class$="-gray"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-alpha-question[class$="-green"].not(.no-hover),
.radiodash-engine #jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-alpha-question[class$="-green"].not(.no-hover):hover,
.radiodash-engine #jdoc-alpha.alpha-docs-question[class$="-green"].not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-alpha-question:before,
.radiodash-engine #jdoc-alpha.alpha-docs-question:before {
  content: "\e925" !important;
}
@font-face {
  font-family: 'jelli-icons';
  src: url(./fonts/jelli-icons.ttf?soz59a) format('truetype'), url(./fonts/jelli-icons.woff?soz59a) format('woff'), url(./fonts/jelli-icons.svg?soz59a#jelli-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
.radiodash-engine .jelli-font-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
}
.radiodash-engine .jelli-icon {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-char-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e900" !important;
}
.radiodash-engine .jelli-icon-upload,
.radiodash-engine #jdoc-icon.icon-docs-upload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-upload.label-left,
.radiodash-engine #jdoc-icon.icon-docs-upload.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-upload.label-right,
.radiodash-engine #jdoc-icon.icon-docs-upload.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-upload[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-upload[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-upload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-upload[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-upload[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-upload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-upload:before,
.radiodash-engine #jdoc-icon.icon-docs-upload:before {
  content: "\e900" !important;
}
.radiodash-engine .jelli-icon-char-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e600" !important;
}
.radiodash-engine .jelli-icon-x,
.radiodash-engine #jdoc-icon.icon-docs-x {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-x.label-left,
.radiodash-engine #jdoc-icon.icon-docs-x.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-x.label-right,
.radiodash-engine #jdoc-icon.icon-docs-x.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-x[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-x[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-x[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-x[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-x[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-x[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-x:before,
.radiodash-engine #jdoc-icon.icon-docs-x:before {
  content: "\e600" !important;
}
.radiodash-engine .jelli-icon-char-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e601" !important;
}
.radiodash-engine .jelli-icon-undo,
.radiodash-engine #jdoc-icon.icon-docs-undo {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-undo.label-left,
.radiodash-engine #jdoc-icon.icon-docs-undo.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-undo.label-right,
.radiodash-engine #jdoc-icon.icon-docs-undo.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-undo[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-undo[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-undo[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-undo[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-undo[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-undo[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-undo:before,
.radiodash-engine #jdoc-icon.icon-docs-undo:before {
  content: "\e601" !important;
}
.radiodash-engine .jelli-icon-char-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e602" !important;
}
.radiodash-engine .jelli-icon-triangle-up,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-triangle-up.label-left,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-triangle-up.label-right,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-triangle-up[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-triangle-up[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-triangle-up[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-triangle-up[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-triangle-up:before,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up:before {
  content: "\e602" !important;
}
.radiodash-engine .jelli-icon-char-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e603" !important;
}
.radiodash-engine .jelli-icon-triangle-up-down,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-triangle-up-down.label-left,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-triangle-up-down.label-right,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-triangle-up-down[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-triangle-up-down[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-triangle-up-down:before,
.radiodash-engine #jdoc-icon.icon-docs-triangle-up-down:before {
  content: "\e603" !important;
}
.radiodash-engine .jelli-icon-char-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e604" !important;
}
.radiodash-engine .jelli-icon-triangle-down,
.radiodash-engine #jdoc-icon.icon-docs-triangle-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-triangle-down.label-left,
.radiodash-engine #jdoc-icon.icon-docs-triangle-down.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-triangle-down.label-right,
.radiodash-engine #jdoc-icon.icon-docs-triangle-down.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-triangle-down[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-triangle-down[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-triangle-down[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-triangle-down[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-triangle-down:before,
.radiodash-engine #jdoc-icon.icon-docs-triangle-down:before {
  content: "\e604" !important;
}
.radiodash-engine .jelli-icon-char-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e605" !important;
}
.radiodash-engine .jelli-icon-caret-down,
.radiodash-engine #jdoc-icon.icon-docs-caret-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-caret-down.label-left,
.radiodash-engine #jdoc-icon.icon-docs-caret-down.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-caret-down.label-right,
.radiodash-engine #jdoc-icon.icon-docs-caret-down.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-caret-down[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-caret-down[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-caret-down[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-caret-down[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-caret-down:before,
.radiodash-engine #jdoc-icon.icon-docs-caret-down:before {
  content: "\e605" !important;
}
.radiodash-engine .jelli-icon-char-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e606" !important;
}
.radiodash-engine .jelli-icon-remove-hollow,
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-remove-hollow.label-left,
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-remove-hollow.label-right,
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-remove-hollow[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-remove-hollow[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-remove-hollow[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-remove-hollow:before,
.radiodash-engine #jdoc-icon.icon-docs-remove-hollow:before {
  content: "\e606" !important;
}
.radiodash-engine .jelli-icon-char-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e607" !important;
}
.radiodash-engine .jelli-icon-rocket,
.radiodash-engine #jdoc-icon.icon-docs-rocket {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-rocket.label-left,
.radiodash-engine #jdoc-icon.icon-docs-rocket.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-rocket.label-right,
.radiodash-engine #jdoc-icon.icon-docs-rocket.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-rocket[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-rocket[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-rocket[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-rocket[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-rocket[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-rocket[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-rocket:before,
.radiodash-engine #jdoc-icon.icon-docs-rocket:before {
  content: "\e607" !important;
}
.radiodash-engine .jelli-icon-char-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e608" !important;
}
.radiodash-engine .jelli-icon-pencil,
.radiodash-engine #jdoc-icon.icon-docs-pencil {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-pencil.label-left,
.radiodash-engine #jdoc-icon.icon-docs-pencil.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-pencil.label-right,
.radiodash-engine #jdoc-icon.icon-docs-pencil.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-pencil[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-pencil[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-pencil[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-pencil[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-pencil[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-pencil[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-pencil:before,
.radiodash-engine #jdoc-icon.icon-docs-pencil:before {
  content: "\e608" !important;
}
.radiodash-engine .jelli-icon-char-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e609" !important;
}
.radiodash-engine .jelli-icon-search,
.radiodash-engine #jdoc-icon.icon-docs-search {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-search.label-left,
.radiodash-engine #jdoc-icon.icon-docs-search.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-search.label-right,
.radiodash-engine #jdoc-icon.icon-docs-search.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-search[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-search[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-search[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-search[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-search[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-search[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-search:before,
.radiodash-engine #jdoc-icon.icon-docs-search:before {
  content: "\e609" !important;
}
.radiodash-engine .jelli-icon-char-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60a" !important;
}
.radiodash-engine .jelli-icon-arrow-left,
.radiodash-engine #jdoc-icon.icon-docs-arrow-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-arrow-left.label-left,
.radiodash-engine #jdoc-icon.icon-docs-arrow-left.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-arrow-left.label-right,
.radiodash-engine #jdoc-icon.icon-docs-arrow-left.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-arrow-left[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-arrow-left[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-arrow-left[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-arrow-left[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-arrow-left:before,
.radiodash-engine #jdoc-icon.icon-docs-arrow-left:before {
  content: "\e60a" !important;
}
.radiodash-engine .jelli-icon-char-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60b" !important;
}
.radiodash-engine .jelli-icon-arrow-right,
.radiodash-engine #jdoc-icon.icon-docs-arrow-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-arrow-right.label-left,
.radiodash-engine #jdoc-icon.icon-docs-arrow-right.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-arrow-right.label-right,
.radiodash-engine #jdoc-icon.icon-docs-arrow-right.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-arrow-right[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-arrow-right[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-arrow-right[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-arrow-right[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-arrow-right:before,
.radiodash-engine #jdoc-icon.icon-docs-arrow-right:before {
  content: "\e60b" !important;
}
.radiodash-engine .jelli-icon-char-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60c" !important;
}
.radiodash-engine .jelli-icon-plus,
.radiodash-engine #jdoc-icon.icon-docs-plus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-plus.label-left,
.radiodash-engine #jdoc-icon.icon-docs-plus.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-plus.label-right,
.radiodash-engine #jdoc-icon.icon-docs-plus.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-plus[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-plus[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-plus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-plus[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-plus[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-plus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-plus:before,
.radiodash-engine #jdoc-icon.icon-docs-plus:before {
  content: "\e60c" !important;
}
.radiodash-engine .jelli-icon-char-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60d" !important;
}
.radiodash-engine .jelli-icon-triangle-right,
.radiodash-engine #jdoc-icon.icon-docs-triangle-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-triangle-right.label-left,
.radiodash-engine #jdoc-icon.icon-docs-triangle-right.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-triangle-right.label-right,
.radiodash-engine #jdoc-icon.icon-docs-triangle-right.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-triangle-right[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-triangle-right[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-triangle-right[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-triangle-right[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-triangle-right:before,
.radiodash-engine #jdoc-icon.icon-docs-triangle-right:before {
  content: "\e60d" !important;
}
.radiodash-engine .jelli-icon-char-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60e" !important;
}
.radiodash-engine .jelli-icon-triangle-left,
.radiodash-engine #jdoc-icon.icon-docs-triangle-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-triangle-left.label-left,
.radiodash-engine #jdoc-icon.icon-docs-triangle-left.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-triangle-left.label-right,
.radiodash-engine #jdoc-icon.icon-docs-triangle-left.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-triangle-left[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-triangle-left[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-triangle-left[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-triangle-left[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-triangle-left:before,
.radiodash-engine #jdoc-icon.icon-docs-triangle-left:before {
  content: "\e60e" !important;
}
.radiodash-engine .jelli-icon-char-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e60f" !important;
}
.radiodash-engine .jelli-icon-filter,
.radiodash-engine #jdoc-icon.icon-docs-filter {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-filter.label-left,
.radiodash-engine #jdoc-icon.icon-docs-filter.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-filter.label-right,
.radiodash-engine #jdoc-icon.icon-docs-filter.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-filter[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-filter[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-filter[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-filter[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-filter[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-filter[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-filter:before,
.radiodash-engine #jdoc-icon.icon-docs-filter:before {
  content: "\e60f" !important;
}
.radiodash-engine .jelli-icon-char-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e610" !important;
}
.radiodash-engine .jelli-icon-star,
.radiodash-engine #jdoc-icon.icon-docs-star {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-star.label-left,
.radiodash-engine #jdoc-icon.icon-docs-star.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-star.label-right,
.radiodash-engine #jdoc-icon.icon-docs-star.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-star[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-star[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-star[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-star[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-star[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-star[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-star:before,
.radiodash-engine #jdoc-icon.icon-docs-star:before {
  content: "\e610" !important;
}
.radiodash-engine .jelli-icon-char-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e611" !important;
}
.radiodash-engine .jelli-icon-pause,
.radiodash-engine #jdoc-icon.icon-docs-pause {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-pause.label-left,
.radiodash-engine #jdoc-icon.icon-docs-pause.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-pause.label-right,
.radiodash-engine #jdoc-icon.icon-docs-pause.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-pause[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-pause[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-pause[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-pause[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-pause[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-pause[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-pause:before,
.radiodash-engine #jdoc-icon.icon-docs-pause:before {
  content: "\e611" !important;
}
.radiodash-engine .jelli-icon-char-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e612" !important;
}
.radiodash-engine .jelli-icon-minus,
.radiodash-engine #jdoc-icon.icon-docs-minus {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-minus.label-left,
.radiodash-engine #jdoc-icon.icon-docs-minus.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-minus.label-right,
.radiodash-engine #jdoc-icon.icon-docs-minus.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-minus[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-minus[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-minus[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-minus[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-minus[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-minus[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-minus:before,
.radiodash-engine #jdoc-icon.icon-docs-minus:before {
  content: "\e612" !important;
}
.radiodash-engine .jelli-icon-char-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e613" !important;
}
.radiodash-engine .jelli-icon-download,
.radiodash-engine #jdoc-icon.icon-docs-download {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-download.label-left,
.radiodash-engine #jdoc-icon.icon-docs-download.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-download.label-right,
.radiodash-engine #jdoc-icon.icon-docs-download.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-download[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-download[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-download[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-download[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-download[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-download[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-download:before,
.radiodash-engine #jdoc-icon.icon-docs-download:before {
  content: "\e613" !important;
}
.radiodash-engine .jelli-icon-char-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e614" !important;
}
.radiodash-engine .jelli-icon-reload,
.radiodash-engine #jdoc-icon.icon-docs-reload {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-reload.label-left,
.radiodash-engine #jdoc-icon.icon-docs-reload.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-reload.label-right,
.radiodash-engine #jdoc-icon.icon-docs-reload.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-reload[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-reload[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-reload[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-reload[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-reload[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-reload[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-reload:before,
.radiodash-engine #jdoc-icon.icon-docs-reload:before {
  content: "\e614" !important;
}
.radiodash-engine .jelli-icon-char-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e615" !important;
}
.radiodash-engine .jelli-icon-info,
.radiodash-engine #jdoc-icon.icon-docs-info {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-info.label-left,
.radiodash-engine #jdoc-icon.icon-docs-info.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-info.label-right,
.radiodash-engine #jdoc-icon.icon-docs-info.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-info[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-info[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-info[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-info[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-info[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-info[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-info:before,
.radiodash-engine #jdoc-icon.icon-docs-info:before {
  content: "\e615" !important;
}
.radiodash-engine .jelli-icon-char-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e616" !important;
}
.radiodash-engine .jelli-icon-gear,
.radiodash-engine #jdoc-icon.icon-docs-gear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-gear.label-left,
.radiodash-engine #jdoc-icon.icon-docs-gear.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-gear.label-right,
.radiodash-engine #jdoc-icon.icon-docs-gear.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-gear[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-gear[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-gear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-gear[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-gear[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-gear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-gear:before,
.radiodash-engine #jdoc-icon.icon-docs-gear:before {
  content: "\e616" !important;
}
.radiodash-engine .jelli-icon-char-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e617" !important;
}
.radiodash-engine .jelli-icon-remove,
.radiodash-engine #jdoc-icon.icon-docs-remove {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-remove.label-left,
.radiodash-engine #jdoc-icon.icon-docs-remove.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-remove.label-right,
.radiodash-engine #jdoc-icon.icon-docs-remove.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-remove[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-remove[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-remove[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-remove[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-remove[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-remove[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-remove:before,
.radiodash-engine #jdoc-icon.icon-docs-remove:before {
  content: "\e617" !important;
}
.radiodash-engine .jelli-icon-char-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e618" !important;
}
.radiodash-engine .jelli-icon-dot,
.radiodash-engine #jdoc-icon.icon-docs-dot {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-dot.label-left,
.radiodash-engine #jdoc-icon.icon-docs-dot.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-dot.label-right,
.radiodash-engine #jdoc-icon.icon-docs-dot.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-dot[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-dot[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-dot[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-dot[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-dot[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-dot[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-dot:before,
.radiodash-engine #jdoc-icon.icon-docs-dot:before {
  content: "\e618" !important;
}
.radiodash-engine .jelli-icon-char-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e619" !important;
}
.radiodash-engine .jelli-icon-arrow-up,
.radiodash-engine #jdoc-icon.icon-docs-arrow-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-arrow-up.label-left,
.radiodash-engine #jdoc-icon.icon-docs-arrow-up.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-arrow-up.label-right,
.radiodash-engine #jdoc-icon.icon-docs-arrow-up.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-arrow-up[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-arrow-up[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-arrow-up[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-arrow-up[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-arrow-up:before,
.radiodash-engine #jdoc-icon.icon-docs-arrow-up:before {
  content: "\e619" !important;
}
.radiodash-engine .jelli-icon-char-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61a" !important;
}
.radiodash-engine .jelli-icon-arrow-down,
.radiodash-engine #jdoc-icon.icon-docs-arrow-down {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-arrow-down.label-left,
.radiodash-engine #jdoc-icon.icon-docs-arrow-down.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-arrow-down.label-right,
.radiodash-engine #jdoc-icon.icon-docs-arrow-down.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-arrow-down[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-arrow-down[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-down[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-arrow-down[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-arrow-down[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-arrow-down[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-arrow-down:before,
.radiodash-engine #jdoc-icon.icon-docs-arrow-down:before {
  content: "\e61a" !important;
}
.radiodash-engine .jelli-icon-char-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61b" !important;
}
.radiodash-engine .jelli-icon-double-caret-right,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-double-caret-right.label-left,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-double-caret-right.label-right,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-double-caret-right[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-double-caret-right[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-double-caret-right[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-double-caret-right:before,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-right:before {
  content: "\e61b" !important;
}
.radiodash-engine .jelli-icon-char-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61c" !important;
}
.radiodash-engine .jelli-icon-double-caret-left,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-double-caret-left.label-left,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-double-caret-left.label-right,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-double-caret-left[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-double-caret-left[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-double-caret-left[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-double-caret-left:before,
.radiodash-engine #jdoc-icon.icon-docs-double-caret-left:before {
  content: "\e61c" !important;
}
.radiodash-engine .jelli-icon-char-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61d" !important;
}
.radiodash-engine .jelli-icon-print,
.radiodash-engine #jdoc-icon.icon-docs-print {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-print.label-left,
.radiodash-engine #jdoc-icon.icon-docs-print.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-print.label-right,
.radiodash-engine #jdoc-icon.icon-docs-print.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-print[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-print[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-print[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-print[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-print[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-print[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-print:before,
.radiodash-engine #jdoc-icon.icon-docs-print:before {
  content: "\e61d" !important;
}
.radiodash-engine .jelli-icon-char-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61e" !important;
}
.radiodash-engine .jelli-icon-clear,
.radiodash-engine #jdoc-icon.icon-docs-clear {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-clear.label-left,
.radiodash-engine #jdoc-icon.icon-docs-clear.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-clear.label-right,
.radiodash-engine #jdoc-icon.icon-docs-clear.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-clear[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-clear[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-clear[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-clear[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-clear[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-clear[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-clear:before,
.radiodash-engine #jdoc-icon.icon-docs-clear:before {
  content: "\e61e" !important;
}
.radiodash-engine .jelli-icon-char-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e61f" !important;
}
.radiodash-engine .jelli-icon-check-circle,
.radiodash-engine #jdoc-icon.icon-docs-check-circle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-check-circle.label-left,
.radiodash-engine #jdoc-icon.icon-docs-check-circle.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-check-circle.label-right,
.radiodash-engine #jdoc-icon.icon-docs-check-circle.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-check-circle[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-check-circle[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-check-circle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-check-circle[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-check-circle[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-check-circle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-check-circle:before,
.radiodash-engine #jdoc-icon.icon-docs-check-circle:before {
  content: "\e61f" !important;
}
.radiodash-engine .jelli-icon-char-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e620" !important;
}
.radiodash-engine .jelli-icon-copy-over,
.radiodash-engine #jdoc-icon.icon-docs-copy-over {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-copy-over.label-left,
.radiodash-engine #jdoc-icon.icon-docs-copy-over.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-copy-over.label-right,
.radiodash-engine #jdoc-icon.icon-docs-copy-over.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-copy-over[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-copy-over[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-copy-over[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-copy-over[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-copy-over[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-copy-over[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-copy-over:before,
.radiodash-engine #jdoc-icon.icon-docs-copy-over:before {
  content: "\e620" !important;
}
.radiodash-engine .jelli-icon-char-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e621" !important;
}
.radiodash-engine .jelli-icon-blackout,
.radiodash-engine #jdoc-icon.icon-docs-blackout {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-blackout.label-left,
.radiodash-engine #jdoc-icon.icon-docs-blackout.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-blackout.label-right,
.radiodash-engine #jdoc-icon.icon-docs-blackout.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-blackout[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-blackout[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-blackout[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-blackout[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-blackout[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-blackout[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-blackout:before,
.radiodash-engine #jdoc-icon.icon-docs-blackout:before {
  content: "\e621" !important;
}
.radiodash-engine .jelli-icon-char-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e622" !important;
}
.radiodash-engine .jelli-icon-caret-up,
.radiodash-engine #jdoc-icon.icon-docs-caret-up {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-caret-up.label-left,
.radiodash-engine #jdoc-icon.icon-docs-caret-up.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-caret-up.label-right,
.radiodash-engine #jdoc-icon.icon-docs-caret-up.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-caret-up[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-caret-up[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-up[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-caret-up[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-caret-up[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-up[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-caret-up:before,
.radiodash-engine #jdoc-icon.icon-docs-caret-up:before {
  content: "\e622" !important;
}
.radiodash-engine .jelli-icon-char-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e623" !important;
}
.radiodash-engine .jelli-icon-caret-right,
.radiodash-engine #jdoc-icon.icon-docs-caret-right {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-caret-right.label-left,
.radiodash-engine #jdoc-icon.icon-docs-caret-right.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-caret-right.label-right,
.radiodash-engine #jdoc-icon.icon-docs-caret-right.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-caret-right[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-caret-right[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-right[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-caret-right[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-caret-right[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-right[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-caret-right:before,
.radiodash-engine #jdoc-icon.icon-docs-caret-right:before {
  content: "\e623" !important;
}
.radiodash-engine .jelli-icon-char-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e624" !important;
}
.radiodash-engine .jelli-icon-caret-left,
.radiodash-engine #jdoc-icon.icon-docs-caret-left {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-caret-left.label-left,
.radiodash-engine #jdoc-icon.icon-docs-caret-left.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-caret-left.label-right,
.radiodash-engine #jdoc-icon.icon-docs-caret-left.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-caret-left[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-caret-left[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-left[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-caret-left[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-caret-left[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-caret-left[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-caret-left:before,
.radiodash-engine #jdoc-icon.icon-docs-caret-left:before {
  content: "\e624" !important;
}
.radiodash-engine .jelli-icon-char-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e625" !important;
}
.radiodash-engine .jelli-icon-check,
.radiodash-engine #jdoc-icon.icon-docs-check {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-check.label-left,
.radiodash-engine #jdoc-icon.icon-docs-check.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-check.label-right,
.radiodash-engine #jdoc-icon.icon-docs-check.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-check[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-check[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-check[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-check[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-check[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-check[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-check:before,
.radiodash-engine #jdoc-icon.icon-docs-check:before {
  content: "\e625" !important;
}
.radiodash-engine .jelli-icon-char-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e626" !important;
}
.radiodash-engine .jelli-icon-notifications,
.radiodash-engine #jdoc-icon.icon-docs-notifications {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-notifications.label-left,
.radiodash-engine #jdoc-icon.icon-docs-notifications.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-notifications.label-right,
.radiodash-engine #jdoc-icon.icon-docs-notifications.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-notifications[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-notifications[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-notifications[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-notifications[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-notifications[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-notifications[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-notifications:before,
.radiodash-engine #jdoc-icon.icon-docs-notifications:before {
  content: "\e626" !important;
}
.radiodash-engine .jelli-icon-char-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e627" !important;
}
.radiodash-engine .jelli-icon-calendar,
.radiodash-engine #jdoc-icon.icon-docs-calendar {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-calendar.label-left,
.radiodash-engine #jdoc-icon.icon-docs-calendar.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-calendar.label-right,
.radiodash-engine #jdoc-icon.icon-docs-calendar.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-calendar[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-calendar[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-calendar[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-calendar[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-calendar[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-calendar[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-calendar:before,
.radiodash-engine #jdoc-icon.icon-docs-calendar:before {
  content: "\e627" !important;
}
.radiodash-engine .jelli-icon-char-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e901" !important;
}
.radiodash-engine .jelli-icon-wrench,
.radiodash-engine #jdoc-icon.icon-docs-wrench {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-wrench.label-left,
.radiodash-engine #jdoc-icon.icon-docs-wrench.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-wrench.label-right,
.radiodash-engine #jdoc-icon.icon-docs-wrench.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-wrench[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-wrench[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-wrench[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-wrench[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-wrench[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-wrench[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-wrench:before,
.radiodash-engine #jdoc-icon.icon-docs-wrench:before {
  content: "\e901" !important;
}
.radiodash-engine .jelli-icon-char-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e902" !important;
}
.radiodash-engine .jelli-icon-clone-arrow,
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-clone-arrow.label-left,
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-clone-arrow.label-right,
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-clone-arrow[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-clone-arrow[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-clone-arrow[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-clone-arrow:before,
.radiodash-engine #jdoc-icon.icon-docs-clone-arrow:before {
  content: "\e902" !important;
}
.radiodash-engine .jelli-icon-char-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e903" !important;
}
.radiodash-engine .jelli-icon-collapse,
.radiodash-engine #jdoc-icon.icon-docs-collapse {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-collapse.label-left,
.radiodash-engine #jdoc-icon.icon-docs-collapse.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-collapse.label-right,
.radiodash-engine #jdoc-icon.icon-docs-collapse.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-collapse[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-collapse[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-collapse[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-collapse[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-collapse[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-collapse[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-collapse:before,
.radiodash-engine #jdoc-icon.icon-docs-collapse:before {
  content: "\e903" !important;
}
.radiodash-engine .jelli-icon-char-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e904" !important;
}
.radiodash-engine .jelli-icon-exclamation,
.radiodash-engine #jdoc-icon.icon-docs-exclamation {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-exclamation.label-left,
.radiodash-engine #jdoc-icon.icon-docs-exclamation.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-exclamation.label-right,
.radiodash-engine #jdoc-icon.icon-docs-exclamation.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-exclamation[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-exclamation[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-exclamation[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-exclamation[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-exclamation[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-exclamation[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-exclamation:before,
.radiodash-engine #jdoc-icon.icon-docs-exclamation:before {
  content: "\e904" !important;
}
.radiodash-engine .jelli-icon-char-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e905" !important;
}
.radiodash-engine .jelli-icon-launch,
.radiodash-engine #jdoc-icon.icon-docs-launch {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-launch.label-left,
.radiodash-engine #jdoc-icon.icon-docs-launch.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-launch.label-right,
.radiodash-engine #jdoc-icon.icon-docs-launch.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-launch[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-launch[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-launch[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-launch[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-launch[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-launch[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-launch:before,
.radiodash-engine #jdoc-icon.icon-docs-launch:before {
  content: "\e905" !important;
}
.radiodash-engine .jelli-icon-char-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e906" !important;
}
.radiodash-engine .jelli-icon-expand,
.radiodash-engine #jdoc-icon.icon-docs-expand {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-expand.label-left,
.radiodash-engine #jdoc-icon.icon-docs-expand.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-expand.label-right,
.radiodash-engine #jdoc-icon.icon-docs-expand.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-expand[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-expand[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-expand[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-expand[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-expand[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-expand[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-expand:before,
.radiodash-engine #jdoc-icon.icon-docs-expand:before {
  content: "\e906" !important;
}
.radiodash-engine .jelli-icon-char-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e907" !important;
}
.radiodash-engine .jelli-icon-target,
.radiodash-engine #jdoc-icon.icon-docs-target {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-target.label-left,
.radiodash-engine #jdoc-icon.icon-docs-target.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-target.label-right,
.radiodash-engine #jdoc-icon.icon-docs-target.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-target[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-target[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-target[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-target[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-target[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-target[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-target:before,
.radiodash-engine #jdoc-icon.icon-docs-target:before {
  content: "\e907" !important;
}
.radiodash-engine .jelli-icon-char-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e908" !important;
}
.radiodash-engine .jelli-icon-question,
.radiodash-engine #jdoc-icon.icon-docs-question {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-question.label-left,
.radiodash-engine #jdoc-icon.icon-docs-question.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-question.label-right,
.radiodash-engine #jdoc-icon.icon-docs-question.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-question[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-question[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-question[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-question[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-question[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-question[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-question:before,
.radiodash-engine #jdoc-icon.icon-docs-question:before {
  content: "\e908" !important;
}
.radiodash-engine .jelli-icon-char-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e90f" !important;
}
.radiodash-engine .jelli-icon-copy,
.radiodash-engine #jdoc-icon.icon-docs-copy {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-copy.label-left,
.radiodash-engine #jdoc-icon.icon-docs-copy.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-copy.label-right,
.radiodash-engine #jdoc-icon.icon-docs-copy.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-copy[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-copy[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-copy[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-copy[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-copy[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-copy[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-copy:before,
.radiodash-engine #jdoc-icon.icon-docs-copy:before {
  content: "\e90f" !important;
}
.radiodash-engine .jelli-icon-char-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e910" !important;
}
.radiodash-engine .jelli-icon-user,
.radiodash-engine #jdoc-icon.icon-docs-user {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-user.label-left,
.radiodash-engine #jdoc-icon.icon-docs-user.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-user.label-right,
.radiodash-engine #jdoc-icon.icon-docs-user.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-user[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-user[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-user[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-user[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-user[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-user[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-user:before,
.radiodash-engine #jdoc-icon.icon-docs-user:before {
  content: "\e910" !important;
}
.radiodash-engine .jelli-icon-char-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e911" !important;
}
.radiodash-engine .jelli-icon-s,
.radiodash-engine #jdoc-icon.icon-docs-s {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-s.label-left,
.radiodash-engine #jdoc-icon.icon-docs-s.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-s.label-right,
.radiodash-engine #jdoc-icon.icon-docs-s.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-s[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-s[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-s[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-s[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-s[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-s[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-s:before,
.radiodash-engine #jdoc-icon.icon-docs-s:before {
  content: "\e911" !important;
}
.radiodash-engine .jelli-icon-char-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e912" !important;
}
.radiodash-engine .jelli-icon-p,
.radiodash-engine #jdoc-icon.icon-docs-p {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-p.label-left,
.radiodash-engine #jdoc-icon.icon-docs-p.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-p.label-right,
.radiodash-engine #jdoc-icon.icon-docs-p.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-p[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-p[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-p[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-p[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-p[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-p[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-p:before,
.radiodash-engine #jdoc-icon.icon-docs-p:before {
  content: "\e912" !important;
}
.radiodash-engine .jelli-icon-char-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e913" !important;
}
.radiodash-engine .jelli-icon-r,
.radiodash-engine #jdoc-icon.icon-docs-r {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-r.label-left,
.radiodash-engine #jdoc-icon.icon-docs-r.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-r.label-right,
.radiodash-engine #jdoc-icon.icon-docs-r.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-r[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-r[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-r[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-r[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-r[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-r[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-r:before,
.radiodash-engine #jdoc-icon.icon-docs-r:before {
  content: "\e913" !important;
}
.radiodash-engine .jelli-icon-char-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e914" !important;
}
.radiodash-engine .jelli-icon-b,
.radiodash-engine #jdoc-icon.icon-docs-b {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-b.label-left,
.radiodash-engine #jdoc-icon.icon-docs-b.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-b.label-right,
.radiodash-engine #jdoc-icon.icon-docs-b.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-b[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-b[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-b[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-b[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-b[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-b[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-b:before,
.radiodash-engine #jdoc-icon.icon-docs-b:before {
  content: "\e914" !important;
}
.radiodash-engine .jelli-icon-char-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e915" !important;
}
.radiodash-engine .jelli-icon-c,
.radiodash-engine #jdoc-icon.icon-docs-c {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-c.label-left,
.radiodash-engine #jdoc-icon.icon-docs-c.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-c.label-right,
.radiodash-engine #jdoc-icon.icon-docs-c.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-c[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-c[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-c[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-c[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-c[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-c[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-c:before,
.radiodash-engine #jdoc-icon.icon-docs-c:before {
  content: "\e915" !important;
}
.radiodash-engine .jelli-icon-char-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e916" !important;
}
.radiodash-engine .jelli-icon-lock,
.radiodash-engine #jdoc-icon.icon-docs-lock {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-lock.label-left,
.radiodash-engine #jdoc-icon.icon-docs-lock.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-lock.label-right,
.radiodash-engine #jdoc-icon.icon-docs-lock.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-lock[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-lock[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-lock[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-lock[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-lock[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-lock[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-lock:before,
.radiodash-engine #jdoc-icon.icon-docs-lock:before {
  content: "\e916" !important;
}
.radiodash-engine .jelli-icon-char-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e917" !important;
}
.radiodash-engine .jelli-icon-dot-handle,
.radiodash-engine #jdoc-icon.icon-docs-dot-handle {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-dot-handle.label-left,
.radiodash-engine #jdoc-icon.icon-docs-dot-handle.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-dot-handle.label-right,
.radiodash-engine #jdoc-icon.icon-docs-dot-handle.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-dot-handle[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-dot-handle[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-dot-handle[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-dot-handle[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-dot-handle[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-dot-handle[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-dot-handle:before,
.radiodash-engine #jdoc-icon.icon-docs-dot-handle:before {
  content: "\e917" !important;
}
.radiodash-engine .jelli-icon-char-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e91f" !important;
}
.radiodash-engine .jelli-icon-book,
.radiodash-engine #jdoc-icon.icon-docs-book {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-book.label-left,
.radiodash-engine #jdoc-icon.icon-docs-book.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-book.label-right,
.radiodash-engine #jdoc-icon.icon-docs-book.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-book[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-book[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-book[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-book[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-book[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-book[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-book:before,
.radiodash-engine #jdoc-icon.icon-docs-book:before {
  content: "\e91f" !important;
}
.radiodash-engine .jelli-icon-char-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  content: "\e909" !important;
}
.radiodash-engine .jelli-icon-triangle-adb,
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb {
  font-family: 'jelli-icons';
  speak: none;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* pad for text label */
  font-weight: normal !important;
  font-style: normal !important;
  /* colors and hovers */
}
.radiodash-engine .jelli-icon-triangle-adb.label-left,
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb.label-left {
  padding-left: 6px;
}
.radiodash-engine .jelli-icon-triangle-adb.label-right,
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb.label-right {
  padding-right: 6px;
}
.radiodash-engine .jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover) {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .jelli-icon-triangle-adb[class$="-gray"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb[class$="-gray"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-icon-triangle-adb[class$="-green"]:not(.no-hover),
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover) {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .jelli-icon-triangle-adb[class$="-green"]:not(.no-hover):hover,
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb[class$="-green"]:not(.no-hover):hover {
  cursor: pointer;
  color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-icon-triangle-adb:before,
.radiodash-engine #jdoc-icon.icon-docs-triangle-adb:before {
  content: "\e909" !important;
}
@font-face {
  font-family: 'rocket-audio';
  src: url('./fonts/rocket-audio.eot?4uo1tb');
  src: url('./fonts/rocket-audio.eot?4uo1tb#iefix') format('embedded-opentype'), url('./fonts/rocket-audio.ttf?4uo1tb') format('truetype'), url('./fonts/rocket-audio.woff?4uo1tb') format('woff'), url('./fonts/rocket-audio.svg?4uo1tb#rocket-audio') format('svg');
  font-weight: normal;
  font-style: normal;
}
.radiodash-engine .rocket-audio-icon {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-char-rocket {
  content: "\e100";
}
.radiodash-engine .rocket-icon-char-headphones {
  content: "\e102";
}
.radiodash-engine .rocket-icon-char-music {
  content: "\e101";
}
.radiodash-engine .rocket-icon-char-bars2 {
  content: "\e104";
}
.radiodash-engine .rocket-icon-char-bars {
  content: "\e103";
}
.radiodash-engine .rocket-icon-char-download {
  content: "\e106";
}
.radiodash-engine .rocket-icon-char-upload {
  content: "\e107";
}
.radiodash-engine .rocket-icon-char-link {
  content: "\e105";
}
.radiodash-engine .rocket-icon-char-plus {
  content: "\e108";
}
.radiodash-engine .rocket-icon-char-minus {
  content: "\e109";
}
.radiodash-engine .rocket-icon-char-cancel-circle {
  content: "\e903";
}
.radiodash-engine .rocket-icon-char-play-circle {
  content: "\e300";
}
.radiodash-engine .rocket-icon-char-pause-circle {
  content: "\e301";
}
.radiodash-engine .rocket-icon-char-stop-circle {
  content: "\e302";
}
.radiodash-engine .rocket-icon-char-previous-circle {
  content: "\e305";
}
.radiodash-engine .rocket-icon-char-next-circle {
  content: "\e306";
}
.radiodash-engine .rocket-icon-char-backward-circle {
  content: "\e303";
}
.radiodash-engine .rocket-icon-char-forward-circle {
  content: "\e304";
}
.radiodash-engine .rocket-icon-char-play {
  content: "\e200";
}
.radiodash-engine .rocket-icon-char-pause {
  content: "\e201";
}
.radiodash-engine .rocket-icon-char-stop {
  content: "\e202";
}
.radiodash-engine .rocket-icon-char-backward {
  content: "\e203";
}
.radiodash-engine .rocket-icon-char-forward {
  content: "\e204";
}
.radiodash-engine .rocket-icon-char-previous {
  content: "\e205";
}
.radiodash-engine .rocket-icon-char-next {
  content: "\e206";
}
.radiodash-engine .rocket-icon-char-volume-high {
  content: "\e400";
}
.radiodash-engine .rocket-icon-char-volume-medium {
  content: "\e401";
}
.radiodash-engine .rocket-icon-char-volume-low {
  content: "\e402";
}
.radiodash-engine .rocket-icon-char-volume-mute {
  content: "\e403";
}
.radiodash-engine .rocket-icon-char-volume-x {
  content: "\e404";
}
.radiodash-engine .rocket-icon-char-volume-plus {
  content: "\e405";
}
.radiodash-engine .rocket-icon-char-volume-minus {
  content: "\e406";
}
.radiodash-engine .rocket-icon-char-loop {
  content: "\e208";
}
.radiodash-engine .rocket-icon-char-infinite {
  content: "\e209";
}
.radiodash-engine .rocket-icon-char-shuffle {
  content: "\e207";
}
.radiodash-engine .rocket-icon-char-right-circle {
  content: "\e308";
}
.radiodash-engine .rocket-icon-char-left-circle {
  content: "\e307";
}
.radiodash-engine .rocket-icon-rocket {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-rocket:before {
  content: "\e100";
}
.radiodash-engine .rocket-icon-headphones {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-headphones:before {
  content: "\e102";
}
.radiodash-engine .rocket-icon-music {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-music:before {
  content: "\e101";
}
.radiodash-engine .rocket-icon-bars2 {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-bars2:before {
  content: "\e104";
}
.radiodash-engine .rocket-icon-bars {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-bars:before {
  content: "\e103";
}
.radiodash-engine .rocket-icon-download {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-download:before {
  content: "\e106";
}
.radiodash-engine .rocket-icon-upload {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-upload:before {
  content: "\e107";
}
.radiodash-engine .rocket-icon-link {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-link:before {
  content: "\e105";
}
.radiodash-engine .rocket-icon-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-plus:before {
  content: "\e108";
}
.radiodash-engine .rocket-icon-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-minus:before {
  content: "\e109";
}
.radiodash-engine .rocket-icon-cancel-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-cancel-circle:before {
  content: "\e903";
}
.radiodash-engine .rocket-icon-play-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-play-circle:before {
  content: "\e300";
}
.radiodash-engine .rocket-icon-pause-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-pause-circle:before {
  content: "\e301";
}
.radiodash-engine .rocket-icon-stop-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-stop-circle:before {
  content: "\e302";
}
.radiodash-engine .rocket-icon-previous-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-previous-circle:before {
  content: "\e305";
}
.radiodash-engine .rocket-icon-next-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-next-circle:before {
  content: "\e306";
}
.radiodash-engine .rocket-icon-backward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-backward-circle:before {
  content: "\e303";
}
.radiodash-engine .rocket-icon-forward-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-forward-circle:before {
  content: "\e304";
}
.radiodash-engine .rocket-icon-play {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-play:before {
  content: "\e200";
}
.radiodash-engine .rocket-icon-pause {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-pause:before {
  content: "\e201";
}
.radiodash-engine .rocket-icon-stop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-stop:before {
  content: "\e202";
}
.radiodash-engine .rocket-icon-backward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-backward:before {
  content: "\e203";
}
.radiodash-engine .rocket-icon-forward {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-forward:before {
  content: "\e204";
}
.radiodash-engine .rocket-icon-previous {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-previous:before {
  content: "\e205";
}
.radiodash-engine .rocket-icon-next {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-next:before {
  content: "\e206";
}
.radiodash-engine .rocket-icon-volume-high {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-volume-high:before {
  content: "\e400";
}
.radiodash-engine .rocket-icon-volume-medium {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-volume-medium:before {
  content: "\e401";
}
.radiodash-engine .rocket-icon-volume-low {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-volume-low:before {
  content: "\e402";
}
.radiodash-engine .rocket-icon-volume-mute {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-volume-mute:before {
  content: "\e403";
}
.radiodash-engine .rocket-icon-volume-x {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-volume-x:before {
  content: "\e404";
}
.radiodash-engine .rocket-icon-volume-plus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-volume-plus:before {
  content: "\e405";
}
.radiodash-engine .rocket-icon-volume-minus {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-volume-minus:before {
  content: "\e406";
}
.radiodash-engine .rocket-icon-loop {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-loop:before {
  content: "\e208";
}
.radiodash-engine .rocket-icon-infinite {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-infinite:before {
  content: "\e209";
}
.radiodash-engine .rocket-icon-shuffle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-shuffle:before {
  content: "\e207";
}
.radiodash-engine .rocket-icon-right-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-right-circle:before {
  content: "\e308";
}
.radiodash-engine .rocket-icon-left-circle {
  font-family: 'rocket-audio';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: middle;
  line-height: 20px;
  width: 20px;
  height: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
}
.radiodash-engine .rocket-icon-left-circle:before {
  content: "\e307";
}
.radiodash-engine .border-green,
.radiodash-engine #jdoc-border.border-green {
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .border-green-hover,
.radiodash-engine #jdoc-border-hover.border-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-green-hover:hover,
.radiodash-engine #jdoc-border-hover.border-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .border-green-light,
.radiodash-engine #jdoc-border.border-green-light {
  border: 1px solid hsl(80, 65%, 74%);
}
.radiodash-engine .border-green-light-hover,
.radiodash-engine #jdoc-border-hover.border-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-green-light-hover:hover,
.radiodash-engine #jdoc-border-hover.border-green-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(80, 65%, 74%);
}
.radiodash-engine .border-green-lighter,
.radiodash-engine #jdoc-border.border-green-lighter {
  border: 1px solid hsl(81, 74%, 91%);
}
.radiodash-engine .border-green-lighter-hover,
.radiodash-engine #jdoc-border-hover.border-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-green-lighter-hover:hover,
.radiodash-engine #jdoc-border-hover.border-green-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(81, 74%, 91%);
}
.radiodash-engine .border-red,
.radiodash-engine #jdoc-border.border-red {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .border-red-hover,
.radiodash-engine #jdoc-border-hover.border-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-red-hover:hover,
.radiodash-engine #jdoc-border-hover.border-red-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .border-red-light,
.radiodash-engine #jdoc-border.border-red-light {
  border: 1px solid hsl(347, 39%, 81%);
}
.radiodash-engine .border-red-light-hover,
.radiodash-engine #jdoc-border-hover.border-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-red-light-hover:hover,
.radiodash-engine #jdoc-border-hover.border-red-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(347, 39%, 81%);
}
.radiodash-engine .border-red-lighter,
.radiodash-engine #jdoc-border.border-red-lighter {
  border: 1px solid hsl(0, 43%, 91%);
}
.radiodash-engine .border-red-lighter-hover,
.radiodash-engine #jdoc-border-hover.border-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-red-lighter-hover:hover,
.radiodash-engine #jdoc-border-hover.border-red-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 43%, 91%);
}
.radiodash-engine .border-orange,
.radiodash-engine #jdoc-border.border-orange {
  border: 1px solid hsl(35, 95%, 50%);
}
.radiodash-engine .border-orange-hover,
.radiodash-engine #jdoc-border-hover.border-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-orange-hover:hover,
.radiodash-engine #jdoc-border-hover.border-orange-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(35, 95%, 50%);
}
.radiodash-engine .border-orange-light,
.radiodash-engine #jdoc-border.border-orange-light {
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .border-orange-light-hover,
.radiodash-engine #jdoc-border-hover.border-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-orange-light-hover:hover,
.radiodash-engine #jdoc-border-hover.border-orange-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .border-orange-lighter,
.radiodash-engine #jdoc-border.border-orange-lighter {
  border: 1px solid hsl(50, 81%, 94%);
}
.radiodash-engine .border-orange-lighter-hover,
.radiodash-engine #jdoc-border-hover.border-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-orange-lighter-hover:hover,
.radiodash-engine #jdoc-border-hover.border-orange-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(50, 81%, 94%);
}
.radiodash-engine .border-black,
.radiodash-engine #jdoc-border.border-black {
  border: 1px solid black;
}
.radiodash-engine .border-black-hover,
.radiodash-engine #jdoc-border-hover.border-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-black-hover:hover,
.radiodash-engine #jdoc-border-hover.border-black-hover:hover {
  cursor: pointer;
  border: 1px solid black;
}
.radiodash-engine .border-gray-darker,
.radiodash-engine #jdoc-border.border-gray-darker {
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .border-gray-darker-hover,
.radiodash-engine #jdoc-border-hover.border-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-gray-darker-hover:hover,
.radiodash-engine #jdoc-border-hover.border-gray-darker-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .border-gray-dark,
.radiodash-engine #jdoc-border.border-gray-dark {
  border: 1px solid hsl(0, 0%, 20%);
}
.radiodash-engine .border-gray-dark-hover,
.radiodash-engine #jdoc-border-hover.border-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-gray-dark-hover:hover,
.radiodash-engine #jdoc-border-hover.border-gray-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 20%);
}
.radiodash-engine .border-gray,
.radiodash-engine #jdoc-border.border-gray {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .border-gray-hover,
.radiodash-engine #jdoc-border-hover.border-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-gray-hover:hover,
.radiodash-engine #jdoc-border-hover.border-gray-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .border-gray-light,
.radiodash-engine #jdoc-border.border-gray-light {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .border-gray-light-hover,
.radiodash-engine #jdoc-border-hover.border-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-gray-light-hover:hover,
.radiodash-engine #jdoc-border-hover.border-gray-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .border-gray-lighter,
.radiodash-engine #jdoc-border.border-gray-lighter {
  border: 1px solid hsl(0, 0%, 95%);
}
.radiodash-engine .border-gray-lighter-hover,
.radiodash-engine #jdoc-border-hover.border-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-gray-lighter-hover:hover,
.radiodash-engine #jdoc-border-hover.border-gray-lighter-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 95%);
}
.radiodash-engine .border-gray-lightest,
.radiodash-engine #jdoc-border.border-gray-lightest {
  border: 1px solid hsl(0, 0%, 97%);
}
.radiodash-engine .border-gray-lightest-hover,
.radiodash-engine #jdoc-border-hover.border-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-gray-lightest-hover:hover,
.radiodash-engine #jdoc-border-hover.border-gray-lightest-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 97%);
}
.radiodash-engine .border-white,
.radiodash-engine #jdoc-border.border-white {
  border: 1px solid white;
}
.radiodash-engine .border-white-hover,
.radiodash-engine #jdoc-border-hover.border-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-white-hover:hover,
.radiodash-engine #jdoc-border-hover.border-white-hover:hover {
  cursor: pointer;
  border: 1px solid white;
}
.radiodash-engine .border-transparent,
.radiodash-engine #jdoc-border.border-transparent {
  border: 1px solid transparent;
}
.radiodash-engine .border-transparent-hover,
.radiodash-engine #jdoc-border-hover.border-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-transparent-hover:hover,
.radiodash-engine #jdoc-border-hover.border-transparent-hover:hover {
  cursor: pointer;
  border: 1px solid transparent;
}
.radiodash-engine .border-overlay-light,
.radiodash-engine #jdoc-border.border-overlay-light {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.radiodash-engine .border-overlay-light-hover,
.radiodash-engine #jdoc-border-hover.border-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-overlay-light-hover:hover,
.radiodash-engine #jdoc-border-hover.border-overlay-light-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.radiodash-engine .border-overlay-dark,
.radiodash-engine #jdoc-border.border-overlay-dark {
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.radiodash-engine .border-overlay-dark-hover,
.radiodash-engine #jdoc-border-hover.border-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-overlay-dark-hover:hover,
.radiodash-engine #jdoc-border-hover.border-overlay-dark-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(0, 0%, 0%, 0.25);
}
.radiodash-engine .border-overlay-green,
.radiodash-engine #jdoc-border.border-overlay-green {
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
.radiodash-engine .border-overlay-green-hover,
.radiodash-engine #jdoc-border-hover.border-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-overlay-green-hover:hover,
.radiodash-engine #jdoc-border-hover.border-overlay-green-hover:hover {
  cursor: pointer;
  border: 1px solid hsla(86, 99%, 34%, 0.9);
}
.radiodash-engine .border {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .border-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border 0.35s ease-out 0s;
  -moz-transition: border 0.35s ease-out 0s;
  -webkit-transition: border 0.35s ease-out 0s;
  transition: border 0.35s ease-out 0s;
}
.radiodash-engine .border-hover:hover {
  cursor: pointer;
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .border-rg,
.radiodash-engine #jdoc-border-size[class^="border"].border-rg {
  border-width: 1px;
}
.radiodash-engine .border-lg,
.radiodash-engine #jdoc-border-size[class^="border"].border-lg {
  border-width: 2px;
}
.radiodash-engine .border-xl,
.radiodash-engine #jdoc-border-size[class^="border"].border-xl {
  border-width: 4px;
}
.radiodash-engine .border-top,
.radiodash-engine #jdoc-border-side[class^="border"].border-top {
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.radiodash-engine .border-right,
.radiodash-engine #jdoc-border-side[class^="border"].border-right {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.radiodash-engine .border-bottom,
.radiodash-engine #jdoc-border-side[class^="border"].border-bottom {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.radiodash-engine .border-left,
.radiodash-engine #jdoc-border-side[class^="border"].border-left {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.radiodash-engine .border-horizontal,
.radiodash-engine #jdoc-border-side[class^="border"].border-horizontal {
  border-left-width: 0;
  border-right-width: 0;
}
.radiodash-engine .border-vertical,
.radiodash-engine #jdoc-border-side[class^="border"].border-vertical {
  border-top-width: 0;
  border-bottom-width: 0;
}
.radiodash-engine .border-none,
.radiodash-engine #jdoc-border-side[class^="border"].border-none {
  border: none !important;
}
.radiodash-engine .border-solid,
.radiodash-engine #jdoc-border-style[class^="border"].border-solid {
  border-style: solid;
}
.radiodash-engine .border-dotted,
.radiodash-engine #jdoc-border-style[class^="border"].border-dotted {
  border-style: dotted;
}
.radiodash-engine .border-dashed,
.radiodash-engine #jdoc-border-style[class^="border"].border-dashed {
  border-style: dashed;
}
.radiodash-engine .border-radius,
.radiodash-engine #jdoc-border-radius.border-radius {
  border-radius: 4px;
}
.radiodash-engine .border-radius-rg,
.radiodash-engine .border-radius-regular,
.radiodash-engine #jdoc-border-radius-size.border-radius-rg {
  border-radius: 4px;
}
.radiodash-engine .border-radius-left,
.radiodash-engine #jdoc-border-radius.border-radius-left {
  border-radius: 4px 0px 0px 4px;
}
.radiodash-engine .border-radius-right,
.radiodash-engine #jdoc-border-radius.border-radius-right {
  border-radius: 0px 4px 4px 0px;
}
.radiodash-engine .border-radius-top,
.radiodash-engine #jdoc-border-radius.border-radius-top {
  border-radius: 4px 4px 0px 0px;
}
.radiodash-engine .border-radius-bottom,
.radiodash-engine #jdoc-border-radius.border-radius-bottom {
  border-radius: 0px 0px 4px 4px;
}
.radiodash-engine .border-radius-sm,
.radiodash-engine #jdoc-border-radius-size.border-radius-sm {
  border-radius: 3px;
}
.radiodash-engine .border-radius-sm-left,
.radiodash-engine #jdoc-border-radius-size.border-radius-sm-left {
  border-radius: 3px 0px 0px 3px;
}
.radiodash-engine .border-radius-sm-right,
.radiodash-engine #jdoc-border-radius-size.border-radius-sm-right {
  border-radius: 0px 3px 3px 0px;
}
.radiodash-engine .border-radius-sm-top,
.radiodash-engine #jdoc-border-radius-size.border-radius-sm-top {
  border-radius: 3px 3px 0px 0px;
}
.radiodash-engine .border-radius-sm-bottom,
.radiodash-engine #jdoc-border-radius-size.border-radius-sm-bottom {
  border-radius: 0px 0px 3px 3px;
}
.radiodash-engine .border-radius-lg,
.radiodash-engine #jdoc-border-radius-size.border-radius-lg {
  border-radius: 10px;
}
.radiodash-engine .border-radius-lg-left,
.radiodash-engine #jdoc-border-radius-size.border-radius-lg-left {
  border-radius: 10px 0px 0px 10px;
}
.radiodash-engine .border-radius-lg-right,
.radiodash-engine #jdoc-border-radius-size.border-radius-lg-right {
  border-radius: 0px 10px 10px 0px;
}
.radiodash-engine .border-radius-lg-top,
.radiodash-engine #jdoc-border-radius-size.border-radius-lg-top {
  border-radius: 10px 10px 0px 0px;
}
.radiodash-engine .border-radius-lg-bottom,
.radiodash-engine #jdoc-border-radius-size.border-radius-lg-bottom {
  border-radius: 0px 0px 10px 10px;
}
.radiodash-engine .border-radius-none,
.radiodash-engine #jdoc-border-radius.border-radius-none {
  border-radius: 0px !important;
}
.radiodash-engine [class^="callout"].callout-pull-left:after,
.radiodash-engine #jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:after {
  left: 12px;
}
.radiodash-engine [class^="callout"].callout-pull-left:before,
.radiodash-engine #jdoc-callout-pull-horizontal[class^="callout"].callout-pull-left:before {
  left: 11px;
}
.radiodash-engine [class^="callout"].callout-pull-right:after,
.radiodash-engine #jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:after {
  left: calc(100% - 36px);
}
.radiodash-engine [class^="callout"].callout-pull-right:before,
.radiodash-engine #jdoc-callout-pull-horizontal[class^="callout"].callout-pull-right:before {
  left: calc(100% - 37px);
}
.radiodash-engine [class^="callout"].callout-pull-top:after,
.radiodash-engine #jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:after {
  top: 12px;
}
.radiodash-engine [class^="callout"].callout-pull-top:before,
.radiodash-engine #jdoc-callout-pull-vertical[class^="callout"].callout-pull-top:before {
  top: 11px;
}
.radiodash-engine [class^="callout"].callout-pull-bottom:after,
.radiodash-engine #jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine [class^="callout"].callout-pull-bottom:before,
.radiodash-engine #jdoc-callout-pull-vertical[class^="callout"].callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.radiodash-engine .callout-left,
.radiodash-engine #jdoc-callout-side.callout-left {
  position: relative;
}
.radiodash-engine .callout-left:before,
.radiodash-engine #jdoc-callout-side.callout-left:before,
.radiodash-engine .callout-left:after,
.radiodash-engine #jdoc-callout-side.callout-left:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-left:after,
.radiodash-engine #jdoc-callout-side.callout-left:after {
  border-color: transparent #fff transparent transparent;
}
.radiodash-engine .callout-left.callout-green,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .callout-left.callout-green:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.radiodash-engine .callout-left.callout-green.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .callout-left.callout-green.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.radiodash-engine .callout-left.callout-green-light,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .callout-left.callout-green-light:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.radiodash-engine .callout-left.callout-green-light.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .callout-left.callout-green-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.radiodash-engine .callout-left.callout-red,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .callout-left.callout-red:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout-left.callout-red.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-left.callout-red.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout-left.callout-red-light,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .callout-left.callout-red-light:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.radiodash-engine .callout-left.callout-red-light.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-left.callout-red-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout-left.callout-orange-lighter,
.radiodash-engine #jdoc-callout-side.callout-left.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .callout-left.callout-orange-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.radiodash-engine .callout-left.callout-orange-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .callout-left.callout-orange-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.radiodash-engine .callout-left.callout-gray-light,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .callout-left.callout-gray-light:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.radiodash-engine .callout-left.callout-gray-light.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-left.callout-gray-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.radiodash-engine .callout-left.callout-gray-lighter,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .callout-left.callout-gray-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.radiodash-engine .callout-left.callout-gray-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .callout-left.callout-gray-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.radiodash-engine .callout-left.callout-white,
.radiodash-engine #jdoc-callout-side.callout-left.callout-white {
  background-color: white;
}
.radiodash-engine .callout-left.callout-white:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-white:after {
  border-color: transparent white transparent transparent;
}
.radiodash-engine .callout-left.callout-white.border,
.radiodash-engine #jdoc-callout-side.callout-left.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-left.callout-white.border:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.radiodash-engine .callout-left:before,
.radiodash-engine #jdoc-callout-side.callout-left:before {
  border-color: transparent transparent transparent transparent;
}
.radiodash-engine .callout-left:after,
.radiodash-engine #jdoc-callout-side.callout-left:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout-left:before,
.radiodash-engine #jdoc-callout-side.callout-left:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.radiodash-engine .callout-left.callout-pull-top:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout-left.callout-pull-top:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-pull-top:before {
  top: 11px;
}
.radiodash-engine .callout-left.callout-pull-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-left.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout-left.callout-pull-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-left.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.radiodash-engine .callout-left.border-lg:after,
.radiodash-engine #jdoc-callout-side.callout-left.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout-left.border-lg:before,
.radiodash-engine #jdoc-callout-side.callout-left.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.radiodash-engine .callout-left.border-lg.callout-pull-top:after,
.radiodash-engine #jdoc-callout-side.callout-left.border-lg.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout-left.border-lg.callout-pull-top:before,
.radiodash-engine #jdoc-callout-side.callout-left.border-lg.callout-pull-top:before {
  top: 10px;
}
.radiodash-engine .callout-left.border-lg.callout-pull-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout-left.border-lg.callout-pull-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-left.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.radiodash-engine .callout-left.border-xl:after,
.radiodash-engine #jdoc-callout-side.callout-left.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout-left.border-xl:before,
.radiodash-engine #jdoc-callout-side.callout-left.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.radiodash-engine .callout-left.border-xl.callout-pull-top:after,
.radiodash-engine #jdoc-callout-side.callout-left.border-xl.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout-left.border-xl.callout-pull-top:before,
.radiodash-engine #jdoc-callout-side.callout-left.border-xl.callout-pull-top:before {
  top: 8px;
}
.radiodash-engine .callout-left.border-xl.callout-pull-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout-left.border-xl.callout-pull-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-left.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.radiodash-engine .callout-right,
.radiodash-engine #jdoc-callout-side.callout-right {
  position: relative;
}
.radiodash-engine .callout-right:before,
.radiodash-engine #jdoc-callout-side.callout-right:before,
.radiodash-engine .callout-right:after,
.radiodash-engine #jdoc-callout-side.callout-right:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-right:after,
.radiodash-engine #jdoc-callout-side.callout-right:after {
  border-color: transparent transparent transparent #fff;
}
.radiodash-engine .callout-right.callout-green,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .callout-right.callout-green:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green:after {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.radiodash-engine .callout-right.callout-green.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .callout-right.callout-green.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 13%);
}
.radiodash-engine .callout-right.callout-green-light,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .callout-right.callout-green-light:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green-light:after {
  border-color: transparent transparent transparent hsl(80, 65%, 74%);
}
.radiodash-engine .callout-right.callout-green-light.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .callout-right.callout-green-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-green-light.border:before {
  border-color: transparent transparent transparent hsl(86, 99%, 34%);
}
.radiodash-engine .callout-right.callout-red,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .callout-right.callout-red:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red:after {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.radiodash-engine .callout-right.callout-red.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-right.callout-red.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.radiodash-engine .callout-right.callout-red-light,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .callout-right.callout-red-light:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red-light:after {
  border-color: transparent transparent transparent hsl(347, 39%, 81%);
}
.radiodash-engine .callout-right.callout-red-light.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-right.callout-red-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-red-light.border:before {
  border-color: transparent transparent transparent hsl(0, 62%, 42%);
}
.radiodash-engine .callout-right.callout-orange-lighter,
.radiodash-engine #jdoc-callout-side.callout-right.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .callout-right.callout-orange-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-orange-lighter:after {
  border-color: transparent transparent transparent hsl(50, 81%, 94%);
}
.radiodash-engine .callout-right.callout-orange-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .callout-right.callout-orange-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-orange-lighter.border:before {
  border-color: transparent transparent transparent hsl(46, 97%, 59%);
}
.radiodash-engine .callout-right.callout-gray-light,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .callout-right.callout-gray-light:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-light:after {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.radiodash-engine .callout-right.callout-gray-light.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-right.callout-gray-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-light.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.radiodash-engine .callout-right.callout-gray-lighter,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .callout-right.callout-gray-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-lighter:after {
  border-color: transparent transparent transparent hsl(0, 0%, 95%);
}
.radiodash-engine .callout-right.callout-gray-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .callout-right.callout-gray-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-gray-lighter.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 80%);
}
.radiodash-engine .callout-right.callout-white,
.radiodash-engine #jdoc-callout-side.callout-right.callout-white {
  background-color: white;
}
.radiodash-engine .callout-right.callout-white:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-white:after {
  border-color: transparent transparent transparent white;
}
.radiodash-engine .callout-right.callout-white.border,
.radiodash-engine #jdoc-callout-side.callout-right.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-right.callout-white.border:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-white.border:before {
  border-color: transparent transparent transparent hsl(0, 0%, 54%);
}
.radiodash-engine .callout-right:before,
.radiodash-engine #jdoc-callout-side.callout-right:before {
  border-color: transparent transparent transparent transparent;
}
.radiodash-engine .callout-right:after,
.radiodash-engine #jdoc-callout-side.callout-right:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.radiodash-engine .callout-right:before,
.radiodash-engine #jdoc-callout-side.callout-right:before {
  top: calc(50% - 13px);
  left: 100%;
  border-width: 13px 0 13px 13px;
}
.radiodash-engine .callout-right.callout-pull-top:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout-right.callout-pull-top:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-pull-top:before {
  top: 11px;
}
.radiodash-engine .callout-right.callout-pull-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-right.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout-right.callout-pull-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-right.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.radiodash-engine .callout-right.border-lg:after,
.radiodash-engine #jdoc-callout-side.callout-right.border-lg:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.radiodash-engine .callout-right.border-lg:before,
.radiodash-engine #jdoc-callout-side.callout-right.border-lg:before {
  top: calc(50% - 14px);
  left: 100%;
  border-width: 14px 0 14px 14px;
}
.radiodash-engine .callout-right.border-lg.callout-pull-top:after,
.radiodash-engine #jdoc-callout-side.callout-right.border-lg.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout-right.border-lg.callout-pull-top:before,
.radiodash-engine #jdoc-callout-side.callout-right.border-lg.callout-pull-top:before {
  top: 10px;
}
.radiodash-engine .callout-right.border-lg.callout-pull-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout-right.border-lg.callout-pull-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-right.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.radiodash-engine .callout-right.border-xl:after,
.radiodash-engine #jdoc-callout-side.callout-right.border-xl:after {
  top: calc(50% - 12px);
  left: 100%;
  border-width: 12px 0 12px 12px;
}
.radiodash-engine .callout-right.border-xl:before,
.radiodash-engine #jdoc-callout-side.callout-right.border-xl:before {
  top: calc(50% - 16px);
  left: 100%;
  border-width: 16px 0 16px 16px;
}
.radiodash-engine .callout-right.border-xl.callout-pull-top:after,
.radiodash-engine #jdoc-callout-side.callout-right.border-xl.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout-right.border-xl.callout-pull-top:before,
.radiodash-engine #jdoc-callout-side.callout-right.border-xl.callout-pull-top:before {
  top: 8px;
}
.radiodash-engine .callout-right.border-xl.callout-pull-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout-right.border-xl.callout-pull-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-right.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.radiodash-engine .callout-top,
.radiodash-engine #jdoc-callout-side.callout-top {
  position: relative;
}
.radiodash-engine .callout-top:before,
.radiodash-engine #jdoc-callout-side.callout-top:before,
.radiodash-engine .callout-top:after,
.radiodash-engine #jdoc-callout-side.callout-top:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-top:after,
.radiodash-engine #jdoc-callout-side.callout-top:after {
  border-color: transparent transparent #fff transparent;
}
.radiodash-engine .callout-top.callout-green,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .callout-top.callout-green:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green:after {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.radiodash-engine .callout-top.callout-green.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .callout-top.callout-green.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green.border:before {
  border-color: transparent transparent hsl(0, 0%, 13%) transparent;
}
.radiodash-engine .callout-top.callout-green-light,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .callout-top.callout-green-light:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green-light:after {
  border-color: transparent transparent hsl(80, 65%, 74%) transparent;
}
.radiodash-engine .callout-top.callout-green-light.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .callout-top.callout-green-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-green-light.border:before {
  border-color: transparent transparent hsl(86, 99%, 34%) transparent;
}
.radiodash-engine .callout-top.callout-red,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .callout-top.callout-red:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red:after {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.radiodash-engine .callout-top.callout-red.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-top.callout-red.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.radiodash-engine .callout-top.callout-red-light,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .callout-top.callout-red-light:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red-light:after {
  border-color: transparent transparent hsl(347, 39%, 81%) transparent;
}
.radiodash-engine .callout-top.callout-red-light.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-top.callout-red-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-red-light.border:before {
  border-color: transparent transparent hsl(0, 62%, 42%) transparent;
}
.radiodash-engine .callout-top.callout-orange-lighter,
.radiodash-engine #jdoc-callout-side.callout-top.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .callout-top.callout-orange-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-orange-lighter:after {
  border-color: transparent transparent hsl(50, 81%, 94%) transparent;
}
.radiodash-engine .callout-top.callout-orange-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .callout-top.callout-orange-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-orange-lighter.border:before {
  border-color: transparent transparent hsl(46, 97%, 59%) transparent;
}
.radiodash-engine .callout-top.callout-gray-light,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .callout-top.callout-gray-light:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-light:after {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.radiodash-engine .callout-top.callout-gray-light.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-top.callout-gray-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-light.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.radiodash-engine .callout-top.callout-gray-lighter,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .callout-top.callout-gray-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-lighter:after {
  border-color: transparent transparent hsl(0, 0%, 95%) transparent;
}
.radiodash-engine .callout-top.callout-gray-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .callout-top.callout-gray-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-gray-lighter.border:before {
  border-color: transparent transparent hsl(0, 0%, 80%) transparent;
}
.radiodash-engine .callout-top.callout-white,
.radiodash-engine #jdoc-callout-side.callout-top.callout-white {
  background-color: white;
}
.radiodash-engine .callout-top.callout-white:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-white:after {
  border-color: transparent transparent white transparent;
}
.radiodash-engine .callout-top.callout-white.border,
.radiodash-engine #jdoc-callout-side.callout-top.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-top.callout-white.border:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-white.border:before {
  border-color: transparent transparent hsl(0, 0%, 54%) transparent;
}
.radiodash-engine .callout-top:before,
.radiodash-engine #jdoc-callout-side.callout-top:before {
  border-color: transparent transparent transparent transparent;
}
.radiodash-engine .callout-top:after,
.radiodash-engine #jdoc-callout-side.callout-top:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.radiodash-engine .callout-top:before,
.radiodash-engine #jdoc-callout-side.callout-top:before {
  top: -13px;
  left: calc(50% - 13px);
  border-width: 0 13px 13px 13px;
}
.radiodash-engine .callout-top.callout-pull-right:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-pull-right:after {
  left: calc(100% - 36px);
}
.radiodash-engine .callout-top.callout-pull-right:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-pull-right:before {
  left: calc(100% - 37px);
}
.radiodash-engine .callout-top.callout-pull-left:after,
.radiodash-engine #jdoc-callout-side.callout-top.callout-pull-left:after {
  left: 12px;
}
.radiodash-engine .callout-top.callout-pull-left:before,
.radiodash-engine #jdoc-callout-side.callout-top.callout-pull-left:before {
  left: 11px;
}
.radiodash-engine .callout-top.border-lg:after,
.radiodash-engine #jdoc-callout-side.callout-top.border-lg:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.radiodash-engine .callout-top.border-lg:before,
.radiodash-engine #jdoc-callout-side.callout-top.border-lg:before {
  top: -14px;
  left: calc(50% - 14px);
  border-width: 0 14px 14px 14px;
}
.radiodash-engine .callout-top.border-lg.callout-pull-right:after,
.radiodash-engine #jdoc-callout-side.callout-top.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.radiodash-engine .callout-top.border-lg.callout-pull-right:before,
.radiodash-engine #jdoc-callout-side.callout-top.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.radiodash-engine .callout-top.border-lg.callout-pull-left:after,
.radiodash-engine #jdoc-callout-side.callout-top.border-lg.callout-pull-left:after {
  left: 12px;
}
.radiodash-engine .callout-top.border-lg.callout-pull-left:before,
.radiodash-engine #jdoc-callout-side.callout-top.border-lg.callout-pull-left:before {
  left: 10px;
}
.radiodash-engine .callout-top.border-xl:after,
.radiodash-engine #jdoc-callout-side.callout-top.border-xl:after {
  top: -12px;
  left: calc(50% - 12px);
  border-width: 0 12px 12px 12px;
}
.radiodash-engine .callout-top.border-xl:before,
.radiodash-engine #jdoc-callout-side.callout-top.border-xl:before {
  top: -16px;
  left: calc(50% - 16px);
  border-width: 0 16px 16px 16px;
}
.radiodash-engine .callout-top.border-xl.callout-pull-right:after,
.radiodash-engine #jdoc-callout-side.callout-top.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.radiodash-engine .callout-top.border-xl.callout-pull-right:before,
.radiodash-engine #jdoc-callout-side.callout-top.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.radiodash-engine .callout-top.border-xl.callout-pull-left:after,
.radiodash-engine #jdoc-callout-side.callout-top.border-xl.callout-pull-left:after {
  left: 12px;
}
.radiodash-engine .callout-top.border-xl.callout-pull-left:before,
.radiodash-engine #jdoc-callout-side.callout-top.border-xl.callout-pull-left:before {
  left: 8px;
}
.radiodash-engine .callout-bottom,
.radiodash-engine #jdoc-callout-side.callout-bottom {
  position: relative;
}
.radiodash-engine .callout-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-bottom:before,
.radiodash-engine .callout-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-bottom:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-bottom:after {
  border-color: #fff transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-green,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .callout-bottom.callout-green:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green:after {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-green.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .callout-bottom.callout-green.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green.border:before {
  border-color: hsl(0, 0%, 13%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-green-light,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .callout-bottom.callout-green-light:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green-light:after {
  border-color: hsl(80, 65%, 74%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-green-light.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .callout-bottom.callout-green-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-green-light.border:before {
  border-color: hsl(86, 99%, 34%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-red,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .callout-bottom.callout-red:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red:after {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-red.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-bottom.callout-red.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-red-light,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .callout-bottom.callout-red-light:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red-light:after {
  border-color: hsl(347, 39%, 81%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-red-light.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout-bottom.callout-red-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-red-light.border:before {
  border-color: hsl(0, 62%, 42%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-orange-lighter,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .callout-bottom.callout-orange-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-orange-lighter:after {
  border-color: hsl(50, 81%, 94%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-orange-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .callout-bottom.callout-orange-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-orange-lighter.border:before {
  border-color: hsl(46, 97%, 59%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-gray-light,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .callout-bottom.callout-gray-light:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-light:after {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-gray-light.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-bottom.callout-gray-light.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-light.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-gray-lighter,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .callout-bottom.callout-gray-lighter:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-lighter:after {
  border-color: hsl(0, 0%, 95%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-gray-lighter.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .callout-bottom.callout-gray-lighter.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-gray-lighter.border:before {
  border-color: hsl(0, 0%, 80%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-white,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-white {
  background-color: white;
}
.radiodash-engine .callout-bottom.callout-white:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-white:after {
  border-color: white transparent transparent transparent;
}
.radiodash-engine .callout-bottom.callout-white.border,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout-bottom.callout-white.border:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-white.border:before {
  border-color: hsl(0, 0%, 54%) transparent transparent transparent;
}
.radiodash-engine .callout-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-bottom:before {
  border-color: transparent transparent transparent transparent;
}
.radiodash-engine .callout-bottom:after,
.radiodash-engine #jdoc-callout-side.callout-bottom:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.radiodash-engine .callout-bottom:before,
.radiodash-engine #jdoc-callout-side.callout-bottom:before {
  top: calc(100%);
  left: calc(50% - 13px);
  border-width: 13px 13px 0 13px;
}
.radiodash-engine .callout-bottom.callout-pull-right:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-pull-right:after {
  left: calc(100% - 36px);
}
.radiodash-engine .callout-bottom.callout-pull-right:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-pull-right:before {
  left: calc(100% - 37px);
}
.radiodash-engine .callout-bottom.callout-pull-left:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-pull-left:after {
  left: 12px;
}
.radiodash-engine .callout-bottom.callout-pull-left:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.callout-pull-left:before {
  left: 11px;
}
.radiodash-engine .callout-bottom.border-lg:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-lg:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.radiodash-engine .callout-bottom.border-lg:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-lg:before {
  top: calc(100%);
  left: calc(50% - 14px);
  border-width: 14px 14px 0 14px;
}
.radiodash-engine .callout-bottom.border-lg.callout-pull-right:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:after {
  left: calc(100% - 36px);
}
.radiodash-engine .callout-bottom.border-lg.callout-pull-right:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-lg.callout-pull-right:before {
  left: calc(100% - 38px);
}
.radiodash-engine .callout-bottom.border-lg.callout-pull-left:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:after {
  left: 12px;
}
.radiodash-engine .callout-bottom.border-lg.callout-pull-left:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-lg.callout-pull-left:before {
  left: 10px;
}
.radiodash-engine .callout-bottom.border-xl:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-xl:after {
  top: calc(100%);
  left: calc(50% - 12px);
  border-width: 12px 12px 0 12px;
}
.radiodash-engine .callout-bottom.border-xl:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-xl:before {
  top: calc(100%);
  left: calc(50% - 16px);
  border-width: 16px 16px 0 16px;
}
.radiodash-engine .callout-bottom.border-xl.callout-pull-right:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:after {
  left: calc(100% - 36px);
}
.radiodash-engine .callout-bottom.border-xl.callout-pull-right:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-xl.callout-pull-right:before {
  left: calc(100% - 40px);
}
.radiodash-engine .callout-bottom.border-xl.callout-pull-left:after,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:after {
  left: 12px;
}
.radiodash-engine .callout-bottom.border-xl.callout-pull-left:before,
.radiodash-engine #jdoc-callout-side.callout-bottom.border-xl.callout-pull-left:before {
  left: 8px;
}
.radiodash-engine .callout-green,
.radiodash-engine #jdoc-callout[class^="callout"].callout-green {
  position: relative;
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .callout-green:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-green:before,
.radiodash-engine .callout-green:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-green:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-green-light,
.radiodash-engine #jdoc-callout[class^="callout"].callout-green-light {
  position: relative;
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .callout-green-light:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-green-light:before,
.radiodash-engine .callout-green-light:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-green-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-red,
.radiodash-engine #jdoc-callout[class^="callout"].callout-red {
  position: relative;
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .callout-red:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-red:before,
.radiodash-engine .callout-red:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-red:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-red-light,
.radiodash-engine #jdoc-callout[class^="callout"].callout-red-light {
  position: relative;
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .callout-red-light:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-red-light:before,
.radiodash-engine .callout-red-light:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-red-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-orange-lighter,
.radiodash-engine #jdoc-callout[class^="callout"].callout-orange-lighter {
  position: relative;
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .callout-orange-lighter:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-orange-lighter:before,
.radiodash-engine .callout-orange-lighter:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-orange-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-gray-light,
.radiodash-engine #jdoc-callout[class^="callout"].callout-gray-light {
  position: relative;
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .callout-gray-light:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-gray-light:before,
.radiodash-engine .callout-gray-light:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-gray-light:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-gray-lighter,
.radiodash-engine #jdoc-callout[class^="callout"].callout-gray-lighter {
  position: relative;
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .callout-gray-lighter:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-gray-lighter:before,
.radiodash-engine .callout-gray-lighter:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-gray-lighter:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout-white,
.radiodash-engine #jdoc-callout[class^="callout"].callout-white {
  position: relative;
  background-color: white;
}
.radiodash-engine .callout-white:before,
.radiodash-engine #jdoc-callout[class^="callout"].callout-white:before,
.radiodash-engine .callout-white:after,
.radiodash-engine #jdoc-callout[class^="callout"].callout-white:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout {
  background-color: white;
  position: relative;
}
.radiodash-engine .callout:before,
.radiodash-engine .callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout:before,
.radiodash-engine .callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout:after {
  border-color: transparent #fff transparent transparent;
}
.radiodash-engine .callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.radiodash-engine .callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.radiodash-engine .callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.radiodash-engine .callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.radiodash-engine .callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.radiodash-engine .callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.radiodash-engine .callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.radiodash-engine .callout.callout-white {
  background-color: white;
}
.radiodash-engine .callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.radiodash-engine .callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.radiodash-engine .callout:before {
  border-color: transparent transparent transparent transparent;
}
.radiodash-engine .callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.radiodash-engine .callout.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout.callout-pull-top:before {
  top: 11px;
}
.radiodash-engine .callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.radiodash-engine .callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.radiodash-engine .callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.radiodash-engine .callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.radiodash-engine .callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.radiodash-engine .callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.radiodash-engine .callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.radiodash-engine .callout:before,
.radiodash-engine .callout:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .callout:after {
  border-color: transparent #fff transparent transparent;
}
.radiodash-engine .callout.callout-green {
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .callout.callout-green:after {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.radiodash-engine .callout.callout-green.border {
  border: 1px solid hsl(0, 0%, 13%);
}
.radiodash-engine .callout.callout-green.border:before {
  border-color: transparent hsl(0, 0%, 13%) transparent transparent;
}
.radiodash-engine .callout.callout-green-light {
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .callout.callout-green-light:after {
  border-color: transparent hsl(80, 65%, 74%) transparent transparent;
}
.radiodash-engine .callout.callout-green-light.border {
  border: 1px solid hsl(86, 99%, 34%);
}
.radiodash-engine .callout.callout-green-light.border:before {
  border-color: transparent hsl(86, 99%, 34%) transparent transparent;
}
.radiodash-engine .callout.callout-red {
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .callout.callout-red:after {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout.callout-red.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout.callout-red.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout.callout-red-light {
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .callout.callout-red-light:after {
  border-color: transparent hsl(347, 39%, 81%) transparent transparent;
}
.radiodash-engine .callout.callout-red-light.border {
  border: 1px solid hsl(0, 62%, 42%);
}
.radiodash-engine .callout.callout-red-light.border:before {
  border-color: transparent hsl(0, 62%, 42%) transparent transparent;
}
.radiodash-engine .callout.callout-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .callout.callout-orange-lighter:after {
  border-color: transparent hsl(50, 81%, 94%) transparent transparent;
}
.radiodash-engine .callout.callout-orange-lighter.border {
  border: 1px solid hsl(46, 97%, 59%);
}
.radiodash-engine .callout.callout-orange-lighter.border:before {
  border-color: transparent hsl(46, 97%, 59%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .callout.callout-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-light.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout.callout-gray-light.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .callout.callout-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%) transparent transparent;
}
.radiodash-engine .callout.callout-gray-lighter.border {
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .callout.callout-gray-lighter.border:before {
  border-color: transparent hsl(0, 0%, 80%) transparent transparent;
}
.radiodash-engine .callout.callout-white {
  background-color: white;
}
.radiodash-engine .callout.callout-white:after {
  border-color: transparent white transparent transparent;
}
.radiodash-engine .callout.callout-white.border {
  border: 1px solid hsl(0, 0%, 54%);
}
.radiodash-engine .callout.callout-white.border:before {
  border-color: transparent hsl(0, 0%, 54%) transparent transparent;
}
.radiodash-engine .callout:before {
  border-color: transparent transparent transparent transparent;
}
.radiodash-engine .callout:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout:before {
  top: calc(50% - 13px);
  left: -13px;
  border-width: 13px 13px 13px 0;
}
.radiodash-engine .callout.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout.callout-pull-top:before {
  top: 11px;
}
.radiodash-engine .callout.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout.callout-pull-bottom:before {
  top: calc(100% - 37px);
}
.radiodash-engine .callout.border-lg:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout.border-lg:before {
  top: calc(50% - 14px);
  left: -14px;
  border-width: 14px 14px 14px 0;
}
.radiodash-engine .callout.border-lg.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout.border-lg.callout-pull-top:before {
  top: 10px;
}
.radiodash-engine .callout.border-lg.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout.border-lg.callout-pull-bottom:before {
  top: calc(100% - 38px);
}
.radiodash-engine .callout.border-xl:after {
  top: calc(50% - 12px);
  left: -12px;
  border-width: 12px 12px 12px 0;
}
.radiodash-engine .callout.border-xl:before {
  top: calc(50% - 16px);
  left: -16px;
  border-width: 16px 16px 16px 0;
}
.radiodash-engine .callout.border-xl.callout-pull-top:after {
  top: 12px;
}
.radiodash-engine .callout.border-xl.callout-pull-top:before {
  top: 8px;
}
.radiodash-engine .callout.border-xl.callout-pull-bottom:after {
  top: calc(100% - 36px);
}
.radiodash-engine .callout.border-xl.callout-pull-bottom:before {
  top: calc(100% - 40px);
}
.radiodash-engine .callout-base {
  position: relative;
}
.radiodash-engine .callout-base:before,
.radiodash-engine .callout-base:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.radiodash-engine .table .date-style:not(.text-right):not(.text-center) {
  text-align: left !important;
}
.radiodash-engine .table .currency-style:not(.text-left):not(.text-center),
.radiodash-engine .table .numeric-style:not(.text-left):not(.text-center) {
  text-align: right !important;
}
.radiodash-engine .table .plan-state-icon-style:not(.text-left):not(.text-right) {
  text-align: center !important;
}
.radiodash-engine .table tbody tr .date-style,
.radiodash-engine .table row .date-style,
.radiodash-engine .table .fake-table-row .date-style,
.radiodash-engine .table cell-group .date-style,
.radiodash-engine .table tbody tr .currency-style,
.radiodash-engine .table row .currency-style,
.radiodash-engine .table .fake-table-row .currency-style,
.radiodash-engine .table cell-group .currency-style,
.radiodash-engine .table tbody tr .numeric-style,
.radiodash-engine .table row .numeric-style,
.radiodash-engine .table .fake-table-row .numeric-style,
.radiodash-engine .table cell-group .numeric-style {
  font-variant-numeric: tabular-nums;
}
.radiodash-engine .display-block {
  display: block !important;
}
.radiodash-engine .display-inline {
  display: inline !important;
}
.radiodash-engine .display-inline-block {
  display: inline-block !important;
}
.radiodash-engine .full-width {
  width: 100%;
}
.radiodash-engine .fill-green,
.radiodash-engine #jdoc-fill.fill-docs-green {
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .fill-green-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-green-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-green-hover:hover {
  cursor: pointer;
  background-color: hsl(86, 99%, 34%);
}
.radiodash-engine .fill-green-light,
.radiodash-engine #jdoc-fill.fill-docs-green-light {
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .fill-green-light-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-green-light-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-green-light-hover:hover {
  cursor: pointer;
  background-color: hsl(80, 65%, 74%);
}
.radiodash-engine .fill-green-lighter,
.radiodash-engine #jdoc-fill.fill-docs-green-lighter {
  background-color: hsl(81, 74%, 91%);
}
.radiodash-engine .fill-green-lighter-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-green-lighter-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-green-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(81, 74%, 91%);
}
.radiodash-engine .fill-red,
.radiodash-engine #jdoc-fill.fill-docs-red {
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .fill-red-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-red-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-red-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 62%, 42%);
}
.radiodash-engine .fill-red-light,
.radiodash-engine #jdoc-fill.fill-docs-red-light {
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .fill-red-light-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-red-light-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-red-light-hover:hover {
  cursor: pointer;
  background-color: hsl(347, 39%, 81%);
}
.radiodash-engine .fill-red-lighter,
.radiodash-engine #jdoc-fill.fill-docs-red-lighter {
  background-color: hsl(0, 43%, 91%);
}
.radiodash-engine .fill-red-lighter-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-red-lighter-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-red-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 43%, 91%);
}
.radiodash-engine .fill-orange,
.radiodash-engine #jdoc-fill.fill-docs-orange {
  background-color: hsl(35, 95%, 50%);
}
.radiodash-engine .fill-orange-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-orange-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-orange-hover:hover {
  cursor: pointer;
  background-color: hsl(35, 95%, 50%);
}
.radiodash-engine .fill-orange-light,
.radiodash-engine #jdoc-fill.fill-docs-orange-light {
  background-color: hsl(46, 97%, 59%);
}
.radiodash-engine .fill-orange-light-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-orange-light-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-orange-light-hover:hover {
  cursor: pointer;
  background-color: hsl(46, 97%, 59%);
}
.radiodash-engine .fill-orange-lighter,
.radiodash-engine #jdoc-fill.fill-docs-orange-lighter {
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .fill-orange-lighter-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-orange-lighter-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-orange-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(50, 81%, 94%);
}
.radiodash-engine .fill-black,
.radiodash-engine #jdoc-fill.fill-docs-black {
  background-color: black;
}
.radiodash-engine .fill-black-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-black-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-black-hover:hover {
  cursor: pointer;
  background-color: black;
}
.radiodash-engine .fill-gray-darker,
.radiodash-engine #jdoc-fill.fill-docs-gray-darker {
  background-color: hsl(0, 0%, 13%);
}
.radiodash-engine .fill-gray-darker-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-gray-darker-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-darker-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 13%);
}
.radiodash-engine .fill-gray-dark,
.radiodash-engine #jdoc-fill.fill-docs-gray-dark {
  background-color: hsl(0, 0%, 20%);
}
.radiodash-engine .fill-gray-dark-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-gray-dark-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-dark-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 20%);
}
.radiodash-engine .fill-gray,
.radiodash-engine #jdoc-fill.fill-docs-gray {
  background-color: hsl(0, 0%, 54%);
}
.radiodash-engine .fill-gray-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-gray-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 54%);
}
.radiodash-engine .fill-gray-light,
.radiodash-engine #jdoc-fill.fill-docs-gray-light {
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .fill-gray-light-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-gray-light-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-light-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 80%);
}
.radiodash-engine .fill-gray-lighter,
.radiodash-engine #jdoc-fill.fill-docs-gray-lighter {
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .fill-gray-lighter-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-gray-lighter-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-lighter-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 95%);
}
.radiodash-engine .fill-gray-lightest,
.radiodash-engine #jdoc-fill.fill-docs-gray-lightest {
  background-color: hsl(0, 0%, 97%);
}
.radiodash-engine .fill-gray-lightest-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-gray-lightest-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-gray-lightest-hover:hover {
  cursor: pointer;
  background-color: hsl(0, 0%, 97%);
}
.radiodash-engine .fill-white,
.radiodash-engine #jdoc-fill.fill-docs-white {
  background-color: white;
}
.radiodash-engine .fill-white-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-white-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-white-hover:hover {
  cursor: pointer;
  background-color: white;
}
.radiodash-engine .fill-transparent,
.radiodash-engine #jdoc-fill.fill-docs-transparent {
  background-color: transparent;
}
.radiodash-engine .fill-transparent-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-transparent-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-transparent-hover:hover {
  cursor: pointer;
  background-color: transparent;
}
.radiodash-engine .fill-overlay-light,
.radiodash-engine #jdoc-fill.fill-docs-overlay-light {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.radiodash-engine .fill-overlay-light-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-overlay-light-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-overlay-light-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 100%, 0.5);
}
.radiodash-engine .fill-overlay-dark,
.radiodash-engine #jdoc-fill.fill-docs-overlay-dark {
  background-color: hsla(0, 0%, 0%, 0.25);
}
.radiodash-engine .fill-overlay-dark-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-overlay-dark-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-overlay-dark-hover:hover {
  cursor: pointer;
  background-color: hsla(0, 0%, 0%, 0.25);
}
.radiodash-engine .fill-overlay-green,
.radiodash-engine #jdoc-fill.fill-docs-overlay-green {
  background-color: hsla(86, 99%, 34%, 0.9);
}
.radiodash-engine .fill-overlay-green-hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.35s ease-out 0s;
  -moz-transition: background-color 0.35s ease-out 0s;
  -webkit-transition: background-color 0.35s ease-out 0s;
  transition: background-color 0.35s ease-out 0s;
}
.radiodash-engine .fill-overlay-green-hover:hover,
.radiodash-engine #jdoc-fill-hover.fill-docs-overlay-green-hover:hover {
  cursor: pointer;
  background-color: hsla(86, 99%, 34%, 0.9);
}
.radiodash-engine .font-regular {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 400;
  font-style: normal;
}
.radiodash-engine .font-medium {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 500;
  font-style: normal;
}
.radiodash-engine .font-bold {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .font-light {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 300;
  font-style: normal;
}
.radiodash-engine .font-size-regular,
.radiodash-engine .font-size-normal {
  font-size: 16px;
}
.radiodash-engine .font-size-xs {
  font-size: 12px;
}
.radiodash-engine .font-size-sm {
  font-size: 14px;
}
.radiodash-engine .font-size-lg {
  font-size: 18px;
}
.radiodash-engine .font-size-xl {
  font-size: 24px;
}
.radiodash-engine .line-height-regular {
  line-height: initial;
}
.radiodash-engine .line-height-lg {
  line-height: 35px;
}
.radiodash-engine .font-fixed-width {
  font-variant-numeric: tabular-nums;
}
.radiodash-engine .font-green,
.radiodash-engine #jdoc-font.font-green {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .font-green-hover,
.radiodash-engine #jdoc-font-hover.font-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-green-hover:hover,
.radiodash-engine #jdoc-font-hover.font-green-hover:hover {
  cursor: pointer;
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .font-green-light,
.radiodash-engine #jdoc-font.font-green-light {
  color: hsl(80, 65%, 74%);
}
.radiodash-engine .font-green-light-hover,
.radiodash-engine #jdoc-font-hover.font-green-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-green-light-hover:hover,
.radiodash-engine #jdoc-font-hover.font-green-light-hover:hover {
  cursor: pointer;
  color: hsl(80, 65%, 74%);
}
.radiodash-engine .font-green-lighter,
.radiodash-engine #jdoc-font.font-green-lighter {
  color: hsl(81, 74%, 91%);
}
.radiodash-engine .font-green-lighter-hover,
.radiodash-engine #jdoc-font-hover.font-green-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-green-lighter-hover:hover,
.radiodash-engine #jdoc-font-hover.font-green-lighter-hover:hover {
  cursor: pointer;
  color: hsl(81, 74%, 91%);
}
.radiodash-engine .font-red,
.radiodash-engine #jdoc-font.font-red {
  color: hsl(0, 62%, 42%);
}
.radiodash-engine .font-red-hover,
.radiodash-engine #jdoc-font-hover.font-red-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-red-hover:hover,
.radiodash-engine #jdoc-font-hover.font-red-hover:hover {
  cursor: pointer;
  color: hsl(0, 62%, 42%);
}
.radiodash-engine .font-red-light,
.radiodash-engine #jdoc-font.font-red-light {
  color: hsl(347, 39%, 81%);
}
.radiodash-engine .font-red-light-hover,
.radiodash-engine #jdoc-font-hover.font-red-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-red-light-hover:hover,
.radiodash-engine #jdoc-font-hover.font-red-light-hover:hover {
  cursor: pointer;
  color: hsl(347, 39%, 81%);
}
.radiodash-engine .font-red-lighter,
.radiodash-engine #jdoc-font.font-red-lighter {
  color: hsl(0, 43%, 91%);
}
.radiodash-engine .font-red-lighter-hover,
.radiodash-engine #jdoc-font-hover.font-red-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-red-lighter-hover:hover,
.radiodash-engine #jdoc-font-hover.font-red-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 43%, 91%);
}
.radiodash-engine .font-orange,
.radiodash-engine #jdoc-font.font-orange {
  color: hsl(35, 95%, 50%);
}
.radiodash-engine .font-orange-hover,
.radiodash-engine #jdoc-font-hover.font-orange-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-orange-hover:hover,
.radiodash-engine #jdoc-font-hover.font-orange-hover:hover {
  cursor: pointer;
  color: hsl(35, 95%, 50%);
}
.radiodash-engine .font-orange-light,
.radiodash-engine #jdoc-font.font-orange-light {
  color: hsl(46, 97%, 59%);
}
.radiodash-engine .font-orange-light-hover,
.radiodash-engine #jdoc-font-hover.font-orange-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-orange-light-hover:hover,
.radiodash-engine #jdoc-font-hover.font-orange-light-hover:hover {
  cursor: pointer;
  color: hsl(46, 97%, 59%);
}
.radiodash-engine .font-orange-lighter,
.radiodash-engine #jdoc-font.font-orange-lighter {
  color: hsl(50, 81%, 94%);
}
.radiodash-engine .font-orange-lighter-hover,
.radiodash-engine #jdoc-font-hover.font-orange-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-orange-lighter-hover:hover,
.radiodash-engine #jdoc-font-hover.font-orange-lighter-hover:hover {
  cursor: pointer;
  color: hsl(50, 81%, 94%);
}
.radiodash-engine .font-black,
.radiodash-engine #jdoc-font.font-black {
  color: black;
}
.radiodash-engine .font-black-hover,
.radiodash-engine #jdoc-font-hover.font-black-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-black-hover:hover,
.radiodash-engine #jdoc-font-hover.font-black-hover:hover {
  cursor: pointer;
  color: black;
}
.radiodash-engine .font-gray-darker,
.radiodash-engine #jdoc-font.font-gray-darker {
  color: hsl(0, 0%, 13%);
}
.radiodash-engine .font-gray-darker-hover,
.radiodash-engine #jdoc-font-hover.font-gray-darker-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-gray-darker-hover:hover,
.radiodash-engine #jdoc-font-hover.font-gray-darker-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 13%);
}
.radiodash-engine .font-gray-dark,
.radiodash-engine #jdoc-font.font-gray-dark {
  color: hsl(0, 0%, 20%);
}
.radiodash-engine .font-gray-dark-hover,
.radiodash-engine #jdoc-font-hover.font-gray-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-gray-dark-hover:hover,
.radiodash-engine #jdoc-font-hover.font-gray-dark-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 20%);
}
.radiodash-engine .font-gray,
.radiodash-engine #jdoc-font.font-gray {
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .font-gray-hover,
.radiodash-engine #jdoc-font-hover.font-gray-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-gray-hover:hover,
.radiodash-engine #jdoc-font-hover.font-gray-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .font-gray-light,
.radiodash-engine #jdoc-font.font-gray-light {
  color: hsl(0, 0%, 80%);
}
.radiodash-engine .font-gray-light-hover,
.radiodash-engine #jdoc-font-hover.font-gray-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-gray-light-hover:hover,
.radiodash-engine #jdoc-font-hover.font-gray-light-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 80%);
}
.radiodash-engine .font-gray-lighter,
.radiodash-engine #jdoc-font.font-gray-lighter {
  color: hsl(0, 0%, 95%);
}
.radiodash-engine .font-gray-lighter-hover,
.radiodash-engine #jdoc-font-hover.font-gray-lighter-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-gray-lighter-hover:hover,
.radiodash-engine #jdoc-font-hover.font-gray-lighter-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 95%);
}
.radiodash-engine .font-gray-lightest,
.radiodash-engine #jdoc-font.font-gray-lightest {
  color: hsl(0, 0%, 97%);
}
.radiodash-engine .font-gray-lightest-hover,
.radiodash-engine #jdoc-font-hover.font-gray-lightest-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-gray-lightest-hover:hover,
.radiodash-engine #jdoc-font-hover.font-gray-lightest-hover:hover {
  cursor: pointer;
  color: hsl(0, 0%, 97%);
}
.radiodash-engine .font-white,
.radiodash-engine #jdoc-font.font-white {
  color: white;
}
.radiodash-engine .font-white-hover,
.radiodash-engine #jdoc-font-hover.font-white-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-white-hover:hover,
.radiodash-engine #jdoc-font-hover.font-white-hover:hover {
  cursor: pointer;
  color: white;
}
.radiodash-engine .font-transparent,
.radiodash-engine #jdoc-font.font-transparent {
  color: transparent;
}
.radiodash-engine .font-transparent-hover,
.radiodash-engine #jdoc-font-hover.font-transparent-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-transparent-hover:hover,
.radiodash-engine #jdoc-font-hover.font-transparent-hover:hover {
  cursor: pointer;
  color: transparent;
}
.radiodash-engine .font-overlay-light,
.radiodash-engine #jdoc-font.font-overlay-light {
  color: hsla(0, 0%, 100%, 0.5);
}
.radiodash-engine .font-overlay-light-hover,
.radiodash-engine #jdoc-font-hover.font-overlay-light-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-overlay-light-hover:hover,
.radiodash-engine #jdoc-font-hover.font-overlay-light-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 100%, 0.5);
}
.radiodash-engine .font-overlay-dark,
.radiodash-engine #jdoc-font.font-overlay-dark {
  color: hsla(0, 0%, 0%, 0.25);
}
.radiodash-engine .font-overlay-dark-hover,
.radiodash-engine #jdoc-font-hover.font-overlay-dark-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-overlay-dark-hover:hover,
.radiodash-engine #jdoc-font-hover.font-overlay-dark-hover:hover {
  cursor: pointer;
  color: hsla(0, 0%, 0%, 0.25);
}
.radiodash-engine .font-overlay-green,
.radiodash-engine #jdoc-font.font-overlay-green {
  color: hsla(86, 99%, 34%, 0.9);
}
.radiodash-engine .font-overlay-green-hover,
.radiodash-engine #jdoc-font-hover.font-overlay-green-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: color 0.35s ease-out 0s;
  -moz-transition: color 0.35s ease-out 0s;
  -webkit-transition: color 0.35s ease-out 0s;
  transition: color 0.35s ease-out 0s;
}
.radiodash-engine .font-overlay-green-hover:hover,
.radiodash-engine #jdoc-font-hover.font-overlay-green-hover:hover {
  cursor: pointer;
  color: hsla(86, 99%, 34%, 0.9);
}
.radiodash-engine .jelli-arrow-green,
.radiodash-engine .jelli-arrow-green,
.radiodash-engine #jdoc-arrow.arrow-green {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-green.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-green.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-green.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-green:before,
.radiodash-engine .jelli-arrow-green:before,
.radiodash-engine #jdoc-arrow.arrow-green:before,
.radiodash-engine .jelli-arrow-green:after,
.radiodash-engine .jelli-arrow-green:after,
.radiodash-engine #jdoc-arrow.arrow-green:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-green:before,
.radiodash-engine .jelli-arrow-green:before,
.radiodash-engine #jdoc-arrow.arrow-green:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.radiodash-engine .jelli-arrow-green:after,
.radiodash-engine .jelli-arrow-green:after,
.radiodash-engine #jdoc-arrow.arrow-green:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.radiodash-engine .jelli-arrow-green.hover-darken:hover,
.radiodash-engine .jelli-arrow-green.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-green.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-arrow-green.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-green.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-green.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.radiodash-engine .jelli-arrow-green.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-green.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-green.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-arrow-green:before,
.radiodash-engine .jelli-arrow-green:before,
.radiodash-engine #jdoc-arrow.arrow-green:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-green:after,
.radiodash-engine .jelli-arrow-green:after,
.radiodash-engine #jdoc-arrow.arrow-green:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .jelli-arrow-green-light,
.radiodash-engine .jelli-arrow-green-light,
.radiodash-engine #jdoc-arrow.arrow-green-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(80, 65%, 74%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-green-light.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-green-light.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-green-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-green-light:before,
.radiodash-engine .jelli-arrow-green-light:before,
.radiodash-engine #jdoc-arrow.arrow-green-light:before,
.radiodash-engine .jelli-arrow-green-light:after,
.radiodash-engine .jelli-arrow-green-light:after,
.radiodash-engine #jdoc-arrow.arrow-green-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-green-light:before,
.radiodash-engine .jelli-arrow-green-light:before,
.radiodash-engine #jdoc-arrow.arrow-green-light:before {
  border-color: hsl(80, 65%, 74%) transparent;
}
.radiodash-engine .jelli-arrow-green-light:after,
.radiodash-engine .jelli-arrow-green-light:after,
.radiodash-engine #jdoc-arrow.arrow-green-light:after {
  border-color: transparent hsl(80, 65%, 74%);
  top: 0px;
}
.radiodash-engine .jelli-arrow-green-light.hover-darken:hover,
.radiodash-engine .jelli-arrow-green-light.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-green-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(80, 65%, 64%);
}
.radiodash-engine .jelli-arrow-green-light.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-green-light.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-green-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(80, 65%, 64%) transparent;
}
.radiodash-engine .jelli-arrow-green-light.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-green-light.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-green-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(80, 65%, 64%);
}
.radiodash-engine .jelli-arrow-green-light:before,
.radiodash-engine .jelli-arrow-green-light:before,
.radiodash-engine #jdoc-arrow.arrow-green-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-green-light:after,
.radiodash-engine .jelli-arrow-green-light:after,
.radiodash-engine #jdoc-arrow.arrow-green-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .jelli-arrow-red,
.radiodash-engine .jelli-arrow-red,
.radiodash-engine #jdoc-arrow.arrow-red {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 62%, 42%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-red.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-red.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-red.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-red:before,
.radiodash-engine .jelli-arrow-red:before,
.radiodash-engine #jdoc-arrow.arrow-red:before,
.radiodash-engine .jelli-arrow-red:after,
.radiodash-engine .jelli-arrow-red:after,
.radiodash-engine #jdoc-arrow.arrow-red:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-red:before,
.radiodash-engine .jelli-arrow-red:before,
.radiodash-engine #jdoc-arrow.arrow-red:before {
  border-color: hsl(0, 62%, 42%) transparent;
}
.radiodash-engine .jelli-arrow-red:after,
.radiodash-engine .jelli-arrow-red:after,
.radiodash-engine #jdoc-arrow.arrow-red:after {
  border-color: transparent hsl(0, 62%, 42%);
  top: 0px;
}
.radiodash-engine .jelli-arrow-red.hover-darken:hover,
.radiodash-engine .jelli-arrow-red.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-red.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 62%, 32%);
}
.radiodash-engine .jelli-arrow-red.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-red.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-red.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 62%, 32%) transparent;
}
.radiodash-engine .jelli-arrow-red.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-red.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-red.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 62%, 32%);
}
.radiodash-engine .jelli-arrow-red:before,
.radiodash-engine .jelli-arrow-red:before,
.radiodash-engine #jdoc-arrow.arrow-red:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-red:after,
.radiodash-engine .jelli-arrow-red:after,
.radiodash-engine #jdoc-arrow.arrow-red:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .jelli-arrow-orange,
.radiodash-engine .jelli-arrow-orange,
.radiodash-engine #jdoc-arrow.arrow-orange {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(35, 95%, 50%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-orange.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-orange.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-orange.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-orange:before,
.radiodash-engine .jelli-arrow-orange:before,
.radiodash-engine #jdoc-arrow.arrow-orange:before,
.radiodash-engine .jelli-arrow-orange:after,
.radiodash-engine .jelli-arrow-orange:after,
.radiodash-engine #jdoc-arrow.arrow-orange:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-orange:before,
.radiodash-engine .jelli-arrow-orange:before,
.radiodash-engine #jdoc-arrow.arrow-orange:before {
  border-color: hsl(35, 95%, 50%) transparent;
}
.radiodash-engine .jelli-arrow-orange:after,
.radiodash-engine .jelli-arrow-orange:after,
.radiodash-engine #jdoc-arrow.arrow-orange:after {
  border-color: transparent hsl(35, 95%, 50%);
  top: 0px;
}
.radiodash-engine .jelli-arrow-orange.hover-darken:hover,
.radiodash-engine .jelli-arrow-orange.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-orange.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(35, 95%, 40%);
}
.radiodash-engine .jelli-arrow-orange.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-orange.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-orange.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(35, 95%, 40%) transparent;
}
.radiodash-engine .jelli-arrow-orange.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-orange.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-orange.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(35, 95%, 40%);
}
.radiodash-engine .jelli-arrow-orange:before,
.radiodash-engine .jelli-arrow-orange:before,
.radiodash-engine #jdoc-arrow.arrow-orange:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-orange:after,
.radiodash-engine .jelli-arrow-orange:after,
.radiodash-engine #jdoc-arrow.arrow-orange:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .jelli-arrow-gray,
.radiodash-engine .jelli-arrow-gray,
.radiodash-engine #jdoc-arrow.arrow-gray {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 54%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-gray.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-gray.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-gray.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-gray:before,
.radiodash-engine .jelli-arrow-gray:before,
.radiodash-engine #jdoc-arrow.arrow-gray:before,
.radiodash-engine .jelli-arrow-gray:after,
.radiodash-engine .jelli-arrow-gray:after,
.radiodash-engine #jdoc-arrow.arrow-gray:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-gray:before,
.radiodash-engine .jelli-arrow-gray:before,
.radiodash-engine #jdoc-arrow.arrow-gray:before {
  border-color: hsl(0, 0%, 54%) transparent;
}
.radiodash-engine .jelli-arrow-gray:after,
.radiodash-engine .jelli-arrow-gray:after,
.radiodash-engine #jdoc-arrow.arrow-gray:after {
  border-color: transparent hsl(0, 0%, 54%);
  top: 0px;
}
.radiodash-engine .jelli-arrow-gray.hover-darken:hover,
.radiodash-engine .jelli-arrow-gray.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-gray.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-arrow-gray.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-gray.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-gray.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 44%) transparent;
}
.radiodash-engine .jelli-arrow-gray.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-gray.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-gray.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 44%);
}
.radiodash-engine .jelli-arrow-gray:before,
.radiodash-engine .jelli-arrow-gray:before,
.radiodash-engine #jdoc-arrow.arrow-gray:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-gray:after,
.radiodash-engine .jelli-arrow-gray:after,
.radiodash-engine #jdoc-arrow.arrow-gray:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .jelli-arrow-gray-light,
.radiodash-engine .jelli-arrow-gray-light,
.radiodash-engine #jdoc-arrow.arrow-gray-light {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 80%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-gray-light.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-gray-light.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-gray-light.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-gray-light:before,
.radiodash-engine .jelli-arrow-gray-light:before,
.radiodash-engine #jdoc-arrow.arrow-gray-light:before,
.radiodash-engine .jelli-arrow-gray-light:after,
.radiodash-engine .jelli-arrow-gray-light:after,
.radiodash-engine #jdoc-arrow.arrow-gray-light:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-gray-light:before,
.radiodash-engine .jelli-arrow-gray-light:before,
.radiodash-engine #jdoc-arrow.arrow-gray-light:before {
  border-color: hsl(0, 0%, 80%) transparent;
}
.radiodash-engine .jelli-arrow-gray-light:after,
.radiodash-engine .jelli-arrow-gray-light:after,
.radiodash-engine #jdoc-arrow.arrow-gray-light:after {
  border-color: transparent hsl(0, 0%, 80%);
  top: 0px;
}
.radiodash-engine .jelli-arrow-gray-light.hover-darken:hover,
.radiodash-engine .jelli-arrow-gray-light.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-gray-light.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 70%);
}
.radiodash-engine .jelli-arrow-gray-light.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-gray-light.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-gray-light.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 70%) transparent;
}
.radiodash-engine .jelli-arrow-gray-light.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-gray-light.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-gray-light.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 70%);
}
.radiodash-engine .jelli-arrow-gray-light:before,
.radiodash-engine .jelli-arrow-gray-light:before,
.radiodash-engine #jdoc-arrow.arrow-gray-light:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-gray-light:after,
.radiodash-engine .jelli-arrow-gray-light:after,
.radiodash-engine #jdoc-arrow.arrow-gray-light:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .jelli-arrow-gray-lighter,
.radiodash-engine .jelli-arrow-gray-lighter,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(0, 0%, 95%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-gray-lighter.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-gray-lighter.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-gray-lighter:before,
.radiodash-engine .jelli-arrow-gray-lighter:before,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter:before,
.radiodash-engine .jelli-arrow-gray-lighter:after,
.radiodash-engine .jelli-arrow-gray-lighter:after,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-gray-lighter:before,
.radiodash-engine .jelli-arrow-gray-lighter:before,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter:before {
  border-color: hsl(0, 0%, 95%) transparent;
}
.radiodash-engine .jelli-arrow-gray-lighter:after,
.radiodash-engine .jelli-arrow-gray-lighter:after,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter:after {
  border-color: transparent hsl(0, 0%, 95%);
  top: 0px;
}
.radiodash-engine .jelli-arrow-gray-lighter.hover-darken:hover,
.radiodash-engine .jelli-arrow-gray-lighter.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(0, 0%, 85%);
}
.radiodash-engine .jelli-arrow-gray-lighter.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-gray-lighter.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(0, 0%, 85%) transparent;
}
.radiodash-engine .jelli-arrow-gray-lighter.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-gray-lighter.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(0, 0%, 85%);
}
.radiodash-engine .jelli-arrow-gray-lighter:before,
.radiodash-engine .jelli-arrow-gray-lighter:before,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-gray-lighter:after,
.radiodash-engine .jelli-arrow-gray-lighter:after,
.radiodash-engine #jdoc-arrow.arrow-gray-lighter:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .jelli-arrow-white,
.radiodash-engine .jelli-arrow-white,
.radiodash-engine #jdoc-arrow.arrow-white {
  display: inline-block;
  position: relative;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: white;
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow-white.jelli-arrow-spacer,
.radiodash-engine .jelli-arrow-white.jelli-arrow-spacer,
.radiodash-engine #jdoc-arrow.arrow-white.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow-white:before,
.radiodash-engine .jelli-arrow-white:before,
.radiodash-engine #jdoc-arrow.arrow-white:before,
.radiodash-engine .jelli-arrow-white:after,
.radiodash-engine .jelli-arrow-white:after,
.radiodash-engine #jdoc-arrow.arrow-white:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow-white:before,
.radiodash-engine .jelli-arrow-white:before,
.radiodash-engine #jdoc-arrow.arrow-white:before {
  border-color: white transparent;
}
.radiodash-engine .jelli-arrow-white:after,
.radiodash-engine .jelli-arrow-white:after,
.radiodash-engine #jdoc-arrow.arrow-white:after {
  border-color: transparent white;
  top: 0px;
}
.radiodash-engine .jelli-arrow-white.hover-darken:hover,
.radiodash-engine .jelli-arrow-white.hover-darken:hover,
.radiodash-engine #jdoc-arrow.arrow-white.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: #e6e6e6;
}
.radiodash-engine .jelli-arrow-white.hover-darken:hover:before,
.radiodash-engine .jelli-arrow-white.hover-darken:hover:before,
.radiodash-engine #jdoc-arrow.arrow-white.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: #e6e6e6 transparent;
}
.radiodash-engine .jelli-arrow-white.hover-darken:hover:after,
.radiodash-engine .jelli-arrow-white.hover-darken:hover:after,
.radiodash-engine #jdoc-arrow.arrow-white.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent #e6e6e6;
}
.radiodash-engine .jelli-arrow-white:before,
.radiodash-engine .jelli-arrow-white:before,
.radiodash-engine #jdoc-arrow.arrow-white:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow-white:after,
.radiodash-engine .jelli-arrow-white:after,
.radiodash-engine #jdoc-arrow.arrow-white:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-xs,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-xs {
  line-height: 24px;
  min-height: 24px;
  max-height: 24px;
  padding-left: 6px;
  padding-right: 6px;
  margin-left: 6px;
  font-size: 10px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-xs:before,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:before {
  border-width: 12px 0 12px 6px;
  left: -6px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-xs:after,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-xs:after {
  border-width: 12px 0 12px 6px;
  right: -6px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-sm,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-sm {
  line-height: 30px;
  min-height: 30px;
  max-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
  font-size: 12px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-sm:before,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:before {
  border-width: 15px 0 15px 8px;
  left: -8px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-sm:after,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-sm:after {
  border-width: 15px 0 15px 8px;
  right: -8px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-rg,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-rg {
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-rg:before,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-rg:after,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-rg:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-lg,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-lg {
  line-height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 11px;
  font-size: 16px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-lg:before,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:before {
  border-width: 20px 0 20px 11px;
  left: -11px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-lg:after,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-lg:after {
  border-width: 20px 0 20px 11px;
  right: -11px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-xl,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-xl {
  line-height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 12px;
  font-size: 18px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-xl:before,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:before {
  border-width: 22px 0 22px 12px;
  left: -12px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-xl:after,
.radiodash-engine #jdoc-arrow-size[class^="arrow"].jelli-arrow-xl:after {
  border-width: 22px 0 22px 12px;
  right: -12px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-no-left,
.radiodash-engine #jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left {
  border-radius: 4px 0px 0px 4px;
  margin-left: 0px !important;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-no-left:before,
.radiodash-engine #jdoc-arrow-var[class^="arrow"].jelli-arrow-no-left:before {
  display: none;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-no-right,
.radiodash-engine #jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right {
  border-radius: 0px 4px 4px 0px;
}
.radiodash-engine [class^="jelli-arrow"].jelli-arrow-no-right:after,
.radiodash-engine #jdoc-arrow-var[class^="arrow"].jelli-arrow-no-right:after {
  display: none;
}
.radiodash-engine .jelli-arrow {
  display: inline-block;
  position: relative;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.25);
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 1s ease-out 0s;
  -moz-transition: background-color 1s ease-out 0s;
  -webkit-transition: background-color 1s ease-out 0s;
  transition: background-color 1s ease-out 0s;
  background-color: hsl(86, 99%, 34%);
  min-width: 1px;
  line-height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding-left: 9px;
  padding-right: 9px;
  margin-left: 9px;
  font-size: 14px;
}
.radiodash-engine .jelli-arrow.jelli-arrow-spacer {
  width: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .jelli-arrow:before,
.radiodash-engine .jelli-arrow:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 1s ease-out 0s;
  -moz-transition: border-color 1s ease-out 0s;
  -webkit-transition: border-color 1s ease-out 0s;
  transition: border-color 1s ease-out 0s;
}
.radiodash-engine .jelli-arrow:before {
  border-color: hsl(86, 99%, 34%) transparent;
}
.radiodash-engine .jelli-arrow:after {
  border-color: transparent hsl(86, 99%, 34%);
  top: 0px;
}
.radiodash-engine .jelli-arrow.hover-darken:hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: background-color 0.5s ease-out 0s;
  -moz-transition: background-color 0.5s ease-out 0s;
  -webkit-transition: background-color 0.5s ease-out 0s;
  transition: background-color 0.5s ease-out 0s;
  background-color: hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-arrow.hover-darken:hover:before {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: hsl(86, 99%, 24%) transparent;
}
.radiodash-engine .jelli-arrow.hover-darken:hover:after {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: border-color 0.5s ease-out 0s;
  -moz-transition: border-color 0.5s ease-out 0s;
  -webkit-transition: border-color 0.5s ease-out 0s;
  transition: border-color 0.5s ease-out 0s;
  border-color: transparent hsl(86, 99%, 24%);
}
.radiodash-engine .jelli-arrow:before {
  border-width: 17px 0 17px 9px;
  left: -9px;
}
.radiodash-engine .jelli-arrow:after {
  border-width: 17px 0 17px 9px;
  right: -9px;
}
.radiodash-engine .corner-green,
.radiodash-engine .jelli-corner-green,
.radiodash-engine #jdoc-corner.corner-green {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.radiodash-engine .corner-green span,
.radiodash-engine .jelli-corner-green span,
.radiodash-engine #jdoc-corner.corner-green span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.radiodash-engine .corner-green span:before,
.radiodash-engine .jelli-corner-green span:before,
.radiodash-engine #jdoc-corner.corner-green span:before,
.radiodash-engine .corner-green span:after,
.radiodash-engine .jelli-corner-green span:after,
.radiodash-engine #jdoc-corner.corner-green span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.radiodash-engine .corner-green span:before,
.radiodash-engine .jelli-corner-green span:before,
.radiodash-engine #jdoc-corner.corner-green span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.radiodash-engine .corner-green span:after,
.radiodash-engine .jelli-corner-green span:after,
.radiodash-engine #jdoc-corner.corner-green span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.radiodash-engine .corner-green span,
.radiodash-engine .jelli-corner-green span,
.radiodash-engine #jdoc-corner.corner-green span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.radiodash-engine .corner-green span:before,
.radiodash-engine .jelli-corner-green span:before,
.radiodash-engine #jdoc-corner.corner-green span:before {
  left: 1px;
}
.radiodash-engine .corner-green span:after,
.radiodash-engine .jelli-corner-green span:after,
.radiodash-engine #jdoc-corner.corner-green span:after {
  right: 0px;
}
.radiodash-engine .corner-red,
.radiodash-engine .jelli-corner-red,
.radiodash-engine #jdoc-corner.corner-red {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.radiodash-engine .corner-red span,
.radiodash-engine .jelli-corner-red span,
.radiodash-engine #jdoc-corner.corner-red span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(0, 62%, 42%);
  background: linear-gradient(hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.radiodash-engine .corner-red span:before,
.radiodash-engine .jelli-corner-red span:before,
.radiodash-engine #jdoc-corner.corner-red span:before,
.radiodash-engine .corner-red span:after,
.radiodash-engine .jelli-corner-red span:after,
.radiodash-engine #jdoc-corner.corner-red span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.radiodash-engine .corner-red span:before,
.radiodash-engine .jelli-corner-red span:before,
.radiodash-engine #jdoc-corner.corner-red span:before {
  border-left: 3px solid hsl(0, 62%, 30%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.radiodash-engine .corner-red span:after,
.radiodash-engine .jelli-corner-red span:after,
.radiodash-engine #jdoc-corner.corner-red span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(0, 62%, 30%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(0, 62%, 30%);
}
.radiodash-engine .corner-red span,
.radiodash-engine .jelli-corner-red span,
.radiodash-engine #jdoc-corner.corner-red span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.radiodash-engine .corner-red span:before,
.radiodash-engine .jelli-corner-red span:before,
.radiodash-engine #jdoc-corner.corner-red span:before {
  left: 1px;
}
.radiodash-engine .corner-red span:after,
.radiodash-engine .jelli-corner-red span:after,
.radiodash-engine #jdoc-corner.corner-red span:after {
  right: 0px;
}
.radiodash-engine .corner-orange,
.radiodash-engine .jelli-corner-orange,
.radiodash-engine #jdoc-corner.corner-orange {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.radiodash-engine .corner-orange span,
.radiodash-engine .jelli-corner-orange span,
.radiodash-engine #jdoc-corner.corner-orange span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(35, 95%, 50%);
  background: linear-gradient(hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.radiodash-engine .corner-orange span:before,
.radiodash-engine .jelli-corner-orange span:before,
.radiodash-engine #jdoc-corner.corner-orange span:before,
.radiodash-engine .corner-orange span:after,
.radiodash-engine .jelli-corner-orange span:after,
.radiodash-engine #jdoc-corner.corner-orange span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.radiodash-engine .corner-orange span:before,
.radiodash-engine .jelli-corner-orange span:before,
.radiodash-engine #jdoc-corner.corner-orange span:before {
  border-left: 3px solid hsl(35, 95%, 38%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.radiodash-engine .corner-orange span:after,
.radiodash-engine .jelli-corner-orange span:after,
.radiodash-engine #jdoc-corner.corner-orange span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(35, 95%, 38%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(35, 95%, 38%);
}
.radiodash-engine .corner-orange span,
.radiodash-engine .jelli-corner-orange span,
.radiodash-engine #jdoc-corner.corner-orange span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.radiodash-engine .corner-orange span:before,
.radiodash-engine .jelli-corner-orange span:before,
.radiodash-engine #jdoc-corner.corner-orange span:before {
  left: 1px;
}
.radiodash-engine .corner-orange span:after,
.radiodash-engine .jelli-corner-orange span:after,
.radiodash-engine #jdoc-corner.corner-orange span:after {
  right: 0px;
}
.radiodash-engine .corner-white,
.radiodash-engine .jelli-corner-white,
.radiodash-engine #jdoc-corner.corner-white {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.radiodash-engine .corner-white span,
.radiodash-engine .jelli-corner-white span,
.radiodash-engine #jdoc-corner.corner-white span {
  font-weight: bold;
  color: #000;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: white;
  background: linear-gradient(white 0%, #f2f2f2 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.radiodash-engine .corner-white span:before,
.radiodash-engine .jelli-corner-white span:before,
.radiodash-engine #jdoc-corner.corner-white span:before,
.radiodash-engine .corner-white span:after,
.radiodash-engine .jelli-corner-white span:after,
.radiodash-engine #jdoc-corner.corner-white span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.radiodash-engine .corner-white span:before,
.radiodash-engine .jelli-corner-white span:before,
.radiodash-engine #jdoc-corner.corner-white span:before {
  border-left: 3px solid #e0e0e0;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.radiodash-engine .corner-white span:after,
.radiodash-engine .jelli-corner-white span:after,
.radiodash-engine #jdoc-corner.corner-white span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid #e0e0e0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #e0e0e0;
}
.radiodash-engine .corner-white span,
.radiodash-engine .jelli-corner-white span,
.radiodash-engine #jdoc-corner.corner-white span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.radiodash-engine .corner-white span:before,
.radiodash-engine .jelli-corner-white span:before,
.radiodash-engine #jdoc-corner.corner-white span:before {
  left: 1px;
}
.radiodash-engine .corner-white span:after,
.radiodash-engine .jelli-corner-white span:after,
.radiodash-engine #jdoc-corner.corner-white span:after {
  right: 0px;
}
.radiodash-engine [class^="corner"].corner-xs,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xs {
  width: 80px;
  height: 80px;
  right: -5px;
  top: -5px;
}
.radiodash-engine [class^="corner"].corner-xs span,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xs span {
  top: 20.33333333px;
  right: -22.33333333px;
  font-size: 10px;
  line-height: 20px;
  width: 106.66666667px;
}
.radiodash-engine [class^="corner"].corner-xs span:before,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xs span:before {
  left: 0.33333333px;
}
.radiodash-engine [class^="corner"].corner-xs span:after,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xs span:after {
  right: 0px;
}
.radiodash-engine [class^="corner"].corner-sm,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-sm {
  width: 100px;
  height: 100px;
  right: -5px;
  top: -5px;
}
.radiodash-engine [class^="corner"].corner-sm span,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-sm span {
  top: 25.66666667px;
  right: -27.66666667px;
  font-size: 12.5px;
  line-height: 25px;
  width: 133.33333333px;
}
.radiodash-engine [class^="corner"].corner-sm span:before,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-sm span:before {
  left: 0.66666667px;
}
.radiodash-engine [class^="corner"].corner-sm span:after,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-sm span:after {
  right: 0px;
}
.radiodash-engine [class^="corner"].corner-rg,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-rg {
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.radiodash-engine [class^="corner"].corner-rg span,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-rg span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.radiodash-engine [class^="corner"].corner-rg span:before,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-rg span:before {
  left: 1px;
}
.radiodash-engine [class^="corner"].corner-rg span:after,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-rg span:after {
  right: 0px;
}
.radiodash-engine [class^="corner"].corner-lg,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-lg {
  width: 140px;
  height: 140px;
  right: -5px;
  top: -5px;
}
.radiodash-engine [class^="corner"].corner-lg span,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-lg span {
  top: 36.33333333px;
  right: -38.33333333px;
  font-size: 17.5px;
  line-height: 35px;
  width: 186.66666667px;
}
.radiodash-engine [class^="corner"].corner-lg span:before,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-lg span:before {
  left: 1.33333333px;
}
.radiodash-engine [class^="corner"].corner-lg span:after,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-lg span:after {
  right: 0px;
}
.radiodash-engine [class^="corner"].corner-xl,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xl {
  width: 160px;
  height: 160px;
  right: -5px;
  top: -5px;
}
.radiodash-engine [class^="corner"].corner-xl span,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xl span {
  top: 41.66666667px;
  right: -43.66666667px;
  font-size: 20px;
  line-height: 40px;
  width: 213.33333333px;
}
.radiodash-engine [class^="corner"].corner-xl span:before,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xl span:before {
  left: 1.66666667px;
}
.radiodash-engine [class^="corner"].corner-xl span:after,
.radiodash-engine #jdoc-corner-size[class^="corner"].corner-xl span:after {
  right: 0px;
}
.radiodash-engine .corner {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  text-align: right;
  width: 120px;
  height: 120px;
  right: -5px;
  top: -5px;
}
.radiodash-engine .corner span {
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.5);
  text-align: center;
  transform: rotate(45deg);
  display: block;
  background: hsl(86, 99%, 34%);
  background: linear-gradient(hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  z-index: 10;
}
.radiodash-engine .corner span:before,
.radiodash-engine .corner span:after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
}
.radiodash-engine .corner span:before {
  border-left: 3px solid hsl(86, 99%, 22%);
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.radiodash-engine .corner span:after {
  border-left: 3px solid transparent;
  border-right: 3px solid hsl(86, 99%, 22%);
  border-bottom: 3px solid transparent;
  border-top: 3px solid hsl(86, 99%, 22%);
}
.radiodash-engine .corner span {
  top: 31px;
  right: -33px;
  font-size: 15px;
  line-height: 30px;
  width: 160px;
}
.radiodash-engine .corner span:before {
  left: 1px;
}
.radiodash-engine .corner span:after {
  right: 0px;
}
.radiodash-engine .emblem-green,
.radiodash-engine .jelli-emblem-green,
.radiodash-engine #jdoc-emblem.emblem-green {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-green:before,
.radiodash-engine .jelli-emblem-green:before,
.radiodash-engine #jdoc-emblem.emblem-green:before,
.radiodash-engine .emblem-green:after,
.radiodash-engine .jelli-emblem-green:after,
.radiodash-engine #jdoc-emblem.emblem-green:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.radiodash-engine .emblem-green:before,
.radiodash-engine .jelli-emblem-green:before,
.radiodash-engine #jdoc-emblem.emblem-green:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.radiodash-engine .emblem-green:after,
.radiodash-engine .jelli-emblem-green:after,
.radiodash-engine #jdoc-emblem.emblem-green:after {
  transform: rotate(-30deg);
}
.radiodash-engine .emblem-green:before,
.radiodash-engine .jelli-emblem-green:before,
.radiodash-engine #jdoc-emblem.emblem-green:before,
.radiodash-engine .emblem-green:after,
.radiodash-engine .jelli-emblem-green:after,
.radiodash-engine #jdoc-emblem.emblem-green:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-green:after,
.radiodash-engine .jelli-emblem-green:after,
.radiodash-engine #jdoc-emblem.emblem-green:after {
  margin-top: -120px;
}
.radiodash-engine .emblem-red,
.radiodash-engine .jelli-emblem-red,
.radiodash-engine #jdoc-emblem.emblem-red {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-red:before,
.radiodash-engine .jelli-emblem-red:before,
.radiodash-engine #jdoc-emblem.emblem-red:before,
.radiodash-engine .emblem-red:after,
.radiodash-engine .jelli-emblem-red:after,
.radiodash-engine #jdoc-emblem.emblem-red:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(0, 62%, 42%) 0%, hsl(0, 62%, 37%) 100%);
}
.radiodash-engine .emblem-red:before,
.radiodash-engine .jelli-emblem-red:before,
.radiodash-engine #jdoc-emblem.emblem-red:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.radiodash-engine .emblem-red:after,
.radiodash-engine .jelli-emblem-red:after,
.radiodash-engine #jdoc-emblem.emblem-red:after {
  transform: rotate(-30deg);
}
.radiodash-engine .emblem-red:before,
.radiodash-engine .jelli-emblem-red:before,
.radiodash-engine #jdoc-emblem.emblem-red:before,
.radiodash-engine .emblem-red:after,
.radiodash-engine .jelli-emblem-red:after,
.radiodash-engine #jdoc-emblem.emblem-red:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-red:after,
.radiodash-engine .jelli-emblem-red:after,
.radiodash-engine #jdoc-emblem.emblem-red:after {
  margin-top: -120px;
}
.radiodash-engine .emblem-orange,
.radiodash-engine .jelli-emblem-orange,
.radiodash-engine #jdoc-emblem.emblem-orange {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-orange:before,
.radiodash-engine .jelli-emblem-orange:before,
.radiodash-engine #jdoc-emblem.emblem-orange:before,
.radiodash-engine .emblem-orange:after,
.radiodash-engine .jelli-emblem-orange:after,
.radiodash-engine #jdoc-emblem.emblem-orange:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(35, 95%, 50%) 0%, hsl(35, 95%, 45%) 100%);
}
.radiodash-engine .emblem-orange:before,
.radiodash-engine .jelli-emblem-orange:before,
.radiodash-engine #jdoc-emblem.emblem-orange:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.radiodash-engine .emblem-orange:after,
.radiodash-engine .jelli-emblem-orange:after,
.radiodash-engine #jdoc-emblem.emblem-orange:after {
  transform: rotate(-30deg);
}
.radiodash-engine .emblem-orange:before,
.radiodash-engine .jelli-emblem-orange:before,
.radiodash-engine #jdoc-emblem.emblem-orange:before,
.radiodash-engine .emblem-orange:after,
.radiodash-engine .jelli-emblem-orange:after,
.radiodash-engine #jdoc-emblem.emblem-orange:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-orange:after,
.radiodash-engine .jelli-emblem-orange:after,
.radiodash-engine #jdoc-emblem.emblem-orange:after {
  margin-top: -120px;
}
.radiodash-engine .emblem-white,
.radiodash-engine .jelli-emblem-white,
.radiodash-engine #jdoc-emblem.emblem-white {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
  margin: 40px;
  color: #000;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-white:before,
.radiodash-engine .jelli-emblem-white:before,
.radiodash-engine #jdoc-emblem.emblem-white:before,
.radiodash-engine .emblem-white:after,
.radiodash-engine .jelli-emblem-white:after,
.radiodash-engine #jdoc-emblem.emblem-white:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, white 0%, #f2f2f2 100%);
}
.radiodash-engine .emblem-white:before,
.radiodash-engine .jelli-emblem-white:before,
.radiodash-engine #jdoc-emblem.emblem-white:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.radiodash-engine .emblem-white:after,
.radiodash-engine .jelli-emblem-white:after,
.radiodash-engine #jdoc-emblem.emblem-white:after {
  transform: rotate(-30deg);
}
.radiodash-engine .emblem-white:before,
.radiodash-engine .jelli-emblem-white:before,
.radiodash-engine #jdoc-emblem.emblem-white:before,
.radiodash-engine .emblem-white:after,
.radiodash-engine .jelli-emblem-white:after,
.radiodash-engine #jdoc-emblem.emblem-white:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem-white:after,
.radiodash-engine .jelli-emblem-white:after,
.radiodash-engine #jdoc-emblem.emblem-white:after {
  margin-top: -120px;
}
.radiodash-engine [class^="emblem"].emblem-xs,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xs {
  width: 80px;
  height: 80px;
  font-size: 10px;
  line-height: 80px;
  border-radius: 13.33333333px;
}
.radiodash-engine [class^="emblem"].emblem-xs:before,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xs:before,
.radiodash-engine [class^="emblem"].emblem-xs:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  width: 80px;
  height: 80px;
  border-radius: 13.33333333px;
}
.radiodash-engine [class^="emblem"].emblem-xs:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xs:after {
  margin-top: -80px;
}
.radiodash-engine [class^="emblem"].emblem-sm,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-sm {
  width: 100px;
  height: 100px;
  font-size: 12.5px;
  line-height: 100px;
  border-radius: 16.66666667px;
}
.radiodash-engine [class^="emblem"].emblem-sm:before,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-sm:before,
.radiodash-engine [class^="emblem"].emblem-sm:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  width: 100px;
  height: 100px;
  border-radius: 16.66666667px;
}
.radiodash-engine [class^="emblem"].emblem-sm:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-sm:after {
  margin-top: -100px;
}
.radiodash-engine [class^="emblem"].emblem-rg,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-rg {
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.radiodash-engine [class^="emblem"].emblem-rg:before,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-rg:before,
.radiodash-engine [class^="emblem"].emblem-rg:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.radiodash-engine [class^="emblem"].emblem-rg:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-rg:after {
  margin-top: -120px;
}
.radiodash-engine [class^="emblem"].emblem-lg,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-lg {
  width: 140px;
  height: 140px;
  font-size: 17.5px;
  line-height: 140px;
  border-radius: 23.33333333px;
}
.radiodash-engine [class^="emblem"].emblem-lg:before,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-lg:before,
.radiodash-engine [class^="emblem"].emblem-lg:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  width: 140px;
  height: 140px;
  border-radius: 23.33333333px;
}
.radiodash-engine [class^="emblem"].emblem-lg:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-lg:after {
  margin-top: -140px;
}
.radiodash-engine [class^="emblem"].emblem-xl,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xl {
  width: 160px;
  height: 160px;
  font-size: 20px;
  line-height: 160px;
  border-radius: 26.66666667px;
}
.radiodash-engine [class^="emblem"].emblem-xl:before,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xl:before,
.radiodash-engine [class^="emblem"].emblem-xl:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  width: 160px;
  height: 160px;
  border-radius: 26.66666667px;
}
.radiodash-engine [class^="emblem"].emblem-xl:after,
.radiodash-engine #jdoc-emblem-size[class^="emblem"].emblem-xl:after {
  margin-top: -160px;
}
.radiodash-engine [class^="emblem"].emblem-round-less,
.radiodash-engine #jdoc-emblem-var[class^="emblem"].emblem-round-less {
  border-radius: 6px;
}
.radiodash-engine [class^="emblem"].emblem-round-less:before,
.radiodash-engine #jdoc-emblem-var[class^="emblem"].emblem-round-less:before,
.radiodash-engine [class^="emblem"].emblem-round-less:after,
.radiodash-engine #jdoc-emblem-var[class^="emblem"].emblem-round-less:after {
  border-radius: 6px;
}
.radiodash-engine [class^="emblem"].emblem-round-none,
.radiodash-engine #jdoc-emblem-var[class^="emblem"].emblem-round-none {
  border-radius: 0px;
}
.radiodash-engine [class^="emblem"].emblem-round-none:before,
.radiodash-engine #jdoc-emblem-var[class^="emblem"].emblem-round-none:before,
.radiodash-engine [class^="emblem"].emblem-round-none:after,
.radiodash-engine #jdoc-emblem-var[class^="emblem"].emblem-round-none:after {
  border-radius: 0px;
}
.radiodash-engine .emblem {
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
  margin: 40px;
  color: #fff;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
  width: 120px;
  height: 120px;
  font-size: 15px;
  line-height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem:before,
.radiodash-engine .emblem:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(ellipse closest-side at center, hsl(86, 99%, 34%) 0%, hsl(86, 99%, 29%) 100%);
}
.radiodash-engine .emblem:before {
  transform: rotate(30deg);
  margin-top: 0;
}
.radiodash-engine .emblem:after {
  transform: rotate(-30deg);
}
.radiodash-engine .emblem:before,
.radiodash-engine .emblem:after {
  width: 120px;
  height: 120px;
  border-radius: 20px;
}
.radiodash-engine .emblem:after {
  margin-top: -120px;
}
.radiodash-engine .margin,
.radiodash-engine #jdoc-margin.margin {
  margin: 20px;
}
.radiodash-engine .margin-xs,
.radiodash-engine #jdoc-margin.margin-xs {
  margin: 5px;
}
.radiodash-engine .margin-xs-vertical,
.radiodash-engine #jdoc-margin-size.margin-xs-vertical {
  margin-top: 3px;
  margin-bottom: 3px;
}
.radiodash-engine .margin-xs-horizontal,
.radiodash-engine #jdoc-margin-size.margin-xs-horizontal {
  margin-left: 5px;
  margin-right: 5px;
}
.radiodash-engine .margin-xs-top,
.radiodash-engine #jdoc-margin-size.margin-xs-top {
  margin-top: 3px;
}
.radiodash-engine .margin-xs-right,
.radiodash-engine #jdoc-margin-size.margin-xs-right {
  margin-right: 5px;
}
.radiodash-engine .margin-xs-bottom,
.radiodash-engine #jdoc-margin-size.margin-xs-bottom {
  margin-bottom: 3px;
}
.radiodash-engine .margin-xs-left,
.radiodash-engine #jdoc-margin-size.margin-xs-left {
  margin-left: 5px;
}
.radiodash-engine .margin-sm,
.radiodash-engine #jdoc-margin.margin-sm {
  margin: 10px;
}
.radiodash-engine .margin-sm-vertical,
.radiodash-engine #jdoc-margin-size.margin-sm-vertical {
  margin-top: 8px;
  margin-bottom: 8px;
}
.radiodash-engine .margin-sm-horizontal,
.radiodash-engine #jdoc-margin-size.margin-sm-horizontal {
  margin-left: 10px;
  margin-right: 10px;
}
.radiodash-engine .margin-sm-top,
.radiodash-engine #jdoc-margin-size.margin-sm-top {
  margin-top: 8px;
}
.radiodash-engine .margin-sm-right,
.radiodash-engine #jdoc-margin-size.margin-sm-right {
  margin-right: 10px;
}
.radiodash-engine .margin-sm-bottom,
.radiodash-engine #jdoc-margin-size.margin-sm-bottom {
  margin-bottom: 8px;
}
.radiodash-engine .margin-sm-left,
.radiodash-engine #jdoc-margin-size.margin-sm-left {
  margin-left: 10px;
}
.radiodash-engine .margin-rg,
.radiodash-engine #jdoc-margin.margin-rg {
  margin: 20px;
}
.radiodash-engine .margin-rg-vertical,
.radiodash-engine #jdoc-margin-size.margin-rg-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.radiodash-engine .margin-rg-horizontal,
.radiodash-engine #jdoc-margin-size.margin-rg-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.radiodash-engine .margin-rg-top,
.radiodash-engine #jdoc-margin-size.margin-rg-top {
  margin-top: 18px;
}
.radiodash-engine .margin-rg-right,
.radiodash-engine #jdoc-margin-size.margin-rg-right {
  margin-right: 20px;
}
.radiodash-engine .margin-rg-bottom,
.radiodash-engine #jdoc-margin-size.margin-rg-bottom {
  margin-bottom: 18px;
}
.radiodash-engine .margin-rg-left,
.radiodash-engine #jdoc-margin-size.margin-rg-left {
  margin-left: 20px;
}
.radiodash-engine .margin-lg,
.radiodash-engine #jdoc-margin.margin-lg {
  margin: 30px;
}
.radiodash-engine .margin-lg-vertical,
.radiodash-engine #jdoc-margin-size.margin-lg-vertical {
  margin-top: 28px;
  margin-bottom: 28px;
}
.radiodash-engine .margin-lg-horizontal,
.radiodash-engine #jdoc-margin-size.margin-lg-horizontal {
  margin-left: 30px;
  margin-right: 30px;
}
.radiodash-engine .margin-lg-top,
.radiodash-engine #jdoc-margin-size.margin-lg-top {
  margin-top: 28px;
}
.radiodash-engine .margin-lg-right,
.radiodash-engine #jdoc-margin-size.margin-lg-right {
  margin-right: 30px;
}
.radiodash-engine .margin-lg-bottom,
.radiodash-engine #jdoc-margin-size.margin-lg-bottom {
  margin-bottom: 28px;
}
.radiodash-engine .margin-lg-left,
.radiodash-engine #jdoc-margin-size.margin-lg-left {
  margin-left: 30px;
}
.radiodash-engine .margin-xl,
.radiodash-engine #jdoc-margin.margin-xl {
  margin: 40px;
}
.radiodash-engine .margin-xl-vertical,
.radiodash-engine #jdoc-margin-size.margin-xl-vertical {
  margin-top: 38px;
  margin-bottom: 38px;
}
.radiodash-engine .margin-xl-horizontal,
.radiodash-engine #jdoc-margin-size.margin-xl-horizontal {
  margin-left: 40px;
  margin-right: 40px;
}
.radiodash-engine .margin-xl-top,
.radiodash-engine #jdoc-margin-size.margin-xl-top {
  margin-top: 38px;
}
.radiodash-engine .margin-xl-right,
.radiodash-engine #jdoc-margin-size.margin-xl-right {
  margin-right: 40px;
}
.radiodash-engine .margin-xl-bottom,
.radiodash-engine #jdoc-margin-size.margin-xl-bottom {
  margin-bottom: 38px;
}
.radiodash-engine .margin-xl-left,
.radiodash-engine #jdoc-margin-size.margin-xl-left {
  margin-left: 40px;
}
.radiodash-engine .margin-none,
.radiodash-engine #jdoc-margin.margin-none {
  margin: 0px;
}
.radiodash-engine .margin-none-vertical,
.radiodash-engine #jdoc-margin-size.margin-none-vertical {
  margin-top: -2px;
  margin-bottom: -2px;
}
.radiodash-engine .margin-none-horizontal,
.radiodash-engine #jdoc-margin-size.margin-none-horizontal {
  margin-left: 0px;
  margin-right: 0px;
}
.radiodash-engine .margin-none-top,
.radiodash-engine #jdoc-margin-size.margin-none-top {
  margin-top: -2px;
}
.radiodash-engine .margin-none-right,
.radiodash-engine #jdoc-margin-size.margin-none-right {
  margin-right: 0px;
}
.radiodash-engine .margin-none-bottom,
.radiodash-engine #jdoc-margin-size.margin-none-bottom {
  margin-bottom: -2px;
}
.radiodash-engine .margin-none-left,
.radiodash-engine #jdoc-margin-size.margin-none-left {
  margin-left: 0px;
}
.radiodash-engine .margin {
  margin: 20px;
}
.radiodash-engine .margin-vertical,
.radiodash-engine #jdoc-margin-orientation.margin-vertical {
  margin-top: 18px;
  margin-bottom: 18px;
}
.radiodash-engine .margin-horizontal,
.radiodash-engine #jdoc-margin-orientation.margin-horizontal {
  margin-left: 20px;
  margin-right: 20px;
}
.radiodash-engine .margin-top,
.radiodash-engine #jdoc-margin-orientation.margin-top {
  margin-top: 18px;
}
.radiodash-engine .margin-right,
.radiodash-engine #jdoc-margin-orientation.margin-right {
  margin-right: 20px;
}
.radiodash-engine .margin-bottom,
.radiodash-engine #jdoc-margin-orientation.margin-bottom {
  margin-bottom: 18px;
}
.radiodash-engine .margin-left,
.radiodash-engine #jdoc-margin-orientation.margin-left {
  margin-left: 20px;
}
.radiodash-engine .padding,
.radiodash-engine #jdoc-padding.padding {
  padding: 20px;
}
.radiodash-engine .padding-xs,
.radiodash-engine #jdoc-padding.padding-xs {
  padding: 5px;
}
.radiodash-engine .padding-xs-vertical,
.radiodash-engine #jdoc-padding-size.padding-xs-vertical {
  padding-top: 3px;
  padding-bottom: 3px;
}
.radiodash-engine .padding-xs-horizontal,
.radiodash-engine #jdoc-padding-size.padding-xs-horizontal {
  padding-left: 5px;
  padding-right: 5px;
}
.radiodash-engine .padding-xs-top,
.radiodash-engine #jdoc-padding-size.padding-xs-top {
  padding-top: 3px;
}
.radiodash-engine .padding-xs-right,
.radiodash-engine #jdoc-padding-size.padding-xs-right {
  padding-right: 5px;
}
.radiodash-engine .padding-xs-bottom,
.radiodash-engine #jdoc-padding-size.padding-xs-bottom {
  padding-bottom: 3px;
}
.radiodash-engine .padding-xs-left,
.radiodash-engine #jdoc-padding-size.padding-xs-left {
  padding-left: 5px;
}
.radiodash-engine .padding-sm,
.radiodash-engine #jdoc-padding.padding-sm {
  padding: 10px;
}
.radiodash-engine .padding-sm-vertical,
.radiodash-engine #jdoc-padding-size.padding-sm-vertical {
  padding-top: 8px;
  padding-bottom: 8px;
}
.radiodash-engine .padding-sm-horizontal,
.radiodash-engine #jdoc-padding-size.padding-sm-horizontal {
  padding-left: 10px;
  padding-right: 10px;
}
.radiodash-engine .padding-sm-top,
.radiodash-engine #jdoc-padding-size.padding-sm-top {
  padding-top: 8px;
}
.radiodash-engine .padding-sm-right,
.radiodash-engine #jdoc-padding-size.padding-sm-right {
  padding-right: 10px;
}
.radiodash-engine .padding-sm-bottom,
.radiodash-engine #jdoc-padding-size.padding-sm-bottom {
  padding-bottom: 8px;
}
.radiodash-engine .padding-sm-left,
.radiodash-engine #jdoc-padding-size.padding-sm-left {
  padding-left: 10px;
}
.radiodash-engine .padding-rg,
.radiodash-engine #jdoc-padding.padding-rg {
  padding: 20px;
}
.radiodash-engine .padding-rg-vertical,
.radiodash-engine #jdoc-padding-size.padding-rg-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.radiodash-engine .padding-rg-horizontal,
.radiodash-engine #jdoc-padding-size.padding-rg-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.radiodash-engine .padding-rg-top,
.radiodash-engine #jdoc-padding-size.padding-rg-top {
  padding-top: 18px;
}
.radiodash-engine .padding-rg-right,
.radiodash-engine #jdoc-padding-size.padding-rg-right {
  padding-right: 20px;
}
.radiodash-engine .padding-rg-bottom,
.radiodash-engine #jdoc-padding-size.padding-rg-bottom {
  padding-bottom: 18px;
}
.radiodash-engine .padding-rg-left,
.radiodash-engine #jdoc-padding-size.padding-rg-left {
  padding-left: 20px;
}
.radiodash-engine .padding-lg,
.radiodash-engine #jdoc-padding.padding-lg {
  padding: 30px;
}
.radiodash-engine .padding-lg-vertical,
.radiodash-engine #jdoc-padding-size.padding-lg-vertical {
  padding-top: 28px;
  padding-bottom: 28px;
}
.radiodash-engine .padding-lg-horizontal,
.radiodash-engine #jdoc-padding-size.padding-lg-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
.radiodash-engine .padding-lg-top,
.radiodash-engine #jdoc-padding-size.padding-lg-top {
  padding-top: 28px;
}
.radiodash-engine .padding-lg-right,
.radiodash-engine #jdoc-padding-size.padding-lg-right {
  padding-right: 30px;
}
.radiodash-engine .padding-lg-bottom,
.radiodash-engine #jdoc-padding-size.padding-lg-bottom {
  padding-bottom: 28px;
}
.radiodash-engine .padding-lg-left,
.radiodash-engine #jdoc-padding-size.padding-lg-left {
  padding-left: 30px;
}
.radiodash-engine .padding-xl,
.radiodash-engine #jdoc-padding.padding-xl {
  padding: 40px;
}
.radiodash-engine .padding-xl-vertical,
.radiodash-engine #jdoc-padding-size.padding-xl-vertical {
  padding-top: 38px;
  padding-bottom: 38px;
}
.radiodash-engine .padding-xl-horizontal,
.radiodash-engine #jdoc-padding-size.padding-xl-horizontal {
  padding-left: 40px;
  padding-right: 40px;
}
.radiodash-engine .padding-xl-top,
.radiodash-engine #jdoc-padding-size.padding-xl-top {
  padding-top: 38px;
}
.radiodash-engine .padding-xl-right,
.radiodash-engine #jdoc-padding-size.padding-xl-right {
  padding-right: 40px;
}
.radiodash-engine .padding-xl-bottom,
.radiodash-engine #jdoc-padding-size.padding-xl-bottom {
  padding-bottom: 38px;
}
.radiodash-engine .padding-xl-left,
.radiodash-engine #jdoc-padding-size.padding-xl-left {
  padding-left: 40px;
}
.radiodash-engine .padding-none,
.radiodash-engine #jdoc-padding.padding-none {
  padding: 0px;
}
.radiodash-engine .padding-none-vertical,
.radiodash-engine #jdoc-padding-size.padding-none-vertical {
  padding-top: -2px;
  padding-bottom: -2px;
}
.radiodash-engine .padding-none-horizontal,
.radiodash-engine #jdoc-padding-size.padding-none-horizontal {
  padding-left: 0px;
  padding-right: 0px;
}
.radiodash-engine .padding-none-top,
.radiodash-engine #jdoc-padding-size.padding-none-top {
  padding-top: -2px;
}
.radiodash-engine .padding-none-right,
.radiodash-engine #jdoc-padding-size.padding-none-right {
  padding-right: 0px;
}
.radiodash-engine .padding-none-bottom,
.radiodash-engine #jdoc-padding-size.padding-none-bottom {
  padding-bottom: -2px;
}
.radiodash-engine .padding-none-left,
.radiodash-engine #jdoc-padding-size.padding-none-left {
  padding-left: 0px;
}
.radiodash-engine .padding {
  padding: 20px;
}
.radiodash-engine .padding-vertical,
.radiodash-engine #jdoc-padding-orientation.padding-vertical {
  padding-top: 18px;
  padding-bottom: 18px;
}
.radiodash-engine .padding-horizontal,
.radiodash-engine #jdoc-padding-orientation.padding-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}
.radiodash-engine .padding-top,
.radiodash-engine #jdoc-padding-orientation.padding-top {
  padding-top: 18px;
}
.radiodash-engine .padding-right,
.radiodash-engine #jdoc-padding-orientation.padding-right {
  padding-right: 20px;
}
.radiodash-engine .padding-bottom,
.radiodash-engine #jdoc-padding-orientation.padding-bottom {
  padding-bottom: 18px;
}
.radiodash-engine .padding-left,
.radiodash-engine #jdoc-padding-orientation.padding-left {
  padding-left: 20px;
}
.radiodash-engine .position-relative {
  position: relative !important;
}
.radiodash-engine .position-fixed {
  position: fixed !important;
}
.radiodash-engine .position-absolute {
  position: absolute !important;
}
.radiodash-engine .shadow {
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 15px 2px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-lg {
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 0 30px 4px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-inset {
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.radiodash-engine .shadow-inset-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-inset-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 10px 2px hsla(0, 0%, 0%, 0.075);
}
.radiodash-engine .shadow-inset-lg {
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.radiodash-engine .shadow-inset-lg-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-inset-lg-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -moz-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -ms-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  -o-box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
  box-shadow: inset 0 0 20px 4px hsla(0, 0%, 0%, 0.075);
}
.radiodash-engine .shadow-inset-horizontal {
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-inset-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-inset-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 8px -5px hsla(0, 0%, 0%, 0.15), inset 0px -6px 5px -6px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-inset-lg-horizontal {
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-inset-lg-horizontal-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-inset-lg-horizontal-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
  box-shadow: inset 0px 6px 14px -5px hsla(0, 0%, 0%, 0.15), inset 0px -10px 12px -11px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-down {
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-up {
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -4px 12px -2px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-lg-down {
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-lg-down-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-lg-down-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-lg-up {
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-lg-up-hover {
  /*
        transform @props from space delimited to comma delimited
        'width margin-top' --> 'width, margin-top'
     */
  /*
        append @time and @easing to each @props-delimited item
        'width, margin-top' --> width 0.35s ease-out, margin-top 0.35s ease-out'
     */
  -ms-transition: box-shadow 0.35s ease-out 0s;
  -moz-transition: box-shadow 0.35s ease-out 0s;
  -webkit-transition: box-shadow 0.35s ease-out 0s;
  transition: box-shadow 0.35s ease-out 0s;
}
.radiodash-engine .shadow-lg-up-hover:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -moz-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -ms-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  -o-box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
  box-shadow: 0 -8px 22px 0px hsla(0, 0%, 0%, 0.15);
}
.radiodash-engine .shadow-none {
  box-shadow: none;
}
.radiodash-engine .text-default {
  text-align: left;
  vertical-align: bottom;
}
.radiodash-engine .text-left {
  text-align: left !important;
}
.radiodash-engine .text-right {
  text-align: right !important;
}
.radiodash-engine .text-center,
.radiodash-engine .text-centered {
  text-align: center !important;
}
.radiodash-engine .text-top {
  vertical-align: top !important;
}
.radiodash-engine .text-middle {
  vertical-align: middle !important;
}
.radiodash-engine .text-bottom {
  vertical-align: bottom !important;
}
.radiodash-engine .text-capitalize,
.radiodash-engine .text-capitalized {
  text-transform: capitalize !important;
}
.radiodash-engine .text-uppercase {
  text-transform: uppercase !important;
}
.radiodash-engine .text-lowercase {
  text-transform: lowercase !important;
}
.radiodash-engine .text-shadow-dark {
  text-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.7);
}
.radiodash-engine .text-shadow-light {
  text-shadow: 0px 1px 2px hsla(0, 0%, 100%, 0.7);
}
.radiodash-engine .j-chart .highcharts-series-0:not(.highcharts-pie-series) rect {
  fill: #A1DB53;
  stroke: #A1DB53;
}
.radiodash-engine .j-chart .highcharts-series-0:not(.highcharts-pie-series) path.highcharts-area {
  fill: #A1DB53;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-0:not(.highcharts-pie-series) path.highcharts-point {
  fill: #A1DB53;
}
.radiodash-engine .j-chart .highcharts-series-0:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #A1DB53;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-0 {
  fill: #A1DB53;
}
.radiodash-engine .j-chart .j-chart-datapoint-0:before {
  background-color: #A1DB53;
}
.radiodash-engine .j-chart .highcharts-series-1:not(.highcharts-pie-series) rect {
  fill: #FF9121;
  stroke: #FF9121;
}
.radiodash-engine .j-chart .highcharts-series-1:not(.highcharts-pie-series) path.highcharts-area {
  fill: #FF9121;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-1:not(.highcharts-pie-series) path.highcharts-point {
  fill: #FF9121;
}
.radiodash-engine .j-chart .highcharts-series-1:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #FF9121;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-1 {
  fill: #FF9121;
}
.radiodash-engine .j-chart .j-chart-datapoint-1:before {
  background-color: #FF9121;
}
.radiodash-engine .j-chart .highcharts-series-2:not(.highcharts-pie-series) rect {
  fill: #227FC5;
  stroke: #227FC5;
}
.radiodash-engine .j-chart .highcharts-series-2:not(.highcharts-pie-series) path.highcharts-area {
  fill: #227FC5;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-2:not(.highcharts-pie-series) path.highcharts-point {
  fill: #227FC5;
}
.radiodash-engine .j-chart .highcharts-series-2:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #227FC5;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-2 {
  fill: #227FC5;
}
.radiodash-engine .j-chart .j-chart-datapoint-2:before {
  background-color: #227FC5;
}
.radiodash-engine .j-chart .highcharts-series-3:not(.highcharts-pie-series) rect {
  fill: #9D438E;
  stroke: #9D438E;
}
.radiodash-engine .j-chart .highcharts-series-3:not(.highcharts-pie-series) path.highcharts-area {
  fill: #9D438E;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-3:not(.highcharts-pie-series) path.highcharts-point {
  fill: #9D438E;
}
.radiodash-engine .j-chart .highcharts-series-3:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #9D438E;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-3 {
  fill: #9D438E;
}
.radiodash-engine .j-chart .j-chart-datapoint-3:before {
  background-color: #9D438E;
}
.radiodash-engine .j-chart .highcharts-series-4:not(.highcharts-pie-series) rect {
  fill: #FBCA14;
  stroke: #FBCA14;
}
.radiodash-engine .j-chart .highcharts-series-4:not(.highcharts-pie-series) path.highcharts-area {
  fill: #FBCA14;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-4:not(.highcharts-pie-series) path.highcharts-point {
  fill: #FBCA14;
}
.radiodash-engine .j-chart .highcharts-series-4:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #FBCA14;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-4 {
  fill: #FBCA14;
}
.radiodash-engine .j-chart .j-chart-datapoint-4:before {
  background-color: #FBCA14;
}
.radiodash-engine .j-chart .highcharts-series-5:not(.highcharts-pie-series) rect {
  fill: #2CA294;
  stroke: #2CA294;
}
.radiodash-engine .j-chart .highcharts-series-5:not(.highcharts-pie-series) path.highcharts-area {
  fill: #2CA294;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-5:not(.highcharts-pie-series) path.highcharts-point {
  fill: #2CA294;
}
.radiodash-engine .j-chart .highcharts-series-5:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #2CA294;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-5 {
  fill: #2CA294;
}
.radiodash-engine .j-chart .j-chart-datapoint-5:before {
  background-color: #2CA294;
}
.radiodash-engine .j-chart .highcharts-series-6:not(.highcharts-pie-series) rect {
  fill: #5DBB5B;
  stroke: #5DBB5B;
}
.radiodash-engine .j-chart .highcharts-series-6:not(.highcharts-pie-series) path.highcharts-area {
  fill: #5DBB5B;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-6:not(.highcharts-pie-series) path.highcharts-point {
  fill: #5DBB5B;
}
.radiodash-engine .j-chart .highcharts-series-6:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #5DBB5B;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-6 {
  fill: #5DBB5B;
}
.radiodash-engine .j-chart .j-chart-datapoint-6:before {
  background-color: #5DBB5B;
}
.radiodash-engine .j-chart .highcharts-series-7:not(.highcharts-pie-series) rect {
  fill: #FC6B1B;
  stroke: #FC6B1B;
}
.radiodash-engine .j-chart .highcharts-series-7:not(.highcharts-pie-series) path.highcharts-area {
  fill: #FC6B1B;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-7:not(.highcharts-pie-series) path.highcharts-point {
  fill: #FC6B1B;
}
.radiodash-engine .j-chart .highcharts-series-7:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #FC6B1B;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-7 {
  fill: #FC6B1B;
}
.radiodash-engine .j-chart .j-chart-datapoint-7:before {
  background-color: #FC6B1B;
}
.radiodash-engine .j-chart .highcharts-series-8:not(.highcharts-pie-series) rect {
  fill: #074095;
  stroke: #074095;
}
.radiodash-engine .j-chart .highcharts-series-8:not(.highcharts-pie-series) path.highcharts-area {
  fill: #074095;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-8:not(.highcharts-pie-series) path.highcharts-point {
  fill: #074095;
}
.radiodash-engine .j-chart .highcharts-series-8:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #074095;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-8 {
  fill: #074095;
}
.radiodash-engine .j-chart .j-chart-datapoint-8:before {
  background-color: #074095;
}
.radiodash-engine .j-chart .highcharts-series-9:not(.highcharts-pie-series) rect {
  fill: #7B2F6C;
  stroke: #7B2F6C;
}
.radiodash-engine .j-chart .highcharts-series-9:not(.highcharts-pie-series) path.highcharts-area {
  fill: #7B2F6C;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-9:not(.highcharts-pie-series) path.highcharts-point {
  fill: #7B2F6C;
}
.radiodash-engine .j-chart .highcharts-series-9:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #7B2F6C;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-9 {
  fill: #7B2F6C;
}
.radiodash-engine .j-chart .j-chart-datapoint-9:before {
  background-color: #7B2F6C;
}
.radiodash-engine .j-chart .highcharts-series-10:not(.highcharts-pie-series) rect {
  fill: #F4AC1B;
  stroke: #F4AC1B;
}
.radiodash-engine .j-chart .highcharts-series-10:not(.highcharts-pie-series) path.highcharts-area {
  fill: #F4AC1B;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-10:not(.highcharts-pie-series) path.highcharts-point {
  fill: #F4AC1B;
}
.radiodash-engine .j-chart .highcharts-series-10:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #F4AC1B;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-10 {
  fill: #F4AC1B;
}
.radiodash-engine .j-chart .j-chart-datapoint-10:before {
  background-color: #F4AC1B;
}
.radiodash-engine .j-chart .highcharts-series-11:not(.highcharts-pie-series) rect {
  fill: #1C837A;
  stroke: #1C837A;
}
.radiodash-engine .j-chart .highcharts-series-11:not(.highcharts-pie-series) path.highcharts-area {
  fill: #1C837A;
  opacity: 0.45;
}
.radiodash-engine .j-chart .highcharts-series-11:not(.highcharts-pie-series) path.highcharts-point {
  fill: #1C837A;
}
.radiodash-engine .j-chart .highcharts-series-11:not(.highcharts-pie-series) path.highcharts-graph {
  stroke: #1C837A;
}
.radiodash-engine .j-chart .highcharts-pie-series path.highcharts-color-11 {
  fill: #1C837A;
}
.radiodash-engine .j-chart .j-chart-datapoint-11:before {
  background-color: #1C837A;
}
.radiodash-engine .chart-is-hidden {
  visibility: hidden;
}
.radiodash-engine .highcharts-tooltip {
  padding: 0.5rem;
}
.radiodash-engine .tooltip-title {
  margin: 0.25rem;
  font-weight: bold;
}
.radiodash-engine .tooltip-body {
  margin: 0.25rem;
}
.radiodash-engine .j-chart-header {
  display: flex;
  font-size: 1.5rem;
}
.radiodash-engine .j-chart-header .j-chart-title {
  flex: 1 1 auto;
}
.radiodash-engine .j-chart-header .j-chart-scroll-toggle {
  user-select: none;
  cursor: pointer;
}
.radiodash-engine .j-chart-scroll .j-chart-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.radiodash-engine .j-chart-scroll .j-chart-datapoints .j-chart-datapoint {
  cursor: pointer;
}
.radiodash-engine .j-chart-scroll .j-chart-datapoints .j-chart-datapoint:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: -1px 5px;
}
.radiodash-engine .j-chart-scroll .j-chart-datapoints .j-chart-datapoint.is-active {
  color: #000;
}
.radiodash-engine .j-chart-scroll .j-chart-datapoints .j-chart-datapoint:not(.is-active) {
  cursor: pointer;
}
.radiodash-engine .j-chart-scroll .j-chart-link-to-action {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
}
.radiodash-engine .j-chart-scroll .j-chart-scroll-container {
  position: relative;
  overflow: auto;
}
.radiodash-engine .j-chart-scroll .j-chart-scroll-container .chart-container.allow-overflow-x {
  position: relative;
  overflow-x: auto !important;
}
.radiodash-engine .j-chart-loading-indicator-wrapper {
  position: relative;
  transition: height 200ms ease-in;
}
.radiodash-engine .j-chart .j-chart-loading-indicator,
.radiodash-engine .j-chart .j-chart-no-data {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.radiodash-engine .campaigns-counts {
  padding: 20px;
  background-color: hsl(0, 0%, 97%);
  border-bottom: 2px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaigns-counts .campaigns-counts-title {
  text-transform: uppercase;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .campaigns-counts .campaigns-counts-values {
  display: flex;
}
.radiodash-engine .campaigns-counts .campaigns-counts-values .campaign-counts-value {
  padding: 0 20px;
  border-left: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaigns-counts .campaigns-counts-values .campaign-counts-value:first-of-type {
  border-left: none;
}
.radiodash-engine .campaigns-counts .campaigns-counts-values .campaign-counts-value label {
  text-transform: uppercase;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
.radiodash-engine .campaigns-counts .campaigns-counts-values .campaign-counts-value .value {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
}
.radiodash-engine .page-control-toolbar {
  margin-top: 8px;
}
.radiodash-engine .filters-section {
  margin-bottom: 20px;
}
.radiodash-engine .campaigns .campaign-summary-no-items {
  margin: 0 20px;
  padding: 20px 0;
  text-align: center;
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaigns .campaign-summary {
  margin: 20px;
  border: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaigns .campaign-summary:first-of-type {
  margin-top: 0px;
}
.radiodash-engine .campaigns .table-activity {
  margin-top: 20vh;
}
.radiodash-engine .row.table-container.table-overflow-wrapper {
  margin: 0;
}
.radiodash-engine .row.table-container.table-overflow-wrapper .subname {
  line-height: 25px;
}
.radiodash-engine .row.table-container.table-overflow-wrapper td.groupBy,
.radiodash-engine .row.table-container.table-overflow-wrapper th.groupBy,
.radiodash-engine .row.table-container.table-overflow-wrapper td.group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.subGroupBy,
.radiodash-engine .row.table-container.table-overflow-wrapper th.subGroupBy,
.radiodash-engine .row.table-container.table-overflow-wrapper td.sub-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.sub-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.groupBy .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper th.groupBy .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper td.group-by .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper th.group-by .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper td.subGroupBy .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper th.subGroupBy .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper td.sub-group-by .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper th.sub-group-by .subGroupByItem,
.radiodash-engine .row.table-container.table-overflow-wrapper td.groupBy .sub-group-by-item,
.radiodash-engine .row.table-container.table-overflow-wrapper th.groupBy .sub-group-by-item,
.radiodash-engine .row.table-container.table-overflow-wrapper td.group-by .sub-group-by-item,
.radiodash-engine .row.table-container.table-overflow-wrapper th.group-by .sub-group-by-item,
.radiodash-engine .row.table-container.table-overflow-wrapper td.subGroupBy .sub-group-by-item,
.radiodash-engine .row.table-container.table-overflow-wrapper th.subGroupBy .sub-group-by-item,
.radiodash-engine .row.table-container.table-overflow-wrapper td.sub-group-by .sub-group-by-item,
.radiodash-engine .row.table-container.table-overflow-wrapper th.sub-group-by .sub-group-by-item {
  background-color: hsl(0, 0%, 97%);
}
.radiodash-engine .row.table-container.table-overflow-wrapper td.groupBy.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.groupBy.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.group-by.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.group-by.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.subGroupBy.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.subGroupBy.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.sub-group-by.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.sub-group-by.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.groupBy .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.groupBy .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.group-by .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.group-by .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.subGroupBy .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.subGroupBy .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.sub-group-by .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.sub-group-by .subGroupByItem.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.groupBy .sub-group-by-item.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.groupBy .sub-group-by-item.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.group-by .sub-group-by-item.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.group-by .sub-group-by-item.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.subGroupBy .sub-group-by-item.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.subGroupBy .sub-group-by-item.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper td.sub-group-by .sub-group-by-item.end-group-by,
.radiodash-engine .row.table-container.table-overflow-wrapper th.sub-group-by .sub-group-by-item.end-group-by {
  border-right: 2px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaign-summary {
  display: flex;
  flex-direction: row;
}
.radiodash-engine .campaign-summary .campaign-details {
  flex: 1 1 auto;
}
.radiodash-engine .campaign-summary .campaign-details a,
.radiodash-engine .campaign-summary .campaign-details a:active,
.radiodash-engine .campaign-summary .campaign-details a:visited,
.radiodash-engine .campaign-summary .campaign-details a:hover {
  text-decoration: none;
  cursor: pointer;
  color: initial;
}
.radiodash-engine .campaign-summary .campaign-details a.list-summary:hover {
  background-color: hsl(0, 0%, 90%);
}
.radiodash-engine .campaign-summary .campaign-details a.detail-summary:hover {
  cursor: default;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-upper {
  display: flex;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-upper .advertiser-logo-wrapper {
  width: 76px;
  height: 76px;
  margin-left: 15px;
  line-height: 76px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-upper .advertiser-logo-wrapper .advertiser-logo {
  width: 100%;
  height: auto;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-upper .campaign-info {
  line-height: 20px;
  padding-right: 20px;
  margin: 10px 20px;
  flex: 1 1 auto;
  margin-left: 10px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-upper .campaign-info .campaign-name {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower {
  display: flex;
  border-top: 1px solid hsl(0, 0%, 85%);
  background-color: hsl(0, 0%, 97%);
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .metrics-link {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  border-right: 1px solid hsl(0, 0%, 97%);
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .metrics-link .metrics-link-icon {
  display: flex;
  justify-content: center;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .metrics-link .metrics-link-icon svg {
  width: 75px;
  height: 75px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .metrics-link .metrics-link-icon svg path.table {
  fill: hsl(0, 0%, 80%);
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .metrics-link .metrics-link-icon svg path.arrow {
  fill: hsl(86, 99%, 34%);
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .metrics-link .metrics-link-label {
  color: hsl(86, 99%, 34%);
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .metrics-link:hover {
  border-right: 1px solid hsl(0, 0%, 80%);
  background-color: hsl(0, 0%, 90%);
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-lower-link {
  display: flex;
  flex: 1 1 auto;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-right {
  background-color: hsl(0, 0%, 97%);
  display: flex;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-left {
  margin: 1rem;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-left .campagin-progress-dates {
  display: flex;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-left .campagin-progress-dates .campaign-progress-start-date {
  flex: 1 1 auto;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-left .campaign-progress-metrics {
  display: flex;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-left .campaign-progress-metrics .campaign-progress-aired {
  flex: 1 1 auto;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-left .campaign-progress-bar {
  background-color: hsl(0, 0%, 80%);
  width: 100%;
  border-radius: 1.5rem;
  margin: 0.5rem 0;
  padding: 0.5rem;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-details-lower .campaign-details-lower-left .campaign-progress-bar .campaign-progress-bar-value {
  transition: width 1000ms ease-out;
  height: 2rem;
  border-radius: 1rem;
  text-align: center;
  white-space: nowrap;
  color: white;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-progress {
  flex: 1 1 auto;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-progress .campaign-progress-bar-value.min-width {
  min-width: 60px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-delivery {
  flex: 0 0 auto;
  padding: 10px;
  width: 120px;
  min-width: 125px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-left: 1px solid hsl(0, 0%, 90%);
}
.radiodash-engine .campaign-summary .campaign-details .campaign-delivery .campaign-delivery-label {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-delivery .campaign-delivery-logo img {
  width: auto;
  height: auto;
  max-width: 80px;
  max-height: 80px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-metrics {
  display: flex;
  margin: 10px 20px 10px 0px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-metrics .campaign-metric {
  padding: 0 10px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-metric,
.radiodash-engine .campaign-summary .campaign-details .campaign-info {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.radiodash-engine .campaign-summary .campaign-details label,
.radiodash-engine .campaign-summary .campaign-details .value {
  white-space: nowrap;
}
.radiodash-engine .campaign-summary .campaign-details label,
.radiodash-engine .campaign-summary .campaign-details .advertiser-name {
  font-size: 12px;
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .campaign-summary .campaign-details labellabel,
.radiodash-engine .campaign-summary .campaign-details .advertiser-namelabel {
  text-transform: uppercase;
}
.radiodash-engine .campaign-summary .campaign-details .value,
.radiodash-engine .campaign-summary .campaign-details .campaign-name {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-book-popover .popover-content {
  min-width: 300px;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-book-popover .popover-content .popover-wrapper {
  padding: 0 10px !important;
}
.radiodash-engine .campaign-summary .campaign-details .campaign-book-popover .popover-content .popover-wrapper .campaign-metric {
  margin: 20px 0;
}
.radiodash-engine .metrics-widgets-outer-wrapper {
  margin: 20px;
}
.radiodash-engine .metrics-widgets-wrapper {
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap; */
}
.radiodash-engine .metrics-widgets-wrapper .metrics-widgets {
  display: flex;
  flex-wrap: wrap;
}
.radiodash-engine .metrics-widget {
  margin: 5px;
  width: 350px;
  max-height: 240px;
  display: flex;
  border: 4px solid hsl(0, 0%, 95%);
  flex-direction: column;
}
.radiodash-engine .metrics-widget .metrics-widget-header {
  background-color: hsl(0, 0%, 95%);
  padding: 5px;
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.radiodash-engine .metrics-widget .metrics-widget-header .metrics-widget-popover a.jelli-popover {
  border-radius: 50%;
  margin-left: 10px;
  background-color: hsl(0, 0%, 100%);
  width: 22px;
  height: 22px;
}
.radiodash-engine .metrics-widget .metrics-widget-body {
  height: 155px;
}
.radiodash-engine .metrics-widget .metrics-widget-footer {
  text-align: right;
  padding: 10px;
  border-top: 2px solid hsl(0, 0%, 95%);
}
.radiodash-engine .metrics-widget-body table.table {
  border: 0 solid hsla(0, 0%, 0%, 0);
  margin-bottom: 0;
}
.radiodash-engine .metrics-widget-body table.table tr.overall-metric td {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .breakdown-content .metric-control-content .toolbar {
  padding-top: 15px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.radiodash-engine .filters-section-wrapper .filters-section {
  padding-left: 20px;
}
.radiodash-engine .metrics-widget.ad-plays .ad-plays-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.radiodash-engine .metrics-widget.ad-plays .ad-plays-content .ad-play-top {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
}
.radiodash-engine .metrics-widget.ad-plays .ad-plays-content .ad-play-middle {
  font-size: 36px;
}
.radiodash-engine .metrics-widget.ad-plays.ad-plays-completed .ad-plays-content .ad-play-middle {
  font-size: 24px;
}
.radiodash-engine .metrics-widget.ad-plays.ad-plays-completed .ad-plays-content .ad-play-bottom {
  font-size: 24px;
}
.radiodash-engine .metrics-widget.markets {
  width: 710px;
  max-height: 489px;
}
.radiodash-engine .metrics-widget.markets .metrics-widget-body {
  height: 403px;
  display: flex;
  justify-content: center;
}
.radiodash-engine .metrics-widget.markets .market-name,
.radiodash-engine .metrics-widget.markets .market-value {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper {
  margin: 0 20px 20px 20px;
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper.end-of-items {
  border-bottom: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper.end-of-items .table.campaign-ad-plays-table {
  border-bottom: none;
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table {
  margin-bottom: 0;
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table.table {
  border-top: 1px solid hsl(0, 0%, 80%);
  border-bottom: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table.table tr td:first-of-type,
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table.table tr th:first-of-type {
  border-left: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table.table tr td:last-of-type,
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table.table tr th:last-of-type {
  border-right: 1px solid hsl(0, 0%, 80%);
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table .campaign-ad-play-row,
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table .campaign-ad-play-row td {
  min-height: 59px;
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table .campaign-ad-play-row .campaign-ad-play-main-value:not('campaign-ad-play-status-icon') {
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table .campaign-ad-play-row .campaign-ad-play-status-icon {
  line-height: 45px;
}
.radiodash-engine .campaign-ad-plays .campaign-ad-plays-table-wrapper .campaign-ad-plays-table .infinite-scroll-loading-message td {
  background-color: hsl(0, 0%, 97%);
  font-family: "Roboto", 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  font-weight: 700;
  font-style: normal;
  color: hsl(0, 0%, 54%);
}
.radiodash-engine .daily-spots .daily-spots-chart .j-chart-header,
.radiodash-engine .daily-spots .daily-spots-chart .j-chart-footer {
  display: none;
}
.radiodash-engine .daily-spots .daily-spots-no-plays {
  height: 100%;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.radiodash-engine .metrics-widget.daily-spots {
  width: calc(100% - 20px);
  max-height: 489px;
}
.radiodash-engine .metrics-widget.daily-spots .metrics-widget-body {
  padding: 20px;
  height: 360px;
}
.radiodash-engine .application-body-wrapper {
  padding-top: 0 !important;
}
.radiodash-engine .btn-group .j-button {
  line-height: 33px !important;
}
.radiodash-engine .allow-overflow .liquid-container {
  overflow: visible;
}
.radiodash-engine .allow-overflow .liquid-container.liquid-animating {
  overflow: hidden;
}
.radiodash-engine .allow-overflow .liquid-container .liquid-child {
  overflow: visible;
}
.radiodash-engine .ember-power-select-trigger {
  min-width: 250px;
  max-width: 450px;
}
.radiodash-engine .loading-transition {
  margin-top: 35vh;
}
.radiodash-engine .j-input-select-component .j-button .button-icon,
.radiodash-engine .j-input-date-range .j-button .button-icon {
  margin-top: 7px;
}
.radiodash-engine .audio-player-indicator .playlist-play-pause canvas {
  margin-left: -17px;
  margin-top: 1px;
}
.radiodash-engine .audio-player-indicator .playlist-play-pause svg {
  margin-left: -26px;
}