/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
ol,
ul {
  margin-left: 20px;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
/**
 * THEME Definitions
 **/
@font-face {
  font-family: Delicious;
  src: url('/fonts/delicious/Delicious-Roman.otf');
}
@font-face {
  font-family: DeliciousBold;
  src: url('/fonts/delicious/Delicious-Bold.otf');
}
@font-face {
  font-family: DeliciousItalic;
  src: url('/fonts/delicious/Delicious-Italic.otf');
}
@font-face {
  font-family: DeliciousSmallCaps;
  src: url('/fonts/delicious/Delicious-SmallCaps.otf');
}
@font-face {
  font-family: DeliciousHeavy;
  src: url('/fonts/delicious/Delicious-Heavy.otf');
}
@font-face {
  font-family: Lato;
  src: url('/fonts/lato/Lato-Regular.ttf');
}
@font-face {
  font-family: LatoLight;
  src: url('/fonts/lato/Lato-Light.ttf');
}
@font-face {
  font-family: SourceSansPro;
  src: url('/fonts/sourcesanspro/SourceSansPro-Light.ttf');
}
/**
 * Colors
 **/
/** BEM THEME COLORS **/
/** IMPORT **/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
html,
body {
  width: 100%;
  height: 100%;
  margin: 0px;
}
body {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  background-color: #e6e7e7;
}
body.system {
  padding: 0px 0px 0px 60px;
}
* {
  font-family: "LatoLight";
  font-size: 16px;
  outline: none;
}
*[data-qslide],
*[data-qcommand],
*[data-qpopup],
*[data-qconfirm] {
  cursor: pointer;
}
*::-webkit-scrollbar-track {
  background-color: #e6e7e7;
  border-radius: 10px;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #e6e7e7;
  border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #344833;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
table {
  border-collapse: separate;
  border-spacing: 5px 2px;
}
p {
  font-size: 16px;
  line-height: 20px;
  padding: 0px 0px 15px 0px;
  white-space: normal;
  word-break: break-word;
}
p:empty {
  padding: 0px;
}
a {
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  /*
  &:link { text-decoration: none; color: inherit; cursor: inherit; font-weight: inherit; }
  &:visited { text-decoration: none; color: inherit; cursor: inherit; font-weight: inherit; }
  &:active { text-decoration: none; color: inherit; cursor: inherit; font-weight: inherit; }
  &:hover { text-decoration: underline; color: inherit; cursor: inherit; font-weight: inherit; }
  */
}
table.basic a,
.select-list li a {
  padding-bottom: 2px;
  border-bottom: 1px solid #9E9E9E;
}
table.basic a.icon-button,
.select-list li a.icon-button {
  border-width: 0px;
  padding: 0px;
}
a[href="http://www.amcharts.com/javascript-charts/"] {
  display: none !important;
}
.highlight {
  border-bottom: 1px solid #F7CA18;
  background-color: yellow;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.tag-container {
  line-height: 20px;
}
.tag {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #616161;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 14px;
  line-height: 20px;
  margin: 1px;
  overflow: hidden;
  padding: 0px 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.tag.info {
  background-color: #116AA0;
}
.tag.danger {
  background-color: #CC2036;
}
.tag.warning {
  background-color: #DF772A;
}
.tag.success {
  background-color: #477546;
}
.tag .icon {
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.tag .icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.tag .icon + .label {
  margin-left: 4px;
}
.tag .label {
  line-height: inherit;
  font-size: inherit;
}
.tag.transparent {
  background-color: transparent;
  color: #616161;
}
.tag.light {
  background-color: #E0E0E0;
  color: #616161;
}
.quickcommand-tooltip {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  border: 1px solid silver;
  background-color: rgba(238, 238, 238, 0.95);
  display: none;
  max-width: 640px;
  padding: 4px;
  position: absolute;
  z-index: 9999;
}
.quickcommand-tooltip * {
  font-size: 11px !important;
}
.button-quick-look:after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #E0E0E0;
  color: #616161;
  content: "\f129";
  font-family: FontAwesome;
  font-size: 12px;
  padding: 2px 6px;
}
.tooltip {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  background-color: rgba(0, 0, 0, 0.75);
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  cursor: pointer;
  font-size: 12px;
  max-width: 50%;
  padding: 5px;
  position: absolute;
  text-align: left;
  word-wrap: break-word;
  z-index: 9999;
}
.indicator-result {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 4px;
  vertical-align: middle;
}
.indicator-result.negative {
  background-color: #CC2036;
  color: #FFF;
}
.indicator-result.positive {
  background-color: #477546;
  color: #FFF;
}
.toast {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 9000;
  background-color: rgba(0, 0, 0, 0.75);
  color: #FFF;
  cursor: pointer;
}
.toast .fa {
  line-height: inherit;
  line-height: 40px;
  font-size: 18px;
}
.toast.visible {
  -moz-opacity: 100;
  -khtml-opacity: 100;
  -webkit-opacity: 100;
  opacity: 100;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10000);
  filter: alpha(opacity=10000);
}
.fancy-upload {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: inline-block;
  background-color: #477546;
  border: 1px solid #b7b7b7;
  cursor: pointer;
  line-height: 28px;
  height: 30px;
  margin: 0px 5px;
  padding: 0px 5px;
  vertical-align: middle;
  white-space: nowrap;
}
.fancy-upload:hover {
  background-color: #345533;
  border: 1px solid #848484;
}
.fancy-upload input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.fancy-upload > .label {
  padding: 0px 5px;
  display: inline-block;
}
.fancy-upload > .icon {
  display: inline-block;
  text-align: center;
  margin: 0px 5px;
  vertical-align: middle;
}
.fancy-upload > .icon > i {
  line-height: inherit;
  font-size: 20px;
}
.image-container {
  border: 2px solid transparent;
  width: 100%;
  height: 250px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}
.image-container.small {
  height: 150px;
}
.image-container > img {
  max-width: 100%;
  max-height: 100%;
}
.image-container:empty {
  border: 2px dashed #9E9E9E;
  color: #9E9E9E;
}
.image-container:empty:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 100%;
  text-decoration: inherit;
  content: '\f03e';
  font-size: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px;
}
.item-counter {
  background-color: #92c35a;
  border-radius: 50%;
  color: #FFF;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
  width: 24px;
}
.pill {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #B7B7B7;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  overflow: hidden;
  margin: 0px 0px 0px 5px;
}
.pill > span {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  min-width: 30px;
  line-height: 28px;
  text-align: center;
}
.pill > span.icon {
  padding: 0px 5px;
}
.pill > span.icon > .fa {
  line-height: inherit;
  color: #FFF;
}
.pill > span.label {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-width: 1px;
  border-style: solid;
  border-color: #B7B7B7;
  background-color: #FFF;
  padding: 0px 5px;
}
.pill > span.label > .fa {
  margin: 0px 5px;
}
.pill.info {
  border-color: #116AA0;
}
.pill.info > span {
  border-color: #116AA0;
}
.pill.info > .icon {
  background-color: #116AA0;
}
.pill.danger {
  border-color: #CC2036;
}
.pill.danger > span {
  border-color: #CC2036;
}
.pill.danger > .icon {
  background-color: #CC2036;
}
.pill.warning {
  border-color: #DF772A;
}
.pill.warning > span {
  border-color: #DF772A;
}
.pill.warning > .icon {
  background-color: #DF772A;
}
.pill.success {
  border-color: #477546;
}
.pill.success > span {
  border-color: #477546;
}
.pill.success > .icon {
  background-color: #477546;
}
.icon-selector .icon {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b7b7b7;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
}
.icon-selector .icon i {
  font-size: inherit;
  line-height: inherit;
}
#icon-selector-listing .icon {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
}
#icon-selector-listing .icon label {
  display: none;
}
#icon-selector-listing .icon.selected {
  font-size: 30px;
  background-color: #30462f;
  color: #FFF;
}
#icon-selector-listing .icon:hover:not(.selected) {
  font-size: 30px;
  background-color: #30462f;
  color: #FFF;
}
#icon-selector-listing .icon i {
  font-size: inherit;
  line-height: inherit;
}
.select-searchable-container {
  position: relative;
  display: inline-block;
  min-width: 15px;
  width: 100%;
}
.select-searchable-container .select-searchable-label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  background-color: #FAFAFA;
  min-width: 15px;
  width: 100%;
}
.select-searchable-container .select-searchable-label:after {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  width: 25px;
  font-size: 12px;
  line-height: 20px;
  font-family: FontAwesome;
  content: "\f078";
  background-color: #116AA0;
  color: #FFF;
  text-align: center;
  display: block;
  margin: 0px;
  cursor: pointer;
}
.select-searchable-container .select-searchable-label > input[type=search] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border: 1px solid #E0E0E0;
  border-bottom: 1px solid #B7B7B7;
  outline: none;
  width: 100%;
  background-color: #FAFAFA;
  padding: 0px 5px;
  vertical-align: middle;
  height: 30px;
  line-height: 28px;
}
.select-searchable-container .select-searchable-label > input[type=search]:required {
  border-bottom: 1px solid #116AA0;
  background-color: rgba(0, 0, 255, 0.05);
}
.select-searchable-container .select-searchable-listing {
  -webkit-border-top-right-radius: 0px 2px 2px 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px 2px 2px 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px 2px 2px 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  display: none;
  border: 1px solid #E0E0E0;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0px;
  margin: -1px 0px 0px 0px;
  padding: 5px;
  list-style-type: none;
  z-index: 1000;
  min-width: 100%;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.select-searchable-container .select-searchable-listing > li {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  padding: 0px 5px;
  height: 30px;
  line-height: 28px;
  border: 1px solid transparent;
}
.select-searchable-container .select-searchable-listing > li:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #EEEEEE;
  border: 1px solid #E0E0E0;
}
.select-searchable-container .select-searchable-listing > li > .icon {
  display: inline-block;
  width: 30px;
  text-align: center;
  margin: 0px 5px 0px 0px;
}
.select-searchable-container .select-searchable {
  display: none;
}
.select-searchable-container .select-searchable:required + .select-searchable-label > input[type=search] {
  border-bottom: 1px solid #116AA0;
  background-color: rgba(0, 0, 255, 0.05);
}
.text-autocomplete-container {
  position: relative;
  display: inline-block;
  min-width: 15px;
  width: 100%;
}
.text-autocomplete-container .text-autocomplete-input {
  position: relative;
}
.text-autocomplete-container .text-autocomplete-input input[type=text] {
  min-width: 175px;
  padding-right: 35px;
}
.text-autocomplete-container .text-autocomplete-listing {
  -webkit-border-top-right-radius: 0px 2px 2px 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px 2px 2px 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px 2px 2px 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  display: none;
  border: 1px solid #E0E0E0;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0px;
  margin: -1px 0px 0px 0px;
  padding: 5px;
  list-style-type: none;
  z-index: 1000;
  min-width: 100%;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
}
.text-autocomplete-container .text-autocomplete-listing > li {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  padding: 0px 5px;
  height: 30px;
  line-height: 28px;
  border: 1px solid transparent;
  margin-right: 25px;
}
.text-autocomplete-container .text-autocomplete-listing > li:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #EEEEEE;
  border: 1px solid #E0E0E0;
}
.text-autocomplete-container .text-autocomplete-listing > li > .icon {
  display: inline-block;
  width: 30px;
  text-align: center;
  margin: 0px 5px 0px 0px;
}
.thumbnail {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #000;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.thumbnail > i {
  font-size: 20px;
  line-height: inherit;
  color: #B7B7B7;
}
.thumbnail.contain {
  background-size: contain;
}
.thumbnail.small {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.thumbnail.small > i {
  font-size: 30px;
}
.thumbnail.medium {
  width: 75px;
  height: 75px;
  line-height: 75px;
}
.thumbnail.medium > i {
  font-size: 50px;
}
.thumbnail.large {
  width: 150px;
  height: 150px;
  line-height: 150px;
}
.thumbnail.large > i {
  font-size: 100px;
}
.thumbnail.round {
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.object-information {
  display: table;
  width: 100%;
  border: 1px solid #E0E0E0;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 20px;
}
.object-information .section {
  display: table-cell;
  vertical-align: top;
  min-width: 150px;
}
.object-information .section.fill {
  width: 100%;
}
.object-information .section.menu {
  min-width: 50px;
  max-width: 50px;
}
.object-information .section.menu button {
  display: block;
  width: 100%;
  margin: 0px;
  position: relative;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
}
.object-information .section.menu button > label {
  display: none;
}
.object-information .section.menu button > .icon {
  display: block;
  line-height: 38px;
}
.object-information .section.menu button + button {
  margin-top: 5px;
}
/*
.object-information {
  .flex-display();

  border: 1px solid @theme-color-lightgrey-primary;
  background-color: #FFF;
  padding: @gutter;

  .section {

    &.fill{ flex:1; }

    & + .section {
      padding: 0px 0px 0px @gutter;
    }

    &.menu button {
      display: block;
      width: 100%;
      margin: 0px;

      position: relative;
      white-space: nowrap;
      text-align: left;
      overflow: hidden;

      & + button {
        margin-top: 5px;
      }
    }
  }
}
*/
.filter-options {
  display: table;
  border-collapse: separate;
  border-spacing: 0px 4px;
  width: 100%;
}
.filter-options.columns {
  display: block;
  border-collapse: initial;
  border-spacing: initial;
  overflow: auto;
}
.filter-options.columns.col-3 li {
  width: 33%;
}
.filter-options label {
  display: table-row;
  background-color: #f8f8f8;
}
.filter-options label:hover {
  background-color: #EEE;
}
.filter-options label > span {
  display: table-cell;
  padding: 5px;
}
.filter-options label > span:first-child {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  width: 1%;
  padding-left: 20px;
}
.filter-options label > span:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-right: 20px;
}
.text-success {
  color: #477546;
}
.text-info {
  color: #116AA0;
}
.text-warning {
  color: #FBC02D;
}
.text-alert {
  color: #DF772A;
}
.text-danger {
  color: #CC2036;
}
.text-fineprint {
  font-size: 12px;
  line-height: 16px;
  /*font-style: italic;*/
  color: #616161;
  text-transform: initial;
  font-weight: normal;
}
.text-fineprint .fa {
  font-size: inherit !important;
}
.grab-me {
  cursor: move !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-number {
  text-align: right !important;
}
.text-wrap {
  white-space: normal !important;
  line-height: 20px !important;
  padding-top: 9px;
}
.text-nowrap {
  white-space: nowrap !important;
}
.content-placeholder {
  background-color: #E0E0E0 !important;
  background-image: url("/css/images/ro_40.png") !important;
}
.progress-bar {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 30px;
  padding-right: 35px;
  border: 1px solid #E0E0E0;
  background-color: #FAFAFA;
  overflow-x: hidden;
  min-width: 150px;
  margin: 0px;
}
.progress-bar .progress-label {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  color: #616161;
  width: 35px;
  text-align: right;
  background-color: #FFF;
  text-align: center;
  z-index: 5;
  border-left: 1px solid #E0E0E0;
}
.progress-bar .progress-label > span {
  display: block;
  height: 28px;
  font-size: 12px;
  font-style: italic;
  line-height: 28px;
}
.progress-bar .progress-indicator {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 100%;
  margin: 0px;
  float: left;
  position: relative;
  background-color: #116AA0;
}
.progress-bar .progress-overflow-indicator {
  top: 0px;
  bottom: 0px;
  right: 0px;
  position: absolute;
  border-width: 4px 0px;
  border-style: solid;
  border-color: #FFF;
}
.progress-bar.warning .progress-indicator {
  background-color: #DF772A;
}
.progress-bar.danger .progress-indicator {
  background-color: #CC2036;
}
.progress-bar.success .progress-indicator {
  background-color: #477546;
}
.fragmentation span.number {
  text-align: right;
  color: #B7B7B7;
  padding: 0px 2px;
}
.fragmentation ul.graph {
  height: 35px;
}
.fragmentation ul.graph li {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  height: 35px;
  margin: 5px 0px;
  float: left;
  position: relative;
}
.fragmentation ul.graph li:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  height: 45px;
  margin: 0px;
}
.fragmentation ul.select-list {
  margin: 15px 0px;
}
.fragmentation ul.select-list > li > * {
  padding: 5px;
}
.fragmentation ul.select-list .icon::before {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  content: "";
  margin: 0px 5px 0px 0px;
  width: 30px;
  height: 30px;
  vertical-align: text-top;
  margin: 0px;
}
.fragmentation ul.legend {
  display: table;
  width: 100%;
  border-spacing: 0px 5px;
  margin: 15px 0px;
}
.fragmentation ul.legend li {
  display: table-row;
  line-height: 30px;
  margin: 0px;
  padding: 2px 0px;
}
.fragmentation ul.legend li > span {
  display: table-cell;
  white-space: nowrap;
  width: 100%;
  min-width: 35px;
  padding: 2px 5px;
}
.fragmentation ul.legend li::before {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  content: "";
  margin: 0px 5px 0px 0px;
  width: 30px;
  height: 30px;
}
.fragmentation ul.legend li:hover {
  background-color: #EEEEEE;
}
.fragmentation ul.graph > li,
.fragmentation ul.legend > li::before {
  background-color: #F0F0F0;
}
.fragmentation ul.graph > li:nth-child(1),
.fragmentation ul.legend > li:nth-child(1)::before,
.fragmentation ul.select-list > li:nth-child(1) .icon::before {
  background-color: #8e44ad;
}
.fragmentation ul.graph > li:nth-child(2),
.fragmentation ul.legend > li:nth-child(2)::before,
.fragmentation ul.select-list > li:nth-child(2) .icon::before {
  background-color: #2980b9;
}
.fragmentation ul.graph > li:nth-child(3),
.fragmentation ul.legend > li:nth-child(3)::before,
.fragmentation ul.select-list > li:nth-child(3) .icon::before {
  background-color: #27ae60;
}
.fragmentation ul.graph > li:nth-child(4),
.fragmentation ul.legend > li:nth-child(4)::before,
.fragmentation ul.select-list > li:nth-child(4) .icon::before {
  background-color: #c0392b;
}
.fragmentation ul.graph > li:nth-child(5),
.fragmentation ul.legend > li:nth-child(5)::before,
.fragmentation ul.select-list > li:nth-child(5) .icon::before {
  background-color: #f39c12;
}
.fragmentation ul.graph > li:nth-child(6),
.fragmentation ul.legend > li:nth-child(6)::before,
.fragmentation ul.select-list > li:nth-child(6) .icon::before {
  background-color: #f1c40f;
}
.fragmentation ul.graph > li:nth-child(7),
.fragmentation ul.legend > li:nth-child(7)::before,
.fragmentation ul.select-list > li:nth-child(7) .icon::before {
  background-color: #2c3e50;
}
.fragmentation ul.graph > li:nth-child(8),
.fragmentation ul.legend > li:nth-child(8)::before,
.fragmentation ul.select-list > li:nth-child(8) .icon::before {
  background-color: #7f8c8d;
}
.fragmentation ul.graph > li:nth-child(9),
.fragmentation ul.legend > li:nth-child(9)::before,
.fragmentation ul.select-list > li:nth-child(9) .icon::before {
  background-color: #1abc9c;
}
.fragmentation ul.graph > li:nth-child(10),
.fragmentation ul.legend > li:nth-child(10)::before,
.fragmentation ul.select-list > li:nth-child(10) .icon::before {
  background-color: #3498db;
}
.fragmentation ul.graph > li:nth-child(11),
.fragmentation ul.legend > li:nth-child(11)::before,
.fragmentation ul.select-list > li:nth-child(11) .icon::before {
  background-color: #e74c3c;
}
.fragmentation ul.graph > li:nth-child(12),
.fragmentation ul.legend > li:nth-child(12)::before,
.fragmentation ul.select-list > li:nth-child(12) .icon::before {
  background-color: #d35400;
}
.fragmentation ul.graph > li:nth-child(13),
.fragmentation ul.legend > li:nth-child(13)::before,
.fragmentation ul.select-list > li:nth-child(13) .icon::before {
  background-color: #e67e22;
}
.fragmentation ul.graph > li:nth-child(14),
.fragmentation ul.legend > li:nth-child(14)::before,
.fragmentation ul.select-list > li:nth-child(14) .icon::before {
  background-color: #9b59b6;
}
.fragmentation ul.graph > li:nth-child(15),
.fragmentation ul.legend > li:nth-child(15)::before,
.fragmentation ul.select-list > li:nth-child(15) .icon::before {
  background-color: #2ecc71;
}
.fragmentation ul.graph > li:nth-child(16),
.fragmentation ul.legend > li:nth-child(16)::before,
.fragmentation ul.select-list > li:nth-child(16) .icon::before {
  background-color: #34495e;
}
.fragmentation ul.graph > li:nth-child(17),
.fragmentation ul.legend > li:nth-child(17)::before,
.fragmentation ul.select-list > li:nth-child(17) .icon::before {
  background-color: #16a085;
}
.fragmentation ul.graph > li:nth-child(18),
.fragmentation ul.legend > li:nth-child(18)::before,
.fragmentation ul.select-list > li:nth-child(18) .icon::before {
  background-color: #95a5a6;
}
.fragmentation ul.graph > li:nth-child(19),
.fragmentation ul.legend > li:nth-child(19)::before,
.fragmentation ul.select-list > li:nth-child(19) .icon::before {
  background-color: #bdc3c7;
}
.fragmentation ul.graph > li:nth-child(20),
.fragmentation ul.legend > li:nth-child(20)::before,
.fragmentation ul.select-list > li:nth-child(20) .icon::before {
  background-color: #ecf0f1;
}
/* -------------------------------------
 * Color selector
 * ------------------------------------- */
.color-picker-container {
  display: inline-block;
  white-space: nowrap;
}
.color-picker-container > * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
.color-picker-container .active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  width: 40px;
}
.color-picker-container .hash {
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px 0px;
  color: #616161;
  line-height: 40px;
  padding: 0px 0px 0px 5px;
}
.color-picker-container input[type=text] {
  border-width: 1px 1px 1px 0px;
  display: none;
  height: 40px !important;
  line-height: 40px !important;
  min-width: 75px;
  text-transform: uppercase;
  width: 75px;
}
.color-selector .color-preview {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border: 1px solid black;
  display: block;
  height: 40px;
  margin: 0px 0px 20px 0px;
}
.color-selector .color-palette {
  border-spacing: 1px;
  display: table;
  margin: 0 auto;
}
.color-selector .color-palette .row {
  display: table-row;
}
.color-selector .color-palette .row .color {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border: 1px solid black;
  cursor: pointer;
  display: table-cell;
  height: 30px;
  width: 30px;
}
.color-selector .color-palette .row .color:hover {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/* -------------------------------------
 * Time selector
 * ------------------------------------- */
.time-picker-container {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.time-picker-container > * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
.time-picker-container .icon {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #477546;
  color: #FFF;
  border-color: #477546;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  width: 40px;
}
.time-picker-container .icon > .fa {
  font-size: 24px;
  line-height: 38px;
}
.time-picker-container .placeholder {
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  min-width: 125px;
  text-align: center;
  width: 75px;
}
.time-selector {
  text-align: center;
}
.time-selector .time-preview {
  margin-bottom: 30px;
}
.time-selector .time-preview input[type=text] {
  border: 0;
  color: #333;
  font-family: DeliciousSmallCaps;
  font-size: 48px;
  height: 50px;
  line-height: 50px;
  min-width: 120px;
  width: 120px;
  max-width: 120px;
  text-align: center;
  vertical-align: middle;
}
.time-selector .dp-time {
  border-spacing: 4px;
  margin: 0 auto;
}
.time-selector .dp-time td {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px;
  color: #616161;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  width: 40px;
}
.time-selector .dp-time td.selected {
  background-color: #477546;
  border-color: #477546;
  color: #FFF;
}
/* -------------------------------------
 * Date selector
 * ------------------------------------- */
.date-picker-period {
  white-spance: nowrap;
}
.date-picker-period .date-picker-container .icon {
  display: none;
}
.date-picker-period .date-picker-container .placeholder {
  border-width: 1px 1px 1px 1px;
}
.date-picker-period .date-picker-container + .date-picker-container::before {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #477546;
  color: #FFF;
  content: "\f133";
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}
.date-picker-container {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.date-picker-container > * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
.date-picker-container .icon {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #477546;
  color: #FFF;
  border-color: #477546;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  width: 40px;
}
.date-picker-container .icon > .fa {
  font-size: 24px;
  line-height: 38px;
}
.date-picker-container .placeholder {
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  min-width: 125px;
  text-align: center;
  width: 75px;
}
.date-selector .date-selector-preview {
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}
.date-selector .dp-calendar {
  border-spacing: 4px;
  margin: 0 auto;
  margin: 0px auto;
}
.date-selector .dp-calendar .dp-btn-navigation {
  background-color: #477546;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.date-selector .dp-calendar .dp-btn-navigation + .dp-btn-navigation {
  margin-left: 4px;
}
.date-selector .dp-calendar .dp-btn-navigation > i {
  color: inherit;
  cursor: pointer;
}
.date-selector .dp-calendar th {
  text-align: center;
  white-space: nowrap;
}
.date-selector .dp-calendar .dp-calendar-header-day {
  text-align: center;
  font-weight: bold;
}
.date-selector .dp-calendar .dp-calendar-week {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px;
  color: #616161;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  width: 40px;
}
.date-selector .dp-calendar .dp-calendar-week.selected {
  background-color: #477546;
  border-color: #477546;
  color: #FFF;
}
.date-selector .dp-calendar .dp-calendar-day {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px;
  color: #616161;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  width: 40px;
}
.date-selector .dp-calendar .dp-calendar-day.selected {
  background-color: #116AA0;
  border-color: #116AA0;
  color: #FFF;
}
.date-selector .dp-calendar .dp-calendar-day.selected-date {
  background-color: #477546;
  border-color: #477546;
  color: #FFF;
}
.date-selector .dp-calendar .dp-calendar-day.disabled {
  background-color: #E0E0E0;
  cursor: not-allowed;
}
.date-selector .dp-calendar .dp-calendar-day.other-month {
  background-color: #E0E0E0;
}
/* -------------------------------------
 * Time selector
 * ------------------------------------- */
.time-picker-container {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.time-picker-container > * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  vertical-align: middle;
}
.time-picker-container .icon {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #477546;
  color: #FFF;
  border-color: #477546;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  width: 40px;
}
.time-picker-container .icon > .fa {
  font-size: 24px;
  line-height: 38px;
}
.time-picker-container .placeholder {
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  min-width: 75px;
  text-align: center;
  width: 75px;
}
.time-selector {
  max-width: 400px;
  margin: 0 auto;
}
.time-selector .time-selector-preview {
  font-family: DeliciousSmallCaps;
  font-size: 48px;
  text-align: center;
}
.time-selector > label {
  cursor: pointer;
}
.time-selector .hours,
.time-selector .minutes {
  text-align: center;
  margin: 20px 0px;
}
.time-selector .option {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px;
  color: #616161;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 2px;
  padding: 0px;
  text-align: center;
  width: 40px;
}
.time-selector .option.selected {
  background-color: #477546;
  border-color: #477546;
  color: #FFF;
}
.input-file-upload {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  min-height: 40px;
  outline: none;
  padding: 5px 40px 5px 5px;
  position: relative;
  width: 100%;
}
.input-file-upload .icon {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #477546;
  color: #fff;
  content: "\f093";
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 20px;
  height: 30px;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 4px;
  width: 30px;
}
.input-file-upload .input-file-placeholder {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.input-file-upload input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
ol.numbered {
  counter-reset: item;
  margin: 0px 0px 0px 20px;
  padding: 0;
}
ol.numbered > li {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f8f8f8;
  counter-increment: item;
  line-height: 30px;
  list-style-type: none;
  margin: 10px 0px;
  padding: 5px 5px 5px 30px;
  position: relative;
}
ol.numbered > li:before {
  background-color: #477546;
  border-radius: 50%;
  border: 5px solid #FFF;
  color: #FFF;
  content: counter(item);
  display: block;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  left: -25px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: -5px;
  width: 40px;
}
ol.numbered > li:hover {
  background-color: #EEE;
}
/* -------------------------------------
 * Performance Indicator
 * ------------------------------------- */
.performance-indicator-container {
  margin: 15px 0px;
}
.performance-indicator {
  margin: 5px 0px;
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: middle;
}
.performance-indicator .number,
.performance-indicator .icon {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}
.performance-indicator .number {
  border-width: 15px;
  border-style: solid;
  border-color: #999 #999 #4D4D4D #999;
  color: #4D4D4D;
  width: 60px;
  height: 60px;
  font-size: 24px;
  line-height: 60px;
  font-weight: bold;
  background-color: #FFF;
}
.performance-indicator .icon {
  border: 2px solid #4D4D4D;
  color: #4D4D4D;
  background-color: #EEEEEE;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  margin: -25px auto 0px auto;
}
.performance-indicator.warning .number {
  border-color: #d35400 #d35400 #4D4D4D #d35400;
  color: #d35400;
}
.performance-indicator.warning .header {
  background-color: #d35400;
  border-color: #d35400;
}
.performance-indicator.danger .number {
  border-color: #CC2036 #CC2036 #4D4D4D #CC2036;
  color: #CC2036;
}
.performance-indicator.success .number {
  border-color: #477546 #477546 #4D4D4D #477546;
  color: #477546;
}
.performance-indicator.info .number {
  border-color: #116AA0 #116AA0 #4D4D4D #116AA0;
  color: #116AA0;
}
.performance-indicator.purple .number {
  border-color: #6F3986 #6F3986 #4D4D4D #6F3986;
  color: #6F3986;
}
/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
  position: absolute;
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-left: 12px;
  margin-top: 12px;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  /*.box-shadow(0 2px 3px 0px rgba(0, 0, 0, 0.16));*/
}
/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-100 {
  background-image: linear-gradient(90deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-99 {
  background-image: linear-gradient(86.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-98 {
  background-image: linear-gradient(82.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-97 {
  background-image: linear-gradient(79.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-96 {
  background-image: linear-gradient(75.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-95 {
  background-image: linear-gradient(72deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-94 {
  background-image: linear-gradient(68.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-93 {
  background-image: linear-gradient(64.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-92 {
  background-image: linear-gradient(61.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-91 {
  background-image: linear-gradient(57.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-90 {
  background-image: linear-gradient(54deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-89 {
  background-image: linear-gradient(50.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-88 {
  background-image: linear-gradient(46.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-87 {
  background-image: linear-gradient(43.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-86 {
  background-image: linear-gradient(39.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-85 {
  background-image: linear-gradient(36deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-84 {
  background-image: linear-gradient(32.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-83 {
  background-image: linear-gradient(28.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-82 {
  background-image: linear-gradient(25.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-81 {
  background-image: linear-gradient(21.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-80 {
  background-image: linear-gradient(18deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-79 {
  background-image: linear-gradient(14.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-78 {
  background-image: linear-gradient(10.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-77 {
  background-image: linear-gradient(7.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-76 {
  background-image: linear-gradient(3.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-75 {
  background-image: linear-gradient(0deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-74 {
  background-image: linear-gradient(-3.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-73 {
  background-image: linear-gradient(-7.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-72 {
  background-image: linear-gradient(-10.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-71 {
  background-image: linear-gradient(-14.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-70 {
  background-image: linear-gradient(-18deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-69 {
  background-image: linear-gradient(-21.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-68 {
  background-image: linear-gradient(-25.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-67 {
  background-image: linear-gradient(-28.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-66 {
  background-image: linear-gradient(-32.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-65 {
  background-image: linear-gradient(-36deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-64 {
  background-image: linear-gradient(-39.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-63 {
  background-image: linear-gradient(-43.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-62 {
  background-image: linear-gradient(-46.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-61 {
  background-image: linear-gradient(-50.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-60 {
  background-image: linear-gradient(-54deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-59 {
  background-image: linear-gradient(-57.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-58 {
  background-image: linear-gradient(-61.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-57 {
  background-image: linear-gradient(-64.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-56 {
  background-image: linear-gradient(-68.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-55 {
  background-image: linear-gradient(-72deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-54 {
  background-image: linear-gradient(-75.6deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-53 {
  background-image: linear-gradient(-79.2deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-52 {
  background-image: linear-gradient(-82.8deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-51 {
  background-image: linear-gradient(-86.4deg, #116AA0 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-50 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(270deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-49 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(266.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-48 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(262.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-47 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(259.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-46 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(255.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-45 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(252deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-44 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(248.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-43 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(244.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-42 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(241.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-41 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(237.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-40 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(234deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-39 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(230.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-38 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(226.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-37 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(223.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-36 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(219.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-35 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(216deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-34 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(212.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-33 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(208.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-32 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(205.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-31 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(201.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-30 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(198deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-29 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(194.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-28 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(190.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-27 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(187.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-26 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(183.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-25 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(180deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-24 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(176.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-23 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(172.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-22 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(169.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-21 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(165.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-20 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(162deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-19 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(158.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-18 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(154.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-17 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(151.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-16 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(147.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-15 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(144deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-14 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(140.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-13 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(136.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-12 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(133.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-11 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(129.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-10 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(126deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-9 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(122.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-8 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(118.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-7 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(115.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-6 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(111.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-5 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(108deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-4 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(104.4deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-3 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(100.8deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-2 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(97.2deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-1 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(93.6deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-0 {
  background-image: linear-gradient(90deg, #9e9e9e 50%, transparent 50%, transparent), linear-gradient(90deg, #116AA0 50%, #9e9e9e 50%, #9e9e9e);
}
.progress-radial.large {
  width: 100px;
  height: 100px;
}
.progress-radial.large > .overlay {
  margin: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: initial;
}
.progress-radial.xsmall {
  width: 20px;
  height: 20px;
  margin: 3px 0px;
}
.progress-radial.xsmall > .overlay {
  display: none;
}
.progress-radial.small {
  width: 30px;
  height: 30px;
  margin: 0px;
  /*
    &.progress-100 {
      background: #477546;

      &:after {
        font-size: 20px;
        line-height: 30px;
        font-family: FontAwesome;
        content: "\f00c";
        color: #FFF;
        text-align: center;
        display: block;
        margin: 0px;
      }
    }
    */
}
.progress-radial.small + .progress-radial.small {
  margin-left: 5px;
}
.progress-radial.small > .overlay {
  display: none;
}
.periodic-element {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #616161;
  display: inline-block;
  margin: 1px;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}
.periodic-element .symbol {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFF;
  font-family: DeliciousSmallCaps;
  font-size: 40px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
}
.periodic-element .percentage {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #FFF;
  height: 25px;
  line-height: 25px;
  font-weight: 700;
  font-size: 14px;
}
.periodic-element .amount {
  color: #FFF;
  height: 25px;
  line-height: 25px;
  font-weight: 700;
  font-size: 14px;
}
.periodic-element .dose {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFF;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
}
.column-group {
  max-width: 1200px;
  margin: 0px auto;
  padding: 20px 0px 0px 0px;
}
.column-group.full-width {
  max-width: 100%;
  margin: 0px 20px;
}
.column-group.contain-640 {
  min-width: 640px;
  max-width: 640px;
}
.column-group.contain-800 {
  min-width: 800px;
  max-width: 800px;
}
.column-group.contain-1024 {
  min-width: 1024px;
  max-width: 1024px;
}
.column-group:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 0px 0px 0px 20px;
}
.column:first-child {
  padding-left: 0px;
}
.column.col-12 {
  width: 100%;
  padding-left: 0px;
}
.column.col-11 {
  width: 91.66666667%;
}
.column.col-10 {
  width: 83.33333333%;
}
.column.col-9 {
  width: 75%;
}
.column.col-8 {
  width: 66.66666667%;
}
.column.col-7 {
  width: 58.33333333%;
}
.column.col-6 {
  width: 50%;
}
.column.col-5 {
  width: 41.66666667%;
}
.column.col-4 {
  width: 33.33333333%;
}
.column.col-3 {
  width: 25%;
}
.column.col-2 {
  width: 16.66666667%;
}
.column.col-1 {
  width: 8.33333333%;
}
.column.offset-11 {
  margin-left: 91.66666667%;
}
.column.offset-10 {
  margin-left: 83.33333333%;
}
.column.offset-9 {
  margin-left: 75%;
}
.column.offset-8 {
  margin-left: 66.66666667%;
}
.column.offset-7 {
  margin-left: 58.33333333%;
}
.column.offset-6 {
  margin-left: 50%;
}
.column.offset-5 {
  margin-left: 41.66666667%;
}
.column.offset-4 {
  margin-left: 33.33333333%;
}
.column.offset-3 {
  margin-left: 25%;
}
.column.offset-2 {
  margin-left: 16.66666667%;
}
.column.offset-1 {
  margin-left: 8.33333333%;
}
.column-group.fixed {
  display: table;
}
.column-group.fixed > .column {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.column-group.fixed > .column.col-fixed {
  min-width: 350px;
  max-width: 350px;
  width: 350px;
}
.column-group.fixed > .column.col-fill {
  width: 100%;
}
.column-group.full-width {
  padding: 20px;
  margin: 0px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.animate-blink {
  animation: blinker 1s linear infinite;
}
#main-app-fixed {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 90;
}
#main-app-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%;
  height: 100%;
  min-height: 100%;
  /*padding: 100px 0px 0px 0px;*/
  padding: 80px 0px 0px 0px;
  position: relative;
}
.system-module-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
}
#outdated-browser-message {
  background-color: #f25648;
  color: #ffffff;
  display: none;
  left: 0;
  position: absolute;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1500;
}
#outdated-browser-message #btn-update-browser {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  color: #666;
  cursor: pointer;
  display: block;
  margin: 5px auto 0;
  padding: 0px 5px;
  position: relative;
  text-decoration: none;
  width: 230px;
  /*need for IE*/
}
/**
 *  HEADER
 **/
#header {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  background-color: #FFFFFF;
  border-width: 0px;
  /*height: 100px;*/
  height: 80px;
  /*padding: @gutter @gutter @gutter 80px;*/
  padding: 10px 10px 10px 60px;
  z-index: 90;
  /*.weather {
    .box-sizing();

    color: @theme-color-grey-primary;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;    
    padding: 4px 0px;
    text-align: left;
    text-transform: initial;
    vertical-align: middle;

    > div {
      .box-sizing();

      font-size: inherit;
      height: 18px;
      line-height: 18px;
      line-height: inherit;
    }
    
    .icon {
      display: inline-block;
      font-weight: bold;
      margin-right: 4px;
      text-align: center;
      vertical-align: middle;
      width: 30px;
      
      .fa {        
        font-size: 12px;
        font-weight: normal;
        line-height: inherit; 
      }

      .wi {        
        font-size: 12px;
        font-weight: normal;
        line-height: inherit; 
      }
    }
  }*/
  /*
  #system-datetime {    
    display: inline-block;
    margin: 0px; 
    overflow: hidden;
    padding: 0px;
    text-align: left;  
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; 

    > div { 
      display: inline-block;
      vertical-align: middle;
    }
    
    .time {
      color: #477546;      
      display: inline-block;
      font-family: @header-company-font-family;      
      font-size: 24px;
      font-weight: bold;
      font-weight: normal;      
      line-height: 30px;      
      vertical-align: middle;
      white-space: nowrap;
    }

    .day {
      line-height: 20px;
    }

    .week {
      display: inline-block;
      margin: 5px 0px 5px 20px;
      text-align: center;

      .number {
        color: #116AA0;        
        display: inline-block;
        font-family: @header-company-font-family;        
        font-size: 24px;
        font-weight: bold;
        font-weight: normal;        
        line-height: 30px;      
        vertical-align: middle;
        white-space: nowrap;
      }

      .label {
        line-height: 20px;
      }
    }
  }
  */
}
#header .btn-toggle-system-menu {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #477546;
  color: #FFF;
  cursor: pointer;
  font-size: 30px;
  /*height: 100px;*/
  height: 80px;
  left: 0px;
  line-height: 60px;
  /*min-height: 100px;*/
  min-height: 80px;
  padding: 20px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 60px;
}
#header .current-module {
  height: 30px;
  line-height: 30px;
}
#header .current-module > span {
  line-height: inherit;
}
#header .current-module > span + span {
  margin-left: 5px;
}
#header .current-module > span.icon-container {
  margin-left: 10px;
}
#header .current-module > span.icon-container .icon {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #616161;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  margin: 1px;
  overflow: hidden;
  padding: 2px 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
#header .current-module > span.icon-container .icon.dashboard-counter {
  background-color: #1976D2;
}
#header .current-module > span.icon-container .icon.dashboard-management {
  cursor: pointer;
}
#header .current-module a {
  border-width: 0px;
  padding: 0px;
}
#header .section {
  display: inline-block;
  height: 100%;
  min-width: 40px;
  overflow: hidden;
  padding: 0px 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}
#header .section.fill {
  flex: 1;
}
#header .section.pull-right {
  float: right;
}
#header .section.missioncontrol {
  display: none;
}
#header .section + .section {
  border-left: 1px solid #e6e7e7;
}
#header .counter {
  background-color: #92c35a;
  /*border-radius: 50%;*/
  color: #FFF;
  display: block;
  /*height: 24px;*/
  /*height: 24px;*/
  /*line-height: 24px;*/
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  /*width: 24px;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-size: 14px;
  font-weight: 900;
}
#header .button {
  color: #477546;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  height: 45px;
  height: 55px;
  line-height: 45px;
  line-height: 55px;
  padding: 0px 10px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
#header .search {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-color: #e6e7e7;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  display: inline-block;
  height: 40px;
  margin: 10px;
  vertical-align: middle;
}
#header .search input[type="text"] {
  background-color: transparent;
  border-width: 0px;
  line-height: 28px;
  width: 175px;
}
#header .search .icon {
  color: #e6e7e7;
}
#header .company-logo,
#header .account-photo {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
#header .company {
  display: inline-block;
  margin: 0px 10px;
  vertical-align: middle;
}
#header .company .company-name {
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 32px;
  font-weight: normal;
  line-height: 30px;
  /*line-height: 36px;*/
  white-space: nowrap;
}
#header .company-logo {
  max-height: 60px;
  max-width: 75px;
}
#header .system-announcement {
  display: table;
  width: 300px;
}
#header .system-announcement * {
  font-size: 14px;
  line-height: 16px;
}
#header .system-announcement a {
  color: #116AA0;
  text-decoration: underline;
}
#header .system-announcement > * {
  display: table-cell;
}
#header .system-announcement > .icon {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #116AA0;
  color: #FFF;
  min-width: 50px;
  text-align: center;
  vertical-align: middle;
}
#header .system-announcement > .icon .fa {
  font-size: 24px;
}
#header .system-announcement .title {
  font-weight: bold;
}
#header .system-announcement .description {
  background-color: #E0E0E0;
  height: 50px;
  min-width: 400px;
  padding: 4px;
  white-space: initial;
}
#header .system-announcement .date-time {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #E0E0E0;
  padding: 4px;
  vertical-align: middle;
}
#header .system-announcement .date-time .icon {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
#header .account {
  display: inline-block;
  margin: 0px 10px;
  vertical-align: middle;
}
#header .account .account-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}
#header .account-photo {
  /*background-position: center;
    background-size: contain;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    height: 56px;
    line-height: 56px;
    text-align: center; 
    width: 56px;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  color: #9E9E9E;
  cursor: pointer;
  font-size: 40px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
}
#header #system-datetime {
  margin: 7px 0px;
  text-align: right;
  /*> div {
      line-height: 12px;
      text-align: right;    
    } */
}
#header #system-datetime .info {
  display: inline-block;
  vertical-align: middle;
}
#header #system-datetime .clock {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  background-color: #116AA0;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  height: 42px;
  line-height: 42px;
  margin: 0px 0px 0px 2px;
  text-align: center;
  vertical-align: middle;
  width: 42px;
}
/**
 *  SYSTEM-MENU
 **/
.system-menu {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  bottom: 0px;
  overflow: hidden;
  position: fixed;
  top: 0px;
  z-index: 100;
}
.system-menu .header {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  /*height: 100px;*/
  height: 80px;
  /*min-height: 100px;*/
  min-height: 80px;
  /*padding: @gutter;*/
  padding: 10px;
}
.system-menu .header .btn-toggle-system-menu {
  color: #FFF;
  cursor: pointer;
  font-size: 30px;
  line-height: 60px;
  position: absolute;
  right: 20px;
}
.system-menu .content {
  position: absolute;
  /*top: 100px;*/
  top: 80px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.system-menu.open {
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
}
#system-module-menu {
  width: 400px;
  left: -400px;
  background-color: #477546;
}
#system-module-menu .btn-module-pinned.pinned {
  background-color: #92c35a;
}
#system-module-menu .notification-counter {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*.rounded(50%);*/
  background-color: #92c35a;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  /*height: 30px;*/
  /*line-height: 30px;*/
  text-align: center;
  /*width: 30px;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-size: 14px;
  font-weight: 900;
}
#system-module-menu .content ul.items {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
#system-module-menu .content ul.items li {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-row;
  cursor: pointer;
  padding: 0px 20px;
}
#system-module-menu .content ul.items li:hover {
  background-color: #30462f;
}
#system-module-menu .content ul.items li > * {
  display: table-cell;
}
#system-module-menu .content ul.items li > a {
  color: #FFF;
  cursor: pointer;
  font-family: "DeliciousSmallCaps";
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  border-width: 0px;
  padding: 0px;
}
#system-module-menu.open {
  left: 0px;
}
#system-module-menu.open .header .system-logo {
  background-image: url('/css/images/ems_logo_white.png');
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  /*height: 100%;*/
  text-align: right;
  width: 100%;
  height: 50px;
  margin: 5px 0px;
}
#system-module-menu.open .content {
  overflow-y: auto;
}
#system-module-menu.open .content ul.items > li .icon {
  width: 50px;
  text-align: center;
  color: #FFF;
}
#system-quick-menu {
  left: 0px;
  width: 60px;
  background-color: #477546;
}
#system-quick-menu .notification-counter {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*.rounded(50%);*/
  background-color: #92c35a;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  /*height: 18px;*/
  /*line-height: 18px;*/
  position: absolute;
  right: 4px;
  text-align: center;
  top: 6px;
  /*width: 20px;*/
  /*font-size: 10px;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 16px;
  line-height: 16px;
  width: 16px;
  font-size: 12px;
  font-weight: 900;
}
#system-quick-menu ul.items {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
#system-quick-menu ul.items li {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: table-row;
  padding: 0px 20px;
  position: relative;
}
#system-quick-menu ul.items li:hover {
  background-color: #30462f;
}
#system-quick-menu ul.items li > * {
  display: table-cell;
}
#system-quick-menu ul.items li > a {
  border-width: 0px;
  color: #FFF;
  cursor: pointer;
  font-family: "DeliciousSmallCaps";
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  padding: 0px;
  position: relative;
  text-align: center;
  text-decoration: none;
}
/**
 *  ACCOUNT-MENU
 **/
#system-account-menu {
  right: -400px;
  width: 400px;
  background-color: #FFF;
}
#system-account-menu.open {
  right: 0px;
}
#system-account-menu .header {
  display: table;
  width: 100%;
  padding: 0px;
  border-spacing: 10px;
}
#system-account-menu .header > * {
  display: table-cell;
  vertical-align: middle;
}
#system-account-menu .header .account-photo {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      border-radius: 50%;
      cursor: pointer;
      font-size: 30px;
      height: 56px;
      line-height: 56px;
      text-align: center;      
      width: 75px;
      */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  color: #9E9E9E;
  cursor: pointer;
  font-size: 40px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
}
#system-account-menu .header .account-name {
  margin: 0 10px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}
#system-account-menu .content {
  bottom: 61px;
  overflow-y: auto;
  padding: 20px;
}
#system-account-menu .button-bar {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #E0E0E0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#system-account-menu .button-bar a {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 40px;
  line-height: 38px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #b7b7b7;
  margin: 0px 5px;
  padding: 0px 5px;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  border-color: #CC2036;
  background-color: #db4c3f;
  color: #FFF;
}
#system-account-menu .button-bar a:hover {
  background-color: #c33224;
  border: 1px solid #74121f;
}
#system-account-menu .menu a {
  color: inherit;
  line-height: 40px;
  padding: 0px;
  text-decoration: none;
}
#system-account-menu .menu li.domain-label {
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
}
#system-account-menu .menu li + .domain-label {
  margin-top: 30px;
}
#system-account-menu .menu li > a {
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px;
}
#system-account-menu .menu li > a:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #EEE;
  border: 1px solid #E0E0E0;
}
#system-account-menu .menu .company-logo {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  margin: 0px 10px;
  vertical-align: middle;
  width: 30px;
}
#system-account-menu .info-container .column-group {
  margin: 0px;
  padding: 15px;
}
#system-account-menu .info-container + .info-container {
  border-top: 1px solid #E0E0E0;
}
#system-account-menu .side-menu-footer {
  bottom: 0px;
  font-size: 24px;
  left: 0px;
  line-height: 45px;
  padding: 20px;
  right: 0px;
}
#system-message-loading {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  background-color: #FFF;
  border-bottom-color: #518EC2;
  border-left-color: #357EBD;
  border-right-color: #357EBD;
  border-style: solid;
  border-top-color: #518EC2;
  border-width: 10px;
}
#system-message-container {
  bottom: 15px;
  left: 80px;
  max-width: 640px;
  position: fixed;
  z-index: 10000;
}
.system-message {
  background-color: #FFF;
  color: #000;
  line-height: 22px;
  padding: 5px;
  text-align: center;
  z-index: 1000;
}
.system-message.quickcommand {
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #FFF;
  cursor: pointer;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 5px 0px 0px 0px;
  min-width: 30px;
  overflow: hidden;
  padding: 5px 15px 5px 45px;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1000;
}
.system-message.quickcommand:empty {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 5px;
}
.system-message.quickcommand.success:before {
  color: #FFF;
  content: "\f00c";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  height: 40px;
  left: 5px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  vertical-align: middle;
  width: 30px;
}
.system-message.quickcommand.danger:before,
.system-message.quickcommand.warning:before {
  color: #FFF;
  content: "\f071";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  height: 40px;
  left: 5px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  vertical-align: middle;
  width: 30px;
}
.system-message.quickcommand.info:before {
  color: #FFF;
  content: "\f071";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  height: 40px;
  left: 5px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  vertical-align: middle;
  width: 30px;
}
.system-message .btn-close {
  float: right;
  cursor: pointer;
  display: none;
}
.system-message.success {
  background-color: #477546;
  color: #FFF;
}
.system-message.info {
  background-color: #116AA0;
  color: #FFF;
}
.system-message.warning {
  background-color: #FBC02D;
  color: #FFF;
}
.system-message.alert {
  background-color: #DF772A;
  color: #FFF;
}
.system-message.danger {
  background-color: #CC2036;
  color: #FFF;
}
.module-error {
  bottom: 0;
  height: 350px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 480px;
}
.module-error > div {
  margin: 5px 0px;
}
.module-error .module-error-code span {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  font-size: 150px;
  margin: 0px 15px;
}
.full-page-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  padding: 20px;
  max-width: 100% !important;
  margin: 0 auto;
  position: relative;
}
.full-page-container > .panel {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  width: 100%;
  padding: 40px 0px 0px 0px;
}
.full-page-container > .panel .panel-header {
  left: 0px;
  min-height: 40px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.full-page-container > .panel .panel-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  height: 100%;
  overflow: auto;
}
.system-update-content h1 {
  border-bottom: 1px solid silver;
  font-size: 24px;
  line-height: 55px;
  margin-bottom: 15px;
}
.system-update-content ul {
  margin-bottom: 15px;
}
.system-update-content ul > li {
  list-style-type: disc;
  margin-left: 30px;
}
/**
 *  PANELS
 **/
.panel {
  margin: 0px;
  padding: 0px;
  border: none;
  position: relative;
}
.panel .panel-header {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 40px;
  line-height: 40px;
  background-color: #477546;
  border-radius: 2px 2px 0px 0px;
  position: relative;
  font-weight: bold;
  padding: 0px 2px;
  font-size: 16px;
  overflow: hidden;
}
.panel .panel-header .panel-header-icon {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #30462f;
  color: #FFF;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  width: 32px;
  margin: 4px 2px;
}
.panel .panel-header .panel-header-icon > i {
  line-height: inherit;
  font-size: 22px;
}
.panel .panel-header .panel-header-icon.filter,
.panel .panel-header .panel-header-icon.ui-sortable-handle {
  display: block;
}
.panel .panel-header .panel-header-icon.filter {
  cursor: pointer;
}
.panel .panel-header .panel-header-icon + .panel-header-icon {
  /*border-width: 0px 0px 0px 1px;*/
  /*border-style: solid;*/
  /*border-color: @theme-color-grey-secondary;*/
}
.panel .panel-header .panel-header-title {
  padding: 0px 10px;
  font-size: 18px;
  font-family: "DeliciousSmallCaps";
  color: #FFF;
  line-height: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  height: 40px;
  flex: 1;
}
.panel .panel-header .panel-header-search {
  padding: 5px;
}
.panel .panel-header .panel-header-search input[type=search] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: 1px solid #E0E0E0;
  outline: none;
  position: relative;
  border: 1px solid #B7B7B7;
  padding: 0px 5px;
  height: 30px;
  line-height: 28px;
}
.panel .panel-header .panel-header-tabs {
  float: right;
  height: 100%;
  vertical-align: middle;
  margin: 0px;
}
.panel .panel-header .panel-header-tabs ul > li {
  background-color: transparent;
  color: #FFF;
  display: inline-block;
  min-width: 50px;
  padding: 0px 10px;
  line-height: 30px;
  height: 100%;
  cursor: pointer;
  line-height: 40px;
  font-weight: normal;
}
.panel .panel-header .panel-header-tabs ul > li > a {
  color: inherit;
  border-width: 0px;
  padding: 0px;
}
.panel .panel-header .panel-header-tabs ul > li > .tab-icon {
  margin: 0px 5px 0px 0px;
}
.panel .panel-header .panel-header-tabs ul > li.active {
  background-color: #FFF;
  color: initial;
}
.panel .panel-header .panel-header-badge {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  min-width: 30px;
  height: 30px;
  background-color: #92c35a;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  color: #FFF;
  float: right;
  vertical-align: middle;
  margin: 5px;
}
.panel .panel-content,
.panel .panel-footer,
.panel .panel-table,
.panel .panel-list:empty,
.panel .panel-list > li {
  margin: 0px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #E0E0E0;
  background-color: #FFF;
  position: relative;
}
.panel .table-groups {
  background-color: #FFF;
}
.panel .table-groups > tbody:first-child {
  border-top: 1px solid #FFF;
}
.panel .panel-content,
.panel .panel-footer,
.panel .panel-list > li {
  padding: 5px;
}
.panel .panel-footer {
  border-style: solid;
  text-align: center;
  padding: 10px;
  position: relative;
}
.panel .panel-footer:before {
  content: "";
  display: block;
  padding: 2px 0;
  line-height: 1px;
  border-top: 1px solid #616161;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -1px;
}
.panel .panel-content {
  padding: 20px;
}
.panel .panel-content:empty {
  display: none;
}
.panel .panel-content h2 {
  margin: 0px;
}
.panel .panel-content form {
  margin: 0px;
  padding: 0px;
}
.panel .panel-content form:after {
  content: none;
}
.panel .panel-content > .column-group {
  margin: 0px;
  padding: 0px;
}
.panel .panel-content.panel-filter {
  position: relative;
  padding-left: 50px;
}
.panel .panel-content.panel-filter button {
  margin-left: 15px;
}
.panel .panel-content.panel-filter:before {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: FontAwesome;
  content: "\f0b0";
  background-color: #9E9E9E;
  color: #FFF;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 5px;
  top: 5px;
}
.panel .panel-table tbody {
  border-width: 1px 0px 0px 0px;
  border-color: #E0E0E0;
  border-style: solid;
}
.panel .panel-table tbody:first-child {
  border-width: 0px;
}
.panel .panel-list:empty {
  height: 30px;
}
.panel .dynamic-table-container + .panel-content {
  border-width: 1px 1px 0px 1px;
}
.panel > div:first-child:not(.panel-header) {
  border-width: 1px 1px 1px 1px;
}
.panel + .panel {
  margin-top: 20px;
}
.panel.disabled .panel-header {
  background-color: #E0E0E0;
  background-image: url("./images/ro_40.png");
}
.panel.disabled .panel-header .panel-header-title {
  color: #616161;
}
.panel.disabled .panel-header-icon {
  background-color: #616161;
  background-image: url("./images/ro_40.png");
}
.panel.disabled .panel-footer {
  border-top-color: #616161;
}
#dashboard {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 100%;
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 10px;
  overflow-x: auto;
}
#dashboard .grid-layout {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
}
#dashboard.management .grid-layout {
  display: block;
  background-image: url('/css/images/dashboard_grid.svg');
}
#dashboard.management .gs-w {
  overflow: hidden;
}
#dashboard.management .widget-controls {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  max-height: 50px;
  padding: 0;
  text-align: center;
  z-index: 1000;
}
.gridster {
  min-height: 640px;
  margin: 0px;
}
.gridster > ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.gridster .gs-w.dragging {
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}
.gridster .preview-holder {
  background-color: #E0E0E0;
  background-image: url("/css/images/ro_40.png");
  border: 1px solid #E0E0E0;
}
.gridster .widget-controls {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  left: 0px;
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
  z-index: 10;
}
.gridster .widget-controls .title {
  display: block;
  max-width: 100%;
  padding: 0 40px;
  font-weight: bold;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: move;
}
.gridster .widget-controls .btn-delete,
.gridster .widget-controls .btn-settings {
  position: absolute;
  display: inline-block;
  height: 20px;
  margin: 5px;
  padding: 5px 10px;
  color: #FFF;
  cursor: pointer;
}
.gridster .widget-controls .btn-delete {
  top: 0;
  right: 0;
  background-color: #CC2036;
}
.gridster .widget-controls .btn-settings {
  top: 0;
  left: 0;
  background-color: #116AA0;
}
#dashboard-management {
  bottom: 20px;
  left: 20px;
  position: fixed;
  z-index: 10000;
}
#dashboard-management > .button {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
#dashboard-management > .button + .button {
  margin-left: 20px;
}
#dashboard-management .dashboard-control {
  background-color: #B7B7B7;
}
#dashboard-management .widget-store {
  background-color: #477546;
  display: none;
}
#dashboard-management.open .dashboard-control {
  background-color: #116AA0;
}
#dashboard-management.open .widget-store {
  display: inline-block;
}
.gridster-mobile {
  display: none;
}
.gridster-mobile > div {
  margin: 20px;
}
.dashboard-widget {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.dashboard-widget section {
  background-color: #FFF;
  padding: 10px 0;
}
.dashboard-widget section + section {
  padding: 5px 0;
}
.dashboard-widget .panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.dashboard-widget .panel > div:last-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dashboard-widget .panel .panel-search {
  flex: 0 0 30px;
}
.dashboard-widget .panel .panel-search input[type=search] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  height: 30px;
  padding: 0 5px;
  background-color: #FAFAFA;
  border: 1px solid #E0E0E0;
  border-bottom: 1px solid #9E9E9E;
  line-height: 28px;
  vertical-align: middle;
  outline: none;
}
.dashboard-widget .panel .panel-header {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  min-height: 40px;
  background-color: #FFF;
  border: 1px solid #B7B7B7;
  color: #30462f;
}
.dashboard-widget .panel .panel-header .panel-header-title {
  font-family: "LatoLight";
  font-size: 16px;
  color: #30462f;
}
.dashboard-widget .panel .panel-header .panel-header-icon {
  background-color: #FFF;
  color: #30462f;
}
.dashboard-widget .panel .panel-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1;
  padding: 5px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #B7B7B7;
  overflow-y: auto;
}
.dashboard-widget .panel .panel-content.auto-height {
  flex: initial;
}
.dashboard-widget .panel .panel-footer {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #B7B7B7;
}
.dashboard-widget .panel .panel-footer.menu {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #477546;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #B7B7B7;
  color: #FFF;
  text-align: right;
}
.dashboard-widget .panel .panel-footer.menu > .btn-function {
  float: left;
  width: 45px;
  height: 45px;
  margin: -10px 0 -10px -10px;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #B7B7B7;
  line-height: 45px;
  text-align: center;
}
.dashboard-widget .panel .panel-footer.menu > .btn-continue {
  float: right;
}
.dashboard-widget .panel .panel-footer.menu > .btn-continue > .icon {
  margin: 0 0 0 10px;
}
.dashboard-widget .widget-square-container {
  margin: 0 -20px 0 0;
}
.dashboard-widget .widget-square {
  display: block;
  float: left;
  width: 110px;
  height: 110px;
  margin: 0 10px 10px 0;
  box-sizing: border-box;
}
#widget-store .widget {
  cursor: pointer;
}
#widget-store .widget .icon {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #477546;
  color: #FFF;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}
#widget-store .widget .icon i.fa {
  cursor: inherit;
}
.module-menu {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  bottom: 0px;
  display: block;
  padding: 10px 15px;
  position: fixed;
  right: 0px;
  /*top: 100px;*/
  top: 80px;
  width: 225px;
  z-index: 80;
}
.module-menu button,
.module-menu .fancy-upload {
  display: block;
  width: 100%;
  margin: 0px 0px 5px 0px;
  position: relative;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
}
.module-menu button > .icon,
.module-menu .fancy-upload > .icon,
.module-menu button label,
.module-menu .fancy-upload label {
  display: inline-block;
  line-height: 28px;
}
.module-menu button > .icon,
.module-menu .fancy-upload > .icon {
  margin: 0px;
  width: 30px;
  text-align: center;
  vertical-align: middle;
}
.module-menu section + section {
  border-top: 1px solid #E0E0E0;
  margin-top: 20px;
  padding-top: 20px;
}
.module-menu section + .panel {
  margin-top: 20px;
}
.module-menu .module-menu-tabs {
  margin: -10px -15px 0px -15px;
  display: table;
  width: 100%;
}
.module-menu .module-menu-tabs > li {
  cursor: pointer;
  display: inline-block;
  display: table-cell;
  width: 50%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #30462f;
}
.module-menu .module-menu-tabs > li > .fa {
  font-size: 24px;
}
.module-menu .module-menu-tabs > li.primary {
  background-color: #30462f;
  color: #FFF;
}
.module-menu .tab-content {
  position: absolute;
  top: 40px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
}
.module-menu .tab-content h1 {
  font-family: "DeliciousSmallCaps";
  font-weight: normal;
  color: #30462f;
  font-size: 22px;
  margin: 0px 0px 15px 0px;
}
.module-menu .tab-content .primary {
  background-color: #30462f;
  color: #FFF;
}
.module-menu .tab-content .primary h1 {
  color: #FFF;
}
.module-menu .tab-content .primary button {
  background-color: #FFF;
  color: #30462f;
}
.module-menu .tab-content .primary button i.fa {
  color: inherit;
}
.module-menu .tab-content .section {
  padding: 15px;
}
.module-menu .tab-content .section + .section {
  border-top: 1px solid #E0E0E0;
}
.module-menu .tab-content > div {
  display: none;
}
.module-menu .tab-content > div.active {
  display: block;
}
#mission-control-container {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 0px;
  /*top: 100px;*/
  top: 80px;
  bottom: 0px;
  width: 0px;
  z-index: 80;
}
#mission-control-container.open {
  width: 500px;
}
#mission-control-container.quick-menu.open {
  width: 500px;
}
#mission-control-container .mission-control-quick-menu {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  position: absolute;
  width: 50px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #f8f8f8;
  z-index: 1000;
  border-left: 1px solid #E0E0E0;
}
#mission-control-container .mission-control-quick-menu .btn-quick-menu {
  cursor: pointer;
  height: 40px;
  Line-height: 40px;
  padding: 0px 20px;
}
#mission-control-container .mission-control-quick-menu .section.navigation {
  background-color: #616161;
}
#mission-control-container .mission-control-quick-menu .section.navigation ul.items > li {
  color: #FFF;
}
#mission-control-container .mission-control-quick-menu .section.navigation ul.items > li:hover {
  background-color: inherit;
}
#mission-control-container .mission-control-quick-menu .section.navigation ul.items > li .icon {
  color: #FFF;
}
#mission-control-container .mission-control-quick-menu .section h1 {
  display: none;
  font-size: 18px;
  font-family: "DeliciousSmallCaps";
  color: #477546;
}
#mission-control-container .mission-control-quick-menu.open {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  width: 250px;
}
#mission-control-container .mission-control-quick-menu.open .section h1 {
  display: block;
  padding: 15px 10px;
}
#mission-control-container .mission-control-quick-menu.open .section.navigation h1 {
  display: block;
  color: #FFF;
}
#mission-control-container .mission-control-quick-menu.open ul.items li label {
  display: inline-block;
  vertical-align: middle;
}
#mission-control-container .mission-control-quick-menu ul.items {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mission-control-container .mission-control-quick-menu ul.items li {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 20px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  border-bottom: 1px solid #E0E0E0;
}
#mission-control-container .mission-control-quick-menu ul.items li:first-child {
  border-top: 1px solid #E0E0E0;
}
#mission-control-container .mission-control-quick-menu ul.items li:hover {
  background-color: #EEEEEE;
}
#mission-control-container .mission-control-quick-menu ul.items li > a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
}
#mission-control-container .mission-control-quick-menu ul.items li label {
  display: none;
  margin-left: 20px;
  cursor: pointer;
}
#mission-control-container .mission-control-quick-menu ul.items li .icon {
  display: inline-block;
  vertical-align: middle;
  color: #477546;
  width: 20px;
  font-size: 20px;
  text-align: center;
}
#mission-control-container .mission-control-navigation {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 100%;
  top: 0px;
}
#mission-control-container .mission-control-navigation > .btn-close-slide {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: block;
  width: 42px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  background-color: #db4c3f;
  border-width: 0px;
  color: #FFF;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #E0E0E0;
}
#mission-control-container .mission-control-navigation > .btn-close-slide:hover {
  background-color: #c33224;
}
#mission-control-container .mission-control-navigation > .btn-show-slide {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #E0E0E0;
  background-color: #EEEEEE;
  color: #616161;
}
#mission-control-container .mission-control-navigation > .btn-show-slide.active {
  background-color: #FFF;
  color: inherit;
  border-right-color: #FFF;
}
#mission-control-container .mission-control-navigation > .btn-show-slide + .btn-show-slide {
  /*border-width: 0px 0px 1px 1px;*/
}
#mission-control-container .mission-control-navigation:empty {
  display: none;
}
#mission-control-container .mission-control-slides {
  background-color: #FFF;
  position: relative;
  width: 500px;
  height: 100%;
}
#mission-control-container .mission-control-slides .mission-control-slide {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFF;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
#mission-control-container .mission-control-slides .mission-control-slide .mission-control-slide-title {
  display: none;
  line-height: 40px;
  padding: 0px 10px 0px 10px;
  height: 40px;
  overflow: auto;
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #E0E0E0;
}
#mission-control-container .mission-control-slides .mission-control-slide .mission-control-slide-title > h1 {
  line-height: 40px;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  font-family: "DeliciousSmallCaps";
  color: #477546;
}
#mission-control-container .mission-control-slides .mission-control-slide-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
#mission-control-container .mission-control-slides .mission-control-slide-content section + section {
  border-top: 1px solid #E0E0E0;
  margin-top: 20px;
  padding-top: 20px;
}
#mission-control-container .mission-control-slides .mission-control-slide-content section + .panel {
  margin-top: 20px;
}
#mission-control-container .mission-control-slides .mission-control-slide-content section:empty {
  display: none;
}
#mission-control-container .mission-control-slides .mission-control-slide-content section > .object-information {
  border-color: transparent;
  padding: 0px;
}
#mission-control-container .mission-control-slides .mission-control-slide-content section > .object-information table.basic {
  margin-bottom: 0px;
}
#mission-control-container .mission-control-slides .mission-control-slide-content table.basic {
  margin-bottom: 20px;
}
#mission-control-container .mission-control-slides .slide-container {
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#mission-control-container .mission-control-slides .slide-container .content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 60px;
  left: 0px;
  max-height: 100%;
  overflow-y: auto;
  padding: 20px 20px 20px 20px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#mission-control-container .mission-control-slides .slide-container .footer {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-top: 1px solid #E0E0E0;
  bottom: 0px;
  height: 60px;
  left: 0px;
  padding: 10px;
  position: absolute;
  right: 0px;
  text-align: center;
}
#mission-control-container .mission-control-slides .mission-control-buttonbar {
  background-color: #f8f8f8;
  border-color: #E0E0E0;
  border-style: solid;
  border-width: 1px 0px;
  margin: 10px -20px;
  padding: 10px 0;
  text-align: center;
}
#mission-control-container .mission-control-slides .mission-control-buttonbar + section {
  border-top: 1px solid transparent;
}
#mission-control-container .mission-control-slides .mission-control-buttonbar.button-grid button {
  width: 200px;
  margin: 5px;
  text-align: left;
}
#mission-control-container .mission-control-slides .mission-control-buttonbar.button-grid.col-3 button {
  width: 130px;
}
#mission-control-container .mission-control-slides .mission-control-slide-buttonbar {
  height: 40px;
  line-height: 40px;
  padding: 10px;
  text-align: center;
  border-top: 1px solid #E0E0E0;
}
#mission-control-container .mission-control-slides .mission-control-slide-buttonbar:empty {
  display: none;
}
#mission-control-container .mission-control-slides .mission-control-slide-buttonbar > button {
  min-width: 50px;
}
form.basic + form.basic {
  margin-top: 20px;
}
form.basic fieldset > legend {
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 27px;
  padding: 0px 5px;
}
form.basic fieldset > ul {
  display: table;
  border-spacing: 5px 10px;
  width: 100%;
}
form.basic fieldset > ul > li {
  display: table-row;
}
form.basic fieldset > ul > li > * {
  display: table-cell;
  vertical-align: top;
  /*
        height: 30px;
        line-height: 30px;
        */
  box-sizing: border-box;
  border-width: 0px;
}
form.basic fieldset > ul > li > label {
  width: 1%;
  white-space: nowrap;
  line-height: 20px;
  padding: 10px 0px;
}
form.basic fieldset > ul > li > label + span {
  width: 100%;
  position: relative;
  vertical-align: middle;
}
.input-time-selector input[type=number] {
  padding: 0px;
  width: 25px;
}
.input-time-selector input[type=number].minute {
  width: 50px;
}
.input-time-selector .spacer {
  font-size: 20px;
  font-weight: bold;
  padding: 5px;
}
/**
 * FORM ELEMENTS
 **/
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
input[type=file],
select,
textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  line-height: 38px;
  padding: 0px 5px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #b7b7b7;
  background-color: #FFF;
  outline: none;
  width: 100%;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=time]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=file]:disabled,
select:disabled,
textarea:disabled {
  background-color: #E0E0E0;
}
input[type=text].info,
input[type=password].info,
input[type=email].info,
input[type=url].info,
input[type=time].info,
input[type=date].info,
input[type=datetime-local].info,
input[type=tel].info,
input[type=number].info,
input[type=search].info,
input[type=file].info,
select.info,
textarea.info {
  border-color: #116AA0;
  background-color: #2196F3;
  color: #FFF;
}
input[type=text].success,
input[type=password].success,
input[type=email].success,
input[type=url].success,
input[type=time].success,
input[type=date].success,
input[type=datetime-local].success,
input[type=tel].success,
input[type=number].success,
input[type=search].success,
input[type=file].success,
select.success,
textarea.success {
  border-color: #185333;
  background-color: #477546;
  color: #FFF;
}
input[type=text].warning,
input[type=password].warning,
input[type=email].warning,
input[type=url].warning,
input[type=time].warning,
input[type=date].warning,
input[type=datetime-local].warning,
input[type=tel].warning,
input[type=number].warning,
input[type=search].warning,
input[type=file].warning,
select.warning,
textarea.warning {
  border-color: #DF772A;
  background-color: #FF9800;
  color: #FFF;
}
input[type=text].danger,
input[type=password].danger,
input[type=email].danger,
input[type=url].danger,
input[type=time].danger,
input[type=date].danger,
input[type=datetime-local].danger,
input[type=tel].danger,
input[type=number].danger,
input[type=search].danger,
input[type=file].danger,
select.danger,
textarea.danger {
  border-color: #CC2036;
  background-color: #db4c3f;
  color: #FFF;
}
input[type]:not([type="hidden"]) + input[type]:not([type="hidden"]),
input[type]:not([type="hidden"]) + .select-searchable-container,
input[type]:not([type="hidden"]) + .time-picker-container {
  margin-left: 10px;
}
*[size] {
  width: auto !important;
  min-width: initial !important;
}
textarea {
  width: 100%;
  min-height: 4em;
  line-height: initial;
  padding: 5px;
}
textarea.medium {
  min-height: 8em;
}
textarea.large {
  min-height: 16em;
}
input[type=number] {
  width: 75px;
  text-align: right;
  padding: 0px 0px 0px 5px;
}
input[type=file] {
  padding: 0px 5px;
}
input[type=checkbox],
input[type=radio] {
  margin: 3px 2px;
  position: relative;
  height: 16px;
  width: 16px;
}
/*
input[type=checkbox] {
  .transition(0.15s);

  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 1px 10px 1px 1px;
  position: relative;
  vertical-align: top;
  visibility: hidden;
  width: 20px;

  &::after {
    .transition(0.15s);
    .rounded(4px);

    background-color: #FFF;
    border: 1px solid @theme-color-grey-secondary;
    color: @theme-color-grey-secondary;
    font-family: "FontAwesome";
    content: "";
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    visibility: visible;
    width: 20px;
    z-index:10;
  }

  &:checked::after {
    border-color: @input-checked-color;
    background-color: @input-checked-color;
    content: "\f00c";
    color: #fff;
  }

  &:not(:checked):hover::after {
    content: "\f00c";
    color: @theme-color-grey-secondary;
  }
}
*/
/*
input[type=radio] {
  .transition(0.15s);

  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 1px 10px 1px 1px;
  position: relative;
  vertical-align: top;
  visibility: hidden;
  width: 20px;

  &::after {
    .transition(0.15s);
    .rounded(50%);

    background-color: #FFF;
    border: 1px solid @theme-color-grey-secondary;
    color: @theme-color-grey-secondary;
    font-family: "FontAwesome";
    content: "";
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    visibility: visible;
    width: 20px;
    z-index:10;
  }

  &:checked::after {
    border-color: @input-checked-color;
    background-color: @input-checked-color;
    content: "\f00c";
    color: #fff;
  }

  &:not(:checked):hover::after {
    content: "\f00c";
    color: @theme-color-grey-secondary;
  }
}
*/
input[type=date] {
  width: auto;
  text-align: center;
  min-width: initial !important;
}
input[type=date]::-webkit-clear-button {
  display: none;
  /* Hide the button */
  -webkit-appearance: none;
  /* turn off default browser styling */
}
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}
input[type=time] {
  width: 80px;
  text-align: center;
  min-width: initial !important;
}
input[type=time]::-webkit-clear-button {
  display: none;
  /* Hide the button */
  -webkit-appearance: none;
  /* turn off default browser styling */
}
input[type=time]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}
input[type=number] {
  width: 75px;
  text-align: right;
}
input[type=number].small,
input[type=text].small,
input[type=search].small {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
}
input[type=number].medium,
input[type=text].medium,
input[type=search].medium {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
}
input[type=number].large,
input[type=text].large,
input[type=search].large {
  max-width: 125px;
  min-width: 125px;
  width: 125px;
}
input[type=text] {
  min-width: 150px;
}
input[type=button],
input[type=submit],
input[type=reset],
button,
.fancy-upload {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #b7b7b7;
  margin: 0px 5px;
  padding: 0px 5px;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #477546;
  cursor: pointer;
  color: #FFF;
}
input[type=button] + input[type=button],
input[type=submit] + input[type=button],
input[type=reset] + input[type=button],
button + input[type=button],
.fancy-upload + input[type=button],
input[type=button] + input[type=reset],
input[type=submit] + input[type=reset],
input[type=reset] + input[type=reset],
button + input[type=reset],
.fancy-upload + input[type=reset],
input[type=button] + button,
input[type=submit] + button,
input[type=reset] + button,
button + button,
.fancy-upload + button {
  margin-left: 20px;
}
input[type=button] .fa,
input[type=submit] .fa,
input[type=reset] .fa,
button .fa,
.fancy-upload .fa {
  color: #FFF;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:hover,
.fancy-upload:hover {
  background-color: #345533;
  border: 1px solid #848484;
}
input[type=button] > *,
input[type=submit] > *,
input[type=reset] > *,
button > *,
.fancy-upload > * {
  cursor: inherit;
  line-height: 28px;
}
input[type=button] > label,
input[type=submit] > label,
input[type=reset] > label,
button > label,
.fancy-upload > label {
  padding: 0px 5px;
}
input[type=button] > .icon,
input[type=submit] > .icon,
input[type=reset] > .icon,
button > .icon,
.fancy-upload > .icon {
  display: inline-block;
  text-align: center;
  margin: 0px 5px;
  vertical-align: middle;
}
input[type=button] > .icon > i,
input[type=submit] > .icon > i,
input[type=reset] > .icon > i,
button > .icon > i,
.fancy-upload > .icon > i {
  line-height: inherit;
  font-size: 20px;
}
input[type=button] > .badge,
input[type=submit] > .badge,
input[type=reset] > .badge,
button > .badge,
.fancy-upload > .badge {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  margin: 0px 0px 0px 5px;
  vertical-align: middle;
  border: 1px solid #E0E0E0;
  background-color: #FFF;
  line-height: 20px;
  padding: 0px 5px;
}
input[type=button].success,
input[type=submit].success,
input[type=reset].success,
button.success,
.fancy-upload.success {
  border-color: #185333;
  background-color: #477546;
  color: #FFF;
}
input[type=button].success:hover,
input[type=submit].success:hover,
input[type=reset].success:hover,
button.success:hover,
.fancy-upload.success:hover {
  background-color: #345533;
  border: 1px solid #010402;
}
input[type=button].info,
input[type=submit].info,
input[type=reset].info,
button.info,
.fancy-upload.info {
  border-color: #116AA0;
  background-color: #2196F3;
  color: #FFF;
}
input[type=button].info:hover,
input[type=submit].info:hover,
input[type=reset].info:hover,
button.info:hover,
.fancy-upload.info:hover {
  background-color: #0c7cd5;
  border: 1px solid #072d44;
}
input[type=button].warning,
input[type=submit].warning,
input[type=reset].warning,
button.warning,
.fancy-upload.warning {
  border-color: #FBC02D;
  background-color: #FFEB3B;
  color: #FFF;
}
input[type=button].warning:hover,
input[type=submit].warning:hover,
input[type=reset].warning:hover,
button.warning:hover,
.fancy-upload.warning:hover {
  background-color: #ffe608;
  border: 1px solid #be8904;
}
input[type=button].alert,
input[type=submit].alert,
input[type=reset].alert,
button.alert,
.fancy-upload.alert {
  border-color: #DF772A;
  background-color: #FF9800;
  color: #FFF;
}
input[type=button].alert:hover,
input[type=submit].alert:hover,
input[type=reset].alert:hover,
button.alert:hover,
.fancy-upload.alert:hover {
  background-color: #cc7a00;
  border: 1px solid #8e4915;
}
input[type=button].danger,
input[type=submit].danger,
input[type=reset].danger,
button.danger,
.fancy-upload.danger {
  border-color: #CC2036;
  background-color: #db4c3f;
  color: #FFF;
}
input[type=button].danger:hover,
input[type=submit].danger:hover,
input[type=reset].danger:hover,
button.danger:hover,
.fancy-upload.danger:hover {
  background-color: #c33224;
  border: 1px solid #74121f;
}
/**
 *  FROM UPLOAD PROGRESS TRACKER
 */
.upload-progress-tracker[data-progress="100"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(100%, #116AA0), color-stop(100%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 100%, #EEEEEE 100%);
  background: -o-linear-gradient(left, #116AA0 100%, #EEEEEE 100%);
  background: linear-gradient(to right, #116AA0 100%, #EEEEEE 100%);
}
.upload-progress-tracker[data-progress="99"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(99%, #116AA0), color-stop(99%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 99%, #EEEEEE 99%);
  background: -o-linear-gradient(left, #116AA0 99%, #EEEEEE 99%);
  background: linear-gradient(to right, #116AA0 99%, #EEEEEE 99%);
}
.upload-progress-tracker[data-progress="98"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(98%, #116AA0), color-stop(98%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 98%, #EEEEEE 98%);
  background: -o-linear-gradient(left, #116AA0 98%, #EEEEEE 98%);
  background: linear-gradient(to right, #116AA0 98%, #EEEEEE 98%);
}
.upload-progress-tracker[data-progress="97"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(97%, #116AA0), color-stop(97%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 97%, #EEEEEE 97%);
  background: -o-linear-gradient(left, #116AA0 97%, #EEEEEE 97%);
  background: linear-gradient(to right, #116AA0 97%, #EEEEEE 97%);
}
.upload-progress-tracker[data-progress="96"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(96%, #116AA0), color-stop(96%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 96%, #EEEEEE 96%);
  background: -o-linear-gradient(left, #116AA0 96%, #EEEEEE 96%);
  background: linear-gradient(to right, #116AA0 96%, #EEEEEE 96%);
}
.upload-progress-tracker[data-progress="95"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(95%, #116AA0), color-stop(95%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 95%, #EEEEEE 95%);
  background: -o-linear-gradient(left, #116AA0 95%, #EEEEEE 95%);
  background: linear-gradient(to right, #116AA0 95%, #EEEEEE 95%);
}
.upload-progress-tracker[data-progress="94"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(94%, #116AA0), color-stop(94%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 94%, #EEEEEE 94%);
  background: -o-linear-gradient(left, #116AA0 94%, #EEEEEE 94%);
  background: linear-gradient(to right, #116AA0 94%, #EEEEEE 94%);
}
.upload-progress-tracker[data-progress="93"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(93%, #116AA0), color-stop(93%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 93%, #EEEEEE 93%);
  background: -o-linear-gradient(left, #116AA0 93%, #EEEEEE 93%);
  background: linear-gradient(to right, #116AA0 93%, #EEEEEE 93%);
}
.upload-progress-tracker[data-progress="92"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(92%, #116AA0), color-stop(92%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 92%, #EEEEEE 92%);
  background: -o-linear-gradient(left, #116AA0 92%, #EEEEEE 92%);
  background: linear-gradient(to right, #116AA0 92%, #EEEEEE 92%);
}
.upload-progress-tracker[data-progress="91"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(91%, #116AA0), color-stop(91%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 91%, #EEEEEE 91%);
  background: -o-linear-gradient(left, #116AA0 91%, #EEEEEE 91%);
  background: linear-gradient(to right, #116AA0 91%, #EEEEEE 91%);
}
.upload-progress-tracker[data-progress="90"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(90%, #116AA0), color-stop(90%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 90%, #EEEEEE 90%);
  background: -o-linear-gradient(left, #116AA0 90%, #EEEEEE 90%);
  background: linear-gradient(to right, #116AA0 90%, #EEEEEE 90%);
}
.upload-progress-tracker[data-progress="89"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(89%, #116AA0), color-stop(89%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 89%, #EEEEEE 89%);
  background: -o-linear-gradient(left, #116AA0 89%, #EEEEEE 89%);
  background: linear-gradient(to right, #116AA0 89%, #EEEEEE 89%);
}
.upload-progress-tracker[data-progress="88"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(88%, #116AA0), color-stop(88%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 88%, #EEEEEE 88%);
  background: -o-linear-gradient(left, #116AA0 88%, #EEEEEE 88%);
  background: linear-gradient(to right, #116AA0 88%, #EEEEEE 88%);
}
.upload-progress-tracker[data-progress="87"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(87%, #116AA0), color-stop(87%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 87%, #EEEEEE 87%);
  background: -o-linear-gradient(left, #116AA0 87%, #EEEEEE 87%);
  background: linear-gradient(to right, #116AA0 87%, #EEEEEE 87%);
}
.upload-progress-tracker[data-progress="86"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(86%, #116AA0), color-stop(86%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 86%, #EEEEEE 86%);
  background: -o-linear-gradient(left, #116AA0 86%, #EEEEEE 86%);
  background: linear-gradient(to right, #116AA0 86%, #EEEEEE 86%);
}
.upload-progress-tracker[data-progress="85"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(85%, #116AA0), color-stop(85%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 85%, #EEEEEE 85%);
  background: -o-linear-gradient(left, #116AA0 85%, #EEEEEE 85%);
  background: linear-gradient(to right, #116AA0 85%, #EEEEEE 85%);
}
.upload-progress-tracker[data-progress="84"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(84%, #116AA0), color-stop(84%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 84%, #EEEEEE 84%);
  background: -o-linear-gradient(left, #116AA0 84%, #EEEEEE 84%);
  background: linear-gradient(to right, #116AA0 84%, #EEEEEE 84%);
}
.upload-progress-tracker[data-progress="83"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(83%, #116AA0), color-stop(83%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 83%, #EEEEEE 83%);
  background: -o-linear-gradient(left, #116AA0 83%, #EEEEEE 83%);
  background: linear-gradient(to right, #116AA0 83%, #EEEEEE 83%);
}
.upload-progress-tracker[data-progress="82"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(82%, #116AA0), color-stop(82%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 82%, #EEEEEE 82%);
  background: -o-linear-gradient(left, #116AA0 82%, #EEEEEE 82%);
  background: linear-gradient(to right, #116AA0 82%, #EEEEEE 82%);
}
.upload-progress-tracker[data-progress="81"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(81%, #116AA0), color-stop(81%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 81%, #EEEEEE 81%);
  background: -o-linear-gradient(left, #116AA0 81%, #EEEEEE 81%);
  background: linear-gradient(to right, #116AA0 81%, #EEEEEE 81%);
}
.upload-progress-tracker[data-progress="80"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #116AA0), color-stop(80%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 80%, #EEEEEE 80%);
  background: -o-linear-gradient(left, #116AA0 80%, #EEEEEE 80%);
  background: linear-gradient(to right, #116AA0 80%, #EEEEEE 80%);
}
.upload-progress-tracker[data-progress="79"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(79%, #116AA0), color-stop(79%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 79%, #EEEEEE 79%);
  background: -o-linear-gradient(left, #116AA0 79%, #EEEEEE 79%);
  background: linear-gradient(to right, #116AA0 79%, #EEEEEE 79%);
}
.upload-progress-tracker[data-progress="78"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(78%, #116AA0), color-stop(78%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 78%, #EEEEEE 78%);
  background: -o-linear-gradient(left, #116AA0 78%, #EEEEEE 78%);
  background: linear-gradient(to right, #116AA0 78%, #EEEEEE 78%);
}
.upload-progress-tracker[data-progress="77"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(77%, #116AA0), color-stop(77%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 77%, #EEEEEE 77%);
  background: -o-linear-gradient(left, #116AA0 77%, #EEEEEE 77%);
  background: linear-gradient(to right, #116AA0 77%, #EEEEEE 77%);
}
.upload-progress-tracker[data-progress="76"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(76%, #116AA0), color-stop(76%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 76%, #EEEEEE 76%);
  background: -o-linear-gradient(left, #116AA0 76%, #EEEEEE 76%);
  background: linear-gradient(to right, #116AA0 76%, #EEEEEE 76%);
}
.upload-progress-tracker[data-progress="75"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(75%, #116AA0), color-stop(75%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 75%, #EEEEEE 75%);
  background: -o-linear-gradient(left, #116AA0 75%, #EEEEEE 75%);
  background: linear-gradient(to right, #116AA0 75%, #EEEEEE 75%);
}
.upload-progress-tracker[data-progress="74"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(74%, #116AA0), color-stop(74%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 74%, #EEEEEE 74%);
  background: -o-linear-gradient(left, #116AA0 74%, #EEEEEE 74%);
  background: linear-gradient(to right, #116AA0 74%, #EEEEEE 74%);
}
.upload-progress-tracker[data-progress="73"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(73%, #116AA0), color-stop(73%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 73%, #EEEEEE 73%);
  background: -o-linear-gradient(left, #116AA0 73%, #EEEEEE 73%);
  background: linear-gradient(to right, #116AA0 73%, #EEEEEE 73%);
}
.upload-progress-tracker[data-progress="72"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(72%, #116AA0), color-stop(72%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 72%, #EEEEEE 72%);
  background: -o-linear-gradient(left, #116AA0 72%, #EEEEEE 72%);
  background: linear-gradient(to right, #116AA0 72%, #EEEEEE 72%);
}
.upload-progress-tracker[data-progress="71"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(71%, #116AA0), color-stop(71%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 71%, #EEEEEE 71%);
  background: -o-linear-gradient(left, #116AA0 71%, #EEEEEE 71%);
  background: linear-gradient(to right, #116AA0 71%, #EEEEEE 71%);
}
.upload-progress-tracker[data-progress="70"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(70%, #116AA0), color-stop(70%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 70%, #EEEEEE 70%);
  background: -o-linear-gradient(left, #116AA0 70%, #EEEEEE 70%);
  background: linear-gradient(to right, #116AA0 70%, #EEEEEE 70%);
}
.upload-progress-tracker[data-progress="69"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(69%, #116AA0), color-stop(69%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 69%, #EEEEEE 69%);
  background: -o-linear-gradient(left, #116AA0 69%, #EEEEEE 69%);
  background: linear-gradient(to right, #116AA0 69%, #EEEEEE 69%);
}
.upload-progress-tracker[data-progress="68"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(68%, #116AA0), color-stop(68%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 68%, #EEEEEE 68%);
  background: -o-linear-gradient(left, #116AA0 68%, #EEEEEE 68%);
  background: linear-gradient(to right, #116AA0 68%, #EEEEEE 68%);
}
.upload-progress-tracker[data-progress="67"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(67%, #116AA0), color-stop(67%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 67%, #EEEEEE 67%);
  background: -o-linear-gradient(left, #116AA0 67%, #EEEEEE 67%);
  background: linear-gradient(to right, #116AA0 67%, #EEEEEE 67%);
}
.upload-progress-tracker[data-progress="66"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(66%, #116AA0), color-stop(66%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 66%, #EEEEEE 66%);
  background: -o-linear-gradient(left, #116AA0 66%, #EEEEEE 66%);
  background: linear-gradient(to right, #116AA0 66%, #EEEEEE 66%);
}
.upload-progress-tracker[data-progress="65"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(65%, #116AA0), color-stop(65%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 65%, #EEEEEE 65%);
  background: -o-linear-gradient(left, #116AA0 65%, #EEEEEE 65%);
  background: linear-gradient(to right, #116AA0 65%, #EEEEEE 65%);
}
.upload-progress-tracker[data-progress="64"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(64%, #116AA0), color-stop(64%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 64%, #EEEEEE 64%);
  background: -o-linear-gradient(left, #116AA0 64%, #EEEEEE 64%);
  background: linear-gradient(to right, #116AA0 64%, #EEEEEE 64%);
}
.upload-progress-tracker[data-progress="63"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(63%, #116AA0), color-stop(63%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 63%, #EEEEEE 63%);
  background: -o-linear-gradient(left, #116AA0 63%, #EEEEEE 63%);
  background: linear-gradient(to right, #116AA0 63%, #EEEEEE 63%);
}
.upload-progress-tracker[data-progress="62"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(62%, #116AA0), color-stop(62%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 62%, #EEEEEE 62%);
  background: -o-linear-gradient(left, #116AA0 62%, #EEEEEE 62%);
  background: linear-gradient(to right, #116AA0 62%, #EEEEEE 62%);
}
.upload-progress-tracker[data-progress="61"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(61%, #116AA0), color-stop(61%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 61%, #EEEEEE 61%);
  background: -o-linear-gradient(left, #116AA0 61%, #EEEEEE 61%);
  background: linear-gradient(to right, #116AA0 61%, #EEEEEE 61%);
}
.upload-progress-tracker[data-progress="60"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(60%, #116AA0), color-stop(60%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 60%, #EEEEEE 60%);
  background: -o-linear-gradient(left, #116AA0 60%, #EEEEEE 60%);
  background: linear-gradient(to right, #116AA0 60%, #EEEEEE 60%);
}
.upload-progress-tracker[data-progress="59"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(59%, #116AA0), color-stop(59%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 59%, #EEEEEE 59%);
  background: -o-linear-gradient(left, #116AA0 59%, #EEEEEE 59%);
  background: linear-gradient(to right, #116AA0 59%, #EEEEEE 59%);
}
.upload-progress-tracker[data-progress="58"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(58%, #116AA0), color-stop(58%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 58%, #EEEEEE 58%);
  background: -o-linear-gradient(left, #116AA0 58%, #EEEEEE 58%);
  background: linear-gradient(to right, #116AA0 58%, #EEEEEE 58%);
}
.upload-progress-tracker[data-progress="57"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(57%, #116AA0), color-stop(57%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 57%, #EEEEEE 57%);
  background: -o-linear-gradient(left, #116AA0 57%, #EEEEEE 57%);
  background: linear-gradient(to right, #116AA0 57%, #EEEEEE 57%);
}
.upload-progress-tracker[data-progress="56"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(56%, #116AA0), color-stop(56%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 56%, #EEEEEE 56%);
  background: -o-linear-gradient(left, #116AA0 56%, #EEEEEE 56%);
  background: linear-gradient(to right, #116AA0 56%, #EEEEEE 56%);
}
.upload-progress-tracker[data-progress="55"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(55%, #116AA0), color-stop(55%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 55%, #EEEEEE 55%);
  background: -o-linear-gradient(left, #116AA0 55%, #EEEEEE 55%);
  background: linear-gradient(to right, #116AA0 55%, #EEEEEE 55%);
}
.upload-progress-tracker[data-progress="54"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(54%, #116AA0), color-stop(54%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 54%, #EEEEEE 54%);
  background: -o-linear-gradient(left, #116AA0 54%, #EEEEEE 54%);
  background: linear-gradient(to right, #116AA0 54%, #EEEEEE 54%);
}
.upload-progress-tracker[data-progress="53"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(53%, #116AA0), color-stop(53%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 53%, #EEEEEE 53%);
  background: -o-linear-gradient(left, #116AA0 53%, #EEEEEE 53%);
  background: linear-gradient(to right, #116AA0 53%, #EEEEEE 53%);
}
.upload-progress-tracker[data-progress="52"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(52%, #116AA0), color-stop(52%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 52%, #EEEEEE 52%);
  background: -o-linear-gradient(left, #116AA0 52%, #EEEEEE 52%);
  background: linear-gradient(to right, #116AA0 52%, #EEEEEE 52%);
}
.upload-progress-tracker[data-progress="51"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(51%, #116AA0), color-stop(51%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 51%, #EEEEEE 51%);
  background: -o-linear-gradient(left, #116AA0 51%, #EEEEEE 51%);
  background: linear-gradient(to right, #116AA0 51%, #EEEEEE 51%);
}
.upload-progress-tracker[data-progress="50"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #116AA0), color-stop(50%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 50%, #EEEEEE 50%);
  background: -o-linear-gradient(left, #116AA0 50%, #EEEEEE 50%);
  background: linear-gradient(to right, #116AA0 50%, #EEEEEE 50%);
}
.upload-progress-tracker[data-progress="49"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(49%, #116AA0), color-stop(49%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 49%, #EEEEEE 49%);
  background: -o-linear-gradient(left, #116AA0 49%, #EEEEEE 49%);
  background: linear-gradient(to right, #116AA0 49%, #EEEEEE 49%);
}
.upload-progress-tracker[data-progress="48"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(48%, #116AA0), color-stop(48%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 48%, #EEEEEE 48%);
  background: -o-linear-gradient(left, #116AA0 48%, #EEEEEE 48%);
  background: linear-gradient(to right, #116AA0 48%, #EEEEEE 48%);
}
.upload-progress-tracker[data-progress="47"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(47%, #116AA0), color-stop(47%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 47%, #EEEEEE 47%);
  background: -o-linear-gradient(left, #116AA0 47%, #EEEEEE 47%);
  background: linear-gradient(to right, #116AA0 47%, #EEEEEE 47%);
}
.upload-progress-tracker[data-progress="46"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, #116AA0), color-stop(46%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 46%, #EEEEEE 46%);
  background: -o-linear-gradient(left, #116AA0 46%, #EEEEEE 46%);
  background: linear-gradient(to right, #116AA0 46%, #EEEEEE 46%);
}
.upload-progress-tracker[data-progress="45"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(45%, #116AA0), color-stop(45%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 45%, #EEEEEE 45%);
  background: -o-linear-gradient(left, #116AA0 45%, #EEEEEE 45%);
  background: linear-gradient(to right, #116AA0 45%, #EEEEEE 45%);
}
.upload-progress-tracker[data-progress="44"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(44%, #116AA0), color-stop(44%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 44%, #EEEEEE 44%);
  background: -o-linear-gradient(left, #116AA0 44%, #EEEEEE 44%);
  background: linear-gradient(to right, #116AA0 44%, #EEEEEE 44%);
}
.upload-progress-tracker[data-progress="43"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(43%, #116AA0), color-stop(43%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 43%, #EEEEEE 43%);
  background: -o-linear-gradient(left, #116AA0 43%, #EEEEEE 43%);
  background: linear-gradient(to right, #116AA0 43%, #EEEEEE 43%);
}
.upload-progress-tracker[data-progress="42"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(42%, #116AA0), color-stop(42%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 42%, #EEEEEE 42%);
  background: -o-linear-gradient(left, #116AA0 42%, #EEEEEE 42%);
  background: linear-gradient(to right, #116AA0 42%, #EEEEEE 42%);
}
.upload-progress-tracker[data-progress="41"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(41%, #116AA0), color-stop(41%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 41%, #EEEEEE 41%);
  background: -o-linear-gradient(left, #116AA0 41%, #EEEEEE 41%);
  background: linear-gradient(to right, #116AA0 41%, #EEEEEE 41%);
}
.upload-progress-tracker[data-progress="40"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #116AA0), color-stop(40%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 40%, #EEEEEE 40%);
  background: -o-linear-gradient(left, #116AA0 40%, #EEEEEE 40%);
  background: linear-gradient(to right, #116AA0 40%, #EEEEEE 40%);
}
.upload-progress-tracker[data-progress="39"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(39%, #116AA0), color-stop(39%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 39%, #EEEEEE 39%);
  background: -o-linear-gradient(left, #116AA0 39%, #EEEEEE 39%);
  background: linear-gradient(to right, #116AA0 39%, #EEEEEE 39%);
}
.upload-progress-tracker[data-progress="38"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(38%, #116AA0), color-stop(38%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 38%, #EEEEEE 38%);
  background: -o-linear-gradient(left, #116AA0 38%, #EEEEEE 38%);
  background: linear-gradient(to right, #116AA0 38%, #EEEEEE 38%);
}
.upload-progress-tracker[data-progress="37"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(37%, #116AA0), color-stop(37%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 37%, #EEEEEE 37%);
  background: -o-linear-gradient(left, #116AA0 37%, #EEEEEE 37%);
  background: linear-gradient(to right, #116AA0 37%, #EEEEEE 37%);
}
.upload-progress-tracker[data-progress="36"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(36%, #116AA0), color-stop(36%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 36%, #EEEEEE 36%);
  background: -o-linear-gradient(left, #116AA0 36%, #EEEEEE 36%);
  background: linear-gradient(to right, #116AA0 36%, #EEEEEE 36%);
}
.upload-progress-tracker[data-progress="35"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(35%, #116AA0), color-stop(35%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 35%, #EEEEEE 35%);
  background: -o-linear-gradient(left, #116AA0 35%, #EEEEEE 35%);
  background: linear-gradient(to right, #116AA0 35%, #EEEEEE 35%);
}
.upload-progress-tracker[data-progress="34"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(34%, #116AA0), color-stop(34%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 34%, #EEEEEE 34%);
  background: -o-linear-gradient(left, #116AA0 34%, #EEEEEE 34%);
  background: linear-gradient(to right, #116AA0 34%, #EEEEEE 34%);
}
.upload-progress-tracker[data-progress="33"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(33%, #116AA0), color-stop(33%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 33%, #EEEEEE 33%);
  background: -o-linear-gradient(left, #116AA0 33%, #EEEEEE 33%);
  background: linear-gradient(to right, #116AA0 33%, #EEEEEE 33%);
}
.upload-progress-tracker[data-progress="32"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(32%, #116AA0), color-stop(32%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 32%, #EEEEEE 32%);
  background: -o-linear-gradient(left, #116AA0 32%, #EEEEEE 32%);
  background: linear-gradient(to right, #116AA0 32%, #EEEEEE 32%);
}
.upload-progress-tracker[data-progress="31"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(31%, #116AA0), color-stop(31%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 31%, #EEEEEE 31%);
  background: -o-linear-gradient(left, #116AA0 31%, #EEEEEE 31%);
  background: linear-gradient(to right, #116AA0 31%, #EEEEEE 31%);
}
.upload-progress-tracker[data-progress="30"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #116AA0), color-stop(30%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 30%, #EEEEEE 30%);
  background: -o-linear-gradient(left, #116AA0 30%, #EEEEEE 30%);
  background: linear-gradient(to right, #116AA0 30%, #EEEEEE 30%);
}
.upload-progress-tracker[data-progress="29"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(29%, #116AA0), color-stop(29%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 29%, #EEEEEE 29%);
  background: -o-linear-gradient(left, #116AA0 29%, #EEEEEE 29%);
  background: linear-gradient(to right, #116AA0 29%, #EEEEEE 29%);
}
.upload-progress-tracker[data-progress="28"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(28%, #116AA0), color-stop(28%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 28%, #EEEEEE 28%);
  background: -o-linear-gradient(left, #116AA0 28%, #EEEEEE 28%);
  background: linear-gradient(to right, #116AA0 28%, #EEEEEE 28%);
}
.upload-progress-tracker[data-progress="27"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(27%, #116AA0), color-stop(27%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 27%, #EEEEEE 27%);
  background: -o-linear-gradient(left, #116AA0 27%, #EEEEEE 27%);
  background: linear-gradient(to right, #116AA0 27%, #EEEEEE 27%);
}
.upload-progress-tracker[data-progress="26"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(26%, #116AA0), color-stop(26%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 26%, #EEEEEE 26%);
  background: -o-linear-gradient(left, #116AA0 26%, #EEEEEE 26%);
  background: linear-gradient(to right, #116AA0 26%, #EEEEEE 26%);
}
.upload-progress-tracker[data-progress="25"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #116AA0), color-stop(25%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 25%, #EEEEEE 25%);
  background: -o-linear-gradient(left, #116AA0 25%, #EEEEEE 25%);
  background: linear-gradient(to right, #116AA0 25%, #EEEEEE 25%);
}
.upload-progress-tracker[data-progress="24"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(24%, #116AA0), color-stop(24%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 24%, #EEEEEE 24%);
  background: -o-linear-gradient(left, #116AA0 24%, #EEEEEE 24%);
  background: linear-gradient(to right, #116AA0 24%, #EEEEEE 24%);
}
.upload-progress-tracker[data-progress="23"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(23%, #116AA0), color-stop(23%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 23%, #EEEEEE 23%);
  background: -o-linear-gradient(left, #116AA0 23%, #EEEEEE 23%);
  background: linear-gradient(to right, #116AA0 23%, #EEEEEE 23%);
}
.upload-progress-tracker[data-progress="22"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(22%, #116AA0), color-stop(22%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 22%, #EEEEEE 22%);
  background: -o-linear-gradient(left, #116AA0 22%, #EEEEEE 22%);
  background: linear-gradient(to right, #116AA0 22%, #EEEEEE 22%);
}
.upload-progress-tracker[data-progress="21"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(21%, #116AA0), color-stop(21%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 21%, #EEEEEE 21%);
  background: -o-linear-gradient(left, #116AA0 21%, #EEEEEE 21%);
  background: linear-gradient(to right, #116AA0 21%, #EEEEEE 21%);
}
.upload-progress-tracker[data-progress="20"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, #116AA0), color-stop(20%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 20%, #EEEEEE 20%);
  background: -o-linear-gradient(left, #116AA0 20%, #EEEEEE 20%);
  background: linear-gradient(to right, #116AA0 20%, #EEEEEE 20%);
}
.upload-progress-tracker[data-progress="19"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(19%, #116AA0), color-stop(19%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 19%, #EEEEEE 19%);
  background: -o-linear-gradient(left, #116AA0 19%, #EEEEEE 19%);
  background: linear-gradient(to right, #116AA0 19%, #EEEEEE 19%);
}
.upload-progress-tracker[data-progress="18"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(18%, #116AA0), color-stop(18%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 18%, #EEEEEE 18%);
  background: -o-linear-gradient(left, #116AA0 18%, #EEEEEE 18%);
  background: linear-gradient(to right, #116AA0 18%, #EEEEEE 18%);
}
.upload-progress-tracker[data-progress="17"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(17%, #116AA0), color-stop(17%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 17%, #EEEEEE 17%);
  background: -o-linear-gradient(left, #116AA0 17%, #EEEEEE 17%);
  background: linear-gradient(to right, #116AA0 17%, #EEEEEE 17%);
}
.upload-progress-tracker[data-progress="16"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(16%, #116AA0), color-stop(16%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 16%, #EEEEEE 16%);
  background: -o-linear-gradient(left, #116AA0 16%, #EEEEEE 16%);
  background: linear-gradient(to right, #116AA0 16%, #EEEEEE 16%);
}
.upload-progress-tracker[data-progress="15"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, #116AA0), color-stop(15%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 15%, #EEEEEE 15%);
  background: -o-linear-gradient(left, #116AA0 15%, #EEEEEE 15%);
  background: linear-gradient(to right, #116AA0 15%, #EEEEEE 15%);
}
.upload-progress-tracker[data-progress="14"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(14%, #116AA0), color-stop(14%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 14%, #EEEEEE 14%);
  background: -o-linear-gradient(left, #116AA0 14%, #EEEEEE 14%);
  background: linear-gradient(to right, #116AA0 14%, #EEEEEE 14%);
}
.upload-progress-tracker[data-progress="13"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(13%, #116AA0), color-stop(13%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 13%, #EEEEEE 13%);
  background: -o-linear-gradient(left, #116AA0 13%, #EEEEEE 13%);
  background: linear-gradient(to right, #116AA0 13%, #EEEEEE 13%);
}
.upload-progress-tracker[data-progress="12"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(12%, #116AA0), color-stop(12%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 12%, #EEEEEE 12%);
  background: -o-linear-gradient(left, #116AA0 12%, #EEEEEE 12%);
  background: linear-gradient(to right, #116AA0 12%, #EEEEEE 12%);
}
.upload-progress-tracker[data-progress="11"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(11%, #116AA0), color-stop(11%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 11%, #EEEEEE 11%);
  background: -o-linear-gradient(left, #116AA0 11%, #EEEEEE 11%);
  background: linear-gradient(to right, #116AA0 11%, #EEEEEE 11%);
}
.upload-progress-tracker[data-progress="10"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #116AA0), color-stop(10%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 10%, #EEEEEE 10%);
  background: -o-linear-gradient(left, #116AA0 10%, #EEEEEE 10%);
  background: linear-gradient(to right, #116AA0 10%, #EEEEEE 10%);
}
.upload-progress-tracker[data-progress="9"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(9%, #116AA0), color-stop(9%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 9%, #EEEEEE 9%);
  background: -o-linear-gradient(left, #116AA0 9%, #EEEEEE 9%);
  background: linear-gradient(to right, #116AA0 9%, #EEEEEE 9%);
}
.upload-progress-tracker[data-progress="8"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #116AA0), color-stop(8%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 8%, #EEEEEE 8%);
  background: -o-linear-gradient(left, #116AA0 8%, #EEEEEE 8%);
  background: linear-gradient(to right, #116AA0 8%, #EEEEEE 8%);
}
.upload-progress-tracker[data-progress="7"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(7%, #116AA0), color-stop(7%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 7%, #EEEEEE 7%);
  background: -o-linear-gradient(left, #116AA0 7%, #EEEEEE 7%);
  background: linear-gradient(to right, #116AA0 7%, #EEEEEE 7%);
}
.upload-progress-tracker[data-progress="6"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(6%, #116AA0), color-stop(6%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 6%, #EEEEEE 6%);
  background: -o-linear-gradient(left, #116AA0 6%, #EEEEEE 6%);
  background: linear-gradient(to right, #116AA0 6%, #EEEEEE 6%);
}
.upload-progress-tracker[data-progress="5"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #116AA0), color-stop(5%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 5%, #EEEEEE 5%);
  background: -o-linear-gradient(left, #116AA0 5%, #EEEEEE 5%);
  background: linear-gradient(to right, #116AA0 5%, #EEEEEE 5%);
}
.upload-progress-tracker[data-progress="4"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(4%, #116AA0), color-stop(4%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 4%, #EEEEEE 4%);
  background: -o-linear-gradient(left, #116AA0 4%, #EEEEEE 4%);
  background: linear-gradient(to right, #116AA0 4%, #EEEEEE 4%);
}
.upload-progress-tracker[data-progress="3"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #116AA0), color-stop(3%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 3%, #EEEEEE 3%);
  background: -o-linear-gradient(left, #116AA0 3%, #EEEEEE 3%);
  background: linear-gradient(to right, #116AA0 3%, #EEEEEE 3%);
}
.upload-progress-tracker[data-progress="2"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(2%, #116AA0), color-stop(2%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 2%, #EEEEEE 2%);
  background: -o-linear-gradient(left, #116AA0 2%, #EEEEEE 2%);
  background: linear-gradient(to right, #116AA0 2%, #EEEEEE 2%);
}
.upload-progress-tracker[data-progress="1"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #116AA0), color-stop(1%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 1%, #EEEEEE 1%);
  background: -o-linear-gradient(left, #116AA0 1%, #EEEEEE 1%);
  background: linear-gradient(to right, #116AA0 1%, #EEEEEE 1%);
}
.upload-progress-tracker[data-progress="0"] {
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #116AA0), color-stop(0%, #EEEEEE));
  background: -moz-linear-gradient(left center, #116AA0 0%, #EEEEEE 0%);
  background: -o-linear-gradient(left, #116AA0 0%, #EEEEEE 0%);
  background: linear-gradient(to right, #116AA0 0%, #EEEEEE 0%);
}
/**
 * CHECKBOX SWITCH
 **/
.checkbox-switch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 50px;
  margin: 3px;
  text-align: center;
}
.checkbox-switch input[type=checkbox] {
  vertical-align: initial;
}
.checkbox-switch input[type=checkbox]:checked + .checkbox-switch-label:before {
  right: 0px;
  border-color: #30462f;
  background: #477546;
  content: "\f00c";
  font-family: Fontawesome;
  color: #30462f;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: normal;
}
.checkbox-switch > .checkbox-switch-label {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #EEEEEE;
  border-radius: 24px;
  border: 2px solid #E0E0E0;
  cursor: pointer;
  display: block;
  height: 27px;
  left: 0px;
  line-height: 24px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0px;
  width: 50px;
}
.checkbox-switch > .checkbox-switch-label:before {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  content: "";
  display: block;
  width: 50%;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #CC2036;
  background: #db4c3f;
  border-radius: 50%;
}
th.full-width,
td.full-width {
  width: 100% !important;
}
th.full-content,
td.full-content {
  overflow: visible !important;
  max-width: none !important;
}
th.wrap-content,
td.wrap-content {
  white-space: normal !important;
}
th.text-align-right,
td.text-align-right {
  text-align: right !important;
}
th.text-center {
  text-align: center !important;
}
th.text-right {
  text-align: right !important;
}
table.default {
  border-collapse: separate;
  border-spacing: 5px;
  display: inline-block;
  vertical-align: top;
}
table.default th {
  font-weight: bold;
}
table.default td {
  vertical-align: top;
  text-align: left;
}
table.basic {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 4px;
  margin-top: -4px;
}
table.basic + table.basic {
  margin-top: 20px;
}
table.basic input[type=text],
table.basic input[type=number] {
  height: 30px;
  line-height: 30px;
}
table.basic > caption {
  font-family: "DeliciousSmallCaps";
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 30px;
  padding: 0px 5px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.basic > thead > tr > th,
table.basic > tbody > tr > td,
table.basic > tfoot > tr > td {
  max-width: 150px;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*height: 40px;*/
  /*vertical-align: middle;*/
  vertical-align: top;
  line-height: 28px;
  border: 0px solid transparent;
}
table.basic .fa,
table.basic .material-icons {
  font-size: 18px;
  line-height: inherit;
  vertical-align: middle;
}
table.basic thead {
  background-color: #FFF;
}
table.basic thead th {
  font-family: "DeliciousSmallCaps";
  color: #30462f;
  font-weight: bold;
  text-align: left;
}
table.basic thead th[data-sort] {
  cursor: pointer;
}
table.basic thead > tr > th:first-child {
  padding-left: 20px;
}
table.basic thead > tr > th:last-child {
  padding-right: 20px;
}
table.basic > tbody > tr {
  background-color: #f8f8f8;
}
table.basic > tbody > tr.header td {
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  /*vertical-align: middle;*/
}
table.basic > tbody > tr > td:first-child {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 20px;
  width: 1%;
}
table.basic > tbody > tr > td:first-child.full-width {
  width: 100%;
}
table.basic > tbody > tr > td.text-wrap {
  padding-top: 9px;
}
table.basic > tbody > tr > td:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-right: 20px;
}
table.basic > tfoot tr td {
  border-top: 1px solid #000;
  height: 40px;
  vertical-align: top;
}
table.basic > tfoot tr > td:first-child {
  padding-left: 20px;
}
table.basic > tfoot tr > td:last-child {
  padding-right: 20px;
}
table.basic:not(.no-hover) > tbody > tr:hover:not(.header) {
  background-color: #EEE;
}
table.basic:not(.no-hover) > tbody > tr:hover:not(.header) .invisible {
  visibility: visible;
}
table.basic.scrollable-body thead,
table.basic.scrollable-body tfoot {
  display: block;
  width: 100%;
}
table.basic.scrollable-body tbody {
  display: block;
  width: 100%;
  max-height: 480px;
  overflow-y: auto;
}
table.table-groups {
  border-width: 1px 1px 1px 1px;
  border-color: #E0E0E0;
  border-style: solid;
  border-collapse: collapse;
}
table.table-groups tbody.group > tr > td {
  border-width: 1px 0px;
  border-color: #E0E0E0;
  border-style: solid;
}
table.table-groups tbody.group > tr > td.icon {
  cursor: pointer;
  border-width: 1px;
  border-color: #E0E0E0;
  border-style: solid;
}
table.table-groups tbody.group-items {
  display: none;
}
table.table-groups tbody.group-items.open {
  display: table-row-group;
}
table.table-groups tbody tr > td:first-child {
  text-align: center;
  padding: 0px;
  width: 30px;
  min-width: 30px;
}
table.table-groups tbody tr > td:first-child input[type=checkbox] {
  margin: 0px;
}
table.table-groups tbody tr.open {
  background-color: #EEE;
}
table.table-groups tbody tr.open.icon {
  background-color: #DDD;
}
.table-fixed {
  overflow-x: auto;
  padding-left: 198px;
  position: relative;
}
.table-fixed a {
  padding-bottom: 2px;
  border-bottom: 1px solid #9E9E9E;
}
.table-fixed table {
  border-collapse: separate;
  border-spacing: 2px 2px;
  width: 100%;
}
.table-fixed table > thead > tr > th,
.table-fixed table > tbody > tr > td,
.table-fixed table > tfoot > tr > td {
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.table-fixed table > thead > tr > th.current,
.table-fixed table > tbody > tr > td.current,
.table-fixed table > tfoot > tr > td.current {
  background-color: #477546;
  color: #FFF;
}
.table-fixed table > thead > tr {
  background-color: #E0E0E0;
}
.table-fixed table > thead > tr > th {
  color: #185333;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
}
.table-fixed table > tbody > tr {
  background-color: #f8f8f8;
}
.table-fixed table > tbody > tr:hover,
.table-fixed table > tbody > tr.hover {
  background-color: #EEE;
}
.table-fixed table > tbody > tr:hover .current,
.table-fixed table > tbody > tr.hover .current {
  background-color: #185333;
}
.table-fixed table > tfoot > tr > td {
  border-top: 1px solid #000;
  vertical-align: top;
}
.table-fixed .container-left {
  background-color: #FFF;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 200px;
  z-index: 10;
}
.table-fixed .container-content > table {
  width: auto;
}
.table-fixed .container-content > table > thead > tr > th,
.table-fixed .container-content > table > tbody > tr > td,
.table-fixed .container-content > table > tfoot > tr > td {
  min-width: 75px;
}
.modal-overlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  left: 0px;
  overflow: auto;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
}
.modal-dialog {
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.5);
  background-color: #FFF;
  margin: auto;
  min-width: 40px;
  position: relative;
}
.modal-dialog .modal-dialog-content {
  padding: 20px;
}
.modal-dialog .modal-dialog-title {
  line-height: 30px;
  padding: 5px 50px 5px 10px;
  height: 30px;
  overflow: auto;
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #B7B7B7;
}
.modal-dialog .modal-dialog-title .btn-close {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #FFF;
  border-left: 1px solid #E0E0E0;
}
.modal-dialog .modal-dialog-title .btn-close:hover {
  background-color: #d5d5d5;
  border-color: #adadad;
}
.modal-dialog .modal-dialog-description {
  padding: 10px;
  border-top: 1px solid #E0E0E0;
  font-size: 12px;
  font-style: italic;
  color: #000;
  text-align: center;
}
.modal-dialog .modal-dialog-buttonbar {
  text-align: center;
  padding: 10px;
  border-top: 1px solid #E0E0E0;
}
.modal-dialog .modal-dialog-buttonbar button {
  min-width: 50px;
}
.wizard-select {
  position: relative;
}
.wizard-select .wizard-hidden-value {
  visibility: visible;
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.wizard-select ul {
  display: none;
}
.wizard-select .placeholder {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  min-height: 40px;
  outline: none;
  padding: 5px 40px 5px 5px;
  position: relative;
  width: 100%;
}
.wizard-select .placeholder::after {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #477546;
  color: #FFF;
  content: "\f141";
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 23px;
  height: 30px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  width: 30px;
}
.wizard-options {
  border-collapse: separate;
  border-spacing: 0px 4px;
  display: table;
  width: 100%;
}
.wizard-options ul {
  display: none;
}
.wizard-options > li {
  display: table-row;
}
.wizard-options > li .label {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f8f8f8;
  border: 0px solid transparent;
  cursor: pointer;
  display: table-cell;
  height: 40px;
  overflow: hidden;
  padding: 0px 20px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.wizard-options > li .label .button .icon {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #477546;
  color: #FFF;
  height: 20px;
  left: 20px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 20px;
}
.wizard-options > li .label .button label {
  padding: 0px 0px 0px 30px;
}
.wizard-options > li .label:hover {
  background-color: #EEE;
}
.input-select {
  position: relative;
}
.input-select .input-hidden-value {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  visibility: visible;
}
.input-select .input-select-placeholder {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-color: #b7b7b7;
  border-style: solid;
  border-width: 1px;
  min-height: 40px;
  outline: none;
  padding: 5px 40px 5px 5px;
  position: relative;
  width: 100%;
}
.input-select .input-select-placeholder::after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #477546;
  color: #FFF;
  content: "\f141";
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 23px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 4px;
  width: 30px;
}
.input-select .input-select-placeholder .input-select-selected {
  margin: 4px 0px;
  max-height: 150px;
  overflow-y: auto;
}
.input-select .input-select-placeholder .input-select-selected > li {
  line-height: initial;
}
.input-select .input-select-placeholder .input-select-selected > li + li {
  margin-top: 4px;
}
.input-select.type-addition .input-select-placeholder::after {
  content: "\f067";
}
.input-select.disabled .input-select-placeholder {
  color: #616161;
}
.input-select.disabled .input-select-placeholder::after {
  background-color: #b7b7b7;
}
.select-list .header {
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0px 5px 0px;
}
.select-list .header > label {
  background-color: transparent;
}
.select-list .header > label:hover {
  background-color: transparent;
}
.select-list + .select-list {
  margin-top: 20px;
}
.select-list ul + ul {
  margin-top: 15px;
}
.select-list ul > li {
  line-height: 30px;
  position: relative;
  width: 100%;
}
.select-list ul > li > span {
  padding: 0px 5px;
}
.select-list a {
  border-bottom: 1px solid #9e9e9e;
  padding-bottom: 2px;
}
.select-list li {
  line-height: 30px;
  position: relative;
  width: 100%;
  display: table;
}
.select-list li > label {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f8f8f8;
  display: block;
  padding: 0px;
  width: 100%;
}
.select-list li > label:hover {
  background-color: #EEE;
}
.select-list li > label > span {
  display: table-cell;
  vertical-align: top;
  padding: 5px;
}
.select-list li > label > span.icon {
  min-width: 30px;
  text-align: center;
}
.select-list li > label > span.icon input[type=checkbox],
.select-list li > label > span.icon input[type=radio] {
  margin: 7px 0px;
}
.select-list li > label > span.label {
  width: 100%;
}
.select-list li + li {
  margin-top: 4px;
}
.select-list li.select-list-group::after {
  background-color: transparent;
  content: "\f0d7";
  font-family: "FontAwesome";
  position: absolute;
  right: -2px;
  bottom: 0px;
  font-size: 16px;
  color: #676767;
  height: 5px;
  line-height: 5px;
  transform: rotate(-45deg);
}
.select-list li.select-list-group > div {
  display: none;
}
.select-list li.select-list-group > ul {
  display: none;
}
.select-list li.select-list-group > ul > li {
  display: table;
}
.select-list li.select-list-group > ul > li > * {
  display: table-row;
}
.select-list li.select-list-group > ul > li > * > span {
  display: table-cell;
  padding: 2px 5px;
}
.select-list li.select-list-group.open::after {
  content: none;
}
.select-list li.select-list-group.open + li {
  margin-top: 15px;
}
.select-list li.select-list-group.open > * {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #EEEEEE;
  border: 1px solid #b7b7b7;
  font-weight: bold;
}
.select-list li.select-list-group.open > div,
.select-list li.select-list-group.open > ul {
  background-color: #FFF;
  border-color: #b7b7b7;
  border-radius: 0px;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  display: block;
  font-weight: normal;
  padding: 5px;
}
.select-list li.select-list-group.open > div table.basic,
.select-list li.select-list-group.open > ul table.basic {
  margin: 0px !important;
}
.select-list .select-list-button {
  background-color: #477546;
  border-radius: 4px;
  color: #FFF;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
.am-sparkline {
  display: inline-block;
  height: 30px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  width: 100%;
}
.am-chart-container {
  height: 200px;
}
.am-external-legend {
  max-height: 75px;
  overflow-y: auto;
  padding: 10px 0px;
  position: relative;
}
textarea.autogrow-field {
  min-height: 4em;
  /*overflow: hidden;*/
  resize: none;
  max-height: 20em;
}
textarea.autogrow-field ~ .autogrow-mirror {
  position: absolute;
  visibility: hidden;
  white-space: normal;
  word-break: break-word;
  z-index: -1;
}
@media (max-width: 1024px) {
  .column-group {
    padding: 5px 5px 5px 5px !important;
    margin: 0px !important;
    display: block !important;
  }
  .column-group .column {
    display: block !important;
    width: auto !important;
    min-width: 100% !important;
    padding: 0px !important;
    margin: 0px 0px 5px 0px !important;
  }
}
@media (max-width: 800px) {
  body.system {
    padding: 0px 5px;
  }
  #main-app-content {
    padding: 50px 0px 0px 0px !important;
  }
  #header {
    padding: 5px 5px 5px 80px;
    height: 50px;
    display: block;
    text-align: right;
    white-space: nowrap;
    /*#system-datetime {
      margin: 0px;

      .time {
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
      }

      .day {
        font-size: 12px;
        line-height: 14px;
      }

      .week {
        margin: 0px 0px 0px 10px;

        .number {
          font-size: 16px;
          line-height: 16px;
          font-weight: bold;
        }

        .label {
          font-size: 12px;
          line-height: 14px;
        }
      }
    }*/
  }
  #header .account {
    display: none;
  }
  #header .counter {
    top: 0px;
    right: 0px;
  }
  #header .button {
    height: 40px;
    line-height: 40px;
    padding: 0px;
  }
  #header .account-photo {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
  #header .btn-toggle-system-menu {
    height: 50px;
    line-height: 40px;
    min-height: 50px;
    padding: 5px;
  }
  #header .section {
    display: inline-block;
  }
  #header .section.missioncontrol {
    display: inline-block;
  }
  #header .section-company,
  #header .section-support,
  #header .section-tour {
    display: none;
  }
  #header .weather {
    display: none;
  }
  #header #system-datetime {
    margin: 0px;
  }
  #header #system-datetime .c .date {
    display: none;
  }
  #header #system-datetime .c .week {
    display: none;
  }
  #header #system-datetime .c .time {
    margin: 10px 0px;
  }
  #header #system-datetime .w {
    display: none;
  }
  .object-information .section {
    min-width: auto;
  }
  .column-group {
    padding: 5px 0px 0px 0px !important;
    margin: 0px !important;
    display: block !important;
  }
  .column-group .column {
    display: block !important;
    width: auto !important;
    min-width: 100% !important;
    padding: 0px !important;
    margin: 0px 0px 5px 0px !important;
  }
  .system-menu .header {
    height: 50px;
    min-height: 50px;
    padding: 5px;
  }
  .system-menu .content {
    top: 50px;
  }
  #system-quick-menu {
    display: none;
  }
  #system-module-menu.open {
    width: 100%;
  }
  #system-module-menu .btn-toggle-system-menu {
    height: 40px;
    line-height: 40px;
    min-height: 40px;
    padding: 0px;
  }
  #system-account-menu.open {
    width: 100%;
  }
  #system-account-menu .header .account-photo {
    height: 40px;
    line-height: 40px;
    min-height: 40px;
    padding: 0px;
  }
  .module-menu {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    right: -100%;
    top: 50px;
  }
  .module-menu.open {
    display: block;
    right: 0px;
    left: 0px;
    width: auto;
  }
  #mission-control-container {
    top: 0px;
    z-index: 100;
  }
  #mission-control-container.open {
    left: 40px;
    right: 0px;
    width: auto;
  }
  #mission-control-container.open.quick-menu {
    width: auto;
  }
  #mission-control-container .mission-control-slides {
    width: 100%;
  }
  #mission-control-container .mission-control-quick-menu {
    display: none;
  }
}
@media print {
  body {
    background-color: #FFF;
  }
  body.system {
    padding: 0px;
    margin: 0px;
  }
  #main-app-fixed {
    display: none;
  }
  #system-quick-menu {
    display: none;
  }
  #main-app-content {
    padding: 0px !important;
  }
  .module-menu {
    display: none;
  }
  .system-module-container {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
  }
  #planboard-module-container {
    max-width: 100%;
    padding: 0px;
  }
  .noprint {
    display: none;
  }
}
#authenticiation-page {
  display: block;
  height: 100%;
  position: fixed;
  width: 100%;
  background: url('/css/images/ems_authentication_background.jpg');
  background-position: bottom center;
  background-size: cover;
}
#authenticiation-page .center-container {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 30px 30px 30px 30px;
  max-width: 350px;
  max-height: 350px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#authenticiation-page .center-container p {
  margin: 15px 0px;
}
#authenticiation-page .center-container fieldset ul {
  border-spacing: 0px 10px;
}
#authenticiation-page .center-container .application-logo {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*
      .rounded(50%);      
      .box-shadow(0 2px 2px 0 #185333);
      
      padding: 10px;
      height: 100px;
      width: 100px;
      margin-left: -50px;
      margin-top: -50px;

      left: 50%;
      position: absolute;
      top: 0px;
      */
  height: 75px;
  margin-bottom: 30px;
  background-color: #FFF;
}
#authenticiation-page .center-container .application-logo > div {
  width: 100%;
  height: 100%;
  background-image: url('/css/images/ems_logo_black.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#authenticiation-page .center-container .account {
  display: table;
  border-spacing: 15px;
  margin-left: -30px;
  margin-right: -30px;
  text-decoration: none;
  background-color: #EEEEEE;
}
#authenticiation-page .center-container .account > span {
  display: table-cell;
  vertical-align: middle;
}
#authenticiation-page .center-container .account .account-picture > div {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 75px;
  min-width: 75px;
  height: 75px;
  background-size: cover;
  text-align: center;
  line-height: 75px;
}
#authenticiation-page .center-container .account .account-picture > div > i.fa {
  line-height: 75px;
  font-size: 50px;
}
#authenticiation-page .center-container .account .account-details {
  width: 100%;
  vertical-align: middle;
}
#authenticiation-page .center-container .account .account-details .account-name {
  font-size: 20px;
}
#authenticiation-page .center-container form {
  position: relative;
}
#authenticiation-page .center-container h1 {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
}
#authenticiation-page .center-container input[type] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-width: 1px;
  background-color: #FFF;
  border-color: #B7B7B7;
}
#authenticiation-page .center-container .btn-submit-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: right;
}
#authenticiation-page .center-container .btn-submit-form:after {
  content: "";
  display: table;
  clear: both;
}
#authenticiation-page .center-container .btn-forget-me,
#authenticiation-page .center-container .btn-return-home,
#authenticiation-page .center-container .btn-cancel {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  color: #FFF;
  padding: 0px 15px;
  border-width: 1px 1px 1px 1px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
#authenticiation-page .center-container .btn-forget-me {
  background-color: #db4c3f;
  border-color: #CC2036;
  margin: 60px 5px;
}
#authenticiation-page .center-container .btn-return-home {
  background-color: #477546;
  border-color: #185333;
}
#authenticiation-page .center-container .btn-cancel {
  background-color: #db4c3f;
  border-color: #CC2036;
}
#authenticiation-page .center-container .lost-password {
  margin: 60px 0px 30px 0px;
  text-align: center;
}
#authenticiation-page .center-container .system-message {
  margin: 15px 0px 0px 0px;
}
@media (max-device-width: 480px) {
  #authenticiation-page .center-container {
    position: relative;
    padding: 5px;
    margin: 5px auto;
    height: auto;
    max-height: initial;
  }
  #authenticiation-page .center-container .account {
    margin-left: -5px;
    margin-right: -5px;
  }
  #authenticiation-page .center-container .application-logo {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    position: relative;
    margin: 10px 0px;
    width: 100%;
    height: 50px;
    left: initial;
    border-width: 0px;
    padding: 0px;
  }
}
/*@color-line: #E0E0E0;*/
body.body {
  padding: 0px 0px 0px 60px;
  overflow: hidden;
}
body.body--no-padding {
  padding: 0px;
}
.app {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
  width: 100%;
}
.app__header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFFFFF;
  height: 80px;
  list-style: none;
  /* hack to remove distance between inline-block elements */
  min-height: 80px;
  padding: 10px;
  width: 100%;
  z-index: 100;
}
.app__header--local:after {
  background-color: #df772a;
  background-image: url(/css/images/ro_40.png);
  display: block;
  position: absolute;
  left: 50%;
  height: 50px;
  line-height: 50px;
  content: "LOCAL";
  text-align: center;
  top: 15px;
  width: 250px;
  margin-left: -75px;
  font-weight: bold;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 24px;
}
.app__header--staging:after {
  background-color: #477546;
  background-image: url(/css/images/ro_40.png);
  display: block;
  position: absolute;
  left: 50%;
  height: 50px;
  line-height: 50px;
  content: "STAGING";
  text-align: center;
  top: 15px;
  width: 250px;
  margin-left: -75px;
  font-weight: bold;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 24px;
}
.app__header__announcement {
  display: table;
}
.app__header__announcement__icon {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #116aa0;
  color: #FFF;
  display: table-cell;
  min-width: 50px;
  text-align: center;
  vertical-align: middle;
}
.app__header__announcement__icon .fa {
  font-size: 24px;
}
.app__header__announcement__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 2px;
}
.app__header__announcement__content {
  background-color: #e0e0e0;
  display: table-cell;
  font-size: 12px;
  height: 50px;
  line-height: 16px;
  min-width: 400px;
  padding: 4px;
  white-space: initial;
}
.app__header__announcement__content a {
  border-bottom: 1px solid #616161;
  display: inline-block;
  margin-bottom: 2px;
  padding-bottom: 0px;
}
.app__header__announcement__date-time {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e0e0e0;
  display: table-cell;
  padding: 4px;
  vertical-align: top;
}
.app__header__announcement__date-time > * {
  font-size: 14px;
  line-height: 16px;
}
.app__header__announcement__date-time__icon {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  vertical-align: top;
  width: 30px;
}
.app__header__badge {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #30462f;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: 10px;
  width: 16px;
}
.app__header__badge--bottom {
  bottom: 15px;
  top: auto;
}
.app__header__container {
  display: table;
}
.app__header__container__section {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  height: 60px;
  min-height: 60px;
  overflow: hidden;
  padding: 0px 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.app__header__container__section--divider {
  border-left: 1px solid #B7B7B7;
}
.app__header__container__section--full-width {
  width: 100%;
}
.app__header__button {
  color: #477546;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  margin: 0px 10px;
  min-width: 30px;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.app-account {
  display: table;
}
.app-account__section {
  display: table-cell;
  vertical-align: middle;
}
.app-account__section--full-width {
  width: 100%;
}
.app-account__picture {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e0e0e0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #616161;
  cursor: pointer;
  font-size: 40px;
  height: 60px;
  line-height: 60px;
  min-width: 60px;
  text-align: center;
  width: 60px;
}
.app-account__details {
  padding: 0px 10px;
  vertical-align: middle;
}
.app-account__details__name {
  font-weight: bold;
}
.app-account__details__email {
  color: #616161;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: initial;
}
.app__info {
  padding: 7px 0px;
}
.app__info__date-weather {
  display: inline-block;
  text-align: right;
  vertical-align: top;
}
.app__info__clock {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #116aa0;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  line-height: 44px;
  margin: 1px 2px 0px 2px;
  text-align: center;
  vertical-align: top;
  width: 44px;
}
.app__pathway .badge {
  vertical-align: top;
}
.app__company-logo {
  max-height: 100%;
  max-width: 75px;
}
.app__company-name {
  font-family: "DeliciousSmallCaps";
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  white-space: nowrap;
}
.app__content {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: auto;
  z-index: 10;
}
.app__content.system-module-container {
  height: auto;
  min-height: auto;
}
.app-module-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.app-module-menu {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #477546;
  bottom: 0px;
  height: 100%;
  left: -340px;
  overflow: hidden;
  padding: 80px 0px 0px 0px;
  position: absolute;
  top: 0px;
  width: 400px;
  z-index: 120;
}
.app-module-menu--open {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  left: 0px;
}
.app-module-menu--open .app-module-menu__pinned {
  right: -60px;
}
.app-module-menu--open .app-module-menu__modules {
  display: block;
}
.app-module-menu__header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  left: 0px;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 122;
}
.app-module-menu__header__logo {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('/css/images/ems_logo_white.png');
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  height: 100%;
  width: 100%;
}
.app-module-menu__header__button {
  color: #FFF;
  cursor: pointer;
  font-size: 30px;
  line-height: 60px;
  position: absolute;
  right: 20px;
}
.app-module-menu__item {
  color: #FFF;
  cursor: pointer;
  display: table;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  position: relative;
  text-decoration: none;
}
.app-module-menu__item:hover {
  background-color: #30462f;
}
.app-module-menu__item__badge {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #30462f;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 6px;
  width: 16px;
}
.app-module-menu__item__icon {
  color: inherit;
  display: table-cell;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  min-width: 50px;
  text-align: center;
  vertical-align: top;
}
.app-module-menu__item__icon .fa {
  color: inherit;
}
.app-module-menu__item__icon--pinned {
  background-color: #30462f;
}
.app-module-menu__item__label {
  display: table-cell;
  font-family: "DeliciousSmallCaps";
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  width: 100%;
}
.app-module-menu__content {
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.app-module-menu__modules {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  display: none;
}
.app-module-menu__pinned {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  bottom: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 60px;
}
.app-module-menu__pinned .app-module-menu__item__icon {
  width: 60px;
}
.app-account-menu {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #fff;
  bottom: 0px;
  overflow: hidden;
  padding: 80px 0px 60px 0px;
  position: absolute;
  right: -400px;
  top: 0px;
  width: 400px;
  z-index: 120;
}
.app-account-menu--open {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  right: 0px;
}
.app-account-menu__header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  left: 0px;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 122;
}
.app-account-menu__content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  position: relative;
}
.app-account-menu__footer {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #B7B7B7;
  padding: 10px;
  text-align: center;
}
.app-account-menu__domain {
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  margin: 10px 0px 5px 0px;
  overflow: hidden;
  padding: 2px 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-account-menu__company {
  border: 1px solid transparent;
  cursor: pointer;
  display: block;
  line-height: 30px;
  overflow: hidden;
  padding: 5px;
  white-space: nowrap;
}
.app-account-menu__company__logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  width: 30px;
}
.app-account-menu__company__label {
  display: inline-block;
  padding: 0px 10px;
  vertical-align: middle;
}
.app-account-menu__company:hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #eee;
  border: 1px solid #B7B7B7;
}
.app-loader {
  bottom: 10px;
  left: 10px;
  max-width: 640px;
  position: fixed;
  z-index: 10000;
}
.app-notification {
  bottom: 10px;
  left: 70px;
  max-width: 640px;
  position: fixed;
  z-index: 10000;
}
.app-notification__message {
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e0e0e0;
  border-spacing: 4px 0px;
  color: #616161;
  display: inline-block;
  padding: 0px 5px;
  margin: 2px;
  z-index: 10010;
}
.app-notification__message__icon,
.app-notification__message__label {
  display: inline-block;
  padding: 5px;
  vertical-align: top;
}
.app-notification__message__icon {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  width: 20px;
  text-align: center;
}
.app-notification__message__icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.app-notification__message__label {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
}
.app-notification__message--info {
  background-color: #116aa0;
  color: #fff;
}
.app-notification__message--danger {
  background-color: #cc2036;
  color: #fff;
}
.app-notification__message--warning {
  background-color: #df772a;
  color: #fff;
}
.app-notification__message--success {
  background-color: #477546;
  color: #fff;
}
.badge-container {
  line-height: 20px;
}
.badge {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #e0e0e0;
  color: #616161;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.badge__icon {
  display: inline-block;
  color: inherit;
  font-size: inherit;
  height: 20px;
  line-height: inherit;
  min-height: 20px;
  min-width: 12px;
  padding: 0px 5px;
  text-align: center;
  vertical-align: top;
}
.badge__icon > * {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.badge__icon + .badge__label {
  padding-left: 0px;
}
.badge__label {
  color: inherit;
  display: inline-block;
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  padding: 0px 5px;
  vertical-align: top;
}
.badge--full-width {
  display: block;
}
.badge--info {
  background-color: #116aa0;
  color: #fff;
}
.badge--danger {
  background-color: #cc2036;
  color: #fff;
}
.badge--warning {
  background-color: #df772a;
  color: #fff;
}
.badge--success {
  background-color: #477546;
  color: #fff;
}
.badge--light {
  background-color: #e0e0e0;
  color: #616161;
}
.badge--lighter {
  background-color: #f8f8f8;
  color: #616161;
}
.badge--dark {
  background-color: #616161;
  color: #fff;
}
.badge--grey {
  background-color: #b7b7b7;
  color: #616161;
}
.badge--transparent {
  background-color: transparent;
  color: #616161;
}
.badge--striped {
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
}
.badge--theme--primary {
  background-color: #477546;
  color: #fff;
}
.badge--theme--secondary {
  background-color: #477546;
  color: #fff;
}
.badge--theme--ternary {
  background-color: #30462f;
  color: #fff;
}
.badge--medium {
  height: 30px;
  line-height: 30px;
}
.badge--medium .badge__icon {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  min-height: 30px;
  min-width: 30px;
}
.badge--medium .badge__label {
  line-height: 30px;
  margin-left: 0px;
  font-size: 14px;
}
.badge--large {
  height: 40px;
  line-height: 40px;
}
.badge--large .badge__icon {
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  min-height: 40px;
  min-width: 40px;
}
.badge--large .badge__label {
  line-height: 40px;
  margin-left: 0px;
  font-size: 18px;
}
.btn-group--horizontal {
  display: inline-block;
  overflow: hidden;
}
.btn-group--horizontal > .btn {
  float: left;
  margin: 2px;
}
.btn-group--vertical {
  padding: 5px;
}
.btn-group--vertical > .btn {
  display: block;
  width: 100%;
  margin: 0px;
}
.btn-group--vertical > .btn + .btn {
  margin-top: 5px;
  margin-left: 0px;
}
.btn-group--vertical + .btn-group--vertical {
  margin-top: 20px;
}
.btn-bar {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #477546;
  border-color: #477546;
  border-style: solid;
  border-width: 1px;
  margin: 20px 0px;
  padding: 10px 0;
  text-align: center;
}
.btn {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e0e0e0;
  border-color: transparent;
  border-style: solid;
  border-width: 0px;
  color: #616161;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0px;
  overflow: hidden;
  padding: 0px 5px;
  text-overflow: ellipsis;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
.btn:hover {
  background-color: #d3d3d3;
  border-width: 0px;
  color: #616161;
}
.btn:disabled,
.btn[disabled] {
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  background-color: #f8f8f8;
  color: #616161;
  cursor: not-allowed;
}
.btn:disabled:hover,
.btn[disabled]:hover {
  background-color: #f8f8f8;
  color: #616161;
}
.btn + .btn {
  margin-left: 5px;
}
.btn--full-width {
  display: block;
}
.btn__icon {
  color: inherit;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
  width: 30px;
}
.btn__icon .fa {
  color: inherit;
}
.btn__icon + .btn__label {
  padding-left: 0px;
}
.btn__label {
  line-height: 40px;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
  padding: 0px 10px;
  color: inherit;
}
.btn--theme {
  background-color: #477546;
  color: #fff;
}
.btn--theme:hover {
  background-color: #518550;
  color: #fff;
}
.btn--theme-primary {
  background-color: #477546;
  color: #fff;
}
.btn--theme-primary:hover {
  background-color: #518550;
  color: #fff;
}
.btn--theme-secondary {
  background-color: #477546;
  color: #fff;
}
.btn--theme-secondary:hover {
  background-color: #518550;
  color: #fff;
}
.btn--theme-ternary {
  background-color: #30462f;
  color: #fff;
}
.btn--theme-ternary:hover {
  background-color: #3a5539;
  color: #fff;
}
.btn--dark {
  background-color: #616161;
  color: #fff;
}
.btn--dark:hover {
  background-color: #6e6e6e;
  color: #fff;
}
.btn--light {
  background-color: #e0e0e0;
  color: #616161;
}
.btn--light:hover {
  background-color: #d3d3d3;
  color: #616161;
}
.btn--lighter {
  background-color: #f8f8f8;
  color: #616161;
}
.btn--lighter:hover {
  background-color: #ebebeb;
  color: #616161;
}
.btn--transparent {
  background-color: transparent;
  color: #000;
}
.btn--transparent:hover {
  background-color: transparent;
  color: #000;
}
.btn--info {
  background-color: #116aa0;
  color: #fff;
}
.btn--info:hover {
  background-color: #1379b7;
  color: #fff;
}
.btn--success {
  background-color: #477546;
  color: #fff;
}
.btn--success:hover {
  background-color: #518550;
  color: #fff;
}
.btn--danger {
  background-color: #cc2036;
  color: #fff;
}
.btn--danger:hover {
  background-color: #dd283f;
  color: #fff;
}
.btn--warning {
  background-color: #df772a;
  color: #fff;
}
.btn--warning:hover {
  background-color: #e28540;
  color: #fff;
}
.btn--small {
  height: 30px;
  line-height: 30px;
  padding: 0px 2px;
}
.btn--small .btn__icon {
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.btn--small .btn__label {
  line-height: 30px;
}
.btn--xsmall {
  height: 20px;
  line-height: 20px;
  padding: 1px 2px;
}
.btn--xsmall .btn__icon {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  width: 14px;
}
.btn--xsmall .btn__label {
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
}
.btn--icon-only {
  background-color: transparent;
  color: #000;
  height: 20px;
  line-height: 20px;
  padding: 0px 2px;
}
.btn--icon-only:hover {
  background-color: transparent;
  color: #000;
}
.btn--icon-only + .btn--icon-only {
  margin-left: 0px;
}
.btn--icon-only .btn__icon {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.btn--icon-only .btn__label {
  display: none;
}
.frm__fieldset {
  border-spacing: 5px;
  display: table;
}
.frm__fieldset + .frm__fieldset {
  margin-top: 40px;
}
.frm__header {
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  margin: 10px 0px 5px 0px;
  padding: 2px 8px;
  width: 100%;
}
.frm__header--secondary {
  border: 0px;
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-size: initial;
  font-weight: bold;
}
.frm__row {
  display: table-row;
}
.frm__row--valign--middle > .frm__row__label,
.frm__row--valign--middle .frm__row__controls {
  vertical-align: middle;
}
.frm__row__label,
.frm__row__controls {
  display: table-cell;
  vertical-align: top;
}
.frm__row__label {
  max-width: 150px;
  padding: 5px 0px;
}
.frm__row__controls {
  width: 100%;
}
.frm__row--empty {
  min-height: 30px;
}
.frm__input {
  /* Important is hack to override old style */
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  -ms-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  background-color: #FFF !important;
  border-color: #B7B7B7 !important;
  border-style: solid !important;
  border-width: 1px !important;
  display: inline-block !important;
  line-height: 30px !important;
  height: auto !important;
  min-height: 34px !important;
  outline: 0px !important;
  padding: 2px 5px !important;
  width: 100% !important;
  vertical-align: middle !important;
  position: relative !important;
}
.frm__input--textarea {
  line-height: initial !important;
  min-height: 75px;
}
.frm__input--textarea--small {
  min-height: 75px !important;
  height: 75px !important;
  max-height: 75px !important;
}
.frm__input--textareamedium {
  min-height: 150px !important;
  height: 150px !important;
  max-height: 150px !important;
}
.frm__input--textarea--large {
  min-height: 250px !important;
  height: 250px !important;
  max-height: 250px !important;
}
.frm__input--no-border {
  border-color: transparent !important;
}
.frm__input--required {
  border-bottom: 1px solid #116aa0 !important;
}
.frm__input--disabled {
  color: #616161 !important;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f8f8f8 !important;
}
.frm__input--xsmall {
  min-width: 50px !important;
  width: 50px !important;
}
.frm__input--small {
  min-width: 75px !important;
  width: 75px !important;
}
.frm__input--medium {
  min-width: 150px !important;
  width: 150px !important;
}
.frm__input--large {
  min-width: 250px !important;
  width: 250px !important;
}
.frm__input--info {
  border-color: #116aa0 !important;
  background-color: #b8e0f8 !important;
}
.frm__input--success {
  border-color: #477546 !important;
  background-color: #d5e6d4 !important;
}
.frm__input--danger {
  border-color: #cc2036 !important;
  background-color: #fceff0 !important;
}
.frm__input--warning {
  border-color: #df772a !important;
  background-color: #f6dac5 !important;
}
.frm__input__icon {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #477546;
  color: #FFF;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 3px;
  width: 26px;
}
.frm__input--upload,
.frm__input--list,
.frm__input--date,
.frm__input--time {
  cursor: pointer;
}
.frm__input--upload::after,
.frm__input--list::after,
.frm__input--date::after,
.frm__input--time::after {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #477546;
  color: #FFF;
  cursor: pointer;
  font-family: FontAwesome;
  height: 26px;
  line-height: 26px;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 3px;
  width: 26px;
}
.frm__input--upload.frm__input--disabled::after,
.frm__input--list.frm__input--disabled::after,
.frm__input--date.frm__input--disabled::after,
.frm__input--time.frm__input--disabled::after {
  background-color: #e0e0e0;
  color: #616161;
}
.frm__input--date {
  cursor: pointer;
  width: 125px !important;
  text-align: left;
}
.frm__input--date::after {
  content: "\f133";
}
.frm__input--date > input {
  border-width: 0;
  padding: 0px;
  margin: 0px;
  margin-left: 0px;
  line-height: inherit;
  margin-left: -2px;
}
.frm__input--time {
  cursor: pointer;
  width: 90px !important;
}
.frm__input--time::after {
  content: "\f017";
}
.frm__input--list::after {
  content: "\f141";
}
.frm__input--number {
  text-align: right;
}
.frm__input--upload::after {
  content: "\f093";
}
.frm__input--hidden {
  width: 0.1px !important;
  height: 0.1px !important;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.frm__input__list-values {
  margin: 0px 30px 0px 0px;
  max-height: 150px;
  overflow-y: auto;
}
.frm__input__list-values__item {
  line-height: initial;
  /*
                    overflow-x: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                */
  margin-top: 4px;
}
.frm__color {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e0e0e0;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  position: relative;
  vertical-align: top;
  width: 32px;
  margin: 2px;
}
.frm__color::after {
  background-color: transparent;
  font-family: FontAwesome;
  height: 32px;
  line-height: 32px;
  position: absolute;
  left: 0px;
  text-align: center;
  top: 0px;
  width: 30px;
  content: "\f1fc";
}
.frm__color__input {
  visibility: hidden;
  width: 10px;
  margin: 0px;
  padding: 0px;
}
.frm__checkbox {
  margin: 3px 2px;
  position: relative;
  height: 16px;
  width: 16px;
  vertical-align: top;
}
.frm__radio {
  margin: 3px 2px;
  position: relative;
  height: 16px;
  width: 16px;
  vertical-align: top;
}
.gallery {
  font-size: 0px;
  text-align: center;
  width: 100%;
}
.gallery__image {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #fff;
  cursor: pointer;
  display: inline-block;
  height: auto;
  vertical-align: top;
  width: 100%;
}
.gallery--slider {
  height: 175px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0px 0px 10px 0px;
  -webkit-overflow-scrolling: touch;
}
.gallery--slider.gallery--small {
  height: 140px;
}
.gallery--slider.gallery--medium {
  height: 260px;
}
.gallery--slider.gallery--large {
  height: 500px;
}
.gallery--slider .gallery__image {
  height: 100%;
  width: auto;
  margin: 0px 5px;
}
.gallery--small .gallery__image {
  height: 120px;
  max-height: 120px;
  width: auto;
}
.gallery--medium .gallery__image {
  height: 240px;
  max-height: 240px;
  width: auto;
}
.gallery--large .gallery__image {
  height: 480px;
  max-height: 480px;
  width: auto;
}
.gallery--columns-2 .gallery__image {
  width: 47%;
}
.gallery--columns-3 .gallery__image {
  width: 31%;
}
.gallery--columns-4 .gallery__image {
  width: 22%;
}
.pull-right {
  float: right;
}
.horizontal-rule {
  display: block;
  height: 1px;
  background-color: #B7B7B7;
  margin: 20px 0px;
}
.grabbable {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
@columns = 12;
.grid {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  max-width: 100%;
}
.grid--full-height {
  height: 100%;
  min-height: 100%;
}
.grid--center {
  margin: 0 auto;
}
.grid--no-padding {
  padding: 0px;
}
.grid--no-padding > .grid__row {
  margin-top: 0px;
}
.grid--no-padding > .grid__row > .grid__row__column {
  border-width: 0px 10px;
}
.grid--auto-width .grid__row {
  display: inline-table;
}
.grid--auto-width .grid__row .grid__row__column {
  width: auto;
}
.grid--auto-width.grid--center {
  text-align: center;
}
.grid--small {
  max-width: 640px;
}
.grid--medium {
  max-width: 1024px;
}
.grid--large {
  max-width: 1280px;
}
.grid--debugging .grid__row__column {
  background-color: #DEDEDE;
  border-color: #fff;
}
.grid__row {
  border-collapse: separate;
  display: table;
  table-layout: fixed;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
.grid__row--full-height {
  height: 100%;
  min-height: 100%;
}
.grid__row--full-height .grid__row__column {
  height: 100%;
}
.grid__row + .grid__row {
  margin-top: 20px;
}
.grid__row__column {
  border-color: transparent;
  border-style: solid;
  border-width: 0px 10px;
  display: table-cell;
  vertical-align: top;
  width: auto;
}
.grid__row__column:first-child {
  border-left: 0px;
}
.grid__row__column:last-child {
  border-right: 0px;
}
.grid__row__column--12 {
  width: 100%;
}
.grid__row__column--11 {
  width: 91.66666667%;
}
.grid__row__column--10 {
  width: 83.33333333%;
}
.grid__row__column--9 {
  width: 75%;
}
.grid__row__column--8 {
  width: 66.66666667%;
}
.grid__row__column--7 {
  width: 58.33333333%;
}
.grid__row__column--6 {
  width: 50%;
}
.grid__row__column--5 {
  width: 41.66666667%;
}
.grid__row__column--4 {
  width: 33.33333333%;
}
.grid__row__column--3 {
  width: 25%;
}
.grid__row__column--2 {
  width: 16.66666667%;
}
.grid__row__column--1 {
  width: 8.33333333%;
}
.grid__row__column--fixed {
  min-width: 350px;
  width: 350px;
  max-width: 350px;
}
.grid__row__column--fixed--xsmall {
  min-width: 150px;
  width: 150px;
  max-width: 150px;
}
.grid__row__column--fixed--small {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
}
.grid__row__column--fixed--medium {
  min-width: 350px;
  width: 350px;
  max-width: 350px;
}
.grid__row__column--fixed--large {
  min-width: 480px;
  width: 480px;
  max-width: 480px;
}
.grid__row__column--fixed--xlarge {
  min-width: 640px;
  width: 640px;
  max-width: 640px;
}
.grid__row__column--center {
  text-align: center;
}
.grid__row__column--middle {
  vertical-align: middle;
}
/** Info container **/
.info-container + .info-container {
  margin-top: 20px;
}
.info-container__title {
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0px 5px 0px;
}
.info-container__content {
  border-collapse: separate;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.info-container__content + .info-container__content {
  margin-top: 20px;
}
.info-container__column {
  border-color: transparent;
  border-style: solid;
  border-width: 0px 20px/2;
  display: table-cell;
  width: auto;
}
.info-container__column:first-child {
  border-left: 0px;
}
.info-container__column:last-child {
  border-right: 0px;
}
.info-container__column--fixed {
  min-width: 350px;
  width: 350px;
  max-width: 350px;
}
.info-container__column--center {
  text-align: center;
}
.info-container__column--middle {
  vertical-align: middle;
}
.info-list {
  display: table;
  border-spacing: 0px 4px;
  width: 100%;
}
.info-list--transparent .info-list__row {
  background-color: transparent;
}
.info-list--transparent .info-list__row:hover {
  background-color: transparent;
}
.info-list--grid {
  display: grid;
  padding: 0px;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}
.info-list--grid--1 {
  grid-template-columns: repeat(1, 1fr);
}
.info-list--grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
.info-list--grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.info-list--grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
.info-list--horizontal .info-list__row {
  display: inline-block;
  margin: 2px;
}
.info-list__header {
  display: table-caption;
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  padding: 2px 8px;
  margin: 4px 0px 0px 0px;
}
.info-list__header--secondary {
  border: 0px;
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-size: initial;
  font-weight: bold;
}
.info-list__row {
  display: table-row;
  position: relative;
  background-color: #f8f8f8;
}
.info-list__row:hover {
  background-color: #eee;
}
.info-list__row--show-more > .info-list__item:last-child {
  padding-right: 30px;
}
.info-list__row--show-more::after {
  color: #616161;
  content: "\f105";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 8px;
  visibility: visible;
  width: 10px;
  z-index: 10;
}
.info-list__row--header {
  background-color: transparent !important;
}
.info-list__row--header > .info-list__item {
  color: #616161;
  font-family: "DeliciousSmallCaps";
}
.info-list__row--header:hover {
  background-color: transparent;
}
.info-list__row--group > .info-list__item {
  background-color: #e0e0e0;
  font-weight: bold;
}
.info-list__row--footer {
  background-color: transparent;
}
.info-list__row--footer .info-list__item {
  border-top: 1px solid #477546;
}
.info-list__row--footer .info-list__item:first-child {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.info-list__row--footer .info-list__item:last-child {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.info-list__row--footer:hover {
  background-color: transparent;
}
.info-list__row--valign--middle .info-list__item {
  vertical-align: middle;
}
.info-list__item {
  display: table-cell;
  line-height: initial;
  padding: 8px 4px;
  vertical-align: top;
}
.info-list__item:first-child {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
}
.info-list__item:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-right: 10px;
}
.info-list__item--icon {
  min-width: 20px;
  text-align: center;
}
.info-list__item--label {
  line-height: initial;
  width: 100%;
}
.info-list__item__line {
  position: relative;
}
.info-list__item__line + .info-list__item__line {
  margin-top: 4px;
}
.info-list__item--valign--middle {
  vertical-align: middle;
}
.info-list + .info-list,
.info-list + .tbl {
  margin-top: 20px;
}
.info-list--vertical .info-list__row {
  display: inline-block;
}
.info-list--vertical .info-list__row + .info-list__row {
  margin-left: 5px;
}
.login {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
  width: 100%;
}
.login__account {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.login__account__section {
  display: inline-block;
}
.login__account__section--picture {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e0e0e0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #616161;
  cursor: pointer;
  font-size: 40px;
  height: 80px;
  line-height: 80px;
  margin-right: 10px;
  min-width: 80px;
  text-align: center;
  vertical-align: top;
  width: 80px;
}
.login__account__section--details {
  padding: 0px;
}
.login__account__name {
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}
.login__account__email {
  color: #616161;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: initial;
}
.login__account__stats {
  margin-top: 15px;
}
.login__header {
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  height: 100px;
  list-style: none;
  /* hack to remove distance between inline-block elements */
  min-height: 100px;
  padding: 10px;
  width: 100%;
  z-index: 100;
}
.login__header__logo {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('/css/themes/ems/images/ems_logo_black.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  height: 100%;
  width: 100%;
}
.login__content {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  background-image: url('/css/themes/ems/images/authentication_background.jpeg');
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  z-index: 10;
}
.login__form {
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
}
.management-report-designer {
  height: 100%;
  position: relative;
  width: 100%;
}
.management-report-designer__menu {
  -webkit-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #fff;
  bottom: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 450px;
}
.management-report-designer__menu__header,
.management-report-designer__menu__content,
.management-report-designer__menu__footer {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}
.management-report-designer__menu__content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px 0px;
  overflow-y: auto;
}
.management-report-designer__menu__footer {
  padding: 10px 20px;
  text-align: center;
}
.management-report-designer__workspace {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  margin: 0px 450px 0px 0px;
  padding: 20px;
}
.management-report-designer__content {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px dashed #616161;
  margin: 0px auto;
  max-width: 640px;
  min-height: 100px;
  padding: 20px/2;
}
.management-report-designer__content__section {
  position: relative;
}
.management-report-designer__content__section + .management-report-designer__content__section {
  margin-top: 20px;
}
.management-report-designer__content__section .title {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #616161;
  border-collapse: collapse;
}
.management-report-designer__content__section .title td {
  color: #fff !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0px !important;
}
.management-report-designer__content__btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e0e0e0;
  color: #616161;
  display: block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 40px;
}
.management-report-designer__content__btn--move {
  background-color: #116aa0;
  color: #fff;
  cursor: move;
  left: -50px;
}
.management-report-designer__content__btn--move:after {
  color: inherit;
  content: "\f07d";
  font-family: FontAwesome;
}
.management-report-designer__content__btn--filter {
  background-color: #116aa0;
  color: #fff;
  right: -50px;
}
.management-report-designer__content__btn--filter:after {
  color: inherit;
  content: "\f0b0";
  font-family: FontAwesome;
}
.management-report-designer__content__btn--delete {
  background-color: #cc2036;
  color: #fff;
  right: -100px;
}
.management-report-designer__content__btn--delete:after {
  color: inherit;
  content: "\f014";
  font-family: FontAwesome;
}
.manual-page h1 {
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  padding: 2px 0px;
  margin: 10px 0px 5px 0px;
}
.manual-page h2 {
  font-family: "DeliciousSmallCaps";
}
.manual-page p + p {
  margin: 0px 0px 20px 0px;
}
.manual-page .toc {
  margin-bottom: 15px;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 15px;
}
.manual-page .toc a {
  padding-bottom: 2px;
  border-bottom: 1px solid #9E9E9E;
}
.manual-page .steps {
  counter-reset: item;
  margin: 0 0 0 20px;
  padding: 0;
}
.manual-page .steps > li {
  background-clip: padding-box;
  background-color: #f8f8f8;
  border-radius: 4px 0 0 4px;
  counter-increment: item;
  list-style-type: none;
  margin: 10px 0;
  padding: 5px 5px 5px 30px;
  position: relative;
}
.manual-page .steps > li + li {
  margin-top: 4px;
}
.manual-page .steps > li:before {
  background-color: #e0e0e0;
  border-radius: 50%;
  border: 5px solid #FFF;
  color: #616161;
  content: counter(item);
  display: block;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  font-weight: 700;
  height: 30px;
  left: -20px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: -3px;
  width: 30px;
}
.manual-page .steps > li:hover {
  background-color: #eee;
}
.manual-page .steps > li:hover:before {
  background-color: #477546;
  color: #fff;
}
.manual-page .steps > li i.fa {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #616161;
  padding: 2px;
}
.manual-page .steps hr {
  border-top: 1px solid #B7B7B7;
  margin: 20px 0px;
}
.module-sidebar {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  bottom: 0px;
  display: block;
  padding: 0px;
  position: fixed;
  right: 0px;
  top: 80px;
  width: 225px;
  z-index: 80;
}
.module-sidebar__tabs {
  margin: 0px;
  display: table;
  width: 100%;
}
.module-sidebar__tab {
  cursor: pointer;
  display: table-cell;
  width: 50%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #30462f;
}
.module-sidebar__tab--navigation {
  background-color: #30462f;
  color: #fff;
}
.module-sidebar__tab--settings {
  background-color: #fff;
  color: #30462f;
}
.module-sidebar__tab__icon {
  font-size: 24px;
  line-height: 40px;
}
.module-sidebar__tab__icon > .fa {
  font-size: inherit;
  line-height: inherit;
}
.module-sidebar__content {
  display: none;
}
.module-sidebar__content--visible {
  display: block;
}
.module-sidebar__content__title {
  font-family: "DeliciousSmallCaps";
  font-weight: normal;
  color: #30462f;
  font-size: 22px;
  margin: 0px 0px 15px 0px;
}
.module-sidebar__content__section {
  padding: 20px 10px;
}
.module-sidebar__content__section .btn {
  width: 100%;
  margin: 0px;
}
.module-sidebar__content__section .btn + .btn {
  margin-top: 5px;
}
.module-sidebar__content__section--navigation {
  background-color: #30462f;
  color: #fff;
}
.module-sidebar__content__section--navigation .module-sidebar__content__title {
  color: #FFF;
}
.module-sidebar__content__section--navigation .btn {
  background-color: #fff;
  color: #30462f;
  width: 100%;
}
.module-sidebar__content__section + .module-sidebar__content__section {
  border-top: 1px solid #B7B7B7;
}
.notification {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #e0e0e0;
  border-spacing: 4px 0px;
  color: #616161;
  display: table;
  width: 100%;
}
.notification + .notification {
  margin-top: 2px;
}
.notification__icon,
.notification__label {
  display: table-cell;
  padding: 10px 5px;
  vertical-align: top;
}
.notification__icon {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  min-width: 20px;
  text-align: center;
}
.notification__icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.notification__icon + .notification__label {
  margin-left: 4px;
}
.notification__label {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  width: 100%;
}
.notification--striped {
  background-image: url("/css/images/ro_40.png");
}
.notification--info {
  background-color: #116aa0;
  color: #fff;
}
.notification--danger {
  background-color: #cc2036;
  color: #fff;
}
.notification--warning {
  background-color: #df772a;
  color: #fff;
}
.notification--success {
  background-color: #477546;
  color: #fff;
}
.notification--light {
  background-color: #e0e0e0;
  color: #616161;
}
.notification--lighter {
  background-color: #f8f8f8;
  color: #616161;
}
.notification--dark {
  background-color: #616161;
  color: #fff;
}
.notification--transparent {
  background-color: transparent;
  color: #616161;
}
.page-block + .page-block {
  padding-top: 20px;
  margin-top: 20px;
}
.page-block + .page-block--divider {
  border-top: 1px solid #B7B7B7;
}
.page-block + .page-block--no-padding {
  padding: 0px;
}
.page-block + .page-block--no-margin {
  margin: 0px;
}
.page-block:empty {
  display: none;
}
.panel {
  border: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.panel--center {
  margin: 0 auto;
}
.panel--small {
  max-width: 640px;
}
.panel--medium {
  max-width: 1024px;
}
.panel--large {
  max-width: 1280px;
}
.panel + .panel {
  margin-top: 20px;
}
.panel--drop-shadow {
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
}
.panel--widget {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #B7B7B7;
}
.panel--widget .panel__header {
  background-color: #fff;
  padding: 0px;
  height: 40px;
  border-bottom: 1px solid #B7B7B7;
}
.panel--widget .panel__header__title {
  color: #477546;
  line-height: 39px;
  height: 39px;
}
.panel--widget .panel__content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  padding: 5px;
}
.panel--widget .panel__content--fixed {
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.panel--info .panel__header {
  background-color: #116aa0;
}
.panel--success .panel__header {
  background-color: #477546;
}
.panel--danger .panel__header {
  background-color: #cc2036;
}
.panel--warning .panel__header {
  background-color: #df772a;
}
.panel--dark .panel__header {
  background-color: #616161;
}
.panel--light .panel__header {
  background-color: #e0e0e0;
}
.panel--light .panel__header__title {
  color: #616161;
}
.panel--lighter .panel__header {
  background-color: #f8f8f8;
}
.panel--lighter .panel__header__title {
  color: #616161;
}
.panel--full-page {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  max-width: 100% !important;
}
.panel--full-page .panel__content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}
.panel--full-page .panel__content--fixed {
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.panel--full-height {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}
.panel--full-height .panel__content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}
.panel--full-height .panel__content--fixed {
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}
.panel__header {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  background-color: #477546;
  border-radius: 2px 2px 0px 0px;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  overflow: hidden;
  padding: 5px;
  position: relative;
}
.panel__header__title {
  color: #fff;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: "DeliciousSmallCaps";
  font-size: 18px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel__header__button + .panel__header__button {
  margin-left: 2px;
}
.panel__header__tabs {
  height: 100%;
  vertical-align: middle;
  margin: 0px;
  white-space: nowrap;
}
.panel__header__tabs--right {
  float: right;
}
.panel__header__tabs__tab {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0px 5px;
}
.panel__header__tabs__tab--active {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  color: initial;
}
.panel__header__tabs__tab__icon {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  text-align: center;
}
.panel__header__tabs__tab__icon + .panel__header__tabs__tab__label {
  padding-left: 0px;
}
.panel__header__tabs__tab__label {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  padding: 0px 10px;
}
.panel__content,
.panel__footer {
  background-color: #FFF;
  margin: 0px;
  position: relative;
}
.panel__content {
  padding: 20px;
  overflow-x: auto;
}
.panel__content--no-padding {
  padding: 0px;
}
.panel__content--full-height {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.panel__content + .panel__content {
  border-top: 1px solid #B7B7B7;
}
.panel__footer {
  background-color: #fff;
  border-style: solid;
  padding: 10px;
  position: relative;
  text-align: center;
}
.panel__footer:before {
  border-top: 1px solid #477546;
  content: "";
  display: block;
  left: 0px;
  line-height: 1px;
  padding: 2px 0;
  position: absolute;
  right: 0px;
  top: -1px;
}
.progress-tracker {
  font-size: 0;
  list-style: none;
  /* hack to remove distance between inline-block elements */
  margin: 4px 0px;
}
.progress-tracker__step {
  display: inline-block;
  font-size: initial;
  min-width: 50px;
  padding: 0px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.progress-tracker__step:after {
  background-color: #e0e0e0;
  content: '';
  display: block;
  height: 4px;
  position: absolute;
  top: 13px;
  width: 100%;
  z-index: 10;
}
.progress-tracker__step:last-child {
  min-width: auto;
}
.progress-tracker__step:last-child:after {
  display: none;
}
.progress-tracker__step--completed:after {
  background-color: #477546;
  color: #FFF;
}
.progress-tracker__step--completed .progress-tracker__step__marker {
  background-color: #477546;
  border: 2px solid #477546;
  color: #FFF;
}
.progress-tracker__step--active .progress-tracker__step__marker {
  border: 2px solid #477546;
}
.progress-tracker__step--number {
  color: #fff;
}
.progress-tracker__step--number:after {
  background-color: #477546;
  color: #FFF;
}
.progress-tracker__step--number .progress-tracker__step__marker {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #616161;
  border: 2px solid #616161;
  color: #fff;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
}
.progress-tracker__step__marker {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e0e0e0;
  background-color: #e0e0e0;
  color: #616161;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 26px;
  position: relative;
  text-align: center;
  width: 30px;
  z-index: 20;
}
.progress-tracker__step__marker > i.fa {
  font-size: inherit;
  line-height: inherit;
  vertical-align: initial;
}
.progress-tracker__step__marker--active {
  border: 2px solid #477546;
}
.progress-tracker__step__marker--completed {
  background-color: #477546;
  border: 2px solid #477546;
  color: #FFF;
}
.progress-tracker__step__label {
  display: block;
  line-height: initial;
  padding: 0px 20px 0px 10px;
}
.progress-tracker__list {
  list-style: none;
  margin-top: 10px;
}
.progress-tracker__list__item {
  line-height: initial;
  padding: 0px 20px 0px 10px;
}
.progress-tracker__list__item:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e0e0e0;
  content: '';
  display: inline-block;
  height: 10px;
  margin: 0px 5px 0px 0px;
  width: 10px;
}
.progress-tracker__list__item + .progress-tracker__list__item {
  margin-top: 4px;
}
.progress-tracker__list__item--completed:before {
  background-color: #477546;
  color: #FFF;
}
.tbl {
  border-collapse: separate;
  border-spacing: 0px 4px;
  margin-top: 0px;
  width: 100%;
}
.tbl--condensed .tbl__cell {
  padding: 2px;
}
.tbl__caption {
  display: table-caption;
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  padding: 2px 8px;
  margin: 4px 0px 0px 0px;
}
.tbl__caption--secondary {
  border: 0px;
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-size: initial;
  font-weight: bold;
}
.tbl__row--body > .tbl__cell {
  background-color: #f8f8f8;
}
.tbl__row--body:hover > .tbl__cell {
  background-color: #eee;
}
.tbl__row--group > .tbl__cell {
  background-color: #e0e0e0;
  font-weight: bold;
}
.tbl__row--valign--middle > .tbl__cell {
  vertical-align: middle;
}
.tbl__row--header > .tbl__cell {
  background-color: #fff;
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
}
.tbl__row--header > .tbl__cell:first-child,
.tbl__row--header > .tbl__cell:last-child {
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.tbl__row--footer > .tbl__cell {
  background-color: #fff;
  border-top: 1px solid #477546;
}
.tbl__row--footer > .tbl__cell:first-child,
.tbl__row--footer > .tbl__cell:last-child {
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
.tbl__row > .tbl__cell:first-child {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
}
.tbl__row > .tbl__cell:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-right: 10px;
}
.tbl__cell {
  line-height: initial;
  padding: 8px 4px;
  text-align: left;
  vertical-align: top;
  position: relative;
}
.tbl__cell--header {
  background-color: #fff;
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
}
.tbl__cell--footer {
  background-color: #fff;
  border-top: 1px solid #477546;
}
.tbl__cell--full-width {
  width: 100%;
}
.tbl__cell--full-content {
  white-space: nowrap;
}
.tbl__cell--valign--middle {
  vertical-align: middle;
}
.tbl + .tbl,
.tbl + .info-list {
  margin-top: 20px;
}
.text--xx-small {
  font-size: xx-small;
}
.text--x-small {
  font-size: x-small;
}
.text--small {
  font-size: small;
}
.text--medium {
  font-size: medium;
}
.text--large {
  font-size: large;
}
.text--x-large {
  font-size: x-large;
}
.text--xx-large {
  font-size: xx-large;
}
.text--xxx-large {
  font-size: xxx-large;
}
.text--overflow {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text--nobr {
  white-space: nowrap;
}
.text--link {
  /*text-decoration: underline;*/
  /*
        padding-bottom: 0px;
        border-bottom: 1px solid @color-dark;
        margin-bottom: 2px;
        display: inline;
        */
  text-decoration: none;
  position: relative;
  padding-bottom: 0px;
  cursor: pointer;
}
.text--link:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: #616161;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.text--link:hover:after {
  width: 100%;
  left: 0;
}
.text--fineprint {
  color: #616161;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: initial;
}
.text--fineprint > * {
  font-size: inherit;
  line-height: inherit;
}
.text--strong {
  font-weight: bold;
}
.text--overline {
  text-decoration: overline;
}
.text--underline {
  text-decoration: underline;
}
.text--line-trough {
  text-decoration: line-through;
}
.text--emphasis {
  font-style: italic;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--left {
  text-align: left;
}
.text--info {
  color: #116aa0;
}
.text--success {
  color: #477546;
}
.text--danger {
  color: #cc2036;
}
.text--warning {
  color: #df772a;
}
.text--light {
  color: #e0e0e0;
}
.text--dark {
  color: #616161;
}
.text--lighter {
  color: #f8f8f8;
}
.text--header {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  margin: 8px 0px 0px 0px;
  padding: 2px 0px;
}
.text--header--secondary {
  border: 0px;
  color: #616161;
  font-size: initial;
  font-weight: initial;
}
.text--h1 {
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  width: 100%;
}
.text--h2 {
  border: 0px;
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-size: initial;
  font-weight: bold;
}
.text--code {
  font-family: 'Courier New', monospace;
  font-size: 12px;
  padding: 4px;
  border: 1px solid silver;
  border-radius: 4px;
  background-color: #f2f2f2;
  white-space: break-spaces;
  margin: 15px 0px 0px 0px;
}
.text--theme--primary {
  color: #477546;
}
.text--theme--secondary {
  color: #477546;
}
.text--theme--ternary {
  color: #30462f;
}
/** Timeline */
.timeline {
  display: table;
}
.timeline__event {
  display: table-row;
}
.timeline__event + .timeline__event .timeline__event__description:after {
  background-color: #e0e0e0;
  top: 0px;
  content: "";
  height: 1px;
  left: 10px;
  position: absolute;
  right: 10px;
}
.timeline__event__datetime,
.timeline__event__description {
  display: table-cell;
  vertical-align: top;
}
.timeline__event__datetime {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px 0px 5px;
  text-align: right;
}
.timeline__event__description {
  background-color: #f8f8f8;
  border-left: 2px solid #616161;
  border-radius: 0px 4px 4px 0px;
  line-height: initial;
  padding: 10px 10px 10px 20px;
  position: relative;
  width: 100%;
}
.timeline__event__description:before {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #616161;
  content: "";
  display: block;
  height: 16px;
  left: -9px;
  position: absolute;
  top: 13px;
  width: 16px;
  z-index: 10;
}
.list-group {
  padding: 4px 0px;
}
.list-group + .list-group {
  margin-top: 20px;
}
.list-header {
  font-weight: bold;
  line-height: initial;
}
.list {
  line-height: initial;
  list-style-type: disc;
}
.list__item {
  margin-left: 20px;
}
.list--numbered {
  list-style-type: decimal;
}
@-webkit-keyframes line-scale {
  0%,
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
}
@keyframes line-scale {
  0%,
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
}
.line-scale {
  z-index: 1000;
}
.line-scale > div {
  width: 4px;
  height: 30px;
  display: inline-block;
  border-radius: 2px;
  margin: 0px 2px;
  background-color: #fff;
}
.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.diagram {
  display: block;
}
.diagram__header {
  display: block;
  border-bottom: 1px solid #477546;
  font-family: "DeliciousSmallCaps";
  font-size: 20px;
  line-height: initial;
  padding: 2px 0px;
  margin: 10px 0px 5px 0px;
}
.diagram__fragmentation {
  border-spacing: 0px 5px;
  display: block;
  margin: 0px 0px 20px 0px;
  width: 100%;
}
.diagram__fragmentation__section {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  float: left;
  height: 25px;
  margin: 5px 0px;
  position: relative;
  background-color: #e0e0e0;
  z-index: 10;
}
.diagram__fragmentation__section--hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  height: 35px;
  margin: 0px;
  z-index: 20;
}
.diagram__fragmentation__legend {
  display: table;
  border-spacing: 0px 4px;
  width: 100%;
}
.diagram__fragmentation__legend__row {
  display: table-row;
  background-color: #f8f8f8;
}
.diagram__fragmentation__legend__row--hover {
  background-color: #eee;
}
.diagram__fragmentation__legend__cell {
  display: table-cell;
  padding: 5px;
  vertical-align: top;
  white-space: nowrap;
}
.diagram__fragmentation__legend__cell:first-child {
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 10px;
}
.diagram__fragmentation__legend__cell:last-child {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-right: 10px;
}
.diagram__fragmentation__legend__cell--icon {
  color: #e0e0e0;
}
.diagram__fragmentation__legend__cell--label {
  width: 100%;
  white-space: initial;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.diagram__fragmentation__legend__cell--count {
  text-align: right;
}
.diagram__fragmentation__legend__cell--percentage {
  text-align: right;
}
/*
https://tigrr.github.io/circle-progress/examples.html
*/
.graph__circular-progress {
  display: inline-block;
  padding: 0px;
  vertical-align: top;
}
.graph__circular-progress .circle-progress {
  height: 100px;
  width: 100px;
}
.graph__circular-progress .circle-progress-value {
  stroke-linecap: round;
  stroke-width: 14px;
  stroke: #116aa0;
}
.graph__circular-progress .circle-progress-circle {
  fill: #e0e0e0;
  stroke-width: 24px;
  stroke: #fff;
}
.graph__circular-progress .circle-progress-text {
  fill: #616161;
  font-family: "DeliciousSmallCaps";
}
.graph__circular-progress--xlarge .circle-progress {
  height: 200px;
  width: 200px;
}
.graph__circular-progress--large .circle-progress {
  height: 150px;
  width: 150px;
}
.graph__circular-progress--medium .circle-progress {
  height: 100px;
  width: 100px;
}
.graph__circular-progress--small .circle-progress {
  height: 40px;
  width: 40px;
}
.graph__circular-progress--small .circle-progress-value {
  stroke-linecap: butt;
  stroke-width: 50px;
  stroke: #116aa0;
}
.graph__circular-progress--small .circle-progress-circle {
  fill: #b7b7b7;
  stroke-width: 30px;
  stroke: #b7b7b7;
}
.graph__circular-progress--small .circle-progress-text {
  fill: #FFF;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  display: none;
}
.graph__circular-progress--xsmall .circle-progress {
  height: 24px;
  width: 24px;
}
.graph__circular-progress--xsmall .circle-progress-value {
  stroke-linecap: butt;
  stroke-width: 50px;
  stroke: #116aa0;
}
.graph__circular-progress--xsmall .circle-progress-circle {
  fill: #b7b7b7;
  stroke-width: 30px;
  stroke: #b7b7b7;
}
.graph__circular-progress--xsmall .circle-progress-text {
  fill: #FFF;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  display: none;
}
.graph__circular-progress--info .circle-progress-value {
  stroke: #116aa0;
}
.graph__circular-progress--danger .circle-progress-value {
  stroke: #cc2036;
}
.graph__circular-progress--warning .circle-progress-value {
  stroke: #df772a;
}
.graph__circular-progress--success .circle-progress-value {
  stroke: #477546;
}
.graph__circular-progress--light .circle-progress-value {
  stroke: #e0e0e0;
}
.graph__circular-progress--lighter .circle-progress-value {
  stroke: #f8f8f8;
}
.graph__circular-progress--dark .circle-progress-value {
  stroke: #616161;
}
.progress {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  width: 150px;
  background-color: #e0e0e0;
  height: 20px;
  position: relative;
}
.progress--full-width {
  min-width: 100%;
}
.progress--vertical {
  width: 20px;
  height: 150px;
  margin: 0px auto;
}
.progress--vertical .progress__indicator {
  width: 100%;
  height: 0%;
  position: absolute;
  bottom: 0px;
}
.progress__indicator {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  height: 100%;
  width: 0%;
  background-color: #116aa0;
  position: relative;
}
.progress--info .progress__indicator {
  background-color: #116aa0;
}
.progress--danger .progress__indicator {
  background-color: #cc2036;
}
.progress--warning .progress__indicator {
  background-color: #df772a;
}
.progress--success .progress__indicator {
  background-color: #477546;
}
.progress--light .progress__indicator {
  background-color: #e0e0e0;
}
.progress--lighter .progress__indicator {
  background-color: #f8f8f8;
}
.progress--dark .progress__indicator {
  background-color: #616161;
}
.filemanager {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-spacing: 0px;
  display: table;
  height: 100%;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  padding: 0px;
  position: relative;
  table-layout: fixed;
  width: 100%;
}
.filemanager__frame {
  display: table-cell;
  height: 100%;
  min-width: 320px;
  vertical-align: top;
  padding-left: 10px;
}
.filemanager__frame--folders {
  width: 480px;
  padding-left: 0px;
  padding-right: 10px;
}
.filemanager__scrollable {
  bottom: 0px;
  left: 0px;
  margin: 2px;
  overflow: auto;
  padding: inherit;
  position: absolute;
  right: 0px;
  top: 0px;
}
.filemanager .ui-resizable-e {
  cursor: col-resize;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -2px;
  width: 4px;
  background-color: #616161;
}
.filemanager .ui-resizable-e:after {
  font-family: "FontAwesome";
  content: "\f07e";
  display: inline-block;
  font-size: 14px;
  position: absolute;
  left: -10px;
  top: 10px;
  z-index: 100;
  width: 24px;
  height: 24px;
  background-color: #FFF;
  border-radius: 20px;
  text-align: center;
  line-height: 20px;
  border: 2px solid #616161;
  color: #616161;
  box-sizing: border-box;
}
.js-filemanager-resize {
  position: relative;
}
.folder-tree,
.folder-tree ul,
.folder-tree li {
  list-style: none !important;
  margin-left: 0px;
}
.folder-tree ul {
  margin-left: 25px;
}
.folder {
  border-radius: 4px;
  border-spacing: 5px 0px;
  display: table;
  margin: 2px 0px;
  table-layout: fixed;
  width: 100%;
}
.folder:hover {
  background-color: #eee;
}
.folder.selected {
  background-color: #eee;
}
.folder__item {
  display: table-cell;
  height: 30px;
  line-height: initial;
  vertical-align: middle;
  white-space: nowrap;
}
.folder__item--icon {
  width: 20px;
  text-align: center;
  color: #616161;
}
.folder__item--file-count {
  width: 40px;
  text-align: right;
}
.file-dragger {
  border: 1px solid silver;
  background-color: #eee;
  padding: 5px;
  border-radius: 5px;
  max-width: 480px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1000;
}
.datagrid {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  position: relative;
  width: 100%;
  /*visibility: hidden;*/
}
.datagrid__header {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #616161;
  border-color: #FFF;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  font-family: "DeliciousSmallCaps";
  font-size: 18px;
  font-weight: bold;
  line-height: initial;
  overflow: hidden;
  padding: 4px 4px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.datagrid__container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  position: absolute;
}
.datagrid__container--cover {
  border-bottom: 1px solid #B7B7B7;
  border-right: 1px solid #B7B7B7;
  left: 0;
  min-height: 32px;
  top: 0;
  width: 300px;
  z-index: 20;
}
.datagrid__container--cover .ui-resizable-e {
  cursor: col-resize;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.datagrid__container--cover .ui-resizable-e:after {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "FontAwesome", serif;
  content: "\f07e";
  display: inline-block;
  font-size: 14px;
  position: absolute;
  left: -12px;
  top: 4px;
  z-index: 100;
  width: 24px;
  height: 24px;
  background-color: #FFF;
  border-radius: 20px;
  text-align: center;
  line-height: 20px;
  border: 2px solid #616161;
  color: #616161;
}
.datagrid__container--left {
  border-right: 1px solid #B7B7B7;
  left: 0;
  padding: 68px 0 0 0;
  top: 0;
  width: 300px;
  z-index: 10;
}
.datagrid__container--top {
  border-bottom: 1px solid #B7B7B7;
  left: 300px;
  min-height: 32px;
  top: 0;
  z-index: 10;
}
.datagrid__container--content {
  left: 300px;
  top: 32px;
  z-index: 5;
}
.datagrid__table {
  border-spacing: 0;
  margin-top: 0;
}
.datagrid__table--full-width {
  /*table-layout: fixed;*/
  width: 100%;
}
.datagrid__table--bordered .datagrid__table__column {
  border-bottom: 1px solid #e0e0e0;
}
.datagrid__table--bordered .datagrid__table__row {
  border-right: 1px solid #e0e0e0;
}
.datagrid__table--bordered-horizontal .datagrid__table__column {
  border-bottom: 1px solid #e0e0e0;
}
.datagrid__table--bordered-vertical .datagrid__table__row {
  border-right: 1px solid #e0e0e0;
}
.datagrid__table--striped-horizontal tr:nth-child(even) .datagrid__table__column {
  background-color: #f8f8f8;
}
.datagrid__table--striped-vertical .datagrid__table__row:nth-child(even) {
  background-color: #f8f8f8;
}
.datagrid__table__row {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100px;
  min-width: 100px;
  overflow-x: hidden;
  padding: 0px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
}
.datagrid__table__row--small {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
}
.datagrid__table__row--medium {
  max-width: 175px;
  min-width: 175px;
  width: 175px;
}
.datagrid__table__row--large {
  max-width: 450px;
  min-width: 450px;
  width: 450px;
}
.datagrid__table__column {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  height: 32px;
  line-height: initial;
  max-height: 32px;
  min-height: 32px;
  overflow-x: hidden;
  padding: 2px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.datagrid__table__column--history {
  background-color: #f8f8f8;
  background-image: url(/css/images/ro_40.png);
}
.datagrid__table__column--overflow {
  max-width: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.datagrid__table__column--full-content {
  white-space: nowrap;
}
.datagrid__table__column--medium {
  height: 60px;
  max-height: 60px;
  min-height: 60px;
  padding: 2px 4px;
}
.datagrid__table__column--striped {
  border-bottom: 1px solid #B7B7B7;
}
.datagrid__table__column,
.datagrid__table__row {
  white-space: nowrap;
}
.datagrid__table__column--header,
.datagrid__table__row--header {
  background-color: #eee !important;
}
.month-calender {
  border-collapse: collapse;
  border-spacing: 2px;
  display: inline-table;
  margin: 10px;
  vertical-align: top;
}
.month-calender__month {
  color: #477546;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  text-align: center;
}
.month-calender__date,
.month-calender__week-label,
.month-calender__weekday,
.month-calender__week-number {
  padding: 0px 4px;
  cursor: pointer;
}
.month-calender__week-label,
.month-calender__weekday,
.month-calender__week-number {
  font-weight: bold;
  vertical-align: middle;
}
.month-calender__date {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  height: 30px;
  padding: 0px;
  text-align: center;
  width: 40px;
}
.month-calender__week-label {
  text-align: right;
  width: 50px;
}
.month-calender__weekday {
  text-align: right;
  width: 50px;
  padding: 0px 8px 0px 0px;
}
.month-calender__week-number {
  font-weight: bold;
  text-align: center;
}
.month-calender__hover {
  background-color: #eee;
}
.month-calender__checked {
  background-color: #477546;
  color: #fff;
}
.numbered-list {
  counter-reset: item;
  padding: 0px 0px 0px 10px;
}
.numbered-list__item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f8f8f8;
  counter-increment: item;
  display: list-item;
  line-height: 24px;
  list-style-type: none;
  padding: 5px 10px 5px 25px;
  position: relative;
}
.numbered-list__item:hover {
  background-color: #eee;
}
.numbered-list__item:before {
  background-color: #e0e0e0;
  border-radius: 50%;
  border: 5px solid #FFF;
  color: #616161;
  content: counter(item);
  display: block;
  font-family: "DeliciousSmallCaps";
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  left: -20px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: -3px;
  width: 30px;
}
.numbered-list__item + .numbered-list__item {
  margin-top: 4px;
}
.numbered-list__item--info:before {
  background-color: #116aa0;
  color: #fff;
}
.numbered-list__item--success:before {
  background-color: #477546;
  color: #fff;
}
.numbered-list__item--danger:before {
  background-color: #cc2036;
  color: #fff;
}
.numbered-list__item--warning:before {
  background-color: #df772a;
  color: #fff;
}
.numbered-list__item--light:before {
  background-color: #e0e0e0;
  color: #616161;
}
.numbered-list__item--lighter:before {
  background-color: #f8f8f8;
  color: #616161;
}
.numbered-list__item--dark:before {
  background-color: #616161;
  color: #fff;
}
.numbered-list__item--theme--primary:before {
  background-color: #477546;
  color: #fff;
}
.numbered-list__item--theme--secondary:before {
  background-color: #477546;
  color: #fff;
}
.numbered-list__item--theme--ternary:before {
  background-color: #30462f;
  color: #fff;
}
.tile {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #B7B7B7;
  display: inline-block;
  height: 100px;
  margin: 0px 2px;
  position: relative;
  vertical-align: top;
  width: 100px;
}
.tile--small {
  height: 75px;
  width: 75px;
}
.tile--small .tile__content {
  height: 73px;
  line-height: 73px;
  font-size: 24px;
}
.tile--info .tile__title,
.tile--info .tile__badge {
  background-color: #116aa0;
  color: #fff;
}
.tile--danger .tile__title,
.tile--danger .tile__badge {
  background-color: #cc2036;
  color: #fff;
}
.tile--warning .tile__title,
.tile--warning .tile__badge {
  background-color: #df772a;
  color: #fff;
}
.tile--success .tile__title,
.tile--success .tile__badge {
  background-color: #477546;
  color: #fff;
}
.tile--light .tile__title,
.tile--light .tile__badge {
  background-color: #e0e0e0;
  color: #616161;
}
.tile--lighter .tile__title,
.tile--lighter .tile__badge {
  background-color: #f8f8f8;
  color: #616161;
}
.tile--dark .tile__title,
.tile--dark .tile__badge {
  background-color: #616161;
  color: #fff;
}
.tile__content {
  display: block;
  font-family: "DeliciousSmallCaps";
  font-size: 34px;
  font-weight: bold;
  height: 98px;
  line-height: 98px;
  text-align: center;
}
.tile__title,
.tile__badge {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #e0e0e0;
  color: #616161;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 0 5px;
  position: absolute;
}
.tile__title {
  bottom: 2px;
  left: 2px;
  max-width: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tile__badge {
  right: 2px;
  top: 2px;
}
.switch {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 1px;
  position: relative;
  vertical-align: middle;
  width: 40px;
}
.switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.switch input:checked + .switch__slider {
  /*background-color:  lighten(@color-success, 10%);
            border-color: @color-success;*/
}
.switch input:checked + .switch__slider:before {
  left: 22px;
  background-color: #477546;
}
.switch__slider {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  /*background-color: lighten(@color-danger, 10%);
        border-color: @color-danger;*/
  /*background-color: @color-light;*/
  background-color: #fff;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.switch__slider:before {
  /*.box-shadow(0px 1px 3px 1px rgba(0, 0, 0, 0.4));*/
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #cc2036;
  content: "";
  height: 14px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 14px;
}
.switch--medium {
  height: 30px;
  line-height: 30px;
  width: 60px;
}
input[type="checkbox"] {
  accent-color: #477546;
}
.checkbox {
  display: inline-block;
  height: 16px;
  margin: 2px;
  position: relative;
  vertical-align: middle;
  width: 16px;
}
.checkbox input {
  height: 0;
  opacity: 0;
  width: 0;
}
.checkbox input:checked + .checkbox__cover {
  border-color: #477546;
}
.checkbox input:hover:not(:checked) + .checkbox__cover:before {
  font-family: "FontAwesome";
  color: #B7B7B7;
  content: "\f00c";
  font-size: 12px;
}
.checkbox input:checked + .checkbox__cover:before {
  font-family: "FontAwesome";
  background-color: #477546;
  color: #fff;
  content: "\f00c";
  font-size: 12px;
}
.checkbox__cover {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #fff;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
}
.checkbox__cover:before {
  height: 14px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 14px;
  line-height: 14px;
  text-align: center;
}
.radio {
  display: inline-block;
  height: 16px;
  margin: 2px;
  position: relative;
  vertical-align: middle;
  width: 16px;
}
.radio input {
  height: 0;
  opacity: 0;
  width: 0;
}
.radio input:checked + .radio__cover {
  border-color: #477546;
}
.radio input:checked + .radio__cover:before {
  background-color: #477546;
}
.radio input:hover:not(:checked) + .radio__cover:before {
  background-color: #B7B7B7;
}
.radio__cover {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #fff;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
}
.radio__cover:before {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  content: "";
  height: 8px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 8px;
}
.year-container {
  bottom: 15px;
  left: 15px;
  overflow-x: auto;
  position: absolute;
  right: 15px;
  top: 15px;
}
.year-container__sticky {
  background-color: #FFF;
  bottom: 0px;
  display: inline-block;
  left: 0px;
  padding-top: 60px;
  position: absolute;
  top: 0px;
  width: 100px;
  width: 60px;
  z-index: 10;
}
.year-container__content {
  left: 60px;
  position: absolute;
  top: 0px;
  white-space: nowrap;
  z-index: 5;
}
.tbl-year {
  border-collapse: collapse;
}
.tbl-year td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  min-height: 30px;
  min-width: 50px;
  width: 50px;
}
.tbl-year__header {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #616161;
  color: #FFF;
  font-family: "DeliciousSmallCaps";
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
}
.month-calender {
  border-collapse: collapse;
  border-spacing: 2px;
  display: inline-table;
  margin: 10px;
  vertical-align: top;
}
.month-calender__month {
  font-weight: bold;
  text-align: center;
}
.month-calender__weekday {
  text-align: right;
  width: 50px;
  padding: 0px 8px 0px 0px;
}
.month-calender__date,
.month-calender__week-label,
.month-calender__weekday,
.month-calender__week-number {
  padding: 0px 4px;
  cursor: pointer;
}
.month-calender__week-label,
.month-calender__weekday,
.month-calender__week-number {
  font-weight: bold;
  vertical-align: middle;
}
.month-calender__date {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  height: 30px;
  padding: 0px;
  text-align: center;
  width: 40px;
}
.month-calender__date:hover:not(.month-calender__date--checked):not(.month-calender__date--disabled) {
  background-color: #eee;
}
.month-calender__date--checked {
  background-color: #477546;
  color: #fff;
}
.month-calender__date--disabled {
  background-color: #e0e0e0;
  cursor: not-allowed;
}
.month-calender__week-label {
  text-align: right;
  width: 50px;
}
.month-calender__week-number {
  font-weight: bold;
  text-align: center;
}
.module {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%;
}
.module__container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  flex: 1;
  overflow: auto;
  z-index: 10;
}
.module__container--menu {
  width: 250px;
  background-color: #fff;
  flex: initial;
  box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.16);
}
.module__container--content {
  padding: 20px;
  max-width: 1920px;
  margin: 0 auto;
}
.module__menu__section {
  padding: 20px 10px;
}
.module__menu__section--no-padding {
  padding: 0px;
}
.tabs__tab {
  flex-wrap: wrap;
  width: 50%;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  cursor: pointer;
  float: left;
  wdith: 50%;
}
.tabs__tab--primary {
  background-color: #30462f;
  color: #FFF;
}
.tabs__tab--secondary {
  color: #30462f;
}
.tabs__content {
  clear: both;
  padding: 20px 10px;
  display: none;
}
.tabs__content--primary {
  background-color: #30462f;
  display: block;
}
.tabs__content--secondary {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #30462f;
}
.cursor--alias {
  cursor: alias;
}
.cursor--all-scroll {
  cursor: all-scroll;
}
.cursor--auto {
  cursor: auto;
}
.cursor--cell {
  cursor: cell;
}
.cursor--context-menu {
  cursor: context-menu;
}
.cursor--col-resize {
  cursor: col-resize;
}
.cursor--copy {
  cursor: copy;
}
.cursor--crosshair {
  cursor: crosshair;
}
.cursor--default {
  cursor: default;
}
.cursor--e-resize {
  cursor: e-resize;
}
.cursor--ew-resize {
  cursor: ew-resize;
}
.cursor--grab {
  cursor: grab;
}
.cursor--grabbing {
  cursor: grabbing;
}
.cursor--help {
  cursor: help;
}
.cursor--move {
  cursor: move;
}
.cursor--n-resize {
  cursor: n-resize;
}
.cursor--ne-resize {
  cursor: ne-resize;
}
.cursor--nesw-resize {
  cursor: nesw-resize;
}
.cursor--ns-resize {
  cursor: ns-resize;
}
.cursor--nw-resize {
  cursor: nw-resize;
}
.cursor--nwse-resize {
  cursor: nwse-resize;
}
.cursor--no-drop {
  cursor: no-drop;
}
.cursor--none {
  cursor: none;
}
.cursor--not-allowed {
  cursor: not-allowed;
}
.cursor--pointer {
  cursor: pointer;
}
.cursor--progress {
  cursor: progress;
}
.cursor--row-resize {
  cursor: row-resize;
}
.cursor--s-resize {
  cursor: s-resize;
}
.cursor--se-resize {
  cursor: se-resize;
}
.cursor--sw-resize {
  cursor: sw-resize;
}
.cursor--text {
  cursor: text;
}
.cursor--w-resize {
  cursor: w-resize;
}
.cursor--wait {
  cursor: wait;
}
.cursor--zoom-in {
  cursor: zoom-in;
}
.cursor--zoom-out {
  cursor: zoom-out;
}
.inspection-field {
  height: 520px;
  margin: 10px auto;
  position: relative;
  width: 720px;
  z-index: 10;
  padding: 35px;
}
.inspection-field .inspection-field__layout {
  margin: 0px;
}
.inspection-field--medium {
  height: 260px;
  width: 360px;
}
.inspection-field--medium .inspection-field__layout {
  height: 260px;
  width: 360px;
}
.inspection-field--small {
  height: 130px;
  width: 180px;
}
.inspection-field--small .inspection-field__layout {
  height: 130px;
  width: 180px;
}
.inspection-field__side {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  align-items: center;
  background-color: #DEDEDE;
  border: 1px solid #9e9e9e;
  display: flex;
  font-size: 24px;
  font-weight: bold;
  justify-content: center;
  position: absolute;
  text-align: center;
  z-index: 20;
}
.inspection-field__side--selected {
  background-color: #116aa0;
  border-color: #116aa0;
  color: #fff;
}
.inspection-field__side--selected:after {
  content: '';
  position: absolute;
  border-top: solid 20px transparent;
  border-left: solid 20px transparent;
  border-right: solid 20px transparent;
  border-bottom: solid 20px transparent;
}
.inspection-field__side--a {
  height: 30px;
  left: 35px;
  right: 35px;
  top: 0px;
}
.inspection-field__side--a.inspection-field__side--selected:after {
  border-top: solid 20px #116aa0;
  height: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 100%;
  width: 0;
}
.inspection-field__side--b {
  bottom: 35px;
  right: 0px;
  top: 35px;
  width: 30px;
}
.inspection-field__side--b.inspection-field__side--selected:after {
  border-right: solid 20px #116aa0;
  height: 0;
  margin-top: -20px;
  right: 100%;
  top: 50%;
  width: 0;
}
.inspection-field__side--c {
  bottom: 0px;
  height: 30px;
  left: 35px;
  right: 35px;
}
.inspection-field__side--c.inspection-field__side--selected:after {
  border-bottom: solid 20px #116aa0;
  bottom: 100%;
  height: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 0;
}
.inspection-field__side--d {
  bottom: 35px;
  left: 0px;
  top: 35px;
  width: 30px;
}
.inspection-field__side--d.inspection-field__side--selected:after {
  border-left: solid 20px #116aa0;
  height: 0;
  left: 100%;
  margin-top: -20px;
  top: 50%;
  width: 0;
}
.inspection-field__layout {
  background-image: url(/resources/fields/template.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 520px;
  position: relative;
  width: 720px;
  margin: 4px;
}
.inspection-field__marker {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #116aa0;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  width: 20px;
  z-index: 100;
}
.inspection-field__input {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #B7B7B7 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
  height: 30px !important;
  line-height: 30px !important;
  margin-left: -30px !important;
  margin-top: -15px !important;
  padding: 2px !important;
  position: absolute !important;
  text-align: center !important;
  width: 60px !important;
  z-index: 100 !important;
}
.inspection-field__value {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #B7B7B7;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  height: 30px;
  line-height: 24px;
  margin-left: -30px;
  margin-top: -15px;
  padding: 2px;
  position: absolute;
  text-align: center;
  width: 60px;
  z-index: 100;
}
.inspection-field__value--success {
  background-color: #477546;
  color: #fff;
  font-weight: bold;
}
.inspection-field__value--danger {
  background-color: #cc2036;
  color: #fff;
  font-weight: bold;
}
.modal {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.modal__background {
  background: rgba(0, 0, 0, 0.65);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.modal__content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  padding: 5px;
  max-width: 95%;
  max-height: 95%;
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.swimlanes {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.swimlanes__lane {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #B7B7B7;
  width: 350px;
  padding: 4px;
  box-sizing: border-box;
}
.swimlanes__lane:hover {
  background-color: #f8f8f8;
}
.swimlanes__lane__header {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #616161;
  border-color: #FFF;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  font-family: "DeliciousSmallCaps";
  font-size: 18px;
  font-weight: bold;
  line-height: initial;
  overflow: hidden;
  padding: 4px 4px;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}
.swimlanes__lane + .swimlanes_lane {
  border-width: 1px 1px 1px 0px;
}
/*
https://codepen.io/paulsmirnov/pen/dyyOLwa
https://codepen.io/inventicon/pen/xpvWOq
*/
.tree-headers {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
}
.tree-headers__header {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #616161;
  color: #FFF;
  display: inline-block;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  overflow: hidden;
  padding: 4px 4px;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.tree-headers__header--xsmall {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
}
.tree-headers__header--small {
  min-width: 150px;
  width: 150px;
  max-width: 150px;
}
.tree-headers__header--medium {
  min-width: 350px;
  width: 350px;
  max-width: 350px;
}
.tree-headers__header--large {
  min-width: 640px;
  width: 640px;
  max-width: 640px;
}
.tree-headers__header + .tree-headers__header {
  margin-left: 40px;
}
.tree {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.tree__branch {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 20px;
  position: relative;
  margin-left: 0px;
}
.tree__branch:first-child {
  padding-left: 0px;
}
.tree__branch .tree__branch::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 2px solid #616161;
  width: 20px;
  height: 0;
}
.tree__leaf {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  list-style-type: none;
  position: relative;
  padding: 5px 0 5px 20px;
}
.tree__leaf:before,
.tree__leaf:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 50%;
  border-left: 2px solid #616161;
  width: 20px;
  height: 50%;
}
.tree__leaf:after {
  bottom: auto;
  top: 50%;
  border-top: 2px solid #616161;
}
.tree__leaf:only-child {
  padding-left: 0;
}
.tree__leaf:only-child::after,
.tree__leaf:only-child::before {
  display: none;
}
.tree__leaf:first-child::before,
.tree__leaf:last-child:after {
  border: 0 none;
}
.tree__leaf:last-child::before {
  border-bottom: 2px solid #616161;
}
.tree__buttons {
  margin-left: 20px;
  display: inline;
  white-space: nowrap;
}
.tree__entry {
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  z-index: 100;
}
.tree__entry--xsmall {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
}
.tree__entry--small {
  min-width: 150px;
  width: 150px;
  max-width: 150px;
}
.tree__entry--medium {
  min-width: 350px;
  width: 350px;
  max-width: 350px;
}
.tree__entry--large {
  min-width: 640px;
  width: 640px;
  max-width: 640px;
}
.tree__entry:hover {
  background-color: #eee;
}
.tree__entry:hover + .tree__branch .tree_leaf::after,
.tree__entry:hover + .tree__branch .tree_leaf::before,
.tree__entry:hover + .tree__branch::before,
.tree__entry:hover + .tree__branch .tree__branch::before {
  border-color: #116aa0;
}
.tree-diagram {
  position: relative;
  padding: 50px 0px 20px 0px;
}
.container--gutter {
  padding: 20px;
}
.container--cover {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
.container--overflow-hidden {
  overflow: hidden;
}
.container--overflow-scroll {
  overflow: scroll;
}
.element-reference-selector {
  position: relative;
  width: 304px;
  height: 219px;
}
.element-reference-selector__center {
  width: 240px;
  height: 155px;
  position: absolute;
  top: 32px;
  left: 32px;
  z-index: 1;
}
.element-reference-selector__side {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  background-color: #DEDEDE;
  border: 1px solid #9e9e9e;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.element-reference-selector__side--top {
  top: 0px;
  left: 32px;
  width: 240px;
}
.element-reference-selector__side--left {
  top: 32px;
  left: 0px;
  height: 155px;
}
.element-reference-selector__side--right {
  top: 32px;
  left: 274px;
  height: 155px;
}
.element-reference-selector__side--bottom {
  top: 189px;
  left: 32px;
  width: 240px;
}
#isa-planboard .plandate--hover {
  background-color: #e0e0e0 !important;
}
#isa-planboard .plandate--archived {
  background-color: #f8f8f8 !important;
  background-image: url(/css/images/ro_40.png);
}
.pb-summary {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f8f8f8;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  width: 166px;
}
.pb-summary--draggable {
  cursor: grab;
}
.pb-summary__activity {
  overflow: hidden;
  padding: 0px 2px 4px 2px;
}
.pb-summary__status {
  text-align: left;
}
.pb-summary + .pb-summary {
  margin-top: 4px;
}
.pb-event {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f8f8f8;
  border-color: #B7B7B7 /*#e0e0e0*/;
  border-spacing: 4px 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  display: table;
  height: 40px;
  margin: 1px;
  max-width: 250px;
  position: relative;
  table-layout: fixed;
  white-space: nowrap;
  width: 100%;
  z-index: 10;
}
.pb-event__content {
  display: table-row;
}
.pb-event__icon {
  display: table-cell;
  vertical-align: middle;
  width: 30px;
}
.pb-event__label {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.pb-event--notification {
  border-color: #cc2036 !important;
  background-image: url(/css/images/ro_40.png);
}
.pb-event--disabled {
  background-color: #e0e0e0 /*#e0e0e0*/ !important;
  background-image: url(/css/images/ro_40.png);
}
.pb-event--archived {
  opacity: 0.5;
}
.pb-event--info {
  border-bottom: 4px solid #116aa0;
}
.pb-event--danger {
  border-bottom: 4px solid #cc2036;
}
.pb-event--warning {
  border-bottom: 4px solid #df772a;
}
.pb-event--success {
  border-bottom: 4px solid #477546;
}
.pb-event--light {
  border-bottom: 4px solid #e0e0e0;
}
.pb-event--lighter {
  border-bottom: 4px solid #f8f8f8;
}
.pb-event--dark {
  border-bottom: 4px solid #616161;
}
.layout-point {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 30;
  position: absolute;
  border: 2px solid #e32626;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  margin-top: -10px;
  margin-left: -10px;
  background-color: #FFF;
  opacity: 1;
  cursor: pointer;
}
.field-layout {
  width: 720px;
  height: 520px;
  display: block;
  position: relative;
  z-index: 10;
  margin: 0 auto;
  background-image: url("/resources/fields/template.svg");
  background-size: contain;
}
.field-layout--grid {
  border: 1px solid grey;
}
.field-layout--grid:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: 20px 20px;
  background-image: linear-gradient(to right, grey 1px, transparent 1px), linear-gradient(to bottom, grey 1px, transparent 1px);
}
.field-layout__point {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #616161;
  z-index: 30;
  position: absolute;
  border: 2px solid #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  margin-top: -10px;
  margin-left: -10px;
}
.field-layout__point--disabled {
  opacity: 0;
}
.field-layout__point--enabled {
  background-color: #116aa0;
  opacity: 1;
  cursor: pointer;
}
#filemanager .navigation {
  min-width: 480px;
  max-width: 480px;
  width: 480px;
}
#filemanager .folders li > ul {
  margin: 3px 0px 0px 20px;
}
#filemanager .folders li + li {
  margin-top: 4px;
}
#filemanager .folder-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f8f8f8;
  border: 1px solid transparent;
  padding: 5px;
  position: relative;
  /*white-space: nowrap;*/
}
#filemanager .folder-container + ul {
  display: none;
}
#filemanager .folder-container:hover,
#filemanager .folder-container.active {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #EEE;
}
#filemanager .folder-container.trash .icon {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #CC2036;
  color: #FFF;
}
#filemanager .folder-container .number {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
  vertical-align: middle;
  width: 30px;
}
#filemanager .folder-container .icon-button {
  display: inline-block;
  float: right;
  height: 30px;
  line-height: 30px;
  margin: 0px 5px;
  text-align: center;
  vertical-align: middle;
}
#filemanager .folder-container .icon {
  display: inline-block;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
#filemanager .folder-container .icon.folder:before {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "\f114";
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px 0 0;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
#filemanager .folder-container.open + ul {
  display: block;
}
#filemanager .folder-container.open .icon.folder:before {
  content: "\f115";
}
#filemanager .folder-container.drop-hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #EEE;
  background-image: url(/css/images/ro_40.png);
  border: 1px solid #E0E0E0;
}
#filemanager .folder-container.trash.drop-hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #CC2036;
  background-image: url(/css/images/ro_40.png);
  border: 1px solid #CC2036;
  color: #FFF;
}
#filemanager .file-dragger {
  background-color: #EEE;
  border-radius: 2px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.16);
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
}
.progress-details {
  display: table;
  border-collapse: collapse;
  max-width: 100%;
}
.progress-details > div {
  display: table-cell;
  vertical-align: top;
}
.progress-details .con-details {
  width: 100%;
  max-width: 300px;
  padding: 0px 0px 0px 5px;
  overflow-x: hidden;
  vertical-align: middle;
}
.progress-details .con-details .label {
  font-weight: bold;
}
.progress-details .con-details > h1 {
  white-space: nowrap;
  max-width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.team-member-overview {
  display: table;
  border-collapse: separate;
  border-spacing: 15px;
  margin: 0 auto;
}
.team-member-overview > li {
  min-width: 350px;
  max-width: 350px;
  display: table-cell;
  text-align: left;
  margin: 5px;
  vertical-align: top;
}
#gantt-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  padding: 0px;
  width: 100%;
}
.gantt-container {
  border: 1px solid silver;
  background-color: #FFF;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
  z-index: 10;
}
.gantt-container::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
.gantt-container .navigation {
  display: table;
  margin: 5px auto;
}
.gantt-container .navigation > * {
  display: table-cell;
}
.gantt-container .navigation > span {
  background-color: #116AA0;
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  min-width: 40px;
  padding: 0px 5px;
  text-align: center;
  vertical-align: middle;
}
.gantt-container .navigation select {
  width: auto;
}
.gantt-container table.collapsed {
  border-collapse: collapse;
  background-color: #FFF;
}
.gantt-container table.collapsed td {
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  height: 30px;
  max-width: 45px;
  min-width: 45px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-container table tr.group-header {
  background-color: #EEEEEE;
}
.gantt-container .cover {
  position: absolute;
  width: 290px;
  height: 40px;
  background-color: #fff;
  z-index: 15;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #616161;
  padding: 5px;
}
.gantt-container .cover > .period-label {
  font-weight: bold;
  padding: 0px 5px;
  line-height: 40px;
}
.gantt-container .header {
  margin-left: 300px;
  position: absolute;
  z-index: 10;
}
.gantt-container .header th {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-color: #616161;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  height: 25px;
  min-width: 45px;
  padding: 0px;
  text-align: center;
}
.gantt-container .header .week-number {
  float: left;
  font-size: 18px;
  font-weight: bold;
  background-color: #E0E0E0;
  color: #616161;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.gantt-container .header .date-range {
  float: right;
  line-height: 40px;
}
.gantt-container .menu {
  position: absolute;
  min-width: 300px;
  max-width: 300px;
  margin-top: 50px;
  z-index: 5;
  border-right: 1px solid #616161;
}
.gantt-container .menu > table {
  width: 100%;
}
.gantt-container .menu > table > tbody > tr > td {
  padding: 0px 5px;
}
.gantt-container .menu > table > tbody > tr.task > td {
  overflow-x: visible;
  padding: 0px;
  position: relative;
}
.gantt-container .menu .label {
  display: block;
  line-height: 29px;
  max-width: 100%;
  overflow: hidden;
  padding: 0px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-container .menu .task-counter {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid black;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: 5px;
  vertical-align: middle;
  visibility: hidden;
  width: 24px;
}
.gantt-container .menu .task-counter.visible {
  visibility: visible;
}
.gantt-container .menu .task-counter.completed {
  visibility: visible;
  background-color: #477546 !important;
}
.gantt-container .content {
  margin-left: 300px;
  margin-top: 50px;
  z-index: 1;
}
.gantt-container .content .group-header td {
  border-width: 1px 0px;
}
.gantt-container .content .group-header td.active {
  padding: 0px;
  border-width: 0px !important;
}
.gantt-container .content .group-header td.active:before {
  display: block;
  content: "";
  height: 14px;
  background-color: #B7B7B7;
}
.gantt-container .content .grid .plan-date {
  cursor: pointer;
}
.gantt-container .content .grid tr.task > td.active {
  border-width: 0px !important;
}
.gantt-container .content .grid tr.task > td.last_weekday {
  border-right: 1px solid #616161;
}
.gantt-container .content tbody > tr.task:nth-child(1) .active {
  background-color: #8e44ad;
}
.gantt-container .content tbody > tr.task:nth-child(2) .active {
  background-color: #2980b9;
}
.gantt-container .content tbody > tr.task:nth-child(3) .active {
  background-color: #27ae60;
}
.gantt-container .content tbody > tr.task:nth-child(4) .active {
  background-color: #c0392b;
}
.gantt-container .content tbody > tr.task:nth-child(5) .active {
  background-color: #f39c12;
}
.gantt-container .content tbody > tr.task:nth-child(6) .active {
  background-color: #f1c40f;
}
.gantt-container .content tbody > tr.task:nth-child(7) .active {
  background-color: #2c3e50;
}
.gantt-container .content tbody > tr.task:nth-child(8) .active {
  background-color: #7f8c8d;
}
.gantt-container .content tbody > tr.task:nth-child(9) .active {
  background-color: #1abc9c;
}
.gantt-container .content tbody > tr.task:nth-child(10) .active {
  background-color: #3498db;
}
.gantt-container .content tbody > tr.task:nth-child(11) .active {
  background-color: #e74c3c;
}
.gantt-container .content tbody > tr.task:nth-child(12) .active {
  background-color: #d35400;
}
.gantt-container .content tbody > tr.task:nth-child(13) .active {
  background-color: #e67e22;
}
.gantt-container .content tbody > tr.task:nth-child(14) .active {
  background-color: #9b59b6;
}
.gantt-container .content tbody > tr.task:nth-child(15) .active {
  background-color: #2ecc71;
}
.gantt-container .content tbody > tr.task:nth-child(16) .active {
  background-color: #34495e;
}
.gantt-container .content tbody > tr.task:nth-child(17) .active {
  background-color: #16a085;
}
.gantt-container .content tbody > tr.task:nth-child(18) .active {
  background-color: #95a5a6;
}
.gantt-container .content tbody > tr.task:nth-child(19) .active {
  background-color: #bdc3c7;
}
.gantt-container .content tbody > tr.task:nth-child(20) .active {
  background-color: #ecf0f1;
}
.gantt-container .menu tbody > tr.task:nth-child(1) .task-counter {
  background-color: #8e44ad;
}
.gantt-container .menu tbody > tr.task:nth-child(2) .task-counter {
  background-color: #2980b9;
}
.gantt-container .menu tbody > tr.task:nth-child(3) .task-counter {
  background-color: #27ae60;
}
.gantt-container .menu tbody > tr.task:nth-child(4) .task-counter {
  background-color: #c0392b;
}
.gantt-container .menu tbody > tr.task:nth-child(5) .task-counter {
  background-color: #f39c12;
}
.gantt-container .menu tbody > tr.task:nth-child(6) .task-counter {
  background-color: #f1c40f;
}
.gantt-container .menu tbody > tr.task:nth-child(7) .task-counter {
  background-color: #2c3e50;
}
.gantt-container .menu tbody > tr.task:nth-child(8) .task-counter {
  background-color: #7f8c8d;
}
.gantt-container .menu tbody > tr.task:nth-child(9) .task-counter {
  background-color: #1abc9c;
}
.gantt-container .menu tbody > tr.task:nth-child(10) .task-counter {
  background-color: #3498db;
}
.gantt-container .menu tbody > tr.task:nth-child(11) .task-counter {
  background-color: #e74c3c;
}
.gantt-container .menu tbody > tr.task:nth-child(12) .task-counter {
  background-color: #d35400;
}
.gantt-container .menu tbody > tr.task:nth-child(13) .task-counter {
  background-color: #e67e22;
}
.gantt-container .menu tbody > tr.task:nth-child(14) .task-counter {
  background-color: #9b59b6;
}
.gantt-container .menu tbody > tr.task:nth-child(15) .task-counter {
  background-color: #2ecc71;
}
.gantt-container .menu tbody > tr.task:nth-child(16) .task-counter {
  background-color: #34495e;
}
.gantt-container .menu tbody > tr.task:nth-child(17) .task-counter {
  background-color: #16a085;
}
.gantt-container .menu tbody > tr.task:nth-child(18) .task-counter {
  background-color: #95a5a6;
}
.gantt-container .menu tbody > tr.task:nth-child(19) .task-counter {
  background-color: #bdc3c7;
}
.gantt-container .menu tbody > tr.task:nth-child(20) .task-counter {
  background-color: #ecf0f1;
}
.calendar-week-overview {
  border-collapse: collapse;
  margin: 5px auto;
}
.calendar-week-overview > thead > tr th {
  text-align: center;
}
.calendar-week-overview td {
  width: 50px;
  height: 50px;
  text-align: center;
}
.calendar-week-overview td.plan-date {
  border: 1px solid #116AA0;
}
.calendar-week-overview td.plan-date.active {
  background-color: #2196F3;
  color: #FFF;
}
.calendar-week-overview .week-number {
  font-size: 14px;
  font-weight: bold;
  background-color: #E0E0E0;
  color: #616161;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
}
/**
 *   Checklists 
 **/
#checklist-design div.content-placeholder {
  margin: 20px 0px;
}
#checklist-design .checklist-group .panel-header-icon {
  cursor: pointer;
}
#checklist-design .checklist-item > table {
  width: 100%;
  table-layout: fixed;
}
#checklist-design .checklist-item > table > tbody > tr > td {
  vertical-align: top;
  line-height: 30px;
}
#checklist-design .checklist-item > table > tbody > tr > td.handle {
  width: 30px;
  min-width: 30px;
}
#checklist-design .checklist-item > table > tbody > tr > td.buttons {
  width: 60px;
  min-width: 60px;
  white-space: nowrap;
}
#checklist-design .checklist-item .icon {
  width: 30px;
  min-width: 30px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  visibility: hidden;
}
#checklist-design .checklist-item:hover .icon {
  visibility: visible;
}
#checklist-design .checklist-item.disabled {
  background-color: #E0E0E0 !important;
  background-image: url("/css/images/ro_40.png") !important;
}
#checklist-design ul.choice.sortable-choice {
  margin-right: 15px;
}
#checklist-design ul.choice.sortable-choice > li {
  background-color: #FFF;
  line-height: 30px;
  position: relative;
}
#checklist-design ul.choice.sortable-choice > li > label > span {
  vertical-align: top;
}
#checklist-design ul.choice.sortable-choice > li .label {
  width: 100%;
  line-height: 30px;
}
#checklist-design ul.choice.sortable-choice > li:hover .choice-handle {
  display: block;
}
#checklist-design ul.choice.sortable-choice > li .choice-handle {
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 30px;
  min-width: 30px;
  text-align: center;
  cursor: pointer;
  background-color: #FFF;
  padding: 5px 0px;
  z-index: 100;
}
.tbl-checklist-item-choices > tbody > tr:last-child button {
  display: none;
}
.registration-group + .registration-group {
  margin-top: 20px;
}
.registration-group .registration-group-items {
  border-collapse: collapse;
  display: table;
  width: 100%;
}
.registration-group .registration-group-items > li {
  display: table-row;
}
.registration-group .registration-group-items > li:hover {
  background-color: #EEE;
}
.registration-group .registration-group-items > li > * {
  display: table-cell;
  padding: 2px 5px;
  vertical-align: middle;
}
.registration-group .registration-group-items > li > label {
  width: 40%;
}
.registration-group .registration-group-items > li > span {
  vertical-align: top;
  width: 60%;
}
#frm-checklist-registration {
  /*
  .checklist-registration { outline: 1px solid green; }

  .checklist-registration .group-title { font-size: 18px; font-weight: bold; }
  .checklist-registration .question-title { font-weight: bold }

  .checklist-registration > li > ul { padding: 0px !important; }
  .checklist-registration > li > ul > li {
    margin-bottom: 15px;                    
    padding: 5px 10px;
  }                
  
  .checklist-registration > li > ul > li + li {
    border-top: 1px solid silver;
  }
  */
  /* Amsterdam ArenA */
  /* Amsterdam ArenA */
}
#frm-checklist-registration .tbl-checklist {
  width: 100%;
}
#frm-checklist-registration .tbl-checklist > tbody > tr > td {
  width: 50%;
  padding: 2px 5px;
}
#frm-checklist-registration #field-image {
  margin: 15px auto;
  width: 350px;
  height: 222px;
}
#frm-checklist-registration #field-image .field-container {
  left: 3.9%;
  top: 4.6%;
  right: 3.9%;
  bottom: 4%;
}
#frm-checklist-registration #tbl-field-grid .field-square.selected .identifier {
  display: block;
}
#frm-checklist-registration #tbl-field-grid .field-square:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
#frm-checklist-registration #tbl-field-grid .field-square.active .identifier,
#frm-checklist-registration #tbl-field-grid .field-square:hover .identifier {
  display: block;
  top: 0px;
  z-index: 1000;
}
#frm-checklist-registration #tbl-field-grid .field-square .identifier {
  position: relative;
  margin: 0px;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 0px;
}
.chosen-container {
  font-size: inherit;
  width: 100%;
}
.chosen-container .chosen-drop {
  -webkit-border-top-right-radius: 0px 2px 2px 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px 2px 2px 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px 2px 2px 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  border: 1px solid #b7b7b7;
  background-color: #fff;
  padding: 5px;
}
.chosen-container-single .chosen-single,
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-multi .chosen-choices {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  border: 1px solid #E0E0E0;
  border-bottom: 1px solid #B7B7B7;
  outline: none;
  width: 100%;
  background-color: #FAFAFA;
  background-image: none;
  padding: 0px 5px;
  vertical-align: middle;
  min-height: 30px;
  line-height: 28px;
}
.chosen-container-single .chosen-default {
  color: #000;
}
.chosen-container-single .chosen-single span {
  line-height: inherit;
}
.chosen-container-single .chosen-single div {
  width: 25px;
}
.chosen-container-single .chosen-single div b {
  background: none;
}
.chosen-container-single .chosen-single div b:after {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  width: 25px;
  font-size: 12px;
  line-height: 30px;
  font-family: FontAwesome;
  content: "\f078";
  background-color: #477546;
  color: #FFF;
  text-align: center;
  display: block;
  margin: 0px;
  cursor: pointer;
}
.chosen-container-single .chosen-search input[type="text"] {
  background: none;
  border: 1px solid #b7b7b7;
  font-size: inherit;
  font-family: inherit;
}
.chosen-container .chosen-results li {
  border: 1px solid transparent;
  line-height: 30px;
  white-space: nowrap;
}
.chosen-container .chosen-results li.disabled-result {
  color: #ccc;
}
.chosen-container .chosen-results li.highlighted {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: none;
  background-color: #EEE;
  border: 1px solid #E0E0E0;
  color: #000;
}
.chosen-container .chosen-results li.no-results {
  font-size: 12px;
  font-style: italic;
  color: #616161;
  background: #FFF;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  padding: 2px;
  min-height: 40px;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  border: 1px solid #b7b7b7;
}
.chosen-container-multi .chosen-choices li.search-choice {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
  background-image: none;
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  line-height: 28px;
  height: 30px;
  margin: 2px;
  padding: 0px 25px 0px 5px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: none;
  top: 0px;
  height: 28px;
  cursor: pointer;
  color: inherit;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
  line-height: 28px;
  font-family: FontAwesome;
  content: "\f00d";
  font-size: 12px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
  background-image: none;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-drop .result-selected {
  color: #ccc;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: inherit;
}
.chosen-container-single .chosen-single,
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-multi .chosen-choices {
  border: 1px solid #b7b7b7;
  background-color: #FFF;
  min-height: 40px;
  line-height: 38px;
}
.message-contact {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin: 2px;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid #b7b7b7;
  overflow: hidden;
  cursor: pointer;
}
.message-contact label {
  padding: 0px 10px;
  line-height: 28px;
  float: left;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-contact .thumbnail {
  float: left;
}
.message-contact .btn-contact-remove {
  cursor: pointer;
  display: inline-block;
  float: left;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  border-left: 1px solid #b7b7b7;
}
.message-contact .btn-contact-remove:hover {
  background-color: #d5d5d5;
}
.message-contact-listing {
  max-height: 125px;
  overflow: auto;
}
#message-center .message_is_unread {
  font-weight: bold;
}
#frm-message-composer textarea {
  height: 350px;
}
.planboard-activity-external {
  display: table;
  border-spacing: 1px 2px;
}
.planboard-activity-external > div {
  display: table-cell;
  vertical-align: middle;
}
.planboard-activity-external > div.activity-icon {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #B7B7B7;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}
.planboard-activity-external > div.activity-icon.absence {
  background-color: #B7B7B7;
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
  color: #CC2036;
}
.planboard-activity-external > div.activity-label {
  padding: 0px 0px 0px 5px;
  width: 100%;
}
.planboard-activity-external > div.activity-label .activity {
  line-height: 20px;
}
.planboard-activity-external > div.activity-label .activity-group {
  color: #616161;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  text-transform: initial;
}
.planboard-activity-external > div.activity-label .activity-icons {
  margin-top: 5px;
}
.planboard-activity-external > div.activity-label .activity-icons .icon {
  color: #616161;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  text-transform: initial;
}
.planboard-activity-external > div.activity-label .activity-icons .icon + .icon {
  margin-left: 5px;
}
.planboard-activity-external > div.activity-label .activity-icons:empty {
  display: none;
}
.activity-type-indicator {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #B7B7B7;
  display: inline-block;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.activity-type-indicator.absence {
  background-color: #B7B7B7;
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
  color: #CC2036;
}
.planboard-event-information {
  display: table;
  width: 100%;
}
.planboard-event-information > .section {
  display: table-cell;
  vertical-align: top;
}
.planboard-event-information > .section.icon {
  padding: 4px 4px 4px 0px;
}
.planboard-event-information > .section.icon .thumbnail {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 129px;
  width: 129px;
}
.planboard-event-information > .section.details {
  width: 100%;
}
.planboard-event-information > .section.details table.basic {
  margin: 0px !important;
}
.event-interaction-container {
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  z-index: 1500;
  position: absolute;
}
.event-interaction-container .planboard-event {
  position: relative;
  display: block;
}
.calendar-event {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  bottom: 5px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 0px 5px;
  position: absolute;
  top: 5px;
}
.draggable-event-container {
  z-index: 1000;
}
.draggable-event-container .planboard-event {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;
}
.draggable-event-container .planboard-event + .planboard-event {
  margin-top: 2px !important;
}
.planboard-event {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #EEEEEE;
  bottom: 0px;
  height: 35px;
  margin: 0px;
  position: absolute;
  top: 0px;
  z-index: 10;
}
.planboard-event + .planboard-event.task {
  border-left: 1px solid #B7B7B7;
}
.planboard-event.ghost {
  opacity: 0.5;
}
.planboard-event:empty {
  text-align: center;
  line-height: 35px;
}
.planboard-event:empty::before {
  content: "\f141";
  font-family: FontAwesome;
}
.planboard-event .event-overflow {
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.planboard-event .event-container {
  border-collapse: collapse;
  display: table;
  width: 100%;
}
.planboard-event .event-container > .event-row {
  display: table-row;
}
.planboard-event .event-container > .event-row > * {
  display: table-cell;
  height: 35px;
  max-height: 35px;
  overflow: hidden;
  vertical-align: middle;
}
.planboard-event .event-container > .event-row > .frequency-indicator {
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 10px;
  border: 1px solid silver;
  background-color: #FFF;
  text-align: center;
  width: 14px;
  height: 14px;
  line-height: 14px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.planboard-event .event-container > .event-row > .icon {
  font-size: 20px;
  height: 100%;
  min-width: 30px;
  text-align: center;
}
.planboard-event .event-container > .event-row > .details {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  padding: 0px 5px;
  position: relative;
  vertical-aign: middle;
  white-space: nowrap;
  width: 100%;
}
.planboard-event .event-container > .event-row .activity-label {
  font-weight: bold;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.planboard-event .event-container > .event-row .activity-group {
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.planboard-event .event-container > .event-row .activity-details {
  line-height: 12px;
  margin-left: 10px;
}
.planboard-event .event-container > .event-row .activity-details .duration {
  font-size: 12px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-overflow: ellipsis;
}
.planboard-event .event-container > .event-row .activity-details .icons {
  font-size: 12px;
  margin-left: 5px;
}
.planboard-event .event-container > .event-row .activity-details .icons > i.fa {
  margin: 0px 2px;
}
.planboard-event.draw {
  background-color: #92c35a;
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
}
.planboard-event.draw::before {
  content: "";
}
.planboard-event.draw-complete {
  background-color: #92c35a;
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
}
.planboard-event.draw-complete::before {
  content: "";
}
.planboard-event.absence {
  background-color: #B7B7B7;
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
}
.planboard-event.absence .icon {
  color: #CC2036;
}
.planboard-event.break {
  background-color: #116AA0;
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
  z-index: 500;
}
.planboard-event.break::after {
  color: #000;
  content: "\f0f5";
  font-family: FontAwesome;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  left: 50%;
  line-height: 35px;
  margin-left: -10px;
  position: absolute;
  text-align: center;
  text-decoration: inherit;
  top: 0;
  width: 20px;
}
#planboard-module-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  max-width: 1280px !important;
  min-height: 100%;
  padding: 20px 20px;
}
#planboard {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
  z-index: 10;
}
#planboard::-webkit-scrollbar-track {
  background-color: #e6e7e7;
  border-radius: 10px;
}
#planboard::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #e6e7e7;
  border-radius: 10px;
}
#planboard::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #477546;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#planboard .day-label {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 35px;
  padding: 1px;
  text-align: left;
}
#planboard .day-label .day-label-date {
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
}
#planboard .day-label .day-label-weekday {
  font-size: 12px;
  line-height: 14px;
}
#planboard .current-time-indicator {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #92c35a;
  bottom: 0px;
  margin-left: -1px;
  position: absolute;
  top: 0px;
  width: 2px;
  z-index: 20;
}
#planboard .current-time-indicator > label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #92c35a;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  margin-left: -20px;
  position: absolute;
  text-align: center;
  width: 40px;
}
#planboard .guide {
  background-color: #616161;
  bottom: 0px;
  position: absolute;
  top: 0px;
  width: 2px;
  z-index: 15;
}
#planboard .guide > label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: transparent;
  color: #FFF;
  cursor: ew-resize;
  display: inline-block;
  font-size: 0px;
  height: 35px;
  line-height: 35px;
  margin: 0px 0px 0px -20px;
  position: absolute;
  text-align: center;
  width: 40px;
}
#planboard .guide > label:hover {
  background-color: #616161;
  font-size: 10px;
}
#planboard .guide.turning-point > label {
  background-color: #616161;
  font-size: 10px;
}
#planboard .planboard-grid {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #FFF;
  left: 275px;
  position: absolute;
  top: 0px;
  width: 1440px;
  border-bottom: 1px solid #C2C1C1;
}
#planboard .planboard-grid .timeline {
  background-color: #E0E0E0;
  height: 35px;
  line-height: 35px;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px 0px;
}
#planboard .planboard-grid .timeline:first-child {
  border-width: 0px 0px 1px 0px;
}
#planboard .planboard-grid .timeline .timeline-hour {
  color: #616161;
  display: block;
  float: left;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 60px;
}
#planboard .planboard-grid .row {
  background-image: url('/css/images/planboard_grid.svg');
  display: block;
  /*height: 60px;*/
  height: 35px;
  position: relative;
}
#planboard .planboard-grid .row + .row {
  /*border-top: 1px solid @theme-color-grey-secondary;*/
  border-top: 1px solid #E5E7E7;
}
#planboard .planboard-grid .row.active {
  background-color: rgba(158, 158, 158, 0.25);
}
#planboard .planboard-grid .row.calendar-bar {
  background-image: initial;
  background-color: #FAFAFA;
  height: 30px;
}
#planboard .planboard-grid .row.calendar-bar + .row {
  border-color: #C2C1C1;
}
#planboard .planboard-grid .interactable {
  cursor: move;
}
#planboard .planboard-grid .interactable.ui-draggable-dragging {
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
  z-index: 1500;
}
#planboard .planboard-grid .interactable.selected {
  /*
                outline: 2px solid @theme-color-blue-primary;
                outline-offset: -2px;
                */
}
#planboard .planboard-grid .interactable.selected .event-overflow::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #92c35a;
}
#planboard .planboard-grid .interactable.selected::before {
  -webkit-border-top-right-radius: 0px 4px 4px 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px 4px 4px 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px 4px 4px 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #92c35a;
  bottom: 0px;
  color: #FFF;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  left: 0px;
  line-height: 35px;
  position: absolute;
  text-align: center;
  text-decoration: inherit;
  top: 0px;
  width: 30px;
  z-index: 650;
}
#planboard .planboard-grid .interactable .ui-resizable-handle {
  bottom: 5px;
  display: block;
  position: absolute;
  top: 5px;
  width: 10px;
}
#planboard .planboard-grid .interactable .ui-resizable-handle.ui-resizable-e {
  cursor: e-resize;
  right: -5px;
}
#planboard .planboard-grid .interactable .ui-resizable-handle.ui-resizable-w {
  cursor: w-resize;
  left: -5px;
}
#planboard .employee-container {
  /*.box-shadow(2px 0 3px 0 rgba(0,0,0,0.16));*/
  /*.box-shadow(0px 1px 3px 1px rgba(0,0,0,0.4));*/
  -webkit-box-shadow: 4px 0px 4px -2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 0px 4px -2px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 0px 4px -2px rgba(0, 0, 0, 0.4);
  background-color: #FFF;
  border-bottom: 1px solid #C2C1C1;
  left: 0px;
  max-width: 275px;
  position: absolute;
  top: 0px;
  width: 275px;
  z-index: 1000;
}
#planboard .employee-container .planboard-notifications {
  background-color: #FAFAFA;
  border-bottom: 1px solid #B7B7B7;
  height: 30px;
  line-height: 30px;
  padding: 0px 5px;
}
#planboard .employee-container .planboard-notifications .holiday-notification {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #116AA0;
  color: #FFF;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 5px 0px;
  overflow: hidden;
  padding: 0px 4px 0px 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#planboard .employee-container .planboard-notifications .holiday-notification:before {
  content: "\f005";
  display: inline-block;
  font-family: FontAwesome;
  width: 20px;
  text-align: center;
}
#planboard .employee-container .planboard-notifications .planboard-notification {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 5px 0px;
  text-align: center;
  width: 20px;
  float: right;
}
#planboard .employee-container .planboard-notifications .planboard-notification + .planboard-notification {
  margin-right: 5px;
}
#planboard .employee-container .planboard-notifications .planboard-notification.calendar {
  background-color: #DF772A;
}
#planboard .employee-container .planboard-notifications .planboard-notification.projects {
  background-color: #116AA0;
}
#planboard .employee-container .header {
  background-color: #E0E0E0;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px 0px;
  color: #000;
  height: 35px;
  padding: 0px 5px 0px 0px;
  position: relative;
  /*.day-date {
              color: #616161;
              float: right;
              font-size: 12px;
              font-weight: bold;
              line-height: @planboard-row-height;
              text-align: left;
            }*/
}
#planboard .employee-container .header:first-child {
  border-width: 0px 0px 1px 0px;
}
#planboard .employee-container .header .employee {
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  max-width: 230px;
  overflow-x: hidden;
  text-align: left;
  text-overflow: ellipsis;
  top: 0px;
  vertical-align: middle;
  white-space: nowrap;
  width: 230px;
}
#planboard .employee-container .header .week-number {
  background-color: #92c35a;
  color: #FFF;
  float: left;
  font-size: 20px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  margin: 0px 5px 0px 0px;
  text-align: center;
  width: 35px;
}
#planboard .employee-container .header .day-weather {
  float: right;
}
#planboard .employee-container .header .day-weather > span.indicator {
  display: inline-block;
  font-size: 14px;
  line-height: 35px;
  width: 45px;
}
#planboard .employee-container .header .day-weather > span.indicator + span.indicator {
  margin-left: 5px;
}
#planboard .employee-container .row {
  display: block;
  height: 35px;
  position: relative;
  line-height: 35px;
}
#planboard .employee-container .row + .row {
  border-top: 1px solid #E5E7E7;
}
#planboard .employee-container .row > .label {
  display: inline-block;
  left: 0px;
  line-height: inherit;
  max-width: 230px;
  overflow-x: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 0px;
  vertical-align: middle;
  white-space: nowrap;
  width: 230px;
}
#planboard .employee-container .row > .label .planboard-notifications {
  border-width: 0px;
  float: left;
  height: 35px;
  line-height: 35px;
}
#planboard .employee-container .row > .label .planboard-notifications > .planboard-notification {
  margin: 7px 1px;
}
#planboard .employee-container .row > .label .planboard-notifications > .holiday-notification {
  margin: 7px 1px;
}
#planboard .employee-container .row > .label .day-weather {
  float: right;
}
#planboard .employee-container .row > .label .day-weather > span.indicator {
  display: inline-block;
  font-size: 14px;
  line-height: 35px;
  text-align: right;
  width: 45px;
}
#planboard .employee-container .row > .label .day-weather > span.indicator + span.indicator {
  margin-left: 5px;
}
#planboard .employee-container .row > .time {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  line-height: inherit;
  padding: 0px 5px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
  vertical-align: middle;
  width: 45px;
}
#planboard .employee-container table {
  background-color: #FFF;
  border-collapse: collapse;
  margin: 0px;
  width: 100%;
}
#planboard .employee-container table td {
  white-space: nowrap;
  padding: 0px 5px;
  /*line-height: 50px;*/
  line-height: 35px;
}
#planboard .employee-container table td.label {
  width: 224px;
  max-width: 224px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#planboard .employee-container table td.time {
  text-align: right;
}
#planboard .employee-container table tbody > tr + tr td {
  /*border-top: 1px solid @theme-color-grey-secondary;*/
  border-top: 1px solid #E5E7E7;
}
#planboard-trash {
  position: relative;
}
#planboard-trash .planboard-event {
  position: relative;
  cursor: pointer;
  margin: 0px 0px 10px 0px;
}
#quickstart-editor {
  height: 100%;
  width: 100%;
}
#quickstart-editor .tutorial {
  left: 0px;
  top: 0px;
  padding: 10px;
  position: absolute;
}
#quickstart-editor .tutorial p {
  margin-bottom: 20px;
}
#quickstart-editor > div {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}
#quickstart-editor > .designer {
  height: 100%;
  max-height: 100%;
}
#quickstart-editor > .designer .panel-content {
  padding: 0px;
  border-width: 0px;
}
#quickstart-editor > .designer .activity-description {
  display: block !important;
  padding: 5px 5px 0px 5px;
}
#quickstart-editor > .designer .activity-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFF;
  border-top: 1px solid #b7b7b7;
  display: block !important;
  margin: 0px;
  min-height: 50px;
  padding: 5px 0px;
  width: 100%;
}
#quickstart-editor > .designer .activity-container:empty {
  text-align: center;
  line-height: 50px;
  color: #616161;
}
#quickstart-editor > .designer .activity-container:empty::before {
  content: "\f085\f07a\f125";
  font-family: FontAwesome;
  letter-spacing: 10px;
}
#quickstart-editor > .designer .activity-container > li {
  background-color: #FFF;
  border-spacing: 2px 5px;
  display: table;
  width: 100% !important;
}
#quickstart-editor > .designer .activity-container > li > label {
  display: table-row;
}
#quickstart-editor > .designer .activity-container > li > label > span {
  display: table-cell !important;
  vertical-align: top;
}
#quickstart-editor > .designer .activity-container > li > label > span.icon {
  min-width: 30px;
  text-align: center;
}
#quickstart-editor > .designer .activity-container > li > label > span.label {
  width: 100%;
}
#quickstart-editor > .designer .activity-container > li + li {
  border-top: 1px solid #b7b7b7;
}
#quickstart-editor .panel {
  height: 100%;
  position: relative;
}
#quickstart-editor .panel .panel-header {
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 10;
}
#quickstart-editor .panel .panel-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 40px;
  z-index: 10;
}
#quickstart-editor > .resources {
  height: 100%;
  max-height: 100%;
  padding-left: 10px;
  position: relative;
}
#quickstart-editor > .resources .panel-content {
  overflow-y: auto;
}
#quickstart-editor > .resources .panel-header-tabs {
  margin: 0 auto;
}
#quickstart-editor > .resources .panel-header-tabs > ul > li {
  text-align: center;
}
#quickstart-editor .sortable-activities {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  padding: 10px 5px 10px 0px;
  width: 100%;
}
#quickstart-editor .sortable-activities:empty {
  border: 1px solid #E0E0E0;
}
#quickstart-editor .sortable-activities > li {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #EEEEEE;
  border: 1px solid #b7b7b7;
  display: block;
  height: auto !important;
  min-height: 50px;
  width: 100% !important;
  margin-bottom: 10px;
}
#quickstart-editor .sortable-activities > li > label {
  display: table;
  margin: 0px;
  border-collapse: separate;
  border-spacing: 5px;
}
#quickstart-editor .sortable-activities > li > label > span {
  display: table-cell !important;
  padding: 0px;
  vertical-align: top;
}
#quickstart-editor .sortable-activities > li > label > span > button.delete {
  width: 40px;
  margin: 0px;
}
#quickstart-editor .sortable-activities > li > label > span.icon {
  padding: 5px;
  text-align: center;
  width: 30px;
}
#quickstart-editor .sortable-activities > li > label > span.label {
  width: 100%;
}
#planboard-frequently-used-toolbar {
  text-align: center;
}
#planboard-frequently-used-toolbar input[type=radio] {
  margin: 0px;
}
#planboard-frequently-used-toolbar label {
  display: inline-block;
  line-height: 30px;
  margin: 0px;
  vertical-align: middle;
}
#planboard-frequently-used-toolbar label + label {
  margin-left: 15px;
}
.week-header {
  background-color: #616161;
  height: 30px;
  line-height: 30px;
}
.week-header .week-number {
  padding: 0px;
  height: 32px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
  width: 70px;
  color: #FFF;
  display: inline-block;
  vertical-align: top;
  font-family: DeliciousSmallCaps;
  font-size: 18px;
}
.week-header .employee-name {
  display: inline-block;
  vertical-align: top;
  color: #FFF;
  white-space: nowrap;
  max-width: 205px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.week-header .button-bar {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: inherit;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  padding: 0px 2px;
}
.employee-container .header {
  background-color: #E0E0E0;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px 0;
  color: #000;
  height: 35px;
  padding: 0 5px 0 0;
  position: relative;
  line-height: 30px;
}
.employee-container .header .day-label {
  padding: 0px;
  height: 35px;
  font-size: 14px;
}
.employee-container .header .weekday {
  display: inline-block;
  line-height: 35px;
  height: 35px;
  width: 35px;
  vertical-align: top;
  background-color: #676767;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  margin: -1px 5px 0px 0px;
  font-size: 18px;
  font-family: DeliciousSmallCaps;
}
.week-header {
  background-color: #616161;
  height: 32px;
  line-height: 32px;
  position: relative;
}
.week-header .week-number {
  padding: 0px;
  line-height: 32px;
  height: 32px;
  font-weight: bold;
  text-align: center;
  width: 70px;
  color: #FFF;
  display: inline-block;
  vertical-align: top;
  font-family: DeliciousSmallCaps;
  font-size: 18px;
}
.week-header .employee-name {
  display: inline-block;
  vertical-align: top;
  color: #FFF;
  white-space: nowrap;
  max-width: 205px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.week-header .button-bar {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: inherit;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  padding: 0px 2px;
}
.week-header .button-bar .btn {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 26px;
  margin: 2px;
}
#planboard .employee-container .header {
  background-color: #E0E0E0;
  border-color: #B7B7B7;
  border-style: solid;
  border-width: 1px 0;
  color: #000;
  height: 30px;
  padding: 0 5px 0 0;
  position: relative;
  line-height: 30px;
}
#planboard .employee-container .header .day-label {
  padding: 0px;
  height: 30px;
  font-size: 14px;
}
#planboard .employee-container .header .weekday {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  width: 35px;
  vertical-align: top;
  background-color: #676767;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  margin: -1px 5px 0px 0px;
  font-size: 18px;
  font-family: DeliciousSmallCaps;
}
#planboard .planboard-grid .timeline {
  height: 30px;
  line-height: 30px;
}
#planboard .planboard-grid .timeline .timeline-hour {
  height: 30px;
  line-height: 30px;
}
#planboard .current-time-indicator > label,
#planboard .guide > label {
  height: 30px;
  line-height: 30px;
  margin-top: 1px;
}
#planboard .employee-container .header .day-weather > span.indicator {
  height: 30px;
  line-height: 30px;
}
#planboard .employee-container .header:first-child {
  border-width: 1px 0px;
}
#planboard .planboard-grid .timeline:first-child {
  border-width: 1px 0px;
}
#planboard {
  border-width: 0px;
}
#planboard .employee-container .header .day-weather > span.indicator {
  vertical-align: top;
}
.planboard-processing-message {
  display: table;
}
.planboard-processing-message .icon {
  background-color: #676767;
  color: #FFF;
  padding: 10px;
  font-size: 48px;
  text-align: center;
  display: table-cell;
  vertical-align: top;
  border-radius: 4px 0px 0px 4px;
}
.planboard-processing-message .message {
  background-color: #EEE;
  padding: 20px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  border-radius: 0px 4px 4px 0px;
}
.planboard-processing-message.processing .icon {
  background-color: #116AA0;
}
.planboard-processing-message.completed .icon {
  background-color: #477546;
}
.map-openlayers-tooltip {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding: 4px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  opacity: 1;
  font-size: 12px;
  white-space: nowrap;
}
.map-openlayers {
  overflow: hidden;
  position: relative;
}
.map-openlayers .layer-selection {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: #ffffff;
  bottom: 0px;
  left: -260px;
  padding: 5px;
  position: absolute;
  top: 0px;
  width: 250px;
  z-index: 10;
}
.map-openlayers .layer-selection.open {
  -webkit-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.16);
  left: 0px;
}
.map-openlayers .layer-selection .header {
  border-bottom: 1px solid #E0E0E0;
  height: 50px;
  line-height: 50px;
  padding: 0px 0px 0px 50px;
}
.map-openlayers .layer-selection .header h1 {
  display: none;
}
.map-openlayers .layer-selection .content {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}
.map-openlayers .layer-selection .content .layer-listing {
  display: table;
}
.map-openlayers .layer-selection .content .layer-listing label {
  display: table-row;
  height: 30px;
  line-height: 30px;
  margin-bottom: 4px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.map-openlayers .layer-selection .content .layer-listing label > * {
  display: table-cell;
  vertical-align: middle;
}
.map-openlayers .layer-selection .content .layer-listing label > *:first-child {
  width: 20px;
}
.map-openlayers .layer-selection .content .layer-listing label > *.label {
  width: 100%;
}
.map-openlayers .ol-scale-line-inner {
  color: #000;
  border-color: #b7b7b7;
}
.map-openlayers .ol-control {
  background: none;
}
.map-openlayers .ol-control button {
  background-color: #477546;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #b7b7b7;
  color: #FFF;
  font-size: 20px;
  height: 40px;
  width: 40px;
}
.map-openlayers .ol-control button i.fa {
  color: inherit;
  font-size: 20px !important;
  line-height: 38px;
  text-align: center;
  width: 40px;
}
.map-openlayers .ol-control.ol-rotate {
  right: 5px;
  top: 55px;
}
.map-openlayers .ol-control.ol-filter {
  left: 5px;
  top: 5px;
  z-index: 20;
}
.map-openlayers .ol-control.ol-export {
  right: 5px;
  bottom: 5px;
  z-index: 20;
}
.map-openlayers .ol-control.ol-tracking {
  left: 55px;
  top: 5px;
  z-index: 20;
}
.map-openlayers .ol-scale-line {
  background-color: #477546;
}
.national-holiday {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #116AA0;
  color: #FFF;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding: 2px 5px 2px 0px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.national-holiday:before {
  content: "\f005";
  display: inline-block;
  font-family: FontAwesome;
  width: 20px;
  text-align: center;
}
.calendar-date {
  background-color: #616161;
  padding: 2px;
  text-align: center;
  width: 40px;
}
.calendar-date .day {
  background-color: #FFF;
  font-size: 20px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
.calendar-date .month {
  color: #FFF;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
}
.calendar {
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.calendar .row {
  display: table-row;
}
.calendar .row > div {
  display: table-cell;
}
.calendar .row > div:first-child {
  width: 50px;
}
.calendar .weather {
  background-color: #e0e0e0;
  border-radius: 4px;
  bottom: 2px;
  display: inline-block;
  font-size: 12px;
  left: 2px;
  padding: 2px 5px;
  position: absolute;
  text-align: center;
}
.calendar .weather:empty {
  display: none;
}
.calendar .national-holiday {
  display: block;
  width: 100%;
  margin: 0px 0px 2px 0px;
}
.calendar .weekday {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #30462f;
  border: 1px solid #B7B7B7;
  color: #FFF;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  line-height: 30px;
  padding: 5px 0px;
  text-align: center;
}
.calendar .week-number {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #30462f;
  border: 1px solid #B7B7B7;
  color: #FFF;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  line-height: 30px;
  padding: 5px 0px;
  text-align: center;
  vertical-align: middle;
}
.calendar .day {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #B7B7B7;
  height: 150px;
  padding: 5px;
  position: relative;
}
.calendar .day .date {
  background-color: #E0E0E0;
  border-radius: 4px;
  bottom: 2px;
  display: inline-block;
  font-size: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 2px;
  text-align: center;
}
.calendar .day.other {
  background-color: #e6e7e7;
}
.calendar .day.first .date {
  background-color: #92c35a;
  color: #FFF;
  font-weight: bold;
}
.calendar .day.current .date {
  background-color: #477546;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
}
.calendar .day.highlight {
  background-color: #EEE;
}
.calendar .event {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-collapse: collapse;
  border: 1px solid silver;
  font-size: 12px;
  max-width: 100%;
  overflow: hidden;
  padding: 2px 2px 6px 2px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calendar .event > span {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.calendar .event .color {
  bottom: -1px;
  height: 4px;
  left: -1px;
  position: absolute;
  right: -1px;
}
.calendar .event.dragging {
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  width: 150px;
  max-width: 150px;
}
.calendar .event + .event {
  margin-top: 2px;
}
#schedule {
  border-collapse: separate;
  border-spacing: 0px 5px;
  width: 100%;
}
#schedule > tbody > tr > td {
  vertical-align: top;
}
#schedule > tbody > tr > td:first-child {
  padding: 0px 10px 0px 0px;
  text-align: center;
}
#schedule > tbody > tr > td:first-child + td {
  width: 100%;
}
#schedule .color {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
#schedule .date {
  background-color: #616161;
  padding: 2px;
  text-align: center;
  width: 40px;
}
#schedule .date .day {
  background-color: #FFF;
  font-weight: bold;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
}
#schedule .date .month {
  color: #FFF;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
}
.calendar-delete-landing-zone {
  background-color: #B7B7B7;
  background-image: url(/css/images/ro_40.png);
  border: 1px solid #B7B7B7;
  height: 100px;
  position: relative;
}
.calendar-delete-landing-zone.hover {
  border: 1px solid #CC2036;
  background-color: #CC2036;
}
.calendar-delete-landing-zone:after {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #B7B7B7;
  content: '\f1f8';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  height: 50px;
  left: 50%;
  line-height: 48px;
  margin: -25px;
  position: absolute;
  text-align: center;
  text-decoration: inherit;
  top: 50%;
  width: 50px;
}
.budget {
  margin: 0px;
}
.budget li.open .toggle-switch.icon-group:after {
  content: "\f07c";
}
.budget .budget-rule {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-spacing: 10px 0px;
  display: table;
  padding: 10px 10px 10px 5px;
  width: 100%;
}
.budget .budget-rule > div {
  display: table-cell;
  vertical-align: middle;
}
.budget .budget-rule > .label {
  width: 100%;
}
.budget .budget-rule > .progress {
  min-width: 250px;
}
.budget .budget-rule .amount {
  min-width: 125px;
  text-align: right;
}
.budget .budget-rule .icon {
  min-width: 20px;
  text-align: center;
}
.budget .budget-rule .number {
  min-width: 50px;
}
.budget .total {
  font-weight: bold;
  background-color: #FFF;
}
.budget .total + .group {
  border-width: 0px 1px 1px 1px;
}
.budget .total .budget-rule {
  border-bottom: 2px solid #30462f;
}
.budget .total .budget-rule > div {
  font-size: 18px;
}
.budget .group {
  background-color: #FFF;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.budget .group + .group {
  border-width: 0px 1px 1px 1px;
}
.budget .group > ul {
  display: none;
}
.budget .group.open {
  border-color: #c0c0c0;
  border-width: 1px;
  margin: 30px 0px;
}
.budget .group.open + .group {
  border-width: 1px;
}
.budget .group.open > ul {
  background-color: #FFF;
  display: block;
}
.budget .group.open > .budget-rule {
  background-color: #EEE;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  font-weight: bold;
}
.budget .toggle-switch {
  cursor: pointer;
}
.budget .toggle-switch.icon-group:after {
  font-family: FontAwesome;
  content: "\f07b";
  color: #92c35a;
  font-size: 24px;
}
.budget .budget-progress {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  height: 30px;
  margin: 2px;
  overflow: hidden;
  padding-right: 35px;
  position: relative;
  width: 100%;
}
.budget .budget-progress .budget-progress-tracker {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #477546;
  height: 100%;
  left: 0px;
  margin: 0;
  position: absolute;
}
#finacial-module-container .system-help {
  display: table;
  width: 300px;
  margin: 30px auto;
  border-spacing: 20px 10px;
}
#finacial-module-container .system-help > div {
  display: table-cell;
  vertical-align: top;
}
#finacial-module-container .system-help > div.icon i.fa {
  font-size: 100px;
}
.agreement-indicator-result {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #B7B7B7;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0px 4px;
  vertical-align: middle;
}
.agreement-indicator-result.negative {
  background-color: #CC2036;
  color: #FFF;
}
.agreement-indicator-result.positive {
  background-color: #477546;
  color: #FFF;
}
.agreement-indicator-icon {
  font-size: 20px;
  line-height: 20px;
}
.agreement-indicator-icon .fa {
  font-size: 20px !important;
  line-height: 20px !important;
  vertical-align: -14% !important;
}
.agreement-indicator-icon.negative {
  color: #CC2036;
}
.agreement-indicator-icon.positive {
  color: #477546;
}
.agreement-indicator-icon.info {
  color: #116AA0;
}
#personnel-module-container {
  height: 100%;
}
#agreement-overview {
  background-color: #FFF;
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}
#agreement-overview .btn-toggle-all {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
}
#agreement-overview .btn-toggle-all:after {
  font-family: FontAwesome;
  content: "\f07b";
  color: #92c35a;
  font-size: 24px;
}
#agreement-overview .btn-toggle-all.open:after {
  content: "\f07c";
}
#agreement-overview .toggle-switch > .icon-group {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0px 5px;
}
#agreement-overview .toggle-switch > .icon-group:after {
  font-family: FontAwesome;
  content: "\f07b";
  color: #92c35a;
  font-size: 24px;
}
#agreement-overview .container-top,
#agreement-overview .container-left,
#agreement-overview .container-cover,
#agreement-overview .container-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  position: absolute;
  z-index: 10;
}
#agreement-overview .container-top {
  height: 47px;
  left: 0px;
  padding-left: 250px;
  top: 0px;
}
#agreement-overview .container-top .tbl-group td {
  background-color: #676767;
  padding: 5px;
  text-align: center;
}
#agreement-overview .container-left {
  left: 0px;
  padding-top: 48px;
  top: 0px;
  width: 250px;
}
#agreement-overview .container-left .tbl-group {
  border-spacing: 0px 1px;
  width: 100%;
}
#agreement-overview .container-left .tbl-group th {
  cursor: pointer;
  text-align: left;
}
#agreement-overview .container-left .tbl-group td {
  text-align: right;
  background-color: #f8f8f8;
}
#agreement-overview .container-left .tbl-group tr > td,
#agreement-overview .container-left .tbl-group tr th {
  border-width: 1px 0px;
}
#agreement-overview .container-left .tbl-group tr > td:first-child,
#agreement-overview .container-left .tbl-group tr th:first-child {
  border-width: 1px 0px 1px 1px;
}
#agreement-overview .container-left .tbl-group tr > td:last-child,
#agreement-overview .container-left .tbl-group tr th:last-child {
  border-width: 1px 1px 1px 0px;
}
#agreement-overview .container-left .tbl-group tr > th:first-child {
  width: 100%;
}
#agreement-overview .container-left .tbl-group tr > td:first-child {
  text-align: right;
}
#agreement-overview .container-left .tbl-group.open .toggle-switch > .icon-group:after {
  content: "\f07c";
}
#agreement-overview .container-cover {
  cursor: pointer;
  height: 47px;
  left: 0px;
  line-height: 47px;
  padding: 0px 10px;
  top: 0px;
  width: 250px;
  z-index: 20;
}
#agreement-overview .container-content {
  bottom: 0px;
  left: 250px;
  top: 48px;
  z-index: 1;
}
#agreement-overview .container-content td,
#agreement-overview .container-content th,
#agreement-overview .container-top td,
#agreement-overview .container-top th {
  max-width: 125px;
  min-width: 125px;
  width: 125px;
}
#agreement-overview .container-left .tbl-group tbody,
#agreement-overview .container-content .tbl-group tbody {
  display: none;
}
#agreement-overview .container-left .tbl-group.open tbody,
#agreement-overview .container-content .tbl-group.open tbody {
  display: table-row-group;
}
#agreement-overview .employee-first-name,
#agreement-overview .employee-last-name {
  color: #FFF;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#agreement-overview .employee-first-name {
  font-family: "DeliciousSmallCaps";
  line-height: 20px;
}
#agreement-overview .employee-last-name {
  line-height: 15px;
  font-size: 12px;
}
#agreement-overview .tbl-group {
  border-spacing: 1px 1px;
}
#agreement-overview .tbl-group td,
#agreement-overview .tbl-group th {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  overflow-x: hidden;
  padding: 0px 5px;
  text-align: right;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
#agreement-overview .tbl-group td a,
#agreement-overview .tbl-group th a {
  padding-bottom: 2px;
  border-bottom: 1px solid #9e9e9e;
}
#agreement-overview .tbl-group td {
  background-color: #f8f8f8;
  height: 30px;
  max-height: 30px;
  min-height: 30px;
}
#agreement-overview .tbl-group th {
  background-color: #e8e9eb;
  height: 40px;
  max-height: 40px;
  min-height: 40px;
}
#agreement-employee-settings {
  overflow-x: auto;
  position: relative;
}
#agreement-employee-settings .container-left {
  background-color: #FFF;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 200px;
  z-index: 10;
}
#agreement-employee-settings .txt-definition-hours {
  border-width: 0px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  width: 100%;
}
#agreement-employee-settings .txt-definition-hours:disabled {
  background-color: #f8f8f8;
  color: #000;
}
#agreement-employee-settings table {
  border-spacing: 1px;
}
#agreement-employee-settings table th,
#agreement-employee-settings table td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  height: 30px;
  max-width: 90px;
  min-width: 90px;
  overflow-x: hidden;
  padding: 0px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 90px;
}
#agreement-employee-settings table tr > *:first-child {
  background-color: #FFF;
  max-width: 200px;
  min-width: 200px;
  padding: 0px 5px;
  width: 200px;
}
#agreement-employee-settings table.employees tr > th {
  border: 1px solid #E0E0E0;
  background-color: #676767;
  color: #FFF;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
#agreement-employee-settings table.employees tr > th:first-child {
  background-color: #FFF;
  border-width: 0px;
}
#agreement-employee-settings table.years tbody {
  display: none;
}
#agreement-employee-settings table.years.open tbody {
  display: table-row-group;
}
#agreement-employee-settings table.years th {
  background-color: #e8e9eb;
  border: 1px solid #E0E0E0;
  font-weight: bold;
  height: 30px;
  overflow-x: hidden;
  padding: 0 5px;
  white-space: nowrap;
}
#agreement-employee-settings table.years td {
  background-color: #f8f8f8;
}
#agreement-employee-settings table.years tr > td:first-child {
  background-color: #FFF;
}
#agreement-employee-settings .btn-toggle {
  display: inline-block;
  cursor: pointer;
  margin: 0px 5px 0px 0px;
  height: 28px;
  line-height: 28px;
  vertical-align: bottom;
  font-weight: bold;
}
#agreement-employee-settings .btn-toggle:before {
  display: inline-block;
  vertical-align: bottom;
  width: 30px;
  text-align: left;
  font-family: FontAwesome;
  content: "\f07b";
  color: #92c35a;
  font-size: 22px;
}
#agreement-employee-settings .btn-toggle.open:before {
  content: "\f07c";
}
#agreement-employee-settings .employee-first-name {
  color: #FFF;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  line-height: 20px;
  overflow-x: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#agreement-employee-settings .employee-last-name {
  color: #FFF;
  font-size: 12px;
  line-height: 15px;
  overflow-x: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.capacity-indicator {
  border-radius: 4px;
  padding: 0px 4px;
  display: inline-block;
  min-width: 30px;
  font-weight: bold;
  background-color: #676767;
  color: #FFF;
  margin: 0px 2px;
  vertical-align: middle;
}
.capacity-indicator.positive {
  background-color: #477546;
  line-height: 16px;
  font-size: 12px;
  min-width: 20px;
}
.capacity-indicator.negative {
  background-color: #CA2100;
  line-height: 16px;
  font-size: 12px;
  min-width: 20px;
}
#resource-planning-module-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  max-width: 100% !important;
  min-height: 100%;
  padding: 20px;
  position: relative;
}
#resource-planning-module-container .background-light {
  background-color: #F8F8F8 !important;
}
#resource-planning-module-container .background-dark {
  background-color: #e8e9eb !important;
}
#resource-planning-module-container .container-input {
  display: block;
  position: absolute;
  z-index: 10;
}
#resource-planning-module-container .container-input input[type=number] {
  background-color: #FFF;
  height: 30px;
  padding: 0px;
  width: 100px;
}
#resource-planning-module-container .container-input .button-edit {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #477546;
  border-color: #185333;
  border-radius: 4px 0px 0px 4px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #FFF;
  height: 30px;
  left: -40px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 40px;
  z-index: 1000;
}
#resource-planning-module-container .container-input .button-delete {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #db4c3f;
  border-color: #CC2036;
  border-radius: 0px 4px 4px 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #FFF;
  height: 30px;
  line-height: 28px;
  position: absolute;
  right: -40px;
  text-align: center;
  top: 0px;
  width: 40px;
  z-index: 1000;
}
#resource-planning-module-container .dragging {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  color: initial;
  cursor: move;
  height: 30px;
  line-height: 28px;
  text-align: center;
  width: 100px;
}
#resource-planning-module-container .dragging.copy {
  cursor: copy;
}
#resource-planning-module-container .full-page-container {
  max-height: 100%;
  min-height: initial;
  padding: 0px;
}
#resource-planning-module-container .resource-planning-module-scrollable {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  overflow: auto;
  padding: 0px;
  position: relative;
}
#resource-planning-module-container .container-top,
#resource-planning-module-container .container-left,
#resource-planning-module-container .container-content,
#resource-planning-module-container .container-bottom,
#resource-planning-module-container .cover {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  position: absolute;
}
#resource-planning-module-container .cover {
  z-index: 25;
}
#resource-planning-module-container .cover.left {
  left: 0px;
  width: 300px;
}
#resource-planning-module-container .cover.top {
  top: 0px;
  height: 95px;
}
#resource-planning-module-container .cover.top.left {
  padding: 0px;
}
#resource-planning-module-container .cover.top.left .navigation {
  border-spacing: 0px 2px;
  width: 100%;
}
#resource-planning-module-container .cover.top.left .navigation td {
  padding: 0px 5px;
  height: 45px;
}
#resource-planning-module-container .cover.top.left .navigation td.button {
  background-color: #477546;
  color: #FFF;
}
#resource-planning-module-container .cover.top.left .navigation td.period {
  border-width: 0px;
  background-color: transparent;
}
#resource-planning-module-container .cover.top.left .navigation td.period-indicator {
  background-color: #e8e9eb;
}
#resource-planning-module-container .cover.bottom {
  bottom: 0px;
  height: 90px;
}
#resource-planning-module-container .container-top {
  height: 95px;
  left: 300px;
  top: 0px;
  white-space: nowrap;
  z-index: 20;
}
#resource-planning-module-container .container-left {
  left: 0px;
  min-height: 100%;
  padding: 95px 0px 0px 0px;
  top: 0px;
  width: 300px;
  z-index: 10;
}
#resource-planning-module-container .container-content {
  left: 300px;
  padding: 95px 0px 0px 0px;
  top: 0px;
  white-space: nowrap;
  z-index: 1;
}
#resource-planning-module-container .container-bottom {
  bottom: 0px;
  height: 90px;
  left: 300px;
  padding: 0px;
  white-space: nowrap;
  z-index: 20;
}
#resource-planning-module-container .tbl-resource-data {
  display: table;
  border-spacing: 2px 2px;
}
#resource-planning-module-container .tbl-resource-data + .tbl-resource-data {
  margin: 30px 0px 0px 0px;
}
#resource-planning-module-container .tbl-resource-data th,
#resource-planning-module-container .tbl-resource-data td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  min-width: 30px;
  width: 30px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #E0E0E0;
  background-color: #F8F8F8;
}
#resource-planning-module-container .tbl-resource-data td.total {
  background-color: #FFF;
  color: initial;
  font-weight: bold;
  text-align: right;
  min-width: 75px;
  max-width: 75px;
  width: 75px;
}
#resource-planning-module-container .container-top .tbl-resource-data th {
  background-color: #e8e9eb;
  height: 45px;
  max-width: 100px;
  min-width: 100px;
  padding: 0px 5px;
}
#resource-planning-module-container .container-top .tbl-resource-data th.group-header {
  border: 1px solid #676767;
  background-color: #676767;
  color: #FFF;
  font-weight: bold;
  padding: 0px 5px;
  text-align: center;
  white-space: nowrap;
}
#resource-planning-module-container .container-top .tbl-resource-data th.group-header .employee-first-name {
  font-family: "DeliciousSmallCaps";
  line-height: 20px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#resource-planning-module-container .container-top .tbl-resource-data th.group-header .employee-last-name {
  font-size: 12px;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
#resource-planning-module-container .container-top .tbl-resource-data th.weekday {
  vertical-align: top;
  padding: 0px 2px;
  height: 50px;
}
#resource-planning-module-container .container-top .tbl-resource-data th.weekday .weekday-label {
  line-height: 25px;
}
#resource-planning-module-container .container-top .tbl-resource-data th.weekday .weekday-date {
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
}
#resource-planning-module-container .container-top .tbl-resource-data th.weekday .weekday-notifications {
  display: inline-block;
  min-height: 25px;
}
#resource-planning-module-container .container-top .tbl-resource-data th .text-fineprint {
  color: #000;
  font-weight: bold;
}
#resource-planning-module-container .container-content .tbl-resource-data td {
  max-width: 100px;
  min-width: 100px;
  text-align: center;
}
#resource-planning-module-container .container-content .tbl-resource-data td .absence-indicator {
  background-color: #B7B7B7;
  background-image: url(/css/images/ro_40.png);
  background-repeat: repeat;
  bottom: -1px;
  color: #000;
  font-weight: bold;
  left: -1px;
  line-height: 28px;
  position: absolute;
  right: -1px;
  top: -1px;
}
#resource-planning-module-container .container-content .tbl-resource-data td .absence-indicator.unapproved:before {
  bottom: 0px;
  content: "";
  display: block;
  height: 3px;
  left: 0px;
  position: absolute;
  right: 0px;
}
#resource-planning-module-container .container-content .tbl-resource-data td .future {
  background-color: #116AA0;
  bottom: -1px;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  left: -1px;
  line-height: 28px;
  position: absolute;
  right: -1px;
  top: -1px;
}
#resource-planning-module-container .container-content .tbl-resource-data td .future.droppable.highlight {
  border-width: 0px;
  background-color: #EEE;
  background-image: url(/css/images/ro_40.png);
}
#resource-planning-module-container .container-content .tbl-resource-data td .future.editable {
  padding: 0px;
}
#resource-planning-module-container .container-content .tbl-resource-data td .future.editable .container-label {
  display: none;
}
#resource-planning-module-container .container-content .tbl-resource-data td .container-label {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0px;
  left: 0px;
  line-height: 28px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#resource-planning-module-container .container-content .tbl-resource-data td .container-label.absence {
  background-color: #DEDEDE;
}
#resource-planning-module-container .container-content .tbl-resource-data td .container-label.note::after {
  color: #EA3232;
  content: '\f0da';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 30px;
  position: absolute;
  right: -1px;
  top: -9px;
  transform: rotate(-45deg);
  vertical-align: middle;
}
#resource-planning-module-container .container-content .tbl-resource-data > tfoot > tr > td {
  background-color: #e8e9eb;
  border: 1px solid #E0E0E0;
}
#resource-planning-module-container .container-left .tbl-resource-data {
  border-spacing: 0px 2px;
  width: 100%;
}
#resource-planning-module-container .container-left .tbl-resource-data tr > td {
  border-width: 1px 0px;
  background-color: #FFF;
  padding: 0px 5px;
  vertical-align: middle;
}
#resource-planning-module-container .container-left .tbl-resource-data tr > td:first-child {
  width: 100%;
  text-align: left;
  border-width: 1px 0px 1px 1px;
}
#resource-planning-module-container .container-left .tbl-resource-data tr > td:last-child {
  border-width: 1px 1px 1px 0px;
}
#resource-planning-module-container .container-left .tbl-resource-data tr > td .indicator-result {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #e8e9eb;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  width: 30px;
}
#resource-planning-module-container .container-left .tbl-resource-data > tfoot > tr > td {
  background-color: #e8e9eb;
  border-color: #E0E0E0;
}
#resource-planning-module-container .cover.bottom.left .tbl-resource-data {
  border-spacing: 0px 2px;
  width: 100%;
}
#resource-planning-module-container .cover.bottom.left .tbl-resource-data tr > td {
  text-align: left;
  min-width: 30px;
  text-align: center;
  border-width: 0px;
}
#resource-planning-module-container .cover.bottom.left .tbl-resource-data tr > td:first-child {
  width: 100%;
  text-align: right;
}
#resource-planning-module-container .notification {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0px 1px;
  text-align: center;
  width: 20px;
}
#resource-planning-module-container .notification.calendar {
  background-color: #DF772A;
}
#resource-planning-module-container .notification.project {
  background-color: #116AA0;
  color: #FFF;
}
#resource-planning-module-container .notification.holiday {
  background-color: #116AA0;
  color: #FFF;
}
.tbl-statistics-group {
  border-spacing: 1px;
}
.tbl-statistics-group th,
.tbl-statistics-group td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  height: 30px;
  max-width: 90px;
  min-width: 90px;
  overflow-x: hidden;
  padding: 0px 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 90px;
}
.tbl-statistics-group th.employee {
  background-color: #676767;
  color: #FFF;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.tbl-statistics-group th.employee .employee-first-name {
  font-family: "DeliciousSmallCaps";
  line-height: 20px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.tbl-statistics-group th.employee .employee-last-name {
  font-size: 12px;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.tbl-statistics-group td {
  background-color: #F8F8F8;
  text-align: right;
}
.tbl-statistics-group td.definition-header {
  background-color: #e8e9eb;
  text-align: left;
}
.tbl-statistics-group tr > *:first-child {
  min-width: 250px;
  max-width: 250px;
}
.tbl-statistics-group.body + .body {
  margin-top: 30px;
}
@media print {
  #resource-planning-module-container .top {
    top: 0px !important;
  }
  #resource-planning-module-container .container-top {
    top: 0px !important;
  }
  #resource-planning-module-container .left {
    left: 0px !important;
  }
  #resource-planning-module-container .container-left {
    left: 0px !important;
  }
  #resource-planning-module-container {
    zoom: 0.75;
    padding: 0px;
    margin: 0px;
  }
  #resource-planning-module-container .panel {
    margin: 0px;
    padding: 0px;
  }
  #resource-planning-module-container .panel-header {
    display: none;
  }
  #resource-planning-module-container .panel-content {
    border-width: 0px;
    padding: 0px;
    overflow: visible;
  }
  #resource-planning-module-container .resource-planning-module-scrollable {
    overflow: visible;
  }
  #resource-planning-module-container .tbl-resource-data {
    page-break-inside: avoid;
  }
  #resource-planning-module-container .noprint {
    display: none !important;
  }
}
.employee-year-weekday-grid {
  background-color: #FFF;
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}
.employee-year-weekday-grid .container-placement {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 0px;
  position: absolute;
}
.employee-year-weekday-grid .container-placement.container-cover-top-left {
  z-index: 20;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left {
  z-index: 20;
}
.employee-year-weekday-grid .container-placement.container-employees {
  z-index: 10;
}
.employee-year-weekday-grid .container-placement.container-weekdays {
  z-index: 5;
}
.employee-year-weekday-grid .container-placement.container-content {
  z-index: 1;
}
.employee-year-weekday-grid .container-placement.container-employee-statistics {
  z-index: 10;
}
.employee-year-weekday-grid .container-placement.container-cover-top-left,
.employee-year-weekday-grid .container-placement.container-employees {
  height: 50px;
  top: 0px;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left,
.employee-year-weekday-grid .container-placement.container-employee-statistics {
  height: 40px;
  bottom: 0px;
}
.employee-year-weekday-grid .container-placement.container-cover-top-left,
.employee-year-weekday-grid .container-placement.container-weekdays,
.employee-year-weekday-grid .container-placement.container-cover-bottom-left {
  width: 250px;
}
.employee-year-weekday-grid .container-placement.container-employees,
.employee-year-weekday-grid .container-placement.container-content,
.employee-year-weekday-grid .container-placement.container-employee-statistics {
  left: 250px;
}
.employee-year-weekday-grid .container-placement.container-weekdays,
.employee-year-weekday-grid .container-placement.container-content {
  top: 50px;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left .label {
  width: 100%;
  text-align: right;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left .total {
  font-weight: bold;
  text-align: right;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left table tr > *:first-child {
  border-width: 1px 0px 1px 1px;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left table tr > *:last-child {
  border-width: 1px 1px 1px 0px;
}
.employee-year-weekday-grid .container-placement.container-employee-statistics td {
  background-color: #676767;
  color: #FFF;
  font-weight: bold;
  font-family: "DeliciousSmallCaps";
}
.employee-year-weekday-grid .container-placement.container-content {
  padding: 0px 0px 50px 0px;
}
.employee-year-weekday-grid .container-placement.container-content table td {
  background-color: #f8f8f8;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left,
.employee-year-weekday-grid .container-placement.container-employee-statistics {
  height: 50px;
  bottom: 0px;
}
.employee-year-weekday-grid .container-placement.container-cover-bottom-left td,
.employee-year-weekday-grid .container-placement.container-employee-statistics td {
  height: 40px;
}
.employee-year-weekday-grid .container-placement.container-employees td.employee {
  background-color: #676767;
  color: #FFF;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.employee-year-weekday-grid .container-placement.container-employees td.employee .employee-first-name {
  font-family: "DeliciousSmallCaps";
  line-height: 20px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.employee-year-weekday-grid .container-placement.container-employees td.employee .employee-last-name {
  font-size: 12px;
  line-height: 15px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week {
  border-spacing: 0px 1px;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week td,
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week th {
  border-width: 1px 0px;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week td {
  background-color: #FFF;
  max-width: 100px;
  min-width: 100px;
  width: 100px;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week .weekday {
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  text-align: right;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week .weekday-date {
  width: 100%;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week .total {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week tr > *:first-child {
  border-width: 1px 0px 1px 1px;
}
.employee-year-weekday-grid .container-placement.container-weekdays .tbl-week tr > *:last-child {
  border-width: 1px 1px 1px 0px;
}
.employee-year-weekday-grid a {
  padding-bottom: 2px;
  border-bottom: 1px solid #9e9e9e;
}
.employee-year-weekday-grid table {
  border-spacing: 1px 1px;
  width: 100%;
}
.employee-year-weekday-grid table th,
.employee-year-weekday-grid table td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  height: 30px;
  max-width: 90px;
  min-width: 90px;
  overflow-x: hidden;
  padding: 0px 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 90px;
}
.employee-year-weekday-grid .tbl-week thead th {
  background-color: #e8e9eb;
}
.employee-year-weekday-grid .tbl-week tbody {
  display: none;
}
.employee-year-weekday-grid .tbl-week.open tbody {
  display: table-row-group;
}
.employee-year-weekday-grid .btn-toggle {
  display: inline-block;
  cursor: pointer;
  margin: 0px 5px 0px 0px;
  height: 28px;
  line-height: 28px;
  vertical-align: bottom;
  font-weight: bold;
}
.employee-year-weekday-grid .btn-toggle:before {
  display: inline-block;
  vertical-align: bottom;
  width: 30px;
  text-align: left;
  font-family: FontAwesome;
  content: "\f07b";
  color: #92c35a;
  font-size: 22px;
}
.employee-year-weekday-grid .btn-toggle.open:before {
  content: "\f07c";
}
.employee-year-weekday-grid.timeregistration .container-placement.container-cover-top-left,
.employee-year-weekday-grid.timeregistration .container-placement.container-employees {
  height: 50px;
  top: 0px;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-cover-top-left,
.employee-year-weekday-grid.timeregistration .container-placement.container-weekdays,
.employee-year-weekday-grid.timeregistration .container-placement.container-cover-bottom-left {
  width: 250px;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-employees,
.employee-year-weekday-grid.timeregistration .container-placement.container-content,
.employee-year-weekday-grid.timeregistration .container-placement.container-employee-statistics {
  left: 250px;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-weekdays,
.employee-year-weekday-grid.timeregistration .container-placement.container-content {
  top: 50px;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-content {
  padding: 0px 0px 50px 0px;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-weekdays .total {
  text-align: center;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-content th,
.employee-year-weekday-grid.timeregistration .container-placement.container-employee-statistics th,
.employee-year-weekday-grid.timeregistration .container-placement.container-content td,
.employee-year-weekday-grid.timeregistration .container-placement.container-employee-statistics td {
  text-align: center;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-employees .timer {
  height: 40px;
  text-align: center;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-cover-top-left {
  padding: 0px 0px 0px 0px;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-cover-top-left td {
  height: 47px;
  border-width: 0px;
  max-width: none;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-cover-top-left td.year {
  width: 100%;
}
.employee-year-weekday-grid.timeregistration .container-placement.container-cover-bottom-left .total {
  text-align: center;
}
.employee-year-weekday-grid.travelregistration .container-placement.container-employees table th,
.employee-year-weekday-grid.travelregistration .container-placement.container-content table th,
.employee-year-weekday-grid.travelregistration .container-placement.container-employee-statistics table th,
.employee-year-weekday-grid.travelregistration .container-placement.container-employees table td,
.employee-year-weekday-grid.travelregistration .container-placement.container-content table td,
.employee-year-weekday-grid.travelregistration .container-placement.container-employee-statistics table td {
  max-width: 130px;
  min-width: 130px;
  width: 130px;
}
.employee-year-weekday-grid.travelregistration .container-placement.container-cover-top-left {
  line-height: 40px;
  padding: 0px 10px;
}
.employee-year-weekday-grid.travelregistration .distance {
  text-align: right;
}
.employee-year-weekday-grid.travelregistration .employee-day-status .travel-additional {
  float: right;
}
.employee-year-weekday-grid.travelregistration .btn-travel-status {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin: 0px 2px;
  margin: 2px;
  text-align: center;
  width: 24px;
}
.employee-year-weekday-grid.travelregistration .btn-travel-status.enabled {
  background-color: #477546;
}
.employee-year-weekday-grid.travelregistration .btn-travel-status.disabled {
  background-color: #DB4C3F;
}
.employee-year-weekday-grid.travelregistration .total {
  text-align: right;
}
.module-container {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  max-width: 100% !important;
  min-height: 100%;
  position: relative;
}
.nutrient-desired-progress-container {
  display: inline-block;
  height: 30px;
  position: relative;
  width: 30px;
}
.nutrient-desired-progress-container .icon {
  color: #FFF;
  height: 30px;
  left: 0px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 30px;
}
#fertilisation-plan {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  max-width: 100% !important;
  position: relative;
}
#fertilisation-plan .scrollable-content {
  background-color: #fff;
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}
#fertilisation-plan table {
  border-spacing: 1px;
}
#fertilisation-plan table a {
  padding-bottom: 2px;
  border-bottom: 1px solid #9e9e9e;
}
#fertilisation-plan table td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#fertilisation-plan table td.dose {
  max-width: 75px;
  min-width: 75px;
  text-align: right;
}
#fertilisation-plan table td.number {
  line-height: initial;
  max-width: 75px;
  min-width: 75px;
  text-align: right;
  width: 75px;
}
#fertilisation-plan table td.surface {
  max-width: 90px;
  min-width: 90px;
  text-align: right;
  width: 90px;
}
#fertilisation-plan table td.total {
  max-width: 100px;
  min-width: 100px;
  text-align: right;
  width: 100px;
}
#fertilisation-plan table td.total input[type=number] {
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  width: 100%;
}
#fertilisation-plan table td.description {
  min-width: 350px;
  max-width: 350px;
  max-height: 50px;
}
#fertilisation-plan .container-top,
#fertilisation-plan .container-left,
#fertilisation-plan .container-content,
#fertilisation-plan .container-bottom,
#fertilisation-plan .container-top-left,
#fertilisation-plan .container-bottom-left {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
}
#fertilisation-plan .container-top-left {
  background-color: #30462f;
  height: 50px;
  width: 350px;
  z-index: 15;
}
#fertilisation-plan .container-top-left .management-group,
#fertilisation-plan .container-top-left .period {
  color: #FFF;
  display: block;
  padding: 2px 5px;
}
#fertilisation-plan .container-top-left .management-group {
  font-family: "DeliciousSmallCaps";
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
  width: 100%;
}
#fertilisation-plan .container-top-left .period {
  font-size: 14px;
  line-height: 16px;
  text-align: right;
}
#fertilisation-plan .container-top {
  top: 0px;
  left: 350px;
  height: 50px;
  z-index: 10;
}
#fertilisation-plan .container-top table {
  border-spacing: 1px 0px;
}
#fertilisation-plan .container-top table td {
  background-color: #676767;
  box-sizing: border-box;
  color: #fff;
  font-family: "DeliciousSmallCaps";
  font-weight: bold;
  height: 50px;
  line-height: 18px;
  overflow: hidden;
  padding: 0px 4px;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: middle;
}
#fertilisation-plan .container-top table td.description {
  text-align: left;
}
#fertilisation-plan .container-top table td .text-fineprint {
  color: inherit;
  font-weight: bold;
}
#fertilisation-plan .container-left {
  background-color: #FFF;
  left: 0px;
  padding-bottom: 50px;
  top: 50px;
  width: 350px;
  z-index: 5;
}
#fertilisation-plan .container-left table {
  border-spacing: 0px 1px;
  width: 100%;
  margin: 10px 0px;
}
#fertilisation-plan .container-left table th {
  font-weight: bold;
  height: 30px;
  text-align: center;
}
#fertilisation-plan .container-left table td {
  height: 43px;
  position: relative;
  border: 1px solid #e0e0e0;
  background-color: #FFFFFF;
  padding: 0px 5px;
  vertical-align: middle;
  border-width: 1px 0px;
}
#fertilisation-plan .container-left table td:first-child {
  border-width: 1px 0px 1px 1px;
}
#fertilisation-plan .container-left table td:last-child {
  border-width: 1px 1px 1px 0px;
}
#fertilisation-plan .container-left table td.product {
  border-width: 1px 0px 1px 10px;
}
#fertilisation-plan .container-left table td.product .product-nutrients {
  font-size: 10px;
}
#fertilisation-plan .container-left table td.unit {
  border-width: 1px 1px 1px 0px;
  color: #616161;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-transform: initial;
}
#fertilisation-plan .container-left table td.date {
  /*border-width: 1px 0px 1px 1px;*/
  font-weight: bold;
  min-width: 30px;
  text-align: center;
  width: 30px;
}
#fertilisation-plan .container-left table td.button {
  /*border-width: 1px 0px;          */
  width: 20px;
  min-width: 20px;
  text-align: center;
}
#fertilisation-plan .container-left table td.button > a {
  border-width: 0;
  padding: 0;
  margin: 0px 4px;
}
#fertilisation-plan .container-content {
  top: 50px;
  left: 350px;
  padding-bottom: 135px;
}
#fertilisation-plan .container-content table {
  margin: 10px 0px;
}
#fertilisation-plan .container-content table th {
  height: 30px;
}
#fertilisation-plan .container-content table td {
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  height: 43px;
  padding: 0px 4px;
}
#fertilisation-plan .container-content table td.total {
  background-color: #FFF;
}
#fertilisation-plan .container-content table td.description div {
  max-height: 40px;
  line-height: 14px;
  font-size: 12px;
  overflow: auto;
  text-overflow: ellipsis;
}
#fertilisation-plan .container-bottom-left {
  background-color: #FFF;
  bottom: 0px;
  height: 135px;
  width: 350px;
  z-index: 15;
}
#fertilisation-plan .container-bottom-left table {
  width: 100%;
}
#fertilisation-plan .container-bottom-left table td {
  background-color: #FFF;
  border: 1px solid #e0e0e0;
  font-weight: bold;
  height: 30px;
  padding: 0px 4px;
  text-align: right;
}
#fertilisation-plan .container-bottom-left table tbody > tr:first-child td {
  height: 40px;
}
#fertilisation-plan .container-bottom {
  background-color: #FFF;
  bottom: 0px;
  height: 135px;
  left: 350px;
  z-index: 10;
}
#fertilisation-plan .container-bottom table td {
  height: 30px;
  border: 1px solid #e0e0e0;
  background-color: #e8e9eb;
  padding: 0px 4px;
}
#fertilisation-plan .container-bottom table td.dose,
#fertilisation-plan .container-bottom table td.surface,
#fertilisation-plan .container-bottom table td.total,
#fertilisation-plan .container-bottom table td.description {
  background-color: #FFF;
}
#fertilisation-plan .container-bottom table tbody > tr:first-child td {
  height: 40px;
}
#tbl-fertilisation-desired th,
#tbl-fertilisation-desired td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 30px;
  overflow-x: hidden;
  padding: 0 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
#tbl-fertilisation-desired td {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f8f8f8;
  border: 1px solid #E0E0E0;
  padding: 0px;
}
#tbl-fertilisation-desired .cell-data {
  max-width: 65px;
  min-width: 65px;
  text-align: center;
}
#tbl-fertilisation-desired .cell-label {
  max-width: 200px;
  min-width: 200px;
  padding: 0px 5px;
  text-align: left;
}
#tbl-fertilisation-desired .cell-data input {
  max-width: 65px;
  min-width: 65px;
}
#tbl-fertilisation-desired .btn-toggle {
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}
#tbl-fertilisation-desired .btn-toggle:before {
  color: #92c35a;
  content: "\f07b";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 22px;
  text-align: left;
  vertical-align: bottom;
  width: 30px;
}
#tbl-fertilisation-desired .btn-toggle.open:before {
  content: "\f07c";
}
#tbl-fertilisation-desired .header,
#tbl-fertilisation-desired .group,
#tbl-fertilisation-desired .footer {
  border-spacing: 1px 1px;
}
#tbl-fertilisation-desired .header .cell-data {
  background-color: #676767;
  color: #FFF;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
}
#tbl-fertilisation-desired .group input[type=number] {
  background-color: transparent;
  border-width: 0px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
}
#tbl-fertilisation-desired .group th {
  background-color: #e8e9eb;
  border: 1px solid #E0E0E0;
}
#tbl-fertilisation-desired .group .cell-data {
  padding: 0px;
}
#tbl-fertilisation-desired .group tbody {
  display: none;
}
#tbl-fertilisation-desired .group tbody .cell-label {
  background-color: #FFF;
}
#tbl-fertilisation-desired .group.open tbody {
  display: table-row-group;
}
#tbl-fertilisation-desired .footer td {
  background-color: #FFF;
}
.widget-my-project-tasks table.basic tbody tr td:first-child {
  padding: 5px;
}
.widget-my-project-tasks table.basic tbody tr td:last-child {
  padding: 5px;
}
.widget-my-project-tasks .week-planning {
  border-spacing: 4px 10px;
  display: table;
  width: 100%;
}
.widget-my-project-tasks .week-planning input[type=checkbox] {
  margin: 0px;
}
.widget-my-project-tasks .week-planning .week-row {
  display: table-row;
}
.widget-my-project-tasks .week-planning .week-row > * {
  display: table-cell;
  vertical-align: top;
}
.widget-my-project-tasks .week-planning .week-row > *.week-number {
  background-color: #616161;
  color: #FFF;
  font-weight: bold;
  padding: 5px 0px;
  text-align: center;
  width: 50px;
}
.widget-my-project-tasks .week-planning .week-row > *.week-number .week-number-year {
  font-size: 12px;
  line-height: 16px;
  text-transform: initial;
  font-weight: normal;
}
#widget-document {
  padding: 0px;
}
#widget-document .document-container {
  width: 100%;
  height: 100%;
}
#widget-document .folders {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  border-right: 1px solid #B7B7B7;
  bottom: 0px;
  left: 0px;
  overflow: auto;
  padding: 5px;
  position: absolute;
  top: 0px;
  width: 250px;
}
#widget-document .folder-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0px;
  left: 250px;
  overflow: auto;
  padding: 5px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#widget-document .tree ul {
  list-style: none;
  padding-left: 5px;
}
#widget-document .tree ul a,
#widget-document .tree ul .icon {
  cursor: pointer;
}
#widget-document .tree ul .icon {
  display: inline-block;
  font-family: FontAwesome;
  vertical-align: middle;
}
#widget-document .tree ul li {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  position: relative;
  white-space: nowrap;
}
#widget-document .tree ul li::before {
  background-color: #333;
  content: '';
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 10px;
  width: 6px;
}
#widget-document .tree ul li::after {
  background-color: #333;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
#widget-document .tree ul li:last-child::after {
  height: 10px;
}
#widget-document .tree ul li.closed > ul {
  display: none;
}
#widget-document .tree ul li.closed > .folder-container > .icon:before {
  content: "\f114";
}
#widget-document .tree ul li.open > ul {
  display: block;
}
#widget-document .tree ul li.open > .folder-container > .icon:before {
  content: "\f115";
}
#widget-document .tree > ul > li:first-child {
  padding-left: 0px;
}
#widget-document .tree > ul > li:first-child::after {
  display: none;
}
#widget-document .tree > ul > li:first-child::before {
  display: none;
}
.widget-daily-planboard > .panel-content {
  padding: 0px !important;
}
.widget-daily-planboard .tbl-planboard {
  border-collapse: collapse;
  width: 100%;
}
.widget-daily-planboard .tbl-planboard td {
  border-bottom: 1px solid #e5e7e7;
  height: 40px;
  line-height: 20px;
  padding: 0px 5px;
  vertical-align: middle;
  white-space: nowrap;
}
.widget-daily-planboard .tbl-planboard td.total {
  text-align: right;
}
.widget-daily-planboard .tbl-planboard .planboard-activity-external {
  background-color: #EEE;
  display: inline-table;
  margin-left: 10px;
  width: 50px;
}
.widget-daily-planboard .tbl-planboard .planboard-activity-external .activity-label > * {
  max-width: 100px;
  min-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-daily-planboard .tbl-planboard .planboard-activity-external .activity-duration {
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  margin: 0px 0px 0px 10px;
  padding: 0px 4px;
  text-align: center;
}
.widget-daily-planboard .tbl-planboard-information {
  border-spacing: 15px 0px;
  white-space: nowrap;
}
.widget-daily-planboard .tbl-planboard-information button {
  width: 40px;
}
.widget-daily-planboard .tbl-planboard-information h1 {
  line-height: 20px;
}
.widget-daily-planboard .tbl-planboard-information .date {
  text-align: center;
}
.widget-daily-planboard.horizontal .container-top {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-bottom: 1px solid silver;
  height: 50px;
  left: 0px;
  padding: 5px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.widget-daily-planboard.horizontal .container-left {
  -webkit-box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.25);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-right: 1px solid silver;
  left: 0px;
  min-height: 100%;
  padding-top: 51px;
  position: absolute;
  width: 250px;
}
.widget-daily-planboard.horizontal .container-left .tbl-planboard {
  width: 100%;
}
.widget-daily-planboard.horizontal .container-left .tbl-planboard tr > td:first-child {
  width: 100%;
}
.widget-daily-planboard.horizontal .container-content {
  padding: 51px 0px 0px 250px;
  white-space: nowrap;
}
.widget-daily-planboard.vertical .panel-content {
  padding: 0px;
}
.widget-daily-planboard.vertical .container-top {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-bottom: 1px solid silver;
  height: 50px;
  left: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10;
}
.widget-daily-planboard.vertical .container-top .tbl-planboard-information {
  margin: 5px 0px;
}
.widget-daily-planboard.vertical .container-sub-top {
  -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.25);
  background-color: #FFF;
  border-bottom: 1px solid silver;
  height: 51px;
  left: 0px;
  padding-top: 50px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 9;
}
.widget-daily-planboard.vertical .container-sub-top .tbl-planboard td {
  padding: 5px;
  vertical-align: middle;
}
.widget-daily-planboard.vertical .tbl-planboard {
  width: auto;
  height: 100%;
}
.widget-daily-planboard.vertical .tbl-planboard td {
  border-color: #E5E7E7;
  border-style: solid;
  border-width: 0 1px;
  max-width: 200px;
  min-width: 200px;
  padding: 10px 5px 5px 5px;
  vertical-align: top;
  white-space: normal;
}
.widget-daily-planboard.vertical .planboard-activity-external {
  margin: 5px 0px 0px 0px;
  white-space: nowrap;
}
.widget-daily-planboard.vertical .container-content {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 101px 0px 0px 0px;
}
.summary {
  border-spacing: 4px;
  display: table;
  margin: 10px 0px 10px 0px;
  width: 100%;
}
.summary > div {
  display: table-cell;
  line-height: 20px;
  vertical-align: middle;
  width: 50%;
}
.summary > div.pie {
  text-align: center;
  width: 60px;
}
.summary > div.spacer {
  min-width: 60px;
  width: 60px;
}
.summary h1 {
  font-size: 22px;
  line-height: 26px;
}