#application-initialization {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#application-initialization .application-initialization-top-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 110px;
  background-color: #FFFFFF;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15);
}
#application-initialization .application-initialization-logo {
  position: absolute;
  top: 110px;
  bottom: 57px;
  left: 0px;
  right: 0px;
  background-image: url('assets/qanteonlogoinitialization.gif');
  background-position: center center;
  background-repeat: no-repeat;
}
#application-initialization .application-initialization-error {
  overflow: hidden;
  display: none;
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  padding: 10px;
  marign-top: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  transform: translateX(-50%);
}
#application-initialization .application-initialization-error .application-initialization-error-icon {
  width: 20px;
  height: 20px;
  float: left;
  background-position: center center;
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_No-Content.png');
}
#application-initialization .application-initialization-error .application-initialization-error-text {
  float: left;
  width: 240px;
  padding-left: 5px;
  padding-top: 2px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
/**
* The application container is initially hidden to display the application-initialization container before any
* javascript is loaded. The application container has to be made visible by code after the initialization process
* has finished.
*/
#application {
  display: none;
}
.x-scroller-scrollbar:after {
  content: '';
  display: block;
  height: 8px;
  width: 100%;
  position: absolute;
  bottom: 5px;
  margin: auto;
  min-width: 5px;
  border-radius: 4px;
  background-color: rgba(51, 51, 51, 0.5);
}
.y-scroller-scrollbar:after {
  content: '';
  display: block;
  width: 8px;
  border-radius: 4px;
  position: absolute;
  right: 5px;
  margin: auto;
  min-height: 5px;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.5);
}
.draggable-element {
  position: absolute !important;
  z-index: 1000 !important;
  margin: 0 !important;
  box-shadow: 0 0 15px #000000 !important;
  background-color: #FFFFFF;
  pointer-events: none !important;
}
.load-indicator {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  /* Chrome, Safari, Opera */
  -webkit-animation-name: loadindicator;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-play-state: running;
  /* Standard syntax */
  animation-name: loadindicator;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
}
/* Chrome, Safari, Opera */
/* Standard syntax */
@keyframes loadindicator {
  from {
    background-color: rgba(0, 89, 120, 0);
  }
  to {
    background-color: rgba(0, 89, 120, 0.2);
  }
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  .container {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
#application #flex-content #top-bar:before,
#application #flex-content #top-bar:after,
.control-fix-legend:before,
.control-fix-legend:after,
#application #main-content .analysis-facility-view .content:before,
#application #main-content .analysis-facility-view .content:after,
#application #main-content .analysis-facility-view .content .time-line:before,
#application #main-content .analysis-facility-view .content .time-line:after,
#application #main-content .analysis-facility-view .content .facility-view-placeholder:before,
#application #main-content .analysis-facility-view .content .facility-view-placeholder:after,
#application #main-content .analysis-time-schedules .time-schedules-content:before,
#application #main-content .analysis-time-schedules .time-schedules-content:after,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-row:before,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-row:after,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row:before,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row:after,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-row:before,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-row:after,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-header-row:before,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-header-row:after,
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers:before,
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers:after,
#application #top-bar .top-bar-module:before,
#application #top-bar .top-bar-module:after,
#application #top-bar .top-bar-module .menu-bar:before,
#application #top-bar .top-bar-module .menu-bar:after,
#application #main-content > div .module.issues-filter-wrapper .content:before,
#application #main-content > div .module.issues-filter-wrapper .content:after,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row:before,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row:after,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter:before,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter:after,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input:before,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input:after,
#application #main-content > div .content:before,
#application #main-content > div .content:after,
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item .issue-list-view-item .issue-list-view-row:before,
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item .issue-list-view-item .issue-list-view-row:after,
#application #main-content > div .content .item-detail-view .header-bar:before,
#application #main-content > div .content .item-detail-view .header-bar:after,
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row:before,
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row:after,
#application #main-content > div .content .item-detail-view .new-comment-controls:before,
#application #main-content > div .content .item-detail-view .new-comment-controls:after,
#application #main-content > div .content .item-detail-view .item-details:before,
#application #main-content > div .content .item-detail-view .item-details:after,
#application #main-content > div .content .table-container:before,
#application #main-content > div .content .table-container:after,
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container:before,
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container:after,
.trend-charts-view .sticky-bottom-container .fix-legend-container:before,
.trend-charts-view .sticky-bottom-container .fix-legend-container:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row:before,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:before,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:before,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-controls-column:before,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-controls-column:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row:before,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:before,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:before,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-controls-column:before,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-controls-column:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row:before,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:before,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:before,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-controls-column:before,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-controls-column:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
#application #flex-content #top-bar:after,
.control-fix-legend:after,
#application #main-content .analysis-facility-view .content:after,
#application #main-content .analysis-facility-view .content .time-line:after,
#application #main-content .analysis-facility-view .content .facility-view-placeholder:after,
#application #main-content .analysis-time-schedules .time-schedules-content:after,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-row:after,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row:after,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-row:after,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-header-row:after,
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers:after,
#application #top-bar .top-bar-module:after,
#application #top-bar .top-bar-module .menu-bar:after,
#application #main-content > div .module.issues-filter-wrapper .content:after,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row:after,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter:after,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input:after,
#application #main-content > div .content:after,
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item .issue-list-view-item .issue-list-view-row:after,
#application #main-content > div .content .item-detail-view .header-bar:after,
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row:after,
#application #main-content > div .content .item-detail-view .new-comment-controls:after,
#application #main-content > div .content .item-detail-view .item-details:after,
#application #main-content > div .content .table-container:after,
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container:after,
.trend-charts-view .sticky-bottom-container .fix-legend-container:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:after,
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-controls-column:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:after,
.logBookFilter-widget .filter-container .filter-dialog-body .filter-controls-column:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input:after,
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-controls-column:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
@page {
  size: A4 landscape;
  margin: 15mm 10mm;
}
body {
  margin: 0;
  background: #666666;
  -webkit-user-select: none;
  -khtml-user-drag: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: default;
}
body .col-xs-1,
body .col-xs-2,
body .col-xs-3,
body .col-xs-4,
body .col-xs-5,
body .col-xs-6,
body .col-xs-7,
body .col-xs-8,
body .col-xs-9,
body .col-xs-10,
body .col-xs-11,
body .col-xs-12 {
  padding: 0;
}
body *:focus {
  outline: none;
}
@media print {
  body {
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}
#application {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  min-height: 768px;
  min-width: 1024px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media print {
  #application {
    width: calc(100% - 290px - 2 * 25px);
    height: calc(100% - 160px - 25px);
    margin: 0;
    overflow: hidden;
  }
}
#application #flex-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: calc(100% - 25px);
}
#application #flex-content #top-bar {
  margin-left: 0px;
  margin-right: 0px;
  -ms-flex: 1 0 160px;
      flex: 1 0 160px;
  overflow: visible;
}
@media print {
  #application #flex-content #top-bar {
    display: none;
  }
}
#application #flex-content #main-content {
  z-index: 1;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  position: relative;
  width: calc(100% - 25px - 25px);
  margin: 0 25px 0 25px;
  min-height: 0;
}
#application #flex-content #main-content #side-menus {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
  right: 0;
  width: calc(100% + 25px + 25px);
  height: calc(100% + 25px);
}
#application #flex-content #main-content #side-menus .side-menu-left {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 100;
  left: 25px;
  width: calc(290px - 10px);
  height: calc(100% - 25px);
}
@media print {
  #application #flex-content #main-content #side-menus {
    display: none;
  }
}
#application #flex-content #main-content > div {
  height: 100%;
  box-sizing: border-box;
  position: static;
  padding: 0;
}
#application #flex-content #main-content > div .module {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
#application #flex-content #main-content > div .module > .content {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  background: #F2F8F9;
  color: #000000;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15);
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media print {
  #application #flex-content #main-content {
    width: 100%;
    height: 100%;
    margin: 0;
  }
}
#application #flex-content #main-content #ppe-overlay {
  opacity: 0;
  transition: opacity 1s linear;
}
#application #flex-content #main-content #ppe-overlay.ppe-show {
  opacity: 1;
}
#application #flex-content #main-content #ppe-overlay .ppe-dotloader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: -15px;
}
@keyframes dotanim {
  0%,
  100% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
}
#application #flex-content #main-content #ppe-overlay .ppe-dotloader .ppe-dot {
  width: 10px;
  height: 10px;
  border-radius: 1.5em;
  background-color: #ffffff;
  display: inline-block;
  margin: 0 0.25em;
  transform: scale(1);
  opacity: 0;
  animation: dotanim 3s infinite ease-in-out;
}
#application #flex-content #main-content #ppe-overlay .ppe-dotloader .ppe-dot:nth-child(1) {
  animation-delay: 0s;
}
#application #flex-content #main-content #ppe-overlay .ppe-dotloader .ppe-dot:nth-child(2) {
  animation-delay: 0.4s;
}
#application #flex-content #main-content #ppe-overlay .ppe-dotloader .ppe-dot:nth-child(3) {
  animation-delay: 0.8s;
}
#application #flex-content #main-content #ppe-overlay .ppe-dotloader .ppe-dot:nth-child(4) {
  animation-delay: 1.2s;
}
#application #flex-content #main-content.main-content-small > * > .module {
  padding-left: 290px;
}
@media print {
  #application #flex-content #main-content.main-content-small > * > .module {
    padding-left: 0;
  }
}
#application #flex-content #main-content.main-content > * > .module {
  padding-left: 31px;
}
@media print {
  #application #flex-content #main-content.main-content > * > .module {
    padding-left: 0;
  }
}
#application #flex-content #main-content.main-content-large > * > .module {
  padding-left: 0;
}
#application #footer {
  position: absolute;
  bottom: 5px;
  right: 25px;
  color: #FFFFFF;
  font-size: 10px;
}
@media print {
  #application #footer {
    display: none;
  }
}
#application .embedded-content {
  position: relative;
  width: 100%;
  height: 100%;
}
#application .embedded-content > div {
  position: relative;
  width: 100%;
  height: 100%;
}
.control-configuration-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 317px;
  padding-left: 20px;
  background: #F2F8F9;
  border-style: solid;
  border-color: #B3D2DD;
  border-bottom-width: 1px;
  border-top-width: 0;
  border-left-width: 1px;
  border-right-width: 1px;
}
.control-configuration-menu .control-configuration-menu-extend-button {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-color: #B3D2DD;
  border-bottom-width: 0;
  border-top-width: 0;
  border-left-width: 1px;
  border-right-width: 1px;
  width: 20px;
  background: url('../../../core/style/base/default_theme/assets/icon_bordermenu_vertical_content_EN.png') center no-repeat transparent;
}
.control-configuration-menu .control-configuration-menu-extend-button:hover {
  background: url('../../../core/style/base/default_theme/assets/icon_bordermenu_vertical_content_over.png') center no-repeat transparent;
}
.control-configuration-menu .control-configuration-menu-content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 316px;
  overflow-y: auto;
  overflow-x: hidden;
}
.control-configuration-menu .control-configuration-menu-content .control-configuration-menu-title {
  padding: 18px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-top: 0;
}
.control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section {
  padding: 18px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  border-bottom: solid 1px #B3D2DD;
}
.control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section:last-of-type {
  border-bottom: none;
}
.control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-top: 0;
}
.control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item {
  margin-top: 6px;
}
.control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item .control-configuration-menu-section-item-label {
  display: inline-block;
  line-height: 16px;
  position: relative;
  top: -10px;
}
.control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item .control-configuration-menu-section-item-color {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.control-fix-legend {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}
.control-fix-legend .control-fix-legend-extend-button {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #B3D2DD;
  height: 20px;
  background: url('../../../core/style/base/default_theme/assets/icon_bordermenu_horizontal_content_EN.png') center no-repeat transparent;
}
.control-fix-legend .control-fix-legend-extend-button:hover {
  background: url('../../../core/style/base/default_theme/assets/icon_bordermenu_horizontal_content_over.png') center no-repeat transparent;
}
.control-fix-legend .control-fix-legend-content {
  width: calc(100% - 40px);
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  overflow-y: auto;
  max-height: 358px;
}
.control-fix-legend .control-fix-legend-content .cell {
  height: 32px;
}
.control-fix-legend .control-fix-legend-content .cell > * {
  height: 100%;
  margin-right: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 22px;
  background-color: #E6F0F4;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.control-fix-legend .control-fix-legend-content .header-cell {
  height: 32px;
}
.control-fix-legend .control-fix-legend-content .header-cell > * {
  height: 100%;
  margin-right: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 22px;
  background-color: #E6F0F4;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.control-fix-legend .control-fix-legend-content .header-cell > * {
  background-color: #D9E8EE;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 22px;
}
.control-fix-legend .control-fix-legend-content .header-cell:first-child > div {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 22px;
}
.control-fix-legend .control-fix-legend-content .fix-legend-row {
  min-height: 32px;
}
.control-fix-legend .control-fix-legend-content .fix-legend-row .row {
  min-height: 2px;
}
.control-fix-legend .control-fix-legend-content .fix-legend-header-row {
  min-height: 32px;
  padding-bottom: 0px;
  margin-top: 20px;
}
body ::-ms-clear {
  width: 0;
  height: 0;
}
body button,
body input[type="button"],
body input[type="submit"] {
  display: inline-block;
  margin: 0px;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  background-color: #FFFFFF;
  border: solid 1px #80B4C7;
  text-align: center;
  vertical-align: middle;
  outline: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
body button:hover,
body input[type="button"]:hover,
body input[type="submit"]:hover {
  cursor: pointer;
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
body button:active,
body input[type="button"]:active,
body input[type="submit"]:active,
body button.active,
body input[type="button"].active,
body input[type="submit"].active {
  background-color: #005978;
  border-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
body button[disabled],
body input[type="button"][disabled],
body input[type="submit"][disabled],
body button[disabled]:active,
body input[type="button"][disabled]:active,
body input[type="submit"][disabled]:active,
body button[disabled]:hover,
body input[type="button"][disabled]:hover,
body input[type="submit"][disabled]:hover {
  cursor: auto;
  background-color: transparent;
  border-color: #B3D2DD;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  line-height: 32px;
}
body button[disabled] span,
body input[type="button"][disabled] span,
body input[type="submit"][disabled] span,
body button[disabled]:active span,
body input[type="button"][disabled]:active span,
body input[type="submit"][disabled]:active span,
body button[disabled]:hover span,
body input[type="button"][disabled]:hover span,
body input[type="submit"][disabled]:hover span {
  pointer-events: none;
}
body button.form-btn {
  cursor: pointer;
  height: 32px;
  border: none;
}
body button.form-btn:hover {
  background-color: #80B4C7;
}
body button.form-btn:active {
  background-color: #005978;
}
body button.footer-btn {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
body input[type="text"],
body input[type="tel"],
body input[type="password"],
body input[type="email"],
body input[type="url"],
body input[type="number"] {
  display: inline-block;
  margin: 0px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  border: solid 1px #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  vertical-align: middle;
  background-color: #FFFFFF;
}
body input[type="text"]:active,
body input[type="tel"]:active,
body input[type="password"]:active,
body input[type="email"]:active,
body input[type="url"]:active,
body input[type="number"]:active,
body input[type="text"]:focus,
body input[type="tel"]:focus,
body input[type="password"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="number"]:focus {
  outline: none;
  border-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
  background-image: none;
}
body input[type="text"][type="password"],
body input[type="tel"][type="password"],
body input[type="password"][type="password"],
body input[type="email"][type="password"],
body input[type="url"][type="password"],
body input[type="number"][type="password"] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 32px;
}
body input[type="text"][disabled],
body input[type="tel"][disabled],
body input[type="password"][disabled],
body input[type="email"][disabled],
body input[type="url"][disabled],
body input[type="number"][disabled],
body input[type="text"][disabled]:active,
body input[type="tel"][disabled]:active,
body input[type="password"][disabled]:active,
body input[type="email"][disabled]:active,
body input[type="url"][disabled]:active,
body input[type="number"][disabled]:active,
body input[type="text"][disabled]:hover,
body input[type="tel"][disabled]:hover,
body input[type="password"][disabled]:hover,
body input[type="email"][disabled]:hover,
body input[type="url"][disabled]:hover,
body input[type="number"][disabled]:hover,
body input[type="text"][readonly],
body input[type="tel"][readonly],
body input[type="password"][readonly],
body input[type="email"][readonly],
body input[type="url"][readonly],
body input[type="number"][readonly],
body input[type="text"][readonly]:active,
body input[type="tel"][readonly]:active,
body input[type="password"][readonly]:active,
body input[type="email"][readonly]:active,
body input[type="url"][readonly]:active,
body input[type="number"][readonly]:active,
body input[type="text"][readonly]:hover,
body input[type="tel"][readonly]:hover,
body input[type="password"][readonly]:hover,
body input[type="email"][readonly]:hover,
body input[type="url"][readonly]:hover,
body input[type="number"][readonly]:hover {
  border-color: #B3D2DD;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  line-height: 32px;
  background-color: transparent;
}
body textarea {
  display: inline-block;
  margin: 0px;
  padding: 10px;
  border: solid 1px #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 22px;
  /* Resizing is disabled until it is needed. Then we have to create a custom widget, because
     * IE does not support resizing and the other browsers display their own resize dragger. */
  resize: none;
  background-color: #FFFFFF;
}
body textarea:active,
body textarea:focus {
  outline: none;
  border-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 22px;
  background-image: none;
}
body textarea[disabled],
body textarea[disabled]:active,
body textarea[disabled]:hover,
body textarea[readonly],
body textarea[readonly]:active,
body textarea[readonly]:hover {
  border-color: #B3D2DD;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  line-height: 22px;
  background-color: transparent;
}
/*
 * Template used by grunt-webfont.
 * This file is not generated.
 */
@font-face {
  font-family: "qanteon-icons";
  src: url("../../../core/style/base/default_theme/assets/iconfonts/qanteon-icons.eot?064c942d270496bcd9822e56e3c562da");
  src: url("../../../core/style/base/default_theme/assets/iconfonts/qanteon-icons.eot?064c942d270496bcd9822e56e3c562da#iefix") format("embedded-opentype"), url("../../../core/style/base/default_theme/assets/iconfonts/qanteon-icons.ttf?064c942d270496bcd9822e56e3c562da") format("truetype"), url("../../../core/style/base/default_theme/assets/iconfonts/qanteon-icons.svg?064c942d270496bcd9822e56e3c562da#qanteon-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.glyph-icon,
.glyph-icon:active,
.glyph-icon:hover,
.glyph-icon:disabled,
.glyph-icon:disabled:active,
.glyph-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.popup-binding-container {
  z-index: 700;
}
.popup-binding-container .popup-binding-container-pointer {
  width: 36px;
}
.popup-binding-container.border-and-shadow .popup-binding-container-content {
  margin: 0 4px 4px 0;
  border: 1px solid #80B4C7;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.popup-binding-container.pointer-position-top-left,
.popup-binding-container.pointer-position-top-center,
.popup-binding-container.pointer-position-top-right {
  padding-top: 12px;
}
.popup-binding-container.pointer-position-top-left .popup-binding-container-content,
.popup-binding-container.pointer-position-top-center .popup-binding-container-content,
.popup-binding-container.pointer-position-top-right .popup-binding-container-content {
  margin-top: 0;
}
.popup-binding-container.pointer-position-top-left .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-top-center .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-top-right .popup-binding-container-pointer-container {
  width: 100%;
  height: 12px;
  position: absolute;
  top: 1px;
  left: 0;
}
.popup-binding-container.pointer-position-top-left .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-top-center .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-top-right .popup-binding-container-pointer-container .popup-binding-container-pointer {
  height: 12px;
  width: 36px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/arrow-tooltip-top-32.svg');
}
.popup-binding-container.pointer-position-top-left .popup-binding-container-pointer-container .popup-binding-container-pointer {
  float: left;
  margin-left: -3px;
}
.popup-binding-container.pointer-position-top-center .popup-binding-container-pointer-container .popup-binding-container-pointer {
  margin: 0 auto 0 auto;
}
.popup-binding-container.pointer-position-top-right .popup-binding-container-pointer-container .popup-binding-container-pointer {
  float: right;
  margin-right: 2px;
}
.popup-binding-container.pointer-position-bottom-left,
.popup-binding-container.pointer-position-bottom-center,
.popup-binding-container.pointer-position-bottom-right {
  padding-bottom: 12px;
}
.popup-binding-container.pointer-position-bottom-left .popup-binding-container-content,
.popup-binding-container.pointer-position-bottom-center .popup-binding-container-content,
.popup-binding-container.pointer-position-bottom-right .popup-binding-container-content {
  margin-bottom: 0;
}
.popup-binding-container.pointer-position-bottom-left .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-bottom-center .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-bottom-right .popup-binding-container-pointer-container {
  width: 100%;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: 1px;
}
.popup-binding-container.pointer-position-bottom-left .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-bottom-center .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-bottom-right .popup-binding-container-pointer-container .popup-binding-container-pointer {
  height: 12px;
  width: 36px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/arrow-tooltip-bottom-32.svg');
}
.popup-binding-container.pointer-position-bottom-left .popup-binding-container-pointer-container .popup-binding-container-pointer {
  float: left;
  margin-left: -3px;
}
.popup-binding-container.pointer-position-bottom-center .popup-binding-container-pointer-container .popup-binding-container-pointer {
  margin: 0 auto 0 auto;
}
.popup-binding-container.pointer-position-bottom-right .popup-binding-container-pointer-container .popup-binding-container-pointer {
  float: right;
  margin-right: 1px;
}
.popup-binding-container.pointer-position-left-top,
.popup-binding-container.pointer-position-left-center,
.popup-binding-container.pointer-position-left-bottom {
  padding-left: 12px;
}
.popup-binding-container.pointer-position-left-top .popup-binding-container-content,
.popup-binding-container.pointer-position-left-center .popup-binding-container-content,
.popup-binding-container.pointer-position-left-bottom .popup-binding-container-content {
  margin-left: 0;
}
.popup-binding-container.pointer-position-left-top .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-left-center .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-left-bottom .popup-binding-container-pointer-container {
  width: 12px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 1px;
}
.popup-binding-container.pointer-position-left-top .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-left-center .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-left-bottom .popup-binding-container-pointer-container .popup-binding-container-pointer {
  position: absolute;
  height: 36px;
  width: 12px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/arrow-tooltip-left-32.svg');
}
.popup-binding-container.pointer-position-left-top .popup-binding-container-pointer-container .popup-binding-container-pointer {
  top: 0;
  margin-top: -3px;
}
.popup-binding-container.pointer-position-left-center .popup-binding-container-pointer-container .popup-binding-container-pointer {
  top: calc(50% - 18px);
}
.popup-binding-container.pointer-position-left-bottom .popup-binding-container-pointer-container .popup-binding-container-pointer {
  bottom: 0;
  margin-bottom: 1px;
}
.popup-binding-container.pointer-position-right-top,
.popup-binding-container.pointer-position-right-center,
.popup-binding-container.pointer-position-right-bottom {
  padding-right: 12px;
}
.popup-binding-container.pointer-position-right-top .popup-binding-container-content,
.popup-binding-container.pointer-position-right-center .popup-binding-container-content,
.popup-binding-container.pointer-position-right-bottom .popup-binding-container-content {
  margin-right: 0;
}
.popup-binding-container.pointer-position-right-top .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-right-center .popup-binding-container-pointer-container,
.popup-binding-container.pointer-position-right-bottom .popup-binding-container-pointer-container {
  width: 12px;
  height: 100%;
  position: absolute;
  right: 1px;
  top: 0;
}
.popup-binding-container.pointer-position-right-top .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-right-center .popup-binding-container-pointer-container .popup-binding-container-pointer,
.popup-binding-container.pointer-position-right-bottom .popup-binding-container-pointer-container .popup-binding-container-pointer {
  height: 36px;
  width: 12px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/arrow-tooltip-right-32.svg');
  position: absolute;
}
.popup-binding-container.pointer-position-right-top .popup-binding-container-pointer-container .popup-binding-container-pointer {
  top: 0;
  margin-top: -4px;
}
.popup-binding-container.pointer-position-right-center .popup-binding-container-pointer-container .popup-binding-container-pointer {
  top: calc(50% - 18px);
}
.popup-binding-container.pointer-position-right-bottom .popup-binding-container-pointer-container .popup-binding-container-pointer {
  bottom: 0;
  margin-bottom: 1px;
}
.validation-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  display: table-cell;
  vertical-align: middle;
  height: 46px;
}
.validation-popup .popup-binding-container-content .validation-message {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  max-width: 288px;
  padding: 10px;
  text-wrap: normal;
}
.validationElement {
  position: relative;
}
.validationElement .exclamation-mark {
  display: none;
}
.validationElement.validation-error {
  color: #F20C0C !important;
  overflow: visible;
  outline-color: transparent;
}
.validationElement.validation-error.with-border .validation-error-border {
  display: none;
}
.validationElement.validation-error.with-border.border-top {
  border-top-color: #F20C0C !important;
}
.validationElement.validation-error.with-border.border-right {
  border-right-color: #F20C0C !important;
}
.validationElement.validation-error.with-border.border-bottom {
  border-bottom-color: #F20C0C !important;
}
.validationElement.validation-error.with-border.border-left {
  border-left-color: #F20C0C !important;
}
.validationElement.validation-error .validation-error-border {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  pointer-events: none;
  border: 1px solid #F20C0C !important;
}
.validationElement.validation-error.with-exclamation-mark {
  margin-right: 20px;
}
.validationElement.validation-error .exclamation-mark {
  display: block;
  position: absolute;
  right: -20px;
  top: 0px;
  width: 20px;
  height: 32px;
  font-size: 34px;
  overflow: hidden;
  cursor: pointer;
}
.validationElement.validation-error .exclamation-mark,
.validationElement.validation-error .exclamation-mark:active,
.validationElement.validation-error .exclamation-mark:hover,
.validationElement.validation-error .exclamation-mark:disabled,
.validationElement.validation-error .exclamation-mark:disabled:active,
.validationElement.validation-error .exclamation-mark:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.validationElement.validation-error .exclamation-mark:before {
  content: "\f13e";
}
.validationElement.validation-error .exclamation-mark:before {
  margin-left: -1px;
}
input.validationElement.validation-error.without-border,
textarea.validationElement.validation-error.without-border {
  box-shadow: inset 0px 0px 0px 1px #F20C0C;
}
.contains-too-long-text-popup {
  background-color: #FFFFFF;
  padding: 10px;
}
.module-dialog-modal.account-licensenotification .dialog-box {
  width: 400px;
}
.module-dialog-modal.account-licensenotification .dialog-box .dialog-content {
  height: 200px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.module-dialog-modal.account-licensenotification .dialog-box .dialog-content .notification-template {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 20px;
  padding-bottom: 0;
}
.module-dialog-modal.account-licensenotification .dialog-box .dialog-content .notification-template .centered {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.login {
  position: relative;
  width: 100%;
  height: 100%;
}
.login .loginbox-container {
  position: relative;
  width: 100%;
  height: 100%;
  background: #666666;
  color: #FFFFFF;
}
.login .loginbox-container .loginbox {
  margin: auto;
  margin-top: 35px;
  width: 470px;
  height: 400px;
  background-color: #F2F8F9;
  box-shadow: 0 0 1px 15px #000000;
}
.login .loginbox-container .loginbox .kp-logo-container {
  height: 110px;
  background-color: white;
}
.login .loginbox-container .loginbox .kp-logo-container .kp-logo {
  width: 175px;
  height: 110px;
  background: url('assets/kiebacklogo.png') 0 center no-repeat;
  margin-left: auto;
  margin-right: auto;
}
.login .loginbox-container .loginbox .error-message {
  margin-top: 10px;
  border: 1px solid #F20C0C;
  background-color: rgba(200, 10, 10, 0.3);
  padding: 5px;
}
.login .loginbox-container .loginbox .form-container {
  padding-top: 40px;
  color: #000000;
  height: 200px;
  width: 260px;
  margin: auto;
}
.login .loginbox-container .loginbox .form-container .divider {
  height: 10px;
}
.login .loginbox-container .loginbox .form-container .submit-button {
  width: 100%;
}
.login .loginbox-container .loginbox .q-logo-container {
  height: 120px;
  width: 100%;
}
.login .loginbox-container .loginbox .q-logo-container .q-logo {
  display: block;
  background-image: url('assets/qanteonlogo.png');
  background-size: 130px;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin: auto;
  width: 140px;
  height: 80px;
}
.login .user-specific-data-loader {
  width: 100%;
  height: 100%;
}
.login .user-specific-data-loader .user-specific-data-loader-progress {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  width: 100%;
}
.login .user-specific-data-loader .user-specific-data-loader-progress .ProgressBar-widget {
  height: 2px;
  width: 194px;
  margin: auto;
}
.login-username-rendering .glyph-icon {
  margin-right: 5px;
  font-size: 24px;
}
.login-username-rendering .glyph-icon:before {
  content: "\f109";
}
.login-username-rendering .glyph-icon.is-std-user:before {
  content: "\f131";
}
.login-username-rendering .glyph-icon.is-maintenance-user:before {
  content: "\f188";
}
.login-username-rendering .glyph-icon.is-admin-user:before {
  content: "\f108";
}
#session-expired .notification-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 70px;
  width: 300px;
  background-color: #F2F8F9;
  left: 0px;
  right: 0px;
  margin: auto;
  box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.75);
  padding: 20px;
  z-index: 1110;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
#application-has-server-event-happening .notification-layer {
  z-index: 1100;
}
.server-will-shutdown-status-bar-message {
  padding: 10px;
  line-height: 32px;
}
#application #main-content .analysis-facility-view {
  float: left;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
  position: relative;
}
#application #main-content .analysis-facility-view.configmenu-open {
  width: calc(100% - 300px);
}
#application #main-content .analysis-facility-view .content {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  height: 100%;
}
#application #main-content .analysis-facility-view .content .time-line {
  margin-left: 0px;
  margin-right: 0px;
  height: 40px;
}
#application #main-content .analysis-facility-view .content .plant-image-scaling-container {
  display: inline-block;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder {
  margin-left: 0px;
  margin-right: 0px;
  height: 100%;
  width: 100%;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-content-container {
  width: 100%;
  height: 100%;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-center-content {
  text-align: center;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image {
  width: 90%;
  height: 90%;
  display: inline-block;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  min-width: 300px;
  vertical-align: top;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container .analysis-facility-view-generated-facility-link-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 33%;
      flex: 1 0 33%;
  padding: 20px;
  height: 20%;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container .analysis-facility-view-generated-facility-link-container .analysis-facility-view-generated-facility-link-button {
  width: 100%;
  height: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container .analysis-facility-view-generated-facility-link-container .analysis-facility-view-generated-facility-link-button .facility-link-button-text {
  padding-left: 1em;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container .analysis-facility-view-generated-facility-link-container .analysis-facility-view-generated-facility-link-button .button-lse-glyph {
  color: #B3D2DD;
  font-size: 2em;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container .analysis-facility-view-generated-facility-link-container .analysis-facility-view-generated-facility-link-button .button-lse-glyph:before {
  content: "\f113";
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container .analysis-facility-view-generated-facility-link-container .analysis-facility-view-generated-facility-link-button .button-lsea-glyph {
  font-size: 2em;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .analysis-facility-view-generated-facility-image .analysis-facility-view-generated-facility-image-container .analysis-facility-view-generated-facility-link-container .analysis-facility-view-generated-facility-link-button .button-lsea-glyph:before {
  content: "\f150";
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder svg {
  shape-rendering: geometricPrecision;
  line-height: 1;
  position: relative;
  left: 0;
  top: 0;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder svg tspan,
#application #main-content .analysis-facility-view .content .facility-view-placeholder svg text {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder > div {
  position: absolute !important;
  top: 0;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder > div > div {
  display: inline-block;
  line-height: 0;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder > div > div svg {
  line-height: 1;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder > div > div svg [data-bind*=click] {
  cursor: pointer;
}
#application #main-content .analysis-facility-view .content .facility-view-placeholder .facility-view-image {
  width: 100%;
}
#application #main-content .analysis-facility-view .content .datapoint-set-view-placeholder {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  height: 100%;
}
#application #main-content .abeditor-side-menu {
  position: relative;
  float: right;
  height: 100%;
  width: 300px;
  background-color: #F2F8F9;
  border: 1px solid #B3D2DD;
  padding-top: 32px;
  line-height: 32px;
}
#application #main-content .abeditor-side-menu .header-area {
  height: 32px;
  padding-right: 20px;
}
#application #main-content .abeditor-side-menu .header-area .header-headline {
  margin-left: 20px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#application #main-content .abeditor-side-menu .header-area .default-layout-button {
  float: right;
}
#application #main-content .abeditor-side-menu .body-area {
  margin-top: 20px;
  width: 100%;
  padding-left: 20px;
  padding-right: 10px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
#application #main-content .abeditor-side-menu .body-area .row-margin {
  margin-left: 32px;
  margin-top: 10px;
}
#application #main-content .abeditor-side-menu .body-area .default-layout-button {
  margin-top: 10px;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog {
  min-width: 100px;
  background-color: white;
  border: 1px solid #1A789A;
  line-height: initial;
  position: absolute;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog [data-bind*=click] {
  cursor: pointer;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .dialog-row {
  height: 30px;
  border-bottom: 1px solid #E6F0F4;
  padding: 7px;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .dialog-row.active {
  background-color: #B3D2DD;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .spacer-row {
  padding: 0;
  height: 5px;
  border-bottom: 1px solid silver;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .nominal-value-row {
  padding: 0;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .nominal-value-row > label {
  float: left;
  padding: 7px;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .nominal-value-row > select {
  border: 0;
  height: 100%;
  float: left;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .nominal-value-row > input[type="text"] {
  margin: 0;
  float: left;
  height: 100%;
  box-shadow: none;
  border: 0;
  width: 50px;
  outline: none;
  background: none;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .nominal-value-row > button {
  border: 0;
  margin: 0;
  float: left;
  box-shadow: none;
  padding: 5px;
  height: 100%;
  background: center no-repeat #1A789A;
  color: #FFFFFF;
}
#application #main-content #Analysis_Overview_FacilityView_DetailView_Dialog .is-loading-wall {
  position: absolute;
  background-color: rgba(200, 200, 200, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#application #main-content .analysis-facility-table-view {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-facility-table-view .table-container {
  height: 100%;
  width: 100%;
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#application #main-content .analysis-facility-table-view .table-container.configmenu-open {
  width: calc(100% - 340px);
}
#application #main-content .analysis-facility-table-view .table-container .Table-widget {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-height: 100%;
}
#application #main-content .analysis-facility-table-view .table-container .Table-widget.has-footer {
  max-height: calc(100% - 32px);
}
#application #main-content .analysis-facility-table-view .table-container .footer {
  height: 32px;
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  border-top: 1px solid #3387A5;
}
#application #main-content .analysis-facility-table-view .table-container .footer .Pagination-widget {
  display: inline-block;
  border-right: 1px solid #80B4C7;
}
#application #main-content .analysis-facility-table-view .table-container .footer .Pagination-widget .pagination-content {
  height: 31px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu {
  position: relative;
  float: right;
  height: 100%;
  width: 340px;
  background-color: #F2F8F9;
  border: 1px solid #B3D2DD;
  padding-top: 32px;
  line-height: 32px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .header-area {
  height: 32px;
  padding-right: 20px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .header-area .header-headline {
  margin-left: 20px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .header-area .default-layout-button {
  float: right;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .config-menu-droppable-wall {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background: #F2F8F9;
  display: none;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .config-menu-droppable-wall.config-menu-droppable-wall-visible {
  display: block;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .drop-wall-symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .drop-wall-symbol:before {
  content: "\f133";
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .active-drop-zone-over .drop-wall-symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .active-drop-zone-over .drop-wall-symbol:before {
  content: "\f134";
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area {
  margin-top: 20px;
  width: 100%;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area .body-available-column {
  padding-left: 20px;
  padding-right: 10px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area .body-available-column .drag-element {
  height: 32px;
  width: 32px;
  float: right;
  font-size: 24px;
  line-height: inherit;
  text-align: center;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area .body-available-column .drag-element:before {
  content: "\f13a";
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area .body-available-column:hover {
  background-color: #FFFFFF;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area .body-available-column.is-in-table {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area .body-available-column.is-dragging {
  border: 1px dashed #4D96B0;
  background-color: #FFFFFF;
  line-height: 30px;
  padding-left: 19px;
  padding-right: 9px;
}
#application #main-content .analysis-facility-table-view .table-configuration-menu .body-area .body-available-column.is-dragging .drag-element {
  height: 30px;
}
#application #main-content .module.analysis-overview .Tabs-tab-btn.vertical.normal:first-child {
  border-top: 0;
}
#application #main-content .module.analysis-overview .Tabs-tab-btn.vertical.normal:last-child {
  height: calc(33.333333333333336% + 3px - 8.666666666666667px);
}
#application #main-content .module.analysis-overview > .content {
  position: relative;
  overflow: visible;
  height: 100%;
  width: 100%;
  background-color: #F2F8F9;
  padding: 0;
}
@media print {
  #application #main-content .module.analysis-overview > .content {
    width: calc(100% - 52px);
  }
}
#application #main-content .module.analysis-overview > .content .tab-area {
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 0;
  width: 52px;
}
@media print {
  #application #main-content .module.analysis-overview > .content .tab-area {
    display: none;
  }
}
#application #main-content .module.analysis-overview > .content .page-content {
  height: calc(100% - 46px);
  width: calc(100% - 52px);
  margin-left: 52px;
}
@media print {
  #application #main-content .module.analysis-overview > .content .page-content {
    width: 100%;
    margin-left: 0;
  }
}
@media print {
  #application #main-content .module.analysis-overview {
    padding-left: 0 !important;
  }
}
#application #main-content .time-schedule-day-control {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: #E6F0F4;
  /*
  * Special schedule default value string colors.
  */
  /*
  * Fix BACnet value colors
  */
  /*
  * P90 style
  */
  /*
  * Weekly schedule z-index
  */
  /*
    *Z-indices of the exception layers
    */
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-null {
  background-color: #E6F0F4;
  background-image: url("../../../modules/analysis/timeschedules/widgets/dayschedulecontrol/assets/Hintergrund-Zeitprogramme.png");
  background-repeat: repeat;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-one {
  background-color: #008C00;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-two {
  background-color: #004588;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-three {
  background-color: #CCCCCC;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-four {
  background-color: #FF6699;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-five {
  background-color: #660099;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-six {
  background-color: #996633;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-seven {
  background-color: #666666;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-eight {
  background-color: #CC33CC;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-nine {
  background-color: #FF6600;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-schedule-default-value-ten {
  background-color: #DAA671;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-lon-initial-schedule-value-on {
  background-color: #CCCCCC;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-active-drop-zone {
  outline: dashed 1px #4D96B0;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-null .time-schedule-segment-inner {
  background-color: #E6F0F4;
  background-image: url("../../../modules/analysis/timeschedules/widgets/dayschedulecontrol/assets/Hintergrund-Zeitprogramme.png");
  background-repeat: repeat;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-one .time-schedule-segment-inner {
  background-color: #008C00;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-two .time-schedule-segment-inner {
  background-color: #004588;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-three .time-schedule-segment-inner {
  background-color: #CCCCCC;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-four .time-schedule-segment-inner {
  background-color: #FF6699;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-five .time-schedule-segment-inner {
  background-color: #660099;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-six .time-schedule-segment-inner {
  background-color: #996633;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-seven .time-schedule-segment-inner {
  background-color: #666666;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-eight .time-schedule-segment-inner {
  background-color: #CC33CC;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-nine .time-schedule-segment-inner {
  background-color: #FF6600;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-ten .time-schedule-segment-inner {
  background-color: #DAA671;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedule-segment-inner.time-schedule-segment-inner-selected {
  background-color: #666666;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner.time-schedule-segment-inner-selected {
  background-color: transparent;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-inner {
  width: 2px;
  left: calc(50% - 1px);
  background-color: #000000;
  border: none;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-left {
  left: 1px;
}
#application #main-content .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-right {
  right: 1px;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization {
  position: absolute;
  height: 100%;
  z-index: 36;
  display: none;
  margin-left: -9px;
  pointer-events: none;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-top-line,
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-bottom-line {
  position: absolute;
  height: 30%;
  width: 2px;
  background-color: #000000;
  opacity: 0.15;
  left: 50%;
  margin-left: -1px;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-top-line {
  top: 0px;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-bottom-line {
  bottom: 0px;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon {
  position: absolute;
  height: 30%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon,
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:active,
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:hover,
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:disabled,
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:disabled:active,
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:before {
  content: "\f172";
}
#application #main-content .time-schedule-day-control .time-schedule-hover-visualization-container:hover .time-schedules-segment-hover-visualization {
  display: block;
}
#application #main-content .time-schedule-day-control .time-schedule-exception-schedule {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#application #main-content .time-schedule-day-control .time-schedule-segment {
  position: absolute;
  top: 0px;
  bottom: 0px;
  pointer-events: none;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedule-segment-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #CCCCCC;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-enable-hover-visualization {
  pointer-events: none;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-disable-hover-visualization {
  pointer-events: all;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner {
  background-color: #E6F0F4;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off.time-schedule-segment-lon-schedule .time-schedule-segment-inner {
  background-color: #E6F0F4;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  background-color: #FFFFFF;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #000000;
  line-height: 12px;
  margin-left: 1px;
  pointer-events: all;
  overflow: hidden;
  min-width: 50px;
  max-width: 75px;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container.time-schedules-segment-time-flag-container-left {
  border-left-width: 1px;
  border-right-width: 0px;
  margin-left: -1px;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container .time-schedules-segment-value-flag,
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container .time-schedules-segment-time-flag {
  display: block;
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
  min-width: 100%;
  min-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container .time-schedules-segment-time-flag {
  border-bottom: 1px solid #D6D7D8;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor {
  position: relative;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-not-modifiable.time-schedules-segment-drag-anchor-not-selectable {
  cursor: default;
  display: none;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor .time-schedules-segment-drag-anchor-arrow-left {
  position: absolute;
  left: 1px;
  top: 0px;
  bottom: 0px;
  width: 14px;
  background-image: url('../../../modules/analysis/timeschedules/widgets/dayschedulecontrol/assets/Icon_Arrow_Setpoint_Left.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor .time-schedules-segment-drag-anchor-arrow-right {
  position: absolute;
  left: 1px;
  top: 0px;
  bottom: 0px;
  width: 14px;
  background-image: url('../../../modules/analysis/timeschedules/widgets/dayschedulecontrol/assets/Icon_Arrow_Setpoint_Left.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
  background-image: url('../../../modules/analysis/timeschedules/widgets/dayschedulecontrol/assets/Icon_Arrow_Setpoint_Right.png');
  left: auto;
  right: 1px;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor:hover .time-schedules-segment-drag-anchor-arrow-left,
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor:hover .time-schedules-segment-drag-anchor-arrow-right {
  display: block;
  z-index: 61;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-not-modifiable:hover .time-schedules-segment-drag-anchor-arrow-left,
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-not-modifiable:hover .time-schedules-segment-drag-anchor-arrow-right {
  display: none;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor {
  position: absolute;
  left: -14px;
  width: 28px;
  top: 0px;
  bottom: 0px;
  pointer-events: all;
  cursor: pointer;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor .time-schedules-segment-drag-anchor-inner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: calc(50% - 1px);
  width: 2px;
  background-color: #000000;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-inner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: calc(50% - 3px);
  width: 6px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  z-index: 61;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-left {
  left: 0px;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-right {
  right: 0px;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedule-segment-inner {
  z-index: 2;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container {
  z-index: 42;
}
#application #main-content .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor {
  z-index: 3;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 43;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-15 .time-schedule-segment-inner {
  z-index: 3;
  background-color: #004588;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-15 .time-schedules-segment-time-flag-container {
  z-index: 43;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-15 .time-schedules-segment-drag-anchor {
  z-index: 5;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-15.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 44;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-14 .time-schedule-segment-inner {
  z-index: 5;
  background-color: #CC0000;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-14 .time-schedules-segment-time-flag-container {
  z-index: 44;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-14 .time-schedules-segment-drag-anchor {
  z-index: 7;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-14.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 45;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-13 .time-schedule-segment-inner {
  z-index: 7;
  background-color: #FF6600;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-13 .time-schedules-segment-time-flag-container {
  z-index: 45;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-13 .time-schedules-segment-drag-anchor {
  z-index: 9;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-13.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 46;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-12 .time-schedule-segment-inner {
  z-index: 9;
  background-color: #FFCC00;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-12 .time-schedules-segment-time-flag-container {
  z-index: 46;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-12 .time-schedules-segment-drag-anchor {
  z-index: 11;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-12.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 47;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-11 .time-schedule-segment-inner {
  z-index: 11;
  background-color: #FFF400;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-11 .time-schedules-segment-time-flag-container {
  z-index: 47;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-11 .time-schedules-segment-drag-anchor {
  z-index: 13;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-11.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 48;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-10 .time-schedule-segment-inner {
  z-index: 13;
  background-color: #008C00;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-10 .time-schedules-segment-time-flag-container {
  z-index: 48;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-10 .time-schedules-segment-drag-anchor {
  z-index: 15;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-10.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 49;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-9 .time-schedule-segment-inner {
  z-index: 15;
  background-color: #33CC33;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-9 .time-schedules-segment-time-flag-container {
  z-index: 49;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-9 .time-schedules-segment-drag-anchor {
  z-index: 17;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-9.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 50;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-8 .time-schedule-segment-inner {
  z-index: 17;
  background-color: #00A0FF;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-8 .time-schedules-segment-time-flag-container {
  z-index: 50;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-8 .time-schedules-segment-drag-anchor {
  z-index: 19;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-8.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 51;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-7 .time-schedule-segment-inner {
  z-index: 19;
  background-color: #FF6699;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-7 .time-schedules-segment-time-flag-container {
  z-index: 51;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-7 .time-schedules-segment-drag-anchor {
  z-index: 21;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-7.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 52;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-6 .time-schedule-segment-inner {
  z-index: 21;
  background-color: #660099;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-6 .time-schedules-segment-time-flag-container {
  z-index: 52;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-6 .time-schedules-segment-drag-anchor {
  z-index: 23;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-6.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 53;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-5 .time-schedule-segment-inner {
  z-index: 23;
  background-color: #996633;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-5 .time-schedules-segment-time-flag-container {
  z-index: 53;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-5 .time-schedules-segment-drag-anchor {
  z-index: 25;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-5.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 54;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-4 .time-schedule-segment-inner {
  z-index: 25;
  background-color: #666666;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-4 .time-schedules-segment-time-flag-container {
  z-index: 54;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-4 .time-schedules-segment-drag-anchor {
  z-index: 27;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-4.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 55;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-3 .time-schedule-segment-inner {
  z-index: 27;
  background-color: #CC33CC;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-3 .time-schedules-segment-time-flag-container {
  z-index: 55;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-3 .time-schedules-segment-drag-anchor {
  z-index: 29;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-3.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 56;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-2 .time-schedule-segment-inner {
  z-index: 29;
  background-color: #BBDDFF;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-2 .time-schedules-segment-time-flag-container {
  z-index: 56;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-2 .time-schedules-segment-drag-anchor {
  z-index: 31;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-2.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 57;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-1 .time-schedule-segment-inner {
  z-index: 31;
  background-color: #DAA671;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-1 .time-schedules-segment-time-flag-container {
  z-index: 57;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-1 .time-schedules-segment-drag-anchor {
  z-index: 33;
}
#application #main-content .time-schedule-day-control .time-schedule-segment.exception-layer-1.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 58;
}
#application #main-content .analysis-time-schedules {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  z-index: 1;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trash-view-btn:before {
  content: "\f197";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .trashed-view-btn:before {
  content: "\f196";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .settings-view-btn:before {
  content: "\f14b";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .weekly-view-btn:before {
  content: "\f1a2";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .exception-view-btn:before {
  content: "\f18b";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .year-schedule-view-btn:before {
  content: "\f1a6";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .holiday-schedule-view-btn:before {
  content: "\f154";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier,
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .page-title-bar-magnifier:before {
  content: "\f151";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-current-iso-week-btn:before {
  content: "\f10c";
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn {
  padding: 0px;
  font-size: 32px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn:hover,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn:disabled,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn:disabled:active,
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn:hover {
  padding: 0px;
  padding-left: 1px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn.active:hover {
  padding: 0px;
}
#application #main-content .analysis-time-schedules .page-content-title-bar .go-to-date-btn:before {
  content: "\f11d";
}
#application #main-content .analysis-time-schedules .time-schedules-content {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  height: calc(100% - 46px - 32px);
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area {
  position: relative;
  height: 100%;
  margin-right: 20px;
  margin-left: 20px;
  border-right: 1px solid #FFFFFF;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control {
  position: relative;
  height: 100%;
  min-height: 280px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  width: 100%;
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:hover,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-button {
  position: relative;
  display: block;
  float: left;
  height: 12.5%;
  width: 80px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  width: 100%;
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:hover,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:before {
  content: "\f110";
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  width: 100%;
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:hover,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:before {
  content: "\f10d";
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-go-to-current-iso-week-btn {
  position: absolute;
  top: 12.5%;
  left: 80px;
  width: 72px;
  height: 46px;
  line-height: 46px;
  font-size: 32px;
  text-align: center;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-go-to-current-iso-week-btn:hover {
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-go-to-current-iso-week-btn .time-schedules-go-to-current-iso-week-btn-icon {
  transform: rotate(-90deg);
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-go-to-current-iso-week-btn .time-schedules-go-to-current-iso-week-btn-icon:before {
  content: "\f10c";
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-line {
  position: relative;
  height: 12.5%;
  width: calc(100% - 80px);
  float: left;
  background-color: #CCE1E9;
  border-left: 1px solid #FFFFFF;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-line .time-schedules-time-line-header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  padding-top: 7px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-line .time-schedules-time-line-item {
  position: relative;
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-time-line .time-schedules-time-line-item .time-schedules-time-line-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  cursor: default;
  padding: 2px 10px 7px 10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container {
  position: relative;
  width: 100%;
  height: calc(87.5%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels {
  -ms-flex-positive: 0;
      flex-grow: 0;
  width: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 14.28571429%;
      flex-basis: 14.28571429%;
  border-top: 1px solid #F2F8F9;
  border-bottom: 1px solid #F2F8F9;
  position: relative;
  padding-right: 10px;
  padding-left: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container.time-schedules-date-label-today {
  background-color: #B3D2DD;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container .time-schedules-week-day-label-container-inner .time-schedules-week-day-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  cursor: default;
  width: 100%;
  text-align: right;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container .time-schedules-week-day-label-container-inner .time-schedules-date-label {
  cursor: default;
  width: 100%;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;
  width: calc(100% - 80px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #FFFFFF;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 14.28571429%;
      flex-basis: 14.28571429%;
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .day-schedule-control-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container {
  margin-left: 50px;
  margin-right: 50px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-header-month {
  text-align: center;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-header-day {
  text-align: center;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-month {
  position: relative;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-month .calendar-day {
  background-color: lightgray;
  height: 25px;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-month .calendar-item {
  opacity: 0.7;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border {
  border-width: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control {
  background-color: #B3D2DD;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control.time-schedule-day-control-lon-initial-schedule-value-on,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control.time-schedule-day-control-lon-initial-schedule-value-on,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control .time-schedule-day-control-lon-initial-schedule-value-on,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control .time-schedule-day-control-lon-initial-schedule-value-on {
  background-color: #CCCCCC;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner {
  background-color: #B3D2DD;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedules-vertical-time-grid-line {
  position: absolute;
  top: -22px;
  bottom: 0px;
  z-index: 41;
  width: 1px;
  background-color: #FFFFFF;
  pointer-events: none;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day {
  position: relative;
  width: calc(100% - 80px);
  float: left;
  height: 12.5%;
  background-color: #CCE1E9;
  border-left: 1px solid #FFFFFF;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day .time-schedules-selected-exception-schedule-day-container {
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day .time-schedules-selected-exception-schedule-day-container .time-schedule-day-control {
  background-color: #CCE1E9;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedule-weekly-schedule-view-container .time-schedule-weekly-schedule-view .time-schedules-graphical-area .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day .time-schedules-selected-exception-schedule-day-container .time-schedule-day-control .time-schedule-row {
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view {
  position: relative;
  height: 100%;
  /*height: ~"calc(100% - 44px)";*/
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-right-width: 1px;
  left: 0;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:hover,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .previous-year-btn:before {
  content: "\f137";
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-left-width: 1px;
  right: 0;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:hover,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .next-year-btn:before {
  content: "\f138";
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content {
  position: relative;
  height: 100%;
  height: calc(100% - 44px);
  width: calc(100% - 400px - 20px * 2);
  float: left;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content.w-100 {
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-selected-year {
  line-height: 38px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers {
  height: 48px;
  padding-top: 24px;
  background-color: #CCE1E9;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 10px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  width: 14.28571429%;
  text-align: center;
  padding: 0px;
  padding-top: 2px;
  cursor: default;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label:first-child {
  margin-left: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid {
  left: 0px;
  right: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line {
  height: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line:first-child {
  display: none;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container {
  max-height: calc(100% - 58px);
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-left .time-schedules-calendar-year-month-label,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-right .time-schedules-calendar-year-month-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  cursor: default;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-left {
  width: 100px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-right {
  display: block;
  width: 100px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year- {
  position: relative;
  width: 100%;
  height: calc(100% - 68px);
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid {
  top: -16px;
  left: 100px;
  right: 100px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-0 {
  left: 0%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-1 {
  left: 14.28571429%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-2 {
  left: 28.57142857%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-3 {
  left: 42.85714286%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-4 {
  left: 57.14285714%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-5 {
  left: 71.42857143%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-6 {
  left: 85.71428571%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line {
  height: 9px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row {
  width:  calc(100% - 100px - 100px) ;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-date-label.time-schedules-calendar-year-week-date-label-filled {
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-year-schedule-grid-view-content .time-schedules-year-schedule-grid-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row-week-separator {
  bottom: -2px;
  height: 2px;
  display: block;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column {
  position: relative;
  float: left;
  width: 440px;
  padding: 20px;
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .input-area-content-form {
  -ms-flex-direction: column;
      flex-direction: column;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-right-column-box {
  width: 100%;
  background-color: #E6F0F4;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries {
  width: 100%;
  background-color: #E6F0F4;
  margin-bottom: 20px;
  height: calc(50% - (20px / 2));
  min-height: calc(50% - (20px / 2));
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table {
  position: relative;
  width: 100%;
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-row {
  margin-left: 0px;
  margin-right: 0px;
  min-height: 32px;
  max-height: 64px;
  border-bottom: 1px solid #FFFFFF;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-row .p90-year-schedule-entry-table-cell {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #FFFFFF;
  margin-left: -1px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  max-height: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-row .p90-year-schedule-entry-table-cell.p90-year-schedule-entry-table-cell-less-padding {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-row .p90-year-schedule-entry-table-cell:first-child {
  margin-left: 0px;
  border: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-body {
  position: relative;
  height: calc(100% - 32px);
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-body .p90-year-schedule-entry-table-row {
  cursor: pointer;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-body .p90-year-schedule-entry-table-row.p90-year-schedule-entry-table-row-selected {
  background-color: #B3D2DD;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-body .p90-year-schedule-entry-table-row:hover,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-body .p90-year-schedule-entry-table-row.p90-year-schedule-entry-table-row-selected:hover {
  background-color: #80B4C7;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-body .p90-year-schedule-entry-table-row:hover .Checkbox-checkbox,
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-body .p90-year-schedule-entry-table-row.p90-year-schedule-entry-table-row-selected:hover .Checkbox-checkbox {
  color: #000000;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row {
  margin-left: 0px;
  margin-right: 0px;
  min-height: 32px;
  max-height: 64px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #CCE1E9;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row .p90-year-schedule-entry-table-cell {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #FFFFFF;
  margin-left: -1px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  max-height: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row .p90-year-schedule-entry-table-cell.p90-year-schedule-entry-table-cell-less-padding {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row .p90-year-schedule-entry-table-cell:first-child {
  margin-left: 0px;
  border: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-table-header-row .p90-year-schedule-entry-table-cell {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 32px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-delete-when-finished-enabled:before {
  content: "\f16b";
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-list-schedule-entries .p90-year-schedule-entry-table .p90-year-schedule-entry-delete-when-finished-disabled:before {
  content: "\f167";
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-edit-schedule-entry {
  width: 100%;
  background-color: #E6F0F4;
  height: calc(50% - (20px / 2));
  min-height: calc(50% - (20px / 2));
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-edit-schedule-entry .form-row {
  height: 32px;
  margin-bottom: 10px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-edit-schedule-entry .form-row .time-schedules-time-value-input {
  padding-left: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-year-schedule-grid-view-container .time-schedules-year-schedule-grid-view-container-inner .time-schedules-year-schedule-calendar-grid-view .time-schedules-p90-year-schedule-view-right-column .time-schedules-p90-year-schedule-view-edit-schedule-entry .form-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-p90-holiday-schedule-view-container {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-p90-holiday-schedule-view-container .time-schedules-p90-holiday-schedule-view-container-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-p90-holiday-schedule-view-container .time-schedules-p90-holiday-schedule-view-container-inner .time-schedules-p90-holiday-schedule-view {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-p90-holiday-schedule-view-container .time-schedules-p90-holiday-schedule-view-container-inner .time-schedules-p90-holiday-schedule-view .time-schedules-p90-holiday-schedule-view-content {
  height: calc(100% - 70px);
}
#application #main-content .analysis-time-schedules .time-schedules-content .time-schedules-p90-holiday-schedule-view-container .time-schedules-p90-holiday-schedule-view-container-inner .time-schedules-p90-holiday-schedule-view .time-schedules-p90-counter {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  float: right;
  margin-right: 16px;
  margin-top: 4px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding-right: 1px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 280px;
  margin: 0px;
  padding: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .left-aligned {
  float: left;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .right-aligned {
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .color-box {
  margin-top: 5.5px;
  width: 5px;
  height: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .color-box .color-box-item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .delete-button {
  font-size: 30px;
  height: 100%;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .delete-button:before {
  content: "\f197";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .duplicate-button {
  font-size: 30px;
  height: 100%;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .duplicate-button:before {
  content: "\f13b";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .create-button {
  font-size: 30px;
  height: 100%;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .create-button:before {
  content: "\f168";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .config-button {
  margin-top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .config-button:before {
  content: "\f14b";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .drag-anchor {
  margin-top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .drag-anchor:before {
  content: "\f13a";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .expanded-row {
  margin-top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .expanded-row:before {
  content: "\f10d";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .collapsed-row {
  margin-top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .collapsed-row:before {
  content: "\f10f";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .add-subitem {
  margin-top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .add-subitem:before {
  content: "\f172";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .del-subitem {
  margin-top: 10px;
  font-size: 20px;
  height: 30px;
  width: 20px;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .del-subitem:before {
  content: "\f197";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .time-schedules-header {
  height: 55px;
  width: 100%;
  float: left;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .time-schedules-time-line {
  position: absolute;
  height: 55px;
  width: calc(100% - 260px);
  top: 0px;
  left: 260px;
  background-color: #CCE1E9;
  border-left: 1px solid #FFFFFF;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .time-schedules-time-line .time-schedules-time-line-header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  padding-top: 7px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .time-schedules-time-line .time-schedules-time-line-item {
  position: relative;
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .time-schedules-time-line .time-schedules-time-line-item .time-schedules-time-line-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  cursor: default;
  padding: 2px 10px 7px 10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table {
  position: relative;
  width: 100%;
  height: calc(100% - 2 * 55px);
  display: block;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .with-divider {
  height: calc(55px + 16px);
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row {
  width: 100%;
  display: block;
  position: relative;
  min-height: 55px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .Table-item-drop {
  float: left;
  width: 100%;
  height: 5px;
  display: inline-block;
  z-index: 65501;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .Table-item-drop.drag-over.above {
  background: linear-gradient(to bottom, #B3D2DD 0%, #B3D2DD 30%, transparent 100%);
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .Table-item-drop.drag-over.below {
  background: linear-gradient(to bottom, transparent 0%, #B3D2DD 70%, #B3D2DD 100%);
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-divider {
  float: right;
  display: inline-block;
  height: 3px;
  width: calc( 100% - 25px );
  background-color: #005978;
  margin-top: 7px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-divider-text {
  float: left;
  padding: 2px;
  padding-left: 5px;
  color: #FFFFFF;
  background-color: #005978;
  width: 25px;
  height: 16px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row {
  display: inline-block;
  float: left;
  width: 100%;
  height: 55px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .exception-schedule-view-label-container {
  display: block;
  float: left;
  height: 55px;
  width: 260px;
  background-color: #CCE1E9;
  border-top: 1px solid #F2F8F9;
  border-bottom: 1px solid #F2F8F9;
  vertical-align: middle;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .exception-schedule-view-label-container .collapse-space {
  width: 25px;
  height: 10px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .exception-schedule-view-label-container .time-schedules-day-label {
  margin-left: 10px;
  margin-top: 10px;
  width: 180px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .groupselected {
  background-color: #B3D2DD;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .selected {
  background-color: #99C3D2;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .exception-schedule-view-day-container {
  border-top: 1px solid #F2F8F9;
  border-bottom: 1px solid #F2F8F9;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 1px;
  float: right;
  height: 55px;
  width: calc(100% - 260px);
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .exception-schedule-view-day-container.reduced-height {
  height: 40px;
  margin-top: calc( ( 55px - 40px ) / 2 );
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .exception-schedule-view-day-container .day-schedule-control-container {
  height: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table .exception-schedule-view-table-row .exception-schedule-view-row .exception-schedule-view-day-container .day-schedule-control-container .time-schedules-vertical-time-grid-line {
  position: absolute;
  top: -22px;
  bottom: 55px;
  z-index: 41;
  width: 1px;
  background-color: #FFFFFF;
  pointer-events: none;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table > .x-scroller-scrollbar,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .exception-schedule-view-table > .y-scroller-scrollbar {
  z-index: 43;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .time-schedules-vertical-time-grid-line {
  position: absolute;
  top: 0px;
  bottom: 55px;
  z-index: 41;
  width: 1px;
  background-color: #FFFFFF;
  pointer-events: none;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .tick0 {
  position: absolute;
  left: 260px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .tick1 {
  position: absolute;
  left: calc( 260px + ( ( 100% - 260px ) * 16.66666667 / 100 ) );
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .tick2 {
  position: absolute;
  left: calc( 260px + ( ( 100% - 260px ) * 16.66666667 / 100 * 2 ) );
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .tick3 {
  position: absolute;
  left: calc( 260px + ( ( 100% - 260px ) * 16.66666667 / 100 * 3 ) );
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .tick4 {
  position: absolute;
  left: calc( 260px + ( ( 100% - 260px ) * 16.66666667 / 100 * 4 ) );
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .tick5 {
  position: absolute;
  left: calc( 260px + ( ( 100% - 260px ) * 16.66666667 / 100 * 5 ) );
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-view-container .time-schedules-exception-schedule-view .time-schedules-label-spacer {
  position: relative;
  display: block;
  float: left;
  height: 55px;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-back-btn {
  background-image: url('../../../modules/analysis/timeschedules/timeschedules/exceptionscheduleyearview/assets/Icon_Doppelter_Slider_Arrow_Left_PRS_SEL.png');
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content {
  position: absolute;
  top: 46px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  position: absolute;
  top: 0px;
  width: 100px;
  z-index: 6;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:active,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:hover,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-navigation-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-right-width: 1px;
  left: 0;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:active,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:hover,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .previous-year-btn:before {
  content: "\f137";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-left-width: 1px;
  right: 0;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:active,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:hover,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:disabled:active,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:disabled,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .next-year-btn:before {
  content: "\f138";
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner {
  position: relative;
  height: calc(100% - 32px);
  width: 100%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers {
  height: 48px;
  padding-top: 24px;
  background-color: #CCE1E9;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 25px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  width: 14.28571429%;
  text-align: center;
  padding: 0px;
  padding-top: 2px;
  cursor: default;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label:first-child {
  margin-left: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid {
  left: 0px;
  right: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line {
  height: 20px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line:first-child {
  display: none;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container {
  max-height: calc(100% - 58px);
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-left .time-schedules-calendar-year-month-label,
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-right .time-schedules-calendar-year-month-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  cursor: default;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-left {
  width: 100px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-right {
  display: block;
  width: 100px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year- {
  position: relative;
  width: 100%;
  height: calc(100% - 68px);
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid {
  top: -16px;
  left: 100px;
  right: 100px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-0 {
  left: 0%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-1 {
  left: 14.28571429%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-2 {
  left: 28.57142857%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-3 {
  left: 42.85714286%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-4 {
  left: 57.14285714%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-5 {
  left: 71.42857143%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-6 {
  left: 85.71428571%;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line {
  height: 9px;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row {
  width:  calc(100% - 100px - 100px) ;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-date-label.time-schedules-calendar-year-week-date-label-filled {
  color: #00698F;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-content .time-schedules-exception-schedule-year-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row-week-separator {
  bottom: -2px;
  height: 2px;
  display: block;
}
#application #main-content .analysis-time-schedules .time-schedules-exception-schedule-year-view-container .time-schedules-exception-schedule-year-view .time-schedules-exception-schedule-year-view-got-back-btn {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-footer {
  position: absolute;
  bottom: 0px;
  height: 32px;
  width: 100%;
  background-color: #F2F8F9;
  border-top: 1px solid #80B4C7;
}
#application #main-content .analysis-time-schedules .time-schedules-footer button {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0px;
  border-width: 0px 0px 0px 1px;
  display: block;
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-footer .time-schedules-footer-area-left {
  float: left;
}
#application #main-content .analysis-time-schedules .time-schedules-footer .time-schedules-footer-area-left button {
  float: left;
  border-width: 0px 1px 0px 0px;
}
#application #main-content .analysis-time-schedules .time-schedules-footer .time-schedules-footer-area-right {
  float: right;
}
#application #main-content .analysis-time-schedules .time-schedules-error-message {
  position: absolute;
  top: 46px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #FFFFFF;
  opacity: 0.7;
  padding: 40px;
  padding-top: 100px;
  text-align: center;
  z-index: 100;
}
#application #main-content .analysis-time-schedules-calendar-view {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content {
  position: absolute;
  top: 46px;
  bottom: 32px;
  right: 440px;
  left: 0px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  position: absolute;
  top: 0px;
  width: 100px;
  z-index: 6;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:active,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:hover,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:disabled,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:disabled:active,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:disabled,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-navigation-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-right-width: 1px;
  left: 0;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:active,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:hover,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:disabled,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:disabled:active,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:disabled,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .previous-year-btn:before {
  content: "\f137";
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-left-width: 1px;
  right: 0;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:active,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:hover,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:disabled,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:disabled:active,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:disabled,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .next-year-btn:before {
  content: "\f138";
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers {
  height: 48px;
  padding-top: 24px;
  background-color: #CCE1E9;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 10px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  width: 14.28571429%;
  text-align: center;
  padding: 0px;
  padding-top: 2px;
  cursor: default;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label:first-child {
  margin-left: 0px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid {
  left: 0px;
  right: 0px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line {
  height: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line:first-child {
  display: none;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container {
  max-height: calc(100% - 58px);
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-left {
  width: 100px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-right {
  display: block;
  width: 100px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-row {
  width:  calc(100% - 100px - 100px) ;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid {
  top: -10px;
  left: 100px;
  right: 100px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-content .time-schedules-calendar-view-content-inner .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-magnifier {
  left: 90px;
  right: 90px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 32px;
  background-color: #E6F0F4;
  border-top: 1px solid #80B4C7;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-footer button {
  float: right;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail {
  position: absolute;
  top: 66px;
  bottom: 52px;
  right: 20px;
  width: 400px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-box {
  width: 100%;
  background-color: #E6F0F4;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries {
  width: 100%;
  background-color: #E6F0F4;
  height: calc(100% - 450px - 10px);
  min-height: calc(100% - 450px - 10px);
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table {
  position: relative;
  width: 100%;
  height: 100%;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-body {
  position: relative;
  height: calc(100% - 32px);
  width: 100%;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-body .calendar-entries-table-row {
  cursor: pointer;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-body .calendar-entries-table-row.calendar-entries-table-row-selected {
  background-color: #B3D2DD;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-body .calendar-entries-table-row:hover,
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-body .calendar-entries-table-row.calendar-entries-table-row-selected:hover {
  background-color: #80B4C7;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-row {
  margin-left: 0px;
  margin-right: 0px;
  min-height: 32px;
  max-height: 96px;
  border-bottom: 1px solid #FFFFFF;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-row .calendar-entries-table-cell {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #FFFFFF;
  margin-left: -1px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  max-height: 96px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-row .calendar-entries-table-cell:first-child {
  margin-left: 0px;
  border: 0px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-header-row {
  margin-left: 0px;
  margin-right: 0px;
  min-height: 32px;
  max-height: 96px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #CCE1E9;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-header-row .calendar-entries-table-cell {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #FFFFFF;
  margin-left: -1px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  max-height: 96px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-header-row .calendar-entries-table-cell:first-child {
  margin-left: 0px;
  border: 0px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-calendar-entries .calendar-entries-table .calendar-entries-table-header-row .calendar-entries-table-cell {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 32px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-edit-box {
  width: 100%;
  background-color: #E6F0F4;
  height: 450px;
  min-height: 450px;
  margin-top: 10px;
  line-height: 32px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-edit-box.input-area-container .input-area-content .input-area-content-form {
  padding-right: 0px;
  padding-bottom: 62px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-edit-box.input-area-container .input-area-content .input-area-content-form .scroll-content {
  padding-right: 20px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-edit-box.input-area-container .input-area-content .input-area-content-form .time-schedules-form-column {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
#application #main-content .analysis-time-schedules-calendar-view .time-schedules-calendar-view-detail .time-schedules-calendar-view-detail-edit-box .input-area-content-form-delete-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#application #main-content .time-schedules-calendar-date-range-view .DatePicker-widget {
  width: 75%;
}
#application #main-content .time-schedules-time-value-view input.time-schedules-time-value-view-hour-input,
#application #main-content .time-schedules-time-value-view input.time-schedules-time-value-view-minute-input {
  width: 34px;
  min-width: 34px;
  padding-left: 5px;
  padding-right: 5px;
}
#application #main-content .time-schedules-calendar-year-view {
  position: relative;
  width: 100%;
  height: 100%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  margin-left: 40px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label {
  width: 14.28571429%;
  height: 16px;
  float: left;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  color: #80B4C7;
  padding-left: 10px;
  line-height: 16px;
  margin-bottom: -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid {
  left: 0px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line {
  top: auto;
  bottom: 0px;
  height: 12px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line {
  position: absolute;
  top: -12px;
  bottom: 5px;
  width: 1px;
  background-color: #FFFFFF;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-0 {
  left: 0%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-1 {
  left: 14.28571429%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-2 {
  left: 28.57142857%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-3 {
  left: 42.85714286%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-4 {
  left: 57.14285714%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-5 {
  left: 71.42857143%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-6 {
  left: 85.71428571%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-7 {
  left: 100%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container {
  position: relative;
  height: 100%;
  clear: both;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  height: 100%;
  min-height: 100%;
  width: 100%;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line {
  position: relative;
  width: 100%;
  min-height: 4px;
  padding: 0px;
  margin: 0px;
  height: 2px;
  float: left;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header {
  position: relative;
  width: 40px;
  height: 100%;
  float: left;
  min-height: 4px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header .time-schedules-calendar-year-month-label {
  position: absolute;
  left: 0px;
  width: 100%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  color: #00698F;
  margin-top: -1px;
  padding-right: 12px;
  text-align: right;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header .time-schedules-calendar-year-month-indicator {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 1px;
  background-color: #00698F;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-left {
  position: relative;
  width: 40px;
  height: 100%;
  float: left;
  min-height: 4px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-left .time-schedules-calendar-year-month-label {
  position: absolute;
  left: 0px;
  width: 100%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  color: #00698F;
  margin-top: -1px;
  padding-right: 12px;
  text-align: right;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-left .time-schedules-calendar-year-month-indicator {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 1px;
  background-color: #00698F;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-right {
  position: relative;
  width: 40px;
  height: 100%;
  float: left;
  min-height: 4px;
  display: none;
  float: right;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-right .time-schedules-calendar-year-month-label {
  position: absolute;
  left: 0px;
  width: 100%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  color: #00698F;
  margin-top: -1px;
  padding-right: 12px;
  text-align: right;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-right .time-schedules-calendar-year-month-indicator {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 10px;
  height: 1px;
  background-color: #00698F;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-right .time-schedules-calendar-year-month-label {
  padding-right: 0;
  padding-left: 12px;
  text-align: left;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-header-right .time-schedules-calendar-year-month-indicator {
  right: auto;
  left: 0;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row {
  position: relative;
  height: 100%;
  width: calc(100% - 40px);
  float: left;
  /**
          * The custom-binding that handles calendar selections assumes the pointer events to have the time-lines as their
          * targets.
          */
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-day {
  background-color: #E6F0F4;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-day.time-schedules-calendar-year-week-date-label-in-the-past {
  background-color: #F2F8F9;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row.time-schedules-calendar-year-week-row.time-schedules-calendar-year-week-row-odd .time-schedules-calendar-year-week-day {
  background-color: #F2F8F9;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row.time-schedules-calendar-year-week-row.time-schedules-calendar-year-week-row-odd .time-schedules-calendar-year-week-day.time-schedules-calendar-year-week-date-label-in-the-past {
  background-color: #FFFFFF;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row > * {
  pointer-events: none;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days {
  position: relative;
  height: 100%;
  width: 100%;
  /*
            * Z-indices of the exception layers
            */
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day {
  position: relative;
  height: 100%;
  min-height: 2px;
  width: 14.28571429%;
  float: left;
  pointer-events: all;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day .time-schedules-calendar-year-week-day-time-slice {
  background-color: #FF6600;
  height: 100%;
  min-height: 2px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day .time-schedules-calendar-year-week-day-selection-time-slice {
  background-color: #4D96B0;
  height: 100%;
  min-height: 2px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day .time-schedules-calendar-year-week-date-label {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  color: #0E4963;
  font-size: 10px;
  overflow: hidden;
  z-index: 32;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day .time-schedules-calendar-year-week-date-label.time-schedules-calendar-year-week-date-label-filled {
  color: #FFFFFF;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day .time-schedules-calendar-year-week-date-plus-icon {
  display: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 10px;
  font-size: 15px;
  line-height: 15px;
  color: #FFFFFF;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day .time-schedules-calendar-year-week-date-plus-icon:before {
  content: "\f172";
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day.time-schedules-calendar-year-week-date-label-in-the-past .time-schedules-calendar-year-week-date-label {
  color: #B3D2DD;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day.time-schedules-calendar-year-week-date-label-not-in-the-past.time-schedules-calendar-year-week-date-label-selection-active:hover {
  background-color: #005978;
  cursor: pointer;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day.time-schedules-calendar-year-week-date-label-not-in-the-past.time-schedules-calendar-year-week-date-label-selection-active:hover .time-schedules-calendar-year-week-date-label {
  color: #FFFFFF;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day.time-schedules-calendar-year-week-date-label-not-in-the-past.time-schedules-calendar-year-week-date-label-selection-active:hover .time-schedules-calendar-year-week-date-plus-icon {
  display: block;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-15 {
  z-index: 3;
  background-color: #004588;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-14 {
  z-index: 5;
  background-color: #CC0000;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-13 {
  z-index: 7;
  background-color: #FF6600;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-12 {
  z-index: 9;
  background-color: #FFCC00;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-11 {
  z-index: 11;
  background-color: #FFF400;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-10 {
  z-index: 13;
  background-color: #008C00;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-9 {
  z-index: 15;
  background-color: #33CC33;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-8 {
  z-index: 17;
  background-color: #00A0FF;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-7 {
  z-index: 19;
  background-color: #FF6699;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-6 {
  z-index: 21;
  background-color: #660099;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-5 {
  z-index: 23;
  background-color: #996633;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-4 {
  z-index: 25;
  background-color: #666666;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-3 {
  z-index: 27;
  background-color: #CC33CC;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-2 {
  z-index: 29;
  background-color: #BBDDFF;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-days .time-schedules-calendar-year-week-day-time-slice.exception-layer-1 {
  z-index: 31;
  background-color: #DAA671;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-row-month-grid-line {
  width: 100%;
  position: absolute;
  top: 0;
  height: 1px;
  background-color: #99C3D2;
  z-index: 32;
  pointer-events: none;
  display: none;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-row-week-separator {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 2px;
  background-color: #FFFFFF;
  pointer-events: none;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line.time-schedules-calender-year-week-time-line-magnified .time-schedules-calendar-year-month-label {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calender-year-week-time-line.time-schedules-calender-year-week-time-line-magnified .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-day .time-schedules-calendar-year-week-date-label {
  font-size: 16px;
  line-height: 16px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-week-grid {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 40px;
  pointer-events: none;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier {
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  z-index: 33;
  pointer-events: none;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-border {
  position: absolute;
  right: 0;
  left: 0;
  background-color: #000000;
  height: 2px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-border-top {
  position: absolute;
  right: 0;
  left: 0;
  background-color: #000000;
  height: 2px;
  top: 0;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-border-bottom {
  position: absolute;
  right: 0;
  left: 0;
  background-color: #000000;
  height: 2px;
  bottom: 0;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-drag-element-left {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  cursor: pointer;
  background: url('../../../core/style/base/default_theme/assets/icons/Time-Magnifier-Right.svg') no-repeat center center;
  pointer-events: all;
  background-position: left;
  left: 0;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-drag-element-left .time-schedules-calendar-year-magnifier-drag-element-icon {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../../core/style/base/default_theme/assets/icons/Icon_Drag-Element_OVER.png') no-repeat center center;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-drag-element-left .time-schedules-calendar-year-magnifier-drag-element-icon {
  background-position-x: 2px;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-drag-element-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 32px;
  cursor: pointer;
  background: url('../../../core/style/base/default_theme/assets/icons/Time-Magnifier-Left.svg') no-repeat center center;
  pointer-events: all;
  background-position: right;
  right: 0;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-drag-element-right .time-schedules-calendar-year-magnifier-drag-element-icon {
  position: relative;
  width: 100%;
  height: 100%;
  background: url('../../../core/style/base/default_theme/assets/icons/Icon_Drag-Element_OVER.png') no-repeat center center;
}
#application #main-content .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-inner .time-schedules-calendar-year-magnifier .time-schedules-calendar-year-magnifier-drag-element-right .time-schedules-calendar-year-magnifier-drag-element-icon {
  background-position-x: 16px;
}
#application #main-content .time-schedules-calendar-year-grid-view {
  position: relative;
  width: 100%;
  height: 100%;
  /*
  * Z-indices of the exception layers
  */
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-15 {
  z-index: 3;
  background-color: #004588;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-14 {
  z-index: 5;
  background-color: #CC0000;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-13 {
  z-index: 7;
  background-color: #FF6600;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-12 {
  z-index: 9;
  background-color: #FFCC00;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-11 {
  z-index: 11;
  background-color: #FFF400;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-10 {
  z-index: 13;
  background-color: #008C00;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-9 {
  z-index: 15;
  background-color: #33CC33;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-8 {
  z-index: 17;
  background-color: #00A0FF;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-7 {
  z-index: 19;
  background-color: #FF6699;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-6 {
  z-index: 21;
  background-color: #660099;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-5 {
  z-index: 23;
  background-color: #996633;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-4 {
  z-index: 25;
  background-color: #666666;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-3 {
  z-index: 27;
  background-color: #CC33CC;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-2 {
  z-index: 29;
  background-color: #BBDDFF;
}
#application #main-content .time-schedules-calendar-year-grid-view .time-schedules-calendar-year-week-day-time-slice.exception-layer-1 {
  z-index: 31;
  background-color: #DAA671;
}
#application #main-content .time-schedules-calendar-year-grid-view .year-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
}
#application #main-content .time-schedules-calendar-year-grid-view .year-container .vertical-spacer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
}
#application #main-content .time-schedules-special-event-year-view {
  width: 100%;
  height: 100%;
}
#application #main-content .time-schedules-special-event-year-view {
  width: 100%;
  height: 100%;
}
#application #main-content .time-schedules-calendar-entry-view .time-schedules-input-field {
  min-width: 180px;
}
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-start-time,
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-end-time {
  float: left;
  line-height: 30px;
}
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-start-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-hour-input,
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-end-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-hour-input,
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-start-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-minute-input,
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-end-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-minute-input {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-start-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-hour-input,
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-end-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-hour-input {
  border-left-width: 0px;
}
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-start-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-minute-input,
#application #main-content .time-schedules-p90-time-value-pair-view .time-schedules-p90-time-value-pair-view-end-time.validationElement.validation-error input.time-schedules-p90-time-value-pair-view-minute-input {
  border-right-width: 0px;
}
#application #main-content .time-schedules-p90-time-value-pair-view input.time-schedules-p90-time-value-pair-view-hour-input,
#application #main-content .time-schedules-p90-time-value-pair-view input.time-schedules-p90-time-value-pair-view-minute-input {
  width: 28px;
  min-width: 28px;
  padding-left: 5px;
  padding-right: 5px;
}
#application #main-content .time-schedules-p90-year-schedule-calendar-view {
  width: 100%;
  height: 100%;
}
#application #main-content .p90-year-month-view-widget-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  min-height: 100%;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 20px 10px 10px;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: stretch;
      align-items: stretch;
  min-height: 100%;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month {
  min-height: 280px;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container {
  padding: 10px;
  /*
         *Z-indices of the exception layers
        */
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view {
  display: inline-block;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view table {
  border-spacing: 0;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .programs {
  height: 6px;
  max-height: 6px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .programs > div {
  overflow: hidden;
  box-sizing: border-box;
  border: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile {
  width: 32px;
  height: 32px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
  padding: 0 0 6px 0;
  margin: 0;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.information {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.day {
  background-color: #FFFFFF;
  border-top: solid 1px #F2F8F9;
  border-left: solid 1px #F2F8F9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: inherit;
  position: relative;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.day.selected-week {
  background-color: #E6F0F4;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.day.other-month {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
  background-color: inherit;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.day.in-the-past {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
  background-color: #E6E6E6;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.day.selected {
  background-color: #80B4C7;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.day.holiday {
  background-color: #FF6600;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .month-view .tile.day.today {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: inherit;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .label {
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
  text-align: center;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs {
  height: 6px;
  max-height: 6px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs > div {
  overflow: hidden;
  box-sizing: border-box;
  border: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs > div > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs > div > div:only-child {
  height: 6px;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs > div > div > .program-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs > div > div > .program-indicator.time-schedule-segment-value-null {
  background-color: #E6F0F4;
  /*background-image: url("assets/Hintergrund-Zeitprogramme.png");*/
  background-repeat: repeat;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs > div > div > .program-indicator.time-schedule-segment-value-one {
  background-color: #008C00;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs > div > div > .program-indicator.time-schedule-segment-value-two {
  background-color: #004588;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-15 {
  background-color: #004588;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-14 {
  background-color: #CC0000;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-13 {
  background-color: #FF6600;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-12 {
  background-color: #FFCC00;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-11 {
  background-color: #FFF400;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-10 {
  background-color: #008C00;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-9 {
  background-color: #33CC33;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-8 {
  background-color: #00A0FF;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-7 {
  background-color: #FF6699;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-6 {
  background-color: #660099;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-5 {
  background-color: #996633;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-4 {
  background-color: #666666;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-3 {
  background-color: #CC33CC;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-2 {
  background-color: #BBDDFF;
}
#application #main-content .p90-year-month-view-widget-wrapper .p90-year-month-view-widget .p90-year-month-view-widget-month .month-container .programs .program-indicator-1 {
  background-color: #DAA671;
}
#application #main-content .time-schedules-p90-special-schedule-calendar-view {
  width: 100%;
  height: 100%;
}
#application #main-content .time-schedules-widgets-short-time-view {
  position: relative;
  float: left;
}
#application #main-content .time-schedules-widgets-short-time-view .time-schedules-widgets-short-time-view-hour-input,
#application #main-content .time-schedules-widgets-short-time-view .time-schedules-widgets-short-time-view-minute-input {
  display: inline-block;
  width: auto;
}
#application #main-content .time-schedules-widgets-short-time-view .time-schedules-widgets-short-time-view-hour-input input,
#application #main-content .time-schedules-widgets-short-time-view .time-schedules-widgets-short-time-view-minute-input input {
  width: 28px;
  min-width: 28px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
#application #main-content .time-schedules-widgets-time-schedule-entry-view {
  position: relative;
  width: 100%;
  height: 100%;
}
#application #main-content .time-schedules-widgets-time-schedule-entry-view .time-schedules-widgets-time-schedule-entry-view-hour-input,
#application #main-content .time-schedules-widgets-time-schedule-entry-view .time-schedules-widgets-time-schedule-entry-view-minute-input {
  width: 28px;
  min-width: 28px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
#application #main-content .time-schedules-widgets-short-date-with-year {
  position: relative;
  float: left;
}
#application #main-content .time-schedules-p90-holiday-schedule-calendar-view {
  width: 100%;
  height: 100%;
}
#application #main-content .time-schedules-lon-year-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
#application #main-content .issues-timeline-holder {
  position: relative;
  width: 100%;
  height: calc(100% - 1px);
}
#application #main-content .issues-timeline-holder .time-interval-chooser {
  border-bottom: 1px solid transparent;
}
#application #main-content .issues-timeline-holder .timeline {
  position: relative;
  overflow: hidden;
  height: calc(100% - 45px);
  cursor: default;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header {
  position: relative;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #FFFFFF;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-header:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-header:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .table-head-element-wrapper {
  position: relative;
  width: calc(100% - 226px);
  margin-left: 226px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .table-head-element-wrapper:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .table-head-element-wrapper:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .table-head-element-wrapper:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .table-head-element-wrapper:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .table-head-element-wrapper:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .table-head-element-wrapper:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element {
  background: #CCE1E9;
  float: left;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element.header-label {
  width: 225px;
  box-sizing: border-box;
  border-right: 1px solid #FFFFFF;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element.header-label.sorted {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element.header-label.sorted::before {
  font-family: qanteon-icons;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 2px;
  height: 32px;
  line-height: 32px;
  color: #000000;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element.header-label.sorted:hover {
  background-color: #B3D2DD;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element.header-label.sorted.desc:before {
  content: "\f111";
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element.header-label.sorted.asc:before {
  content: "\f114";
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-header .header-element:not(:first-child) {
  border-left: 1px solid #FFFFFF;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper {
  position: relative;
  height: calc(100% - 32px - 32px);
  overflow-x: hidden;
  overflow-y: auto;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body {
  position: relative;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row {
  position: relative;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:nth-last-child(odd) {
  background: #E6F0F4;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-table-body .timeline-table-body-row:not(:last-child) {
  margin-bottom: 1px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .body-element {
  position: relative;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
  float: left;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .body-element.body-label {
  padding: 0 10px;
  width: 226px;
  border-right: 1px solid #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper {
  position: relative;
  width: calc(100% - 226px);
  margin-left: 226px;
  height: 32px;
  overflow: hidden;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper:before,
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper .timeline-content-element {
  cursor: pointer;
  float: left;
  height: 26px;
  margin-top: 3px;
  min-width: 1px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper .timeline-content-element.no-popup {
  cursor: auto !important;
}
#application #main-content .issues-timeline-holder .timeline .timeline-table-body-wrapper .timeline-content-wrapper .timeline-content-element.section-reduction {
  /*border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
            border-top: 1px dotted rgba(255, 255, 255, 0.75);
            box-sizing: border-box;*/
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5) 1px, rgba(0, 0, 0, 0.5) 2px, rgba(255, 255, 255, 0));
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 3px auto;
  height: 32px;
  margin-top: 0;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element.timeline-alarm {
  background: #F20C0C;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element.timeline-warning,
#application #main-content .issues-timeline-holder .timeline .timeline-content-element.timeline-operation {
  background: #FFCC00;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element.section-reduction {
  /*border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
        border-top: 1px dotted rgba(255, 255, 255, 0.75);
        box-sizing: border-box;*/
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 3px auto;
  height: 32px;
  margin-top: 0;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element.section-reduction.timeline-alarm {
  background-color: #c10a0a;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element.section-reduction.timeline-warning,
#application #main-content .issues-timeline-holder .timeline .timeline-content-element.section-reduction.timeline-operation {
  background-color: #cca300;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -12px;
  margin: auto 0;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #000000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  z-index: 50;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.no-left-offset {
  left: 0;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.no-left-offset:before,
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.no-left-offset:after {
  margin: 0 -1px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.no-right-offset {
  left: -25px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.no-right-offset:before,
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.no-right-offset:after {
  margin: 0 21px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon:after,
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon:before {
  position: absolute;
  content: ' ';
  border: 1px solid #000000;
  height: 4px;
  margin: 0 10px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon:before {
  top: -5px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon:after {
  bottom: -5px;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-fault {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fault_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-consumption {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Consumption_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-cmd-ctrl {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_BAK_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-general {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-leakage {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Leakage_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-log-ctrl {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Log-Control_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-commented {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Comment_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-resolved {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fix-Text_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .timeline .timeline-content-element .timeline-content-icon.timeline-acknowledged {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Ok_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content .issues-timeline-holder .footer-control-bar {
  border-top: 1px solid #80B4C7;
}
#application #main-content .issues-timeline-holder .footer-control-bar:before,
#application #main-content .issues-timeline-holder .footer-control-bar:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .footer-control-bar:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .footer-control-bar:before,
#application #main-content .issues-timeline-holder .footer-control-bar:after {
  content: " ";
  display: table;
}
#application #main-content .issues-timeline-holder .footer-control-bar:after {
  clear: both;
}
#application #main-content .issues-timeline-holder .footer-control-bar .Pagination-widget .pagination-content .glyph-icon.first {
  border-left: 1px solid #80B4C7;
}
#application #main-content .issues-timeline-holder .footer-control-bar .Pagination-widget .pagination-content .glyph-icon.last {
  border-right: 1px solid #80B4C7;
}
#application #main-content .resizable-element {
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
}
#application #main-content .resizable-element .resize-anchor {
  cursor: e-resize;
  -ms-touch-action: none;
      touch-action: none;
  position: absolute;
  top: 0px;
  right: -11px;
  height: 100%;
  width: 20px;
  z-index: 2;
  display: block;
  font-size: 100%;
}
#application #main-content .issue-statistics-container {
  height: 100%;
}
#application #main-content .issue-statistics-container .time-interval-chooser {
  border-bottom: 1px solid #FFFFFF;
}
#application #main-content .issue-statistics-container .issue-statistics-content {
  position: relative;
  height: calc(100% - 46px);
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header {
  height: 33px;
  background: #CCE1E9;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  color: #3387A5;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item {
  float: left;
  height: 100%;
  line-height: 32px;
  padding-left: 10px;
  border-right: 1px solid #FFFFFF;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item:last-of-type {
  border-right: 0;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.datapoint-text-header {
  width: 225px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.statistics-header {
  width: calc(100% - 225px - 150px - 150px);
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.warning-header {
  width: 150px;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.alarm-header {
  width: 150px;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.sorted {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.sorted::before {
  font-family: qanteon-icons;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 2px;
  height: 32px;
  line-height: 32px;
  color: #000000;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.sorted:hover {
  background-color: #B3D2DD;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.sorted.none:before {
  content: "\f139";
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.sorted.desc:before {
  content: "\f111";
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-header .header-item.sorted.asc:before {
  content: "\f114";
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper {
  width: 100%;
  height: calc(100% - 32px);
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container {
  width: 100%;
  height: 100%;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry {
  width: 100%;
  height: 33px;
  padding: 0px;
  font-size: 12px;
  color: #000000;
  border-bottom: 1px solid #FFFFFF;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry:hover {
  color: #000000;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell {
  float: left;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-right: 1px solid #FFFFFF;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell:last-of-type {
  border-right: 0;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.name-content {
  width: 225px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content {
  padding-left: 0;
  width: 100%;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content .issue-statistics-visualization-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content .issue-statistics-visualization-container .duration-bar {
  height: 100%;
  float: left;
  position: relative;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content .issue-statistics-visualization-container .duration-bar.alarm {
  background: #F20C0C;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content .issue-statistics-visualization-container .duration-bar.warning {
  background: #FFCC00;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content .issue-statistics-visualization-container .caption-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content .issue-statistics-visualization-container .caption-container .caption-bar {
  height: 100%;
  min-width: 70px;
  max-width: calc(100% - (2 * 10px + 60px));
  float: left;
  position: relative;
  pointer-events: none;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.stats-content .issue-statistics-visualization-container .caption-container .caption-bar .caption {
  height: 18px;
  width: 60px;
  background: #FFFFFF;
  border: 1px solid #000000;
  text-align: right;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 18px;
  position: absolute;
  left: 10px;
  top: 7px;
  pointer-events: none;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.warnings-content {
  width: 150px;
  padding-right: 10px;
  text-align: right;
}
#application #main-content .issue-statistics-container .issue-statistics-content .issue-statistics-data-container-wrapper .issue-statistics-data-container .issue-statistics-entry .content-cell.alarms-content {
  width: 150px;
  padding-right: 10px;
  text-align: right;
}
#application #main-content .issue-statistics-container .footer-control-bar {
  border-top: 1px solid #80B4C7;
}
#application #main-content .issue-statistics-container .footer-control-bar:before,
#application #main-content .issue-statistics-container .footer-control-bar:after {
  content: " ";
  display: table;
}
#application #main-content .issue-statistics-container .footer-control-bar:after {
  clear: both;
}
#application #main-content .issue-statistics-container .footer-control-bar:before,
#application #main-content .issue-statistics-container .footer-control-bar:after {
  content: " ";
  display: table;
}
#application #main-content .issue-statistics-container .footer-control-bar:after {
  clear: both;
}
#application #main-content .issue-statistics-container .footer-control-bar .Pagination-widget .pagination-content .glyph-icon.first {
  border-left: 1px solid #80B4C7;
}
#application #main-content .issue-statistics-container .footer-control-bar .Pagination-widget .pagination-content .glyph-icon.last {
  border-right: 1px solid #80B4C7;
}
.analysis-facility-table-view-column {
  height: 32px;
  width: 340px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  padding-left: 20px;
  background-color: #FFFFFF;
  opacity: 0.6;
}
.table-row-shadow-element {
  border: 1px solid #3387A5;
  background: #E6F0F4;
  height: 32px;
  width: 350px;
  vertical-align: middle;
  text-align: center;
  line-height: 32px;
  color: black;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.component-context-popup {
  overflow: visible !important;
}
.component-context-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-align: center;
  padding-right: 5px;
  height: 48px;
  border-right: 10px solid #99C3D2;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div {
  display: inline-block;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.glyph-icon.control-unit {
  font-size: 32px;
  width: 48px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.glyph-icon.control-unit:before {
  content: "\f12a";
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.label {
  margin-right: 10px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: left;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.analog-value {
  width: 169px;
  margin-right: 10px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.digital-value {
  position: relative;
  margin-right: 10px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.digital-value .current-value {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 32px;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 30px;
  pointer-events: none;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.too-low-priority .inputfield-input,
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.too-low-priority .combobox-container,
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.too-low-priority .combobox-dropdown-button {
  border-color: #FFCC00;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.auto {
  margin-right: 5px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point > div.auto button {
  padding: 0 10px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point .priority-warning-icon {
  font-size: 30px;
  width: 48px;
  min-width: 48px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point .priority-warning-icon:before {
  content: "\f158";
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point .priority-warning-icon::before {
  background-color: #FFCC00;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point .low-priority {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCC00;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point .low-priority .warning-text {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: start;
  max-height: 48px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point .low-priority .close-warning {
  font-size: 46px;
  width: 48px;
  min-width: 48px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .set-point .low-priority .close-warning:before {
  content: "\f1a4";
}
.component-context-popup .popup-binding-container-content .context-popup-content .gkz-field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 48px;
  border: 0;
  padding-left: 0;
}
.component-context-popup .popup-binding-container-content .context-popup-content .gkz-field > div {
  display: inline-block;
}
.component-context-popup .popup-binding-container-content .context-popup-content .gkz-field > div.glyph-icon {
  font-size: 32px;
  width: 48px;
}
.component-context-popup .popup-binding-container-content .context-popup-content .gkz-field.gkz-field > div.glyph-icon:before {
  content: "\f144";
}
.component-context-popup .popup-binding-container-content .context-popup-content > button.gkz-field {
  background-color: #FFFFFF;
  color: #000000;
  cursor: default;
}
.component-context-popup .popup-binding-container-content .context-popup-content > button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 48px;
  border: 0;
  padding-left: 0;
}
.component-context-popup .popup-binding-container-content .context-popup-content > button > div {
  display: inline-block;
}
.component-context-popup .popup-binding-container-content .context-popup-content > button > div.glyph-icon {
  font-size: 32px;
  width: 48px;
}
.component-context-popup .popup-binding-container-content .context-popup-content > button.data-point-dialog > div.glyph-icon:before {
  content: "\f12f";
}
.component-context-popup .popup-binding-container-content .context-popup-content > button.documents > div.glyph-icon:before {
  content: "\f157";
}
.component-context-popup .component-context-documents-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
}
.component-context-popup .component-context-documents-popup .popup-binding-container-content .document-popup-content > button {
  display: block;
  width: 100%;
  height: 32px;
  border: 0;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .digital-value {
  width: 200px;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .digital-value-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button {
  display: block;
  width: 100px;
  -ms-flex-direction: row;
      flex-direction: row;
  background-color: #E6F0F4;
  border: 1px solid white;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-glyph-icon {
  width: 34px;
  height: 34px;
  font-size: 20px;
  text-align: center;
  line-height: 34px;
  color: #3387A5;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-glyph-icon,
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-glyph-icon:active,
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-glyph-icon:hover,
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-glyph-icon:disabled,
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-glyph-icon:disabled:active,
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-glyph-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button-up {
  float: left;
  padding-top: 5px;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button-up:before {
  content: "\f110";
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button-down {
  float: left;
  padding-top: 5px;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button-down:before {
  content: "\f10d";
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button-stop {
  float: left;
  padding-top: 8px;
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button-stop:before {
  content: "\f121";
}
.component-menu-item-popup .popup-binding-container-content .menu-item-popup-content .menu-item-popup-button-text {
  float: left;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding-top: 10px;
}
.component-menu-popup {
  background-color: #F2F8F9;
  border-radius: 10px 10px 0 0;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .glyph-icon {
  width: 32px;
  height: 32px;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
  color: #3387A5;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-unknown {
  color: white;
  background-color: lightgray;
  width: 100%;
  text-align: center;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-unknown:before {
  content: "\f19b";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-praesenz-occupied:before {
  content: "\f175";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-praesenz-free:before {
  content: "\f173";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-praesenz-reserved:before {
  content: "\f174";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-licht-on:before {
  content: "\f15c";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-licht-off:before {
  content: "\f15b";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-jalousie:before {
  content: "\f11c";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-jalousie-opened:before {
  content: "\f11b";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-jalousie-closed:before {
  content: "\f11a";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-jalousie-angle:before {
  content: "\f107";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-temperatur:before {
  content: "\f191";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-icon-lueftung:before {
  content: "\f19f";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-table {
  width: 100%;
  border-width: 0px;
  padding: 0px;
  border-spacing: 0px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-color-column {
  width: 8px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-32-width {
  width: 32px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-table-rows-td {
  border: 1px solid white;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-summary-label {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin: 0px 10px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-header {
  background-color: #99C3D2;
  height: 48px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-header .noborder {
  border-width: 0px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-header .menu-popup-header-label {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin: 0px 10px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-header .menu-popup-header-edit-icon {
  float: left;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-header .menu-popup-header-edit-icon:before {
  content: "\f13d";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-summary .menu-popup-summary-icon:before {
  content: "\f10f";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-row-button {
  width: 32px;
  float: left;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-row-button:before {
  content: "\f10f";
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-row {
  border-width: 1px;
  background-color: #E6F0F4;
  height: 32px;
}
.component-menu-popup .popup-binding-container-content .menu-popup-content .menu-popup-row .div {
  border-width: 1px;
  float: left;
}
.component-plantimage-popup .popup-binding-container-content .menu-plantimage-content {
  background-color: #F2F8F9;
}
.component-plantimage-popup .popup-binding-container-content .menu-plantimage-content .caption {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  float: left;
}
.component-plantimage-popup .popup-binding-container-content .menu-plantimage-content .button-link {
  font-size: 32px;
  width: 32px;
  float: right;
}
.component-plantimage-popup .popup-binding-container-content .menu-plantimage-content .button-link:before {
  content: "\f19c";
}
.component-plantimage-popup .popup-binding-container-content .menu-plantimage-content .button-close {
  font-size: 32px;
  width: 32px;
  float: right;
}
.component-plantimage-popup .popup-binding-container-content .menu-plantimage-content .button-close:before {
  content: "\f1a3";
}
.component-plantimage-popup .popup-binding-container-content .menu-plantimage-content .facility-view-placeholder {
  margin-top: 10px;
  margin-left: 10px;
  float: left;
}
.component-datapoint-dialog-datapoints {
  height: 100%;
}
.component-datapoint-dialog-datapoints .data-points {
  height: 100%;
}
.component-datapoint-dialog-datapoints .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.component-datapoint-dialog-datapoints .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li {
  padding-left: 0;
}
.component-datapoint-dialog-datapoints .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 40px;
  padding-right: 10px;
}
.component-datapoint-dialog-datapoints .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.component-datapoint-dialog-datapoints .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 15px;
}
.component-datapoint-dialog-datapoints .page-content {
  height: calc(100% - 34px);
}
.component-datapoint-dialog-datapoints .set-value-area .control-area {
  border: none;
  border-bottom: 1px solid #66A5BC;
  padding: 20px;
}
.component-datapoint-dialog-datapoints .set-value-area .control-area .analog {
  width: 100px;
}
.component-datapoint-dialog-datapoints .set-value-area .control-area .multistate {
  width: 295px;
}
.component-datapoint-dialog-datapoints .set-value-area .control-area .analog-limits.slider {
  height: 32px;
  float: left;
  width: 500px;
}
.component-datapoint-dialog-datapoints .set-value-area .control-area .analog-limits .value {
  float: right;
  width: 100px;
  padding: 10px;
  margin-left: 10px;
}
.component-datapoint-dialog-datapoints .set-value-area .button-area {
  height: 36px;
  border: none;
  border-bottom: 1px solid #66A5BC;
}
.component-datapoint-dialog-datapoints .set-value-area .button-area .button-ok {
  float: right;
  border-left: none;
  border-top: none;
  height: 36px;
}
.component-datapoint-dialog-datapoints .set-value-area .button-area .button-cancel {
  border-top: none;
  float: right;
  height: 36px;
}
.component-datapoint-dialog-datapoints .datapoint-list {
  height: 100%;
}
.component-datapoint-dialog-datapoints .datapoint-list li {
  border: none;
  border-bottom: 1px solid #FFFFFF;
}
.component-datapoint-dialog-datapoints .datapoint-list li .title-box {
  width: calc(100% - 130px);
  border-left: 1px solid #FFFFFF;
  padding-left: 10px;
  float: right;
}
.component-datapoint-dialog-datapoints .datapoint-list li .warning {
  background-color: #F20C0C;
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-binary {
  height: 32px;
  width: 130px;
  margin: 0;
  float: left;
  color: #005978;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-binary.on:before {
  content: "\f122";
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-binary.off:before {
  content: "\f121";
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-binary.input {
  cursor: pointer;
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-analog {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  text-align: right;
  line-height: 32px;
  padding-right: 10px;
  width: 130px;
  float: left;
  margin: 0;
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-analog.input {
  cursor: pointer;
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-multistate {
  padding: 0;
  margin: 0;
  padding-right: 10px;
  width: 130px;
  float: left;
}
.component-datapoint-dialog-datapoints .datapoint-list li .control-multistate.input {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  cursor: pointer;
  text-align: right;
  line-height: 32px;
}
.component-datapoint-dialog-datapoints .data-point-content {
  margin: 20px;
  border: dashed 1px #005978;
}
.component-datapoint-dialog-datapoints .data-point-content div {
  width: 100%;
  font-size: 24px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  text-align: center;
  padding: 20px;
  cursor: pointer;
}
.component-datapoint-dialog-datapoints .data-point-content div:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.component-datapoint-dialog-setpoints {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.component-datapoint-dialog-setpoints .top-white-border {
  height: 2px;
  background-color: #FFFFFF;
}
.component-datapoint-dialog-setpoints .set-point-list {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-height: 100%;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-align: center;
  padding-right: 5px;
  height: 48px;
  border-left: 10px solid #99C3D2;
  border-bottom: 2px solid #FFFFFF;
  background-color: #E6F0F4;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .glyph-icon.control-unit {
  font-size: 32px;
  width: 48px;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .glyph-icon.control-unit:before {
  content: "\f12a";
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .label {
  height: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: left;
  border-left: 2px solid #FFFFFF;
  line-height: 48px;
  padding: 0 7px;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .analog-value {
  width: 150px;
  padding: 7px 10px;
  border-left: 2px solid #FFFFFF;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .digital-value {
  position: relative;
  width: 150px;
  padding: 7px 10px;
  border-left: 2px solid #FFFFFF;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .digital-value .current-value {
  position: absolute;
  top: 8px;
  bottom: 1px;
  left: 11px;
  right: 32px;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 30px;
  pointer-events: none;
  height: 30px;
  width: 95px;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .auto {
  padding: 7px;
  width: 96px;
  height: 100%;
  border-left: 2px solid #FFFFFF;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .too-low-priority .inputfield-input,
.component-datapoint-dialog-setpoints .set-point-list .set-point .too-low-priority .combobox-container,
.component-datapoint-dialog-setpoints .set-point-list .set-point .too-low-priority .combobox-dropdown-button {
  border-color: #FFCC00;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .priority-warning-icon {
  font-size: 30px;
  width: 48px;
  min-width: 48px;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .priority-warning-icon:before {
  content: "\f158";
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .priority-warning-icon::before {
  background-color: #FFCC00;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .low-priority {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFCC00;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .low-priority .warning-text {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: start;
  max-height: 48px;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .low-priority .close-warning {
  font-size: 46px;
  width: 48px;
  min-width: 48px;
}
.component-datapoint-dialog-setpoints .set-point-list .set-point .low-priority .close-warning:before {
  content: "\f1a4";
}
.component-datapoint-dialog-setpoints.adaption .set-point-list .set-point .glyph-icon.control-unit {
  font-size: 48px;
}
.component-datapoint-dialog-setpoints.adaption .set-point-list .set-point .glyph-icon.control-unit:before {
  content: "\f103";
}
.component-datapoint-dialog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  max-height: 100%;
}
.component-datapoint-dialog .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.component-datapoint-dialog .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li {
  padding-left: 0;
}
.component-datapoint-dialog .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 40px;
  padding-right: 10px;
}
.component-datapoint-dialog .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.component-datapoint-dialog .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 15px;
}
.component-datapoint-dialog .Tabs-widget {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.component-datapoint-dialog .Tabs-widget .Tabs-tab-area .Tabs-tab-btn.horizontal {
  height: 50px;
  border: none !important;
  border-bottom: 2px solid #F2F8F9 !important;
  background-color: #FFFFFF;
  margin: 0 !important;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  box-shadow: none;
  line-height: 48px;
}
.component-datapoint-dialog .Tabs-widget .Tabs-tab-area .Tabs-tab-btn.horizontal.active {
  background-color: #F2F8F9;
}
.component-datapoint-dialog .content-template-area {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-height: 100%;
}
.component-datapoint-dialog .content-template-area.has-tabs {
  max-height: calc(100% - 52px);
}
.component-datapoint-dialog .content-template-area.has-slideback {
  max-height: calc(100% - 34px);
}
.component-datapoint-dialog .content-template-area.has-tabs.has-slideback {
  max-height: calc(100% - 52px - 34px);
}
.module-dialog-modal .dialog-box .dialog-header .dialog-icon {
  position: absolute;
  left: 10px;
  top: 5px;
  height: 54px;
  width: 110px;
  border: none;
  margin: 0 auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.component-3d-menu-popup {
  background-color: #FFFFFF;
  height: 80px;
  border: 2px solid black;
  padding: 20px;
}
.component-hx-diagram-workingpoint-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  padding: 5px;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.component-trendcurve-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  padding: 5px;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.component-trendcurve-popup .popup-binding-container-content .headline {
  width: 100%;
  height: 32px;
  background-color: #F2F8F9;
}
.component-trendcurve-popup .popup-binding-container-content .headline .caption {
  margin-top: 9px;
  margin-left: 5px;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  float: left;
}
.component-trendcurve-popup .popup-binding-container-content .headline .button-close {
  font-size: 32px;
  width: 32px;
  height: 32px;
  float: right;
}
.component-trendcurve-popup .popup-binding-container-content .headline .button-close:before {
  content: "\f1a3";
}
.component-trendcurve-popup .popup-binding-container-content .headline .button-config {
  font-size: 32px;
  width: 32px;
  height: 32px;
  float: right;
}
.component-trendcurve-popup .popup-binding-container-content .headline .button-config:before {
  content: "\f143";
}
.component-trendcurve-popup .popup-binding-container-content .headline .button-link {
  font-size: 32px;
  width: 32px;
  height: 32px;
  float: right;
}
.component-trendcurve-popup .popup-binding-container-content .headline .button-link:before {
  content: "\f19c";
}
.component-trendcurve-popup .popup-binding-container-content .popup-content-template {
  width: 100%;
  height: 100%;
  margin: 6px 11px 10px 20px;
}
/*
 * SMALL ICONS CENTERED
 */
.alarm-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Alert_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.alarm-gone-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_AlertGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.warning-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.warning-gone-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_CautionGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.operation-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Information_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.operation-gone-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_InformationGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.fault-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fault_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.consumption-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Consumption_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.cmd-ctrl-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_BAK_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.general-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.leakage-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Leakage_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.log-ctrl-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Log-Control_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.commented-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Comment_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.resolved-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fix-Text_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.acknowledged-icon-center {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Ok_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
/*
 * LARGE ICONS
 */
.alarm-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Alert_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.alarm-gone-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Alert_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.warning-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.warning-gone-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.operation-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Information_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.operation-gone-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Information_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.fault-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fault_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.consumption-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Consumption_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.cmd-ctrl-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_BAK_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.general-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.leakage-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Leakage_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.log-ctrl-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Log-Control_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.commented-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Comment_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.resolved-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fix-Text_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.acknowledged-icon-large {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Ok_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover {
  z-index: 700;
  width: 600px !important;
  max-height: 614px;
}
.issues-timeline-popover .issues-timeline-popover-section {
  background: #FFFFFF;
  border-bottom: 1px solid #80B4C7;
  overflow-x: hidden;
  overflow-y: auto;
}
.issues-timeline-popover .issues-timeline-popover-section:last-of-type {
  border: none;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head {
  padding: 10px 10px 10px 0;
  background: #B3D2DD;
  position: relative;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head:before,
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head:after {
  content: " ";
  display: table;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head:after {
  clear: both;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head:before,
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head:after {
  content: " ";
  display: table;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head:after {
  clear: both;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon,
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .issue-content-wrapper {
  float: left;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .issue-content-wrapper {
  margin-left: 60px;
  width: calc(100% - 60px);
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .issue-content-wrapper .issue-header {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin-bottom: 10px;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .issue-content-wrapper .issue-msg-text {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 66px;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 10px auto 0;
  height: 50px;
  width: 50px;
  background-size: cover;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-alarm {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Alert_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-idle-after-alarm {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Alert_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-warning {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-idle-after-warning {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-operation {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Information_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-idle-after-operation {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Information_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-fault {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fault_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-consumption {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Consumption_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-cmd-ctrl {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_BAK_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-general {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-leakage {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Leakage_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-log-ctrl {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Log-Control_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-commented {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Comment_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-resolved {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fix-Text_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-head .event-icon.timeline-acknowledged {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Ok_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list {
  max-height: 160px;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row:nth-child(even) {
  background-color: #B3D2DD;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row:nth-child(odd) {
  background-color: #CCE1E9;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-column {
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-column:not(:last-child) {
  border-right: 1px solid #80B4C7;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-column.date,
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-column.text {
  max-width: 410px;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-column.date .event-date,
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-column.date .event-time {
  padding: 0;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-column.icon {
  width: 50px;
  padding: 0;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon {
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-alarm {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Alert_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-idle-after-alarm {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_AlertGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-warning {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-idle-after-warning {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_CautionGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-operation {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Information_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-idle-after-operation {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_InformationGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-fault {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fault_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-consumption {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Consumption_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-cmd-ctrl {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_BAK_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-general {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-leakage {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Leakage_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-log-ctrl {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Log-Control_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-commented {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Comment_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-resolved {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Fix-Text_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issues-timeline-popover .issues-timeline-popover-section .issues-timeline-popover-body .event-list .event-row .event-icon.timeline-acknowledged {
  display: block;
  background-image: url('../../../modules/analysis/issuestatistics/assets/Icon_Event_Ok_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
.issue-statistics-popup {
  width: 400px;
  background-color: #F2F8F9;
}
.issue-statistics-popup .details-popup-general-information {
  width: 100%;
}
.issue-statistics-popup .details-popup-general-information .details-popup-row {
  width: 100%;
  height: 33px;
  line-height: 32px;
  font-size: 12px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #E6F0F4;
}
.issue-statistics-popup .details-popup-general-information .details-popup-row:nth-of-type(even) {
  background-color: #F2F8F9;
}
.issue-statistics-popup .details-popup-general-information .details-popup-row .details-popup-label {
  float: left;
  width: 30%;
  height: 100%;
  border-right: 1px solid #FFFFFF;
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.issue-statistics-popup .details-popup-general-information .details-popup-row .details-popup-value {
  height: 100%;
  width: 70%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.issue-statistics-popup .details-popup-stats-graph {
  width: 100%;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row {
  width: 100%;
  height: 33px;
  line-height: 32px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #E6F0F4;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row:nth-of-type(even) {
  background-color: #F2F8F9;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row .details-popup-label {
  float: left;
  width: 30%;
  height: 100%;
  border-right: 1px solid #FFFFFF;
  padding-left: 10px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row .details-popup-bar-container {
  height: 100%;
  width: 70%;
  float: left;
  position: relative;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row .details-popup-bar-container .bar {
  height: 100%;
  position: relative;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row .details-popup-bar-container .statistics-bar-label {
  height: 18px;
  min-width: 60px;
  width: auto;
  background: #FFFFFF;
  border: 1px solid #000000;
  font-size: 12px;
  text-align: right;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 18px;
  position: absolute;
  left: 10px;
  top: 7px;
  pointer-events: none;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row .details-popup-bar-container .alarm {
  background-color: #F20C0C;
}
.issue-statistics-popup .details-popup-stats-graph .details-popup-row .details-popup-bar-container .warning {
  background-color: #FFCC00;
}
.scheduler-popup {
  background-color: #FFFFFF;
  padding: 10px;
  /*
  * Z-indices of the exception layers
  */
  /*
  * Fix BACnet value colors
  */
}
.scheduler-popup .time-schedules-input-field,
.scheduler-popup input[type="text"].time-schedules-input-field {
  min-width: 100px;
}
.scheduler-popup .scroll-wrapper-container {
  max-height: 300px;
}
.scheduler-popup .scheduler-popup-label {
  padding: 5px 5px 10px;
}
.scheduler-popup .row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 12px;
  padding: 5px;
}
.scheduler-popup .row .time-schedules-input-header {
  line-height: 12px;
  padding-top: 15px;
}
.scheduler-popup .row .null-value-field {
  min-width: 20px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.scheduler-popup .row .time-schedules-time-value-view input.time-schedules-time-value-view-hour-input,
.scheduler-popup .row .time-schedules-time-value-view input.time-schedules-time-value-view-minute-input {
  width: 34px;
  min-width: 34px;
  padding-left: 5px;
  padding-right: 5px;
}
.scheduler-popup .small-time-field {
  min-width: 80px;
}
.scheduler-popup .large-value-field {
  width: 120px;
}
.scheduler-popup .button.glyph-icon {
  font-size: 30px;
  padding: 0 !important;
}
.scheduler-popup .button.glyph-icon[disabled],
.scheduler-popup .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.scheduler-popup .create-button:before {
  content: "\f172";
}
.scheduler-popup .delete-button:before {
  content: "\f197";
}
.scheduler-popup .delete-full-button:before {
  content: "\f196";
}
.scheduler-popup .weekly-view-btn {
  padding: 0px;
  font-size: 32px;
  color: #3387A5;
}
.scheduler-popup .weekly-view-btn,
.scheduler-popup .weekly-view-btn:active,
.scheduler-popup .weekly-view-btn:hover,
.scheduler-popup .weekly-view-btn:disabled,
.scheduler-popup .weekly-view-btn:disabled:active,
.scheduler-popup .weekly-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scheduler-popup .weekly-view-btn:hover {
  padding: 0px;
}
.scheduler-popup .weekly-view-btn.active:hover {
  padding: 0px;
}
.scheduler-popup .weekly-view-btn:before {
  content: "\f1a2";
}
.scheduler-popup .special-view-btn {
  padding: 0px;
  font-size: 32px;
  color: #3387A5;
}
.scheduler-popup .special-view-btn,
.scheduler-popup .special-view-btn:active,
.scheduler-popup .special-view-btn:hover,
.scheduler-popup .special-view-btn:disabled,
.scheduler-popup .special-view-btn:disabled:active,
.scheduler-popup .special-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scheduler-popup .special-view-btn:hover {
  padding: 0px;
}
.scheduler-popup .special-view-btn.active:hover {
  padding: 0px;
}
.scheduler-popup .special-view-btn:before {
  content: "\f18b";
}
.scheduler-popup .year-schedule-view-btn {
  padding: 0px;
  font-size: 32px;
  color: #3387A5;
}
.scheduler-popup .year-schedule-view-btn,
.scheduler-popup .year-schedule-view-btn:active,
.scheduler-popup .year-schedule-view-btn:hover,
.scheduler-popup .year-schedule-view-btn:disabled,
.scheduler-popup .year-schedule-view-btn:disabled:active,
.scheduler-popup .year-schedule-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scheduler-popup .year-schedule-view-btn:hover {
  padding: 0px;
}
.scheduler-popup .year-schedule-view-btn.active:hover {
  padding: 0px;
}
.scheduler-popup .year-schedule-view-btn:before {
  content: "\f1a6";
}
.scheduler-popup .holiday-schedule-view-btn {
  padding: 0px;
  font-size: 32px;
  color: #3387A5;
}
.scheduler-popup .holiday-schedule-view-btn,
.scheduler-popup .holiday-schedule-view-btn:active,
.scheduler-popup .holiday-schedule-view-btn:hover,
.scheduler-popup .holiday-schedule-view-btn:disabled,
.scheduler-popup .holiday-schedule-view-btn:disabled:active,
.scheduler-popup .holiday-schedule-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scheduler-popup .holiday-schedule-view-btn:hover {
  padding: 0px;
}
.scheduler-popup .holiday-schedule-view-btn.active:hover {
  padding: 0px;
}
.scheduler-popup .holiday-schedule-view-btn:before {
  content: "\f154";
}
.scheduler-popup .exception-schedule-view-btn {
  padding: 0px;
  font-size: 32px;
  color: #3387A5;
}
.scheduler-popup .exception-schedule-view-btn,
.scheduler-popup .exception-schedule-view-btn:active,
.scheduler-popup .exception-schedule-view-btn:hover,
.scheduler-popup .exception-schedule-view-btn:disabled,
.scheduler-popup .exception-schedule-view-btn:disabled:active,
.scheduler-popup .exception-schedule-view-btn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scheduler-popup .exception-schedule-view-btn:hover {
  padding: 0px;
}
.scheduler-popup .exception-schedule-view-btn.active:hover {
  padding: 0px;
}
.scheduler-popup .exception-schedule-view-btn:before {
  content: "\f13e";
}
.scheduler-popup .time-schedules-program {
  width: 5px;
  height: 28px;
  margin: 2px 4px 2px auto;
  display: block;
}
.scheduler-popup .time-schedules-program.exception-layer-15 {
  z-index: 3;
  background-color: #004588;
}
.scheduler-popup .time-schedules-program.exception-layer-14 {
  z-index: 5;
  background-color: #CC0000;
}
.scheduler-popup .time-schedules-program.exception-layer-13 {
  z-index: 7;
  background-color: #FF6600;
}
.scheduler-popup .time-schedules-program.exception-layer-12 {
  z-index: 9;
  background-color: #FFCC00;
}
.scheduler-popup .time-schedules-program.exception-layer-11 {
  z-index: 11;
  background-color: #FFF400;
}
.scheduler-popup .time-schedules-program.exception-layer-10 {
  z-index: 13;
  background-color: #008C00;
}
.scheduler-popup .time-schedules-program.exception-layer-9 {
  z-index: 15;
  background-color: #33CC33;
}
.scheduler-popup .time-schedules-program.exception-layer-8 {
  z-index: 17;
  background-color: #00A0FF;
}
.scheduler-popup .time-schedules-program.exception-layer-7 {
  z-index: 19;
  background-color: #FF6699;
}
.scheduler-popup .time-schedules-program.exception-layer-6 {
  z-index: 21;
  background-color: #660099;
}
.scheduler-popup .time-schedules-program.exception-layer-5 {
  z-index: 23;
  background-color: #996633;
}
.scheduler-popup .time-schedules-program.exception-layer-4 {
  z-index: 25;
  background-color: #666666;
}
.scheduler-popup .time-schedules-program.exception-layer-3 {
  z-index: 27;
  background-color: #CC33CC;
}
.scheduler-popup .time-schedules-program.exception-layer-2 {
  z-index: 29;
  background-color: #BBDDFF;
}
.scheduler-popup .time-schedules-program.exception-layer-1 {
  z-index: 31;
  background-color: #DAA671;
}
.scheduler-popup .time-schedules-program.time-schedule-segment-value-null {
  background-color: #E6F0F4;
  background-repeat: repeat;
}
.scheduler-popup .time-schedules-program.time-schedule-segment-value-one {
  background-color: #008C00;
}
.scheduler-popup .time-schedules-program.time-schedule-segment-value-two {
  background-color: #004588;
}
.scheduler-popup .time-schedules-program.time-schedule-segment-value-three {
  background-color: #CCCCCC;
}
.scheduler-popup .Table-widget {
  font-size: 14px;
  text-align: left;
}
.scheduler-popup .Table-widget tr td:first-child {
  width: 35px;
}
.expired-times-popup {
  width: 400px;
  padding: 20px;
  background-color: #FFFFFF;
}
.expired-times-popup.popup-binding-container border-and-shadow opened-to-bottom pointer-position-top-center {
  margin-right: 50px;
}
.expired-times-popup .save-cancel-area {
  margin-top: 10px;
}
#p90yearpopup-container .scroller {
  max-height: 200px;
}
#p90yearpopup-container .DatePicker-widget-input {
  width: 100px;
}
#p90yearpopup-container.bg-white {
  background: white;
}
#p90yearpopup-container hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 80%;
}
#p90yearpopup-container .combobox {
  width: 133px;
}
#p90yearpopup-container .combobox-selection-display {
  padding-right: 0;
}
#p90yearpopup-container .program-color-box {
  width: 20px;
  height: 20px;
}
#p90yearpopup-container .button.glyph-icon {
  font-size: 30px;
  padding: 0 !important;
}
#p90yearpopup-container .button.glyph-icon[disabled],
#p90yearpopup-container .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
#p90yearpopup-container .create-button:before {
  content: "\f172";
}
#p90yearpopup-container .delete-button:before {
  content: "\f197";
}
#p90yearpopup-container .delete-full-button:before {
  content: "\f196";
}
#p90specialpopup-container .scroller {
  max-height: 200px;
}
#p90specialpopup-container .DatePicker-widget-input {
  width: 100px;
}
#p90specialpopup-container .time-schedules-input-field-group {
  display: inline-block;
  margin: 0px;
  padding: 0;
  height: 32px;
  border: solid 1px #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 32px;
  vertical-align: middle;
  background-color: #FFFFFF;
}
#p90specialpopup-container .time-schedules-input-field-group input {
  background-color: transparent;
  border: none;
  vertical-align: top;
}
#p90specialpopup-container .time-schedules-input-field-group input.validationElement.validation-error {
  margin-right: 0px;
}
#p90specialpopup-container .time-schedules-input-field-group.focus {
  outline: none;
  border-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 32px;
}
#p90specialpopup-container .time-schedules-input-field-group.focus input {
  color: #00698F;
}
#p90specialpopup-container .time-schedules-input-field-group.disabled {
  background: transparent;
}
#p90specialpopup-container .time-schedules-input-field-group:focus-within {
  outline: none;
  border-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 32px;
}
#p90specialpopup-container .time-schedules-widgets-short-time-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
#p90specialpopup-container .time-schedules-widgets-short-time-view > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
#p90specialpopup-container .time-schedules-widgets-short-time-view span {
  margin: 0 3px 0 3px;
}
#p90specialpopup-container .time-schedules-widgets-short-time-view .InputField-widget {
  width: 32px;
  padding: 0;
}
#p90specialpopup-container .time-schedules-widgets-short-time-view .InputField-widget input {
  text-align: center;
  padding: 0 !important;
}
#p90specialpopup-container.bg-white {
  background: white;
}
#p90specialpopup-container hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 80%;
}
#p90specialpopup-container .button.glyph-icon {
  font-size: 30px;
  padding: 0 !important;
}
#p90specialpopup-container .button.glyph-icon[disabled],
#p90specialpopup-container .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
#p90specialpopup-container .create-button:before {
  content: "\f172";
}
#p90specialpopup-container .delete-button:before {
  content: "\f197";
}
#p90specialpopup-container .delete-full-button:before {
  content: "\f196";
}
#application #top-bar .top-bar-module {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#application #top-bar .top-bar-module .menu-bar {
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15);
  background: #FFFFFF;
  position: relative;
  height: 110px;
}
#application #top-bar .top-bar-module .menu-bar .left {
  height: 100%;
}
#application #top-bar .top-bar-module .menu-bar .left .logo {
  width: 175px;
  height: 110px;
  background: url('assets/kiebacklogo.png') 0 center no-repeat;
  margin-left: 72px;
}
#application #top-bar .top-bar-module .menu-bar .left-middle {
  height: 100%;
}
#application #top-bar .top-bar-module .menu-bar .left-middle .datapoint-view {
  width: 150px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid black;
  text-align: center;
}
#application #top-bar .top-bar-module .menu-bar .left-middle .datapoint-view .data-value {
  height: 40px;
  background-color: #EDEDED;
  font-weight: bold;
  font-size: 30px;
}
#application #top-bar .top-bar-module .menu-bar .left-middle .datapoint-view .data-address {
  height: 20px;
}
#application #top-bar .top-bar-module .menu-bar .middle {
  height: 100%;
  min-width: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
#application #top-bar .top-bar-module .menu-bar .middle > * {
  margin: auto;
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area {
  position: relative;
  right: 0;
  left: 0;
  text-align: center;
  margin: 0 auto;
  height: 110px;
  width: 240px;
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area > div {
  float: left;
  width: 110px;
  height: 110px;
  background: no-repeat center;
  cursor: pointer;
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.ok {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_OK_EN.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.ok:hover {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_OK_OVER.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.ok.active {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_OK_SEL.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-gone {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_Passive.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-gone:hover {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_Passive_Over.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-gone.active {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_SEL.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-ack {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_EN.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-ack:hover {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_OVER.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-ack.active {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_SEL.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-non-ack {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_EN.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-non-ack:hover {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_OVER.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn.alert-non-ack.active {
  background-image: url("../../../modules/base/topbar/assets/Icon_Header_StatusSignal_Error_SEL.png");
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn {
  position: relative;
  display: inline-block;
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .events-btn .top-bar-issues-active-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .emax-btn {
  position: relative;
  display: inline-block;
  margin-left: 15px;
}
#application #top-bar .top-bar-module .menu-bar .middle .notification-area .emax-btn .top-bar-emax-active-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#application #top-bar .top-bar-module .menu-bar .right {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  height: 100%;
}
#application #top-bar .top-bar-module .menu-bar .right > div {
  height: 100%;
  margin-right: 25px;
  float: right;
}
#application #top-bar .top-bar-module .menu-bar .right > div > * {
  float: left;
  margin-left: 10px;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls {
  position: relative;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls button {
  position: relative;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-dashboard:before {
  content: "\f14c";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-analysis:before {
  content: "\f150";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-evaluation:before {
  content: "\f14a";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-emax:before {
  content: "\f14d";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-specialprograms:before {
  content: "\f152";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-settings:before {
  content: "\f14b";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-help:before {
  content: "\f14f";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-help.assistant:before {
  content: "\f178";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-search:before {
  content: "\f151";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-export:before {
  content: "\f14e";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-responsive-menu-button {
  position: absolute;
  right: 0;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-responsive-menu-button:before {
  content: "\f182";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu {
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 0;
  top: 59px;
  width: 250px;
  z-index: 99999;
  color: black;
  background: white;
  list-style: none;
  padding: 0;
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li {
  line-height: 50px;
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li:hover {
  background-color: #80B4C7;
  color: white;
  cursor: pointer;
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.active {
  background-color: #005978;
  color: white;
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li::before {
  font-family: qanteon-icons;
  float: left;
  font-size: 40px;
  margin-right: 5px;
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li:hover,
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.active {
  color: #FFFFFF;
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-dashboard:before {
  content: "\f14c";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-analysis:before {
  content: "\f150";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-evaluations:before {
  content: "\f14a";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-emax:before {
  content: "\f14d";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-specialprograms:before {
  content: "\f152";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-settings:before {
  content: "\f14b";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-search:before {
  content: "\f151";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-help:before {
  content: "\f14f";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-help.assistant:before {
  content: "\f178";
}
#application #top-bar .top-bar-module .menu-bar .right > div #global-controls-responsive-menu li.global-controls-responsive-menu-export:before {
  content: "\f14e";
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls {
  margin-left: 25px;
  height: 60px;
  position: relative;
  top: calc(50% - 30px);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls > * {
  float: left;
  margin-left: 10px;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .top-bar-spacer {
  width: 10px;
  height: 100%;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 46px;
  background: none center no-repeat, linear-gradient(#FFFFFF, #D9DDDE);
  color: #000000;
  border: 1px solid #B8B8B8;
  box-shadow: 0 0 5px 0 #B8B8B8;
  padding: 0;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square:active {
  background: none center no-repeat, linear-gradient(#D9DDDE, #FFFFFF);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square:hover {
  background: none center no-repeat, linear-gradient(#cccccc, #a2acaf);
  cursor: pointer;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square:hover:active {
  background: none center no-repeat, linear-gradient(#a2acaf, #cccccc);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square:focus {
  outline: none;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square.active {
  background: none center no-repeat, linear-gradient(#333333, #000000);
  color: #FFFFFF;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square.active:active {
  background: none center no-repeat, linear-gradient(#000000, #333333);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square.alt {
  background: none center no-repeat, linear-gradient(#FFFFFF, #D9DDDE);
  border: 1px solid #B8B8B8;
  box-shadow: none;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square.alt:active {
  background: none center no-repeat, linear-gradient(#D9DDDE, #FFFFFF);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square.alt.active {
  background: none center no-repeat, linear-gradient(#599DB6, #00698F);
  color: #FFFFFF;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-square.alt.active:active {
  background: none center no-repeat, linear-gradient(#00698F, #599DB6);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle {
  border-radius: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 46px;
  background: none center no-repeat, linear-gradient(#FFFFFF, #D9DDDE);
  color: #000000;
  border: 1px solid #B8B8B8;
  box-shadow: 0 0 5px 0 #B8B8B8;
  padding: 0;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle:active {
  background: none center no-repeat, linear-gradient(#D9DDDE, #FFFFFF);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle:hover {
  background: none center no-repeat, linear-gradient(#cccccc, #a2acaf);
  cursor: pointer;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle:hover:active {
  background: none center no-repeat, linear-gradient(#a2acaf, #cccccc);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle:focus {
  outline: none;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle.active {
  background: none center no-repeat, linear-gradient(#333333, #000000);
  color: #FFFFFF;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle.active:active {
  background: none center no-repeat, linear-gradient(#000000, #333333);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle.alt {
  background: none center no-repeat, linear-gradient(#FFFFFF, #D9DDDE);
  border: 1px solid #B8B8B8;
  box-shadow: none;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle.alt:active {
  background: none center no-repeat, linear-gradient(#D9DDDE, #FFFFFF);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle.alt.active {
  background: none center no-repeat, linear-gradient(#599DB6, #00698F);
  color: #FFFFFF;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle.alt.active:active {
  background: none center no-repeat, linear-gradient(#00698F, #599DB6);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls .btn-circle.active {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  border: 0;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small {
  margin-left: 0;
  position: relative;
  top: calc(50% - 25px);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small > * {
  float: left;
  margin-left: 10px;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 36px;
  background: none center no-repeat, linear-gradient(#FFFFFF, #D9DDDE);
  color: #000000;
  border: 1px solid #B8B8B8;
  box-shadow: 0 0 5px 0 #B8B8B8;
  padding: 0;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square:active {
  background: none center no-repeat, linear-gradient(#D9DDDE, #FFFFFF);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square:hover {
  background: none center no-repeat, linear-gradient(#cccccc, #a2acaf);
  cursor: pointer;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square:hover:active {
  background: none center no-repeat, linear-gradient(#a2acaf, #cccccc);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square:focus {
  outline: none;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square.active {
  background: none center no-repeat, linear-gradient(#333333, #000000);
  color: #FFFFFF;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square.active:active {
  background: none center no-repeat, linear-gradient(#000000, #333333);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square.alt {
  background: none center no-repeat, linear-gradient(#FFFFFF, #D9DDDE);
  border: 1px solid #B8B8B8;
  box-shadow: none;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square.alt:active {
  background: none center no-repeat, linear-gradient(#D9DDDE, #FFFFFF);
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square.alt.active {
  background: none center no-repeat, linear-gradient(#599DB6, #00698F);
  color: #FFFFFF;
}
#application #top-bar .top-bar-module .menu-bar .right > div .global-controls-small .btn-square.alt.active:active {
  background: none center no-repeat, linear-gradient(#00698F, #599DB6);
}
#application #top-bar .status-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  color: #FFFFFF;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  widows: 100;
  padding-left: 25px;
}
#application #top-bar .status-bar #active-filters {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  float: left;
}
#application #top-bar .status-bar #active-filters .active-filter {
  border: 1px solid #999999;
  margin-right: 5px;
  padding: 0 5px;
}
#application #top-bar .status-bar #active-filters .active-filter .filter-remove {
  margin-left: 10px;
  color: white;
}
#application #top-bar .status-bar #active-filters .active-filter .filter-remove:hover {
  text-decoration: none;
}
#application #top-bar .status-bar .flex-status-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  margin: 9px 100px 9px 0;
}
#application #top-bar .status-bar .flex-status-area .filter-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
#application #top-bar .status-bar .flex-status-area .filter-status .status-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#application #top-bar .status-bar .flex-status-area .filter-status .status-text.deactivate {
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  overflow: unset;
  white-space: unset;
  text-overflow: unset;
}
#application #top-bar .status-bar .flex-status-area .filter-status .status-text.deactivate .status-text-item {
  border-left: none;
}
#application #top-bar .status-bar .flex-status-area .shutdown-status,
#application #top-bar .status-bar .flex-status-area .help-wizard-status {
  height: 32px;
}
#application #top-bar .status-bar .status-control-bar {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 100%;
  box-sizing: border-box;
  position: static;
  height: 32px;
  margin: 9px 25px 9px 0;
  float: right;
  position: relative;
  overflow: hidden;
}
#application #top-bar .status-bar .status-control-bar > * {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  float: left;
}
#application #top-bar .status-bar .status-control-bar .status-current-time {
  padding: 0 15px;
  border-left: 1px solid #999999;
  height: 100%;
  line-height: 32px;
}
#application #top-bar .status-bar .status-control-bar .status-bar-username {
  padding: 0 15px;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  height: 100%;
  line-height: 32px;
}
#application #top-bar .status-bar .status-control-bar .status-bar-username .glyph-icon {
  margin-left: 10px;
  font-size: 24px;
}
#application #top-bar .status-bar .status-control-bar .status-bar-username .glyph-icon:before {
  content: "\f109";
}
#application #top-bar .status-bar .status-control-bar .status-bar-username .glyph-icon.is-std-user:before {
  content: "\f131";
}
#application #top-bar .status-bar .status-control-bar .status-bar-username .glyph-icon.is-maintenance-user:before {
  content: "\f188";
}
#application #top-bar .status-bar .status-control-bar .status-bar-username .glyph-icon.is-admin-user:before {
  content: "\f108";
}
#application #top-bar .status-bar .status-control-bar .status-bar-logo {
  width: 103px;
  height: 30px;
  margin-left: 12px;
  font-size: 24px;
  line-height: 32px;
}
#application #top-bar .status-bar .status-control-bar .status-bar-logo:before {
  content: "\f17a";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons {
  height: 100%;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > div {
  float: left;
  height: 100%;
  font-size: 14px;
  line-height: 12px;
  border-left: 1px solid #999999;
  background: transparent no-repeat 8px center;
  position: relative;
  padding: 10px;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > div .glyph-icon {
  font-size: 22px;
  line-height: inherit;
}
@keyframes flickerAnimation {
  /* flame pulses */
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > div .btn-backup-running {
  opacity: 1;
  animation: flickerAnimation 3s infinite;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > div .btn-backup-running:before {
  content: "\f119";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > div .btn-backup_recovery-running {
  opacity: 1;
  animation: flickerAnimation 3s infinite;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > div .btn-backup_recovery-running:before {
  content: "\f118";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > div .btn-backup-failed:before {
  content: "\f117";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button {
  color: white;
  border: none;
  float: right;
  height: 100%;
  font-size: 14px;
  line-height: 12px;
  border-left: 1px solid #999999;
  position: relative;
  background: transparent no-repeat 8px center;
  padding: 10px;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .gradient {
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(79, 78, 80, 0)), color-stop(35%, #4f4e50), color-stop(65%, #4f4e50), color-stop(100%, rgba(79, 78, 80, 0)));
  background: linear-gradient(to bottom, rgba(79, 78, 80, 0) 0%, #4f4e50 35%, #4f4e50 65%, rgba(79, 78, 80, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4f4e50', GradientType=0);
  display: none;
  width: 100%;
  height: 50px;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: -1;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button:active > .gradient,
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .active > .gradient,
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button:hover > .gradient {
  display: block;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .glyph-icon {
  font-size: 26px;
  line-height: inherit;
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .btn-users:before {
  content: "\f19e";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .btn-messages:before {
  content: "\f162";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .btn-backup-running:before {
  content: "\f119";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .btn-backup_recovery-running:before {
  content: "\f118";
}
#application #top-bar .status-bar .status-control-bar .status-bar-buttons > button .btn-backup-failed:before {
  content: "\f117";
}
#application #top-bar .status-bar .status-text {
  height: 32px;
  display: inline-block;
}
#application #top-bar .status-bar .status-text .status-text-item {
  cursor: pointer;
  height: 32px;
  border-left: 1px solid #999999;
  float: left;
}
#application #top-bar .status-bar .status-text .status-text-item .gradient {
  background: rgba(255, 255, 255, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(79, 78, 80, 0)), color-stop(35%, #4f4e50), color-stop(65%, #4f4e50), color-stop(100%, rgba(79, 78, 80, 0)));
  background: linear-gradient(to bottom, rgba(79, 78, 80, 0) 0%, #4f4e50 35%, #4f4e50 65%, rgba(79, 78, 80, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4f4e50', GradientType=0);
  display: none;
  height: 50px;
  z-index: -1;
  margin: -10px 0 0 0;
}
#application #top-bar .status-bar .status-text .status-text-item:hover > .gradient {
  display: block;
}
#application #top-bar .status-bar .status-text .status-text-item:last-child {
  border-right: 1px solid #999999;
}
#application #side-menus .side-menus-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree {
  height: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets {
  height: 35px;
  position: absolute !important;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets.is-lse-set-list-visible {
  height: 299px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets.maximized {
  height: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .header {
  padding: 0 5px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content {
  position: absolute;
  bottom: 0;
  background-color: #F2F8F9;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .footer.one-button-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .footer.one-button-bar .button {
  -ms-flex: 1;
      flex: 1;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry {
  height: 35px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry div {
  height: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry .glyph-icon {
  width: 35px;
  height: 35px;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry.selected {
  background-color: #B3D2DD;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry.selected .edit-button {
  display: block;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry .label {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding-left: 8px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry .edit-button {
  display: none;
  opacity: 0.7;
  color: #000000;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry .edit-button:before {
  content: "\f13d";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .lse-set-list .set-list-entry .edit-button:hover {
  background-color: #66A5BC;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content.minimized {
  -ms-flex-direction: row;
      flex-direction: row;
  border-top: 1px solid #00698F;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 35px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content.minimized .group-icon {
  width: 35px;
  height: 35px;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content.minimized .group-icon:before {
  content: "\f148";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .row-label {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-left: 5px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button {
  display: block;
  width: calc(45px);
  height: calc(45px);
  border-left: 1px solid #00698F;
  text-align: center;
  font-size: 22px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button:hover {
  background-color: #00698F;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button:active {
  background-color: #005978;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button.header-minimize-icon {
  vertical-align: top;
  line-height: 38px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button.header-minimize-icon:before {
  content: "\f111";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button.header-maximize-icon {
  vertical-align: top;
  line-height: 38px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button.header-maximize-icon:before {
  content: "\f114";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button.header-close-icon {
  vertical-align: inherit;
  line-height: 46px;
  font-size: 32px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header-button.header-close-icon:before {
  content: "\f1a3";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header {
  display: -ms-flexbox;
  display: flex;
  background-color: #3387A5;
  height: 46px;
  border-top: 1px solid #599DB6;
  border-bottom: 1px solid #00698F;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 46px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .lse-sets .content .header .controls > * {
  float: left;
  margin: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .resizeCursor {
  cursor: col-resize !important;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top {
  background-color: #F2F8F9;
  height: calc(100% - 35px);
  position: relative;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #3387A5;
  border-top: 1px solid #80B4C7;
  border-left: 1px solid #80B4C7;
  border-bottom: 1px solid #005978;
  height: 34px;
  width: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar button {
  color: #FFFFFF;
  background-color: #3387A5;
  border-top: none;
  border-bottom: none;
  padding: 0;
  width: 70px;
  line-height: 32px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar button:active,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar button.active {
  background-color: #005978;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar button:first-child {
  border-left: none;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar button:last-child {
  border-right: none;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar .filter-selection {
  font-size: 32px;
  visibility: hidden;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar .multi-selection {
  position: relative;
  font-size: 32px;
  width: auto;
  min-width: 70px;
  text-align: right;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar .multi-selection:before {
  content: "\f187";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar .multi-selection:before {
  position: absolute;
  top: 0;
  right: 19px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .filter-bar .multi-selection .multi-selection-number {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  padding-left: 5px;
  padding-right: 50px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .tree-view-widget-root {
  margin: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top.no-datapointset {
  height: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top.is-datapointset-editing {
  height: calc(100% - 234px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top.is-lseset-editing {
  height: calc(100% - 199px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top.is-lseset-templates-editing {
  height: calc(100% - 299px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top.datapointset-maximized {
  height: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar {
  color: #FFFFFF;
  background-color: #3387A5;
  height: 46px;
  display: block;
  width: 100%;
  position: relative;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .controls > * {
  float: left;
  margin: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button {
  position: relative;
  border: none;
  height: 100%;
  min-width: 50%;
  background: none center no-repeat, transparent;
  box-shadow: none;
  padding: 0 15px;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  float: left;
  margin: 0;
  padding: 0;
  background-color: #3387A5;
  border-top: 1px solid #599DB6;
  border-left: 1px solid #599DB6;
  border-bottom: 1px solid #00698F;
  border-right: 1px solid #00698F;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button:hover {
  background-color: #1A789A;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.no-hover:hover {
  background-color: transparent;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.active,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button:active {
  background-color: #005978;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.active {
  background-color: #005978;
  border: none;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button:hover,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button:active,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.active {
  border: none;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.disabled {
  color: #B3D2DD;
  background-color: #3387A5;
  border: none;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.disabled:hover,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.disabled:active,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .navigation-bar .navigation-button.disabled.active {
  background-color: #3387A5;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .analysis-sets-tree-view .analysis-set-tree-view-item {
  height: 32px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  padding-left: 8px;
  background-color: #F2F8F9;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .analysis-sets-tree-view .analysis-set-tree-view-item:hover {
  background-color: #80B4C7;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .analysis-sets-tree-view .analysis-set-tree-view-item:active,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .analysis-sets-tree-view .analysis-set-tree-view-item.selected {
  background-color: #005978;
  color: #FFFFFF;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .analysis-sets-tree-view .analysis-set-tree-view-item .datapointset-label {
  display: inline-block;
  width: calc(100% - 32px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .analysis-sets-tree-view .analysis-set-tree-view-item .edit-datapointset-icon {
  line-height: inherit;
  font-size: 20px;
  margin: 0 6px;
  float: right;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .analysis-sets-tree-view .analysis-set-tree-view-item .edit-datapointset-icon:before {
  content: "\f13d";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .tree-container {
  height: calc(100% - 46px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .tree-container.multi-select-available {
  height: calc(100% - 46px - 34px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .tree-container .tree-view {
  height: calc(100% - 5px);
  overflow: auto;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-top .tree-container .tree-view .tree-view-widget-entry-label {
  width: calc(100% - 14px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom-container {
  height: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom {
  height: 35px;
  position: relative;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom.is-datapointset-editing {
  height: 234px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom.is-lseset-editing {
  height: 199px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom.is-lseset-templates-editing {
  height: 299px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom.datapointset-maximized {
  height: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom.datapointset-maximized .edit-zone .data-point-list {
  height: calc(100% - 46px - 42px - 35px - 35px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .zone {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  width: 100%;
  overflow: hidden;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .zone-active {
  height: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .drop-zone {
  background-color: #FFFFFF;
  border-top: 1px solid #80B4C7;
  line-height: 34px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .drop-zone .drop-zone-add-icon {
  font-size: 24px;
  float: left;
  line-height: inherit;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .drop-zone .drop-zone-add-icon:before {
  content: "\f12f";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .drop-zone .drop-zone-text {
  float: left;
  line-height: inherit;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .drop-zone.dragging-valid-droppable {
  border-top: 1px dashed #00698F;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .drop-zone.dragging-valid-droppable.drag-over {
  background-color: #80B4C7;
  color: #FFFFFF;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .drop-zone .new-datapointset-drop-zone {
  width: 100%;
  height: 35px;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 35px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone {
  background-color: #F2F8F9;
  bottom: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header {
  background-color: #3387A5;
  height: 46px;
  border-top: 1px solid #599DB6;
  border-bottom: 1px solid #00698F;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 46px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .controls > * {
  float: left;
  margin: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-label {
  margin-left: 5px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button {
  display: inline-block;
  width: calc(45px);
  height: calc(45px);
  float: right;
  border-left: 1px solid #00698F;
  text-align: center;
  font-size: 22px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button:hover {
  background-color: #00698F;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button:active {
  background-color: #005978;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button .header-minimize-icon {
  vertical-align: top;
  line-height: 38px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button .header-minimize-icon:before {
  content: "\f111";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button .header-maximize-icon {
  vertical-align: top;
  line-height: 38px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button .header-maximize-icon:before {
  content: "\f114";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button .header-close-icon {
  vertical-align: inherit;
  line-height: 46px;
  font-size: 32px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .header .header-button .header-close-icon:before {
  content: "\f1a3";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .name-field {
  height: 42px;
  padding: 5px;
  padding-top: 10px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list {
  height: 76px;
  padding: 0 5px;
  position: relative;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-drop-here-header {
  position: absolute;
  top: calc(50% - 6px);
  left: 15px;
  font-size: 12px;
  font-style: italic;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-inner-container {
  padding: 1px 2px;
  height: calc(100% - 10px);
  width: 100%;
  margin: 5px 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-inner-container.dragging-valid-droppable {
  border: 1px dashed #00698F;
  background-color: #FFFFFF;
  padding: 0 1px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list.drag-over.with-valid-droppable .data-point-list-inner-container {
  background-color: #80B4C7;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list.drag-over.with-valid-droppable .data-point-list-entry {
  color: #FFFFFF;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-entry {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 22px;
  line-height: 22px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-entry.active {
  background-color: #005978;
  color: #FFFFFF;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-entry.active > span {
  display: inline-block;
  width: calc(100% - 16px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-entry > span {
  display: inline-block;
  width: 100%;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-entry .remove-data-point-list-entry {
  float: right;
  line-height: inherit;
  font-size: 16px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .data-point-list .data-point-list-entry .remove-data-point-list-entry:before {
  content: "\f197";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .additional-buttons {
  height: 35px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .additional-buttons .data-point-browser-button {
  height: 100%;
  width: 100%;
  padding: 0 2px;
  border-bottom: 0;
  line-height: calc(34px);
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .additional-buttons .data-point-browser-button .data-point-browser-button-icon {
  line-height: inherit;
  font-size: 28px;
  float: left;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .additional-buttons .data-point-browser-button .data-point-browser-button-icon:before {
  content: "\f12f";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .additional-buttons .data-point-browser-button:active .data-point-browser-button-icon,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .additional-buttons .data-point-browser-button:hover .data-point-browser-button-icon {
  color: #FFFFFF;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .additional-buttons .data-point-browser-button .data-point-browser-button-text {
  height: calc(34px);
  display: inline-block;
  float: left;
  line-height: inherit;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer {
  height: 35px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer > button {
  width: 50%;
  height: 35px;
  margin: 0;
  float: left;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .delete-button {
  border-right: 0;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .delete-button .trash-can-icon {
  font-size: 32px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .delete-button .trash-can-icon:before {
  content: "\f197";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .delete-button:active .trash-can-icon,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .delete-button:hover .trash-can-icon {
  color: #FFFFFF;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .save-button .save-icon {
  font-size: 32px;
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .save-button .save-icon:before {
  content: "\f185";
}
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .save-button:active .save-icon,
#application #side-menus .side-menus-container .side-menu-left .side-menu-tree .side-menu-bottom .edit-zone .footer .save-button:hover .save-icon {
  color: #FFFFFF;
}
#application #side-menus .side-menus-container .menu-button-vertical {
  position: absolute;
  top: 0;
  bottom: 25px;
  width: 25px;
  cursor: pointer;
  background: url('../../../modules/base/sidemenus/assets/icon_bordermenu_vertical_background_EN.png') center no-repeat transparent;
}
#application #side-menus .side-menus-container .menu-button-vertical:hover {
  background: url('../../../modules/base/sidemenus/assets/icon_bordermenu_vertical_background_over.png') center no-repeat transparent;
}
#application #side-menus .side-menus-container .menu-button-vertical-left {
  left: 0px;
  background: url('../../../modules/base/sidemenus/assets/icon_bordermenu_vertical_background_EN.png') 0px no-repeat transparent;
}
#application #side-menus .side-menus-container .menu-button-vertical-left:hover {
  background: url('../../../modules/base/sidemenus/assets/icon_bordermenu_vertical_background_over.png') 0px no-repeat transparent;
}
#application #side-menus .side-menus-container .menu-button-vertical-right {
  right: 0px;
}
#application #side-menus .side-menus-container .menu-button-horizontal {
  position: absolute;
  bottom: 0px;
  right: 25px;
  left: 0px;
  height: 25px;
  cursor: pointer;
  background: url('../../../modules/base/sidemenus/assets/icon_bordermenu_horizontal_background_EN.png') center no-repeat transparent;
}
#application #side-menus .side-menus-container .menu-button-horizontal:hover {
  background: url('../../../modules/base/sidemenus/assets/icon_bordermenu_horizontal_background_over.png') center no-repeat transparent;
}
#application #side-menus .side-menus-container.side-menu-small-content .menu-button-horizontal {
  left: 365px;
}
#help-wizard-dialog {
  z-index: 200;
  position: absolute;
  margin: auto;
  top: 107px;
  right: 27px;
  height: 720px;
  width: 650px;
  padding: 0;
  background-color: #F2F8F9;
  box-shadow: 0px 0px 1px 14px rgba(0, 0, 0, 0.75);
}
#help-wizard-dialog .drag-anchor {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 30px;
}
#help-wizard-dialog .drag-anchor:before {
  content: "\f13a";
}
#help-wizard-dialog .dialog-header {
  height: 66px;
  background-color: #F2F8F9;
  border: none;
  border-bottom: solid 1px #FFFFFF;
  padding: 10px;
  padding-bottom: 9px;
}
#help-wizard-dialog .dialog-header .dialog-title {
  height: 46px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 46px;
  text-align: center;
  margin-right: 46px;
  margin-left: 46px;
  padding-left: 134px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#help-wizard-dialog .dialog-header .dialog-title > span {
  margin-right: 134px;
  overflow: visible;
}
#help-wizard-dialog .dialog-header .dialog-close-button {
  float: right;
  display: block;
  height: 46px;
  width: 64px;
  cursor: pointer;
  background-color: transparent;
  font-size: 64px;
  text-align: center;
  line-height: 46px;
}
#help-wizard-dialog .dialog-header .dialog-close-button:before {
  content: "\f1a4";
}
#help-wizard-dialog .dialog-header .dialog-close-button:hover {
  color: #3387A5;
}
#help-wizard-dialog .dialog-header .dialog-close-button:active {
  color: #005978;
}
#help-wizard-dialog .dialog-header .dialog-tab-button {
  float: right;
  display: block;
  height: 46px;
  width: 64px;
  cursor: pointer;
  background-color: transparent;
  font-size: 64px;
  text-align: center;
  line-height: 46px;
}
#help-wizard-dialog .dialog-header .dialog-tab-button:before {
  content: "\f18e";
}
#help-wizard-dialog .dialog-header .dialog-tab-button:hover {
  color: #3387A5;
}
#help-wizard-dialog .dialog-header .dialog-tab-button:active {
  color: #005978;
}
#help-wizard-dialog .spacer {
  width: 100%;
  height: 20px;
}
#help-wizard-dialog iframe {
  width: 100%;
  height: calc(100% - 66px);
}
.about-dialog-container {
  padding-top: 20px;
  background-color: #F2F8F9;
  width: 100%;
  height: 100%;
  -webkit-user-select: text;
  -khtml-user-drag: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
          user-select: text;
}
.about-dialog-container .logo-container {
  width: 650px;
  background-color: #FFFFFF;
  height: 120px;
  margin-top: -20px;
  margin-bottom: 40px;
}
.about-dialog-container .logo-container .logo {
  width: 248px;
  height: 110px;
  background: url('assets/qanteonlogo.png') 0 center no-repeat;
  margin-left: 193px;
}
.about-dialog-container .os-license-display {
  width: 100%;
  height: 400px;
}
.about-dialog-container .os-license-display .os-license-text {
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding: 0 20px;
  font-size: 12px;
}
.about-dialog-container .os-license-display .os-license-text h1 {
  font-size: 16px;
  font-weight: bold;
}
.about-dialog-container .version-heading {
  text-align: center;
  margin-bottom: 10px;
}
.about-dialog-container .version-heading span {
  font-weight: bold;
}
.about-dialog-container .version-row {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-align: center;
  margin-bottom: 10px;
  height: 12px;
}
.about-dialog-container .version-row .version-label {
  text-align: right;
  width: 50%;
  float: left;
}
.about-dialog-container .version-row .version-string {
  text-align: left;
  float: left;
  width: 50%;
  padding-left: 5px;
}
.about-dialog-container .version-row .main {
  font-size: 16px;
  font-weight: bold;
}
.about-dialog-container .spacer {
  height: 10px;
  width: 100%;
}
.about-dialog-container .button-row {
  margin-bottom: 10px;
  text-align: center;
}
.about-dialog-container .kp-bottom-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  width: 100%;
  height: 19px;
  background: url('../../../core/style/base/default_theme/assets/kplogo.png') center center no-repeat;
}
.export {
  position: absolute;
  margin: auto;
  top: 107px;
  right: 27px;
  height: 229px;
  width: 450px;
  background-color: white;
  box-shadow: 0px 0px 1px 14px rgba(0, 0, 0, 0.75);
  z-index: 200;
}
.search {
  position: absolute;
  margin: auto;
  top: 107px;
  right: 27px;
  height: 759px;
  width: 640px;
  background-color: white;
  box-shadow: 0px 0px 1px 14px rgba(0, 0, 0, 0.75);
  z-index: 200;
  overflow: hidden;
}
.search .search-content {
  position: relative;
  height: 100%;
  width: 100%;
}
.messages {
  position: absolute;
  margin: auto;
  top: 150px;
  right: 25px;
  height: 723px;
  width: 881px;
  background-color: #F2F8F9;
  border: 1px solid #00698F;
  box-shadow: 0 0 1px 14px rgba(0, 0, 0, 0.6);
  z-index: 200;
}
.messages.repositioning .content .right .messages-show-box div.message {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.messages .close-button {
  position: absolute;
  top: 11px;
  right: 12px;
  z-index: 3;
  height: 40px;
  width: 40px;
  cursor: pointer;
  background: center no-repeat url('../../../modules/base/topbar/messages/assets/Icon_Close-EN.png');
}
.messages .close-button:hover {
  background: center no-repeat url('../../../modules/base/topbar/messages/assets/Icon_Close-OVER.png');
}
.messages .close-button:focus {
  background: center no-repeat url('../../../modules/base/topbar/messages/assets/Icon_Close-PRS.png');
}
.messages .content {
  height: 723px;
  position: relative;
}
.messages .content .left {
  position: relative;
  float: left;
  width: 43%;
  border-right: 1px solid #00698F;
  height: 722px;
}
.messages .content .left .usersearch {
  height: 64px;
  border-bottom: 1px solid #00698F;
}
.messages .content .left .usersearch .usersearch-magnifier {
  position: absolute;
  left: 11px;
  top: 15px;
  height: 30px;
  width: 30px;
  background: center no-repeat url('../../../modules/base/topbar/messages/assets/Icon_Message-System-Search-EN.png');
}
.messages .content .left .usersearch .usersearch-magnifier-active {
  position: absolute;
  left: 11px;
  top: 15px;
  height: 30px;
  width: 30px;
  background: center no-repeat url('../../../modules/base/topbar/messages/assets/Icon_Message-System-Search-SEL.png');
}
.messages .content .left .usersearch > input {
  height: 100%;
  width: 75%;
  padding: 10px;
  padding-left: 51px;
  border: 0;
  float: left;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
}
.messages .content .left .usersearch .control-create {
  position: relative;
  border: none;
  height: 100%;
  min-width: 25%;
  color: #FFFFFF;
  background: none center no-repeat, transparent;
  box-shadow: none;
  padding: 0 15px;
  margin: 0;
  background: #3387A5 no-repeat center url('../../../modules/base/topbar/messages/assets/Icon_Message-System-Group-Chat.png');
  width: 25%;
  font-size: 16px;
}
.messages .content .left .usersearch .control-create:hover {
  background-color: #1A789A;
}
.messages .content .left .usersearch .control-create.no-hover:hover {
  background-color: transparent;
}
.messages .content .left .usersearch .control-create.active,
.messages .content .left .usersearch .control-create:active {
  background-color: #005978;
}
.messages .content .left .usersearch .control-create:hover:enabled {
  background: #00698F no-repeat center url('../../../modules/base/topbar/messages/assets/Icon_Message-System-Group-Chat.png');
}
.messages .content .left .usersearch .control-create:active:enabled {
  background: #005978 no-repeat center url('../../../modules/base/topbar/messages/assets/Icon_Message-System-Group-Chat.png');
}
.messages .content .left .usersearch .control-create:disabled,
.messages .content .left .usersearch .control-create:disabled:hover,
.messages .content .left .usersearch .control-create:disabled:active {
  color: #66A5BC;
}
.messages .content .left .conversationlist {
  height: 657px;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.messages .content .left .conversationlist .conversationlist-entry {
  min-height: 62px;
  border-bottom: 1px solid #F2F8F9;
  background-color: #F2F8F9;
  padding: 12px 20px;
  cursor: pointer;
  position: relative;
}
.messages .content .left .conversationlist .conversationlist-entry.active {
  background-color: #B3D2DD !important;
}
.messages .content .left .conversationlist .conversationlist-entry.expanded {
  background-color: #CCE1E9;
}
.messages .content .left .conversationlist .conversationlist-entry:hover {
  background-color: #CCE1E9;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-subject {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-lastMessage {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-additional-information {
  position: absolute;
  top: 12px;
  right: 45px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-additional-information .conversationlist-entry-last-message-time {
  width: 50px;
  float: right;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-additional-information .conversationlist-entry-has-unread-message {
  position: relative;
  right: 5px;
  top: 6px;
  height: 20px;
  width: 20px;
  float: left;
  border-radius: 10px;
  background-color: red;
  /*
              @-webkit-keyframes hasUnreadMessage {
                0%   {background: dodgerblue;}
                50%  {background: red;}
                100% {background: dodgerblue;}
              }
              @keyframes hasUnreadMessage {
                0%   {background: dodgerblue;}
                50%  {background: red;}
                100% {background: dodgerblue;}
              }

              -webkit-animation: hasUnreadMessage 3s infinite;
              animation: hasUnreadMessage 3s infinite;
              */
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-delete {
  position: absolute;
  top: 15px;
  right: 10px;
  height: 30px;
  width: 30px;
  background-image: url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Close.png');
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-delete:hover {
  background-image: url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Close_OVER.png');
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-delete:active {
  background-image: url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Close_PRS-SEL.png');
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configure {
  position: absolute;
  top: 15px;
  right: 10px;
  height: 30px;
  width: 30px;
  background-image: url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Configuration.png');
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configure:hover {
  background-image: url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Configuration_OVER.png');
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configure:active {
  background-image: url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Configuration_PRS-SEL.png');
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea {
  display: none;
  padding-top: 30px;
  cursor: default;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .conversationlist-entry-changename {
  overflow: hidden;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .conversationlist-entry-changename span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  line-height: 32px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .conversationlist-entry-changename input {
  margin-left: 10px;
  float: right;
  width: 200px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .conversationlist-entry-add-participant {
  width: 100%;
  margin-top: 5px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .conversationlist-entry-new-participants-preview {
  margin-top: 5px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .conversationlist-entry-leave {
  margin-top: 5px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .buttonarea {
  padding-top: 30px;
  overflow: hidden;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-configarea .buttonarea button {
  float: right;
  margin-left: -1px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-confirm-close {
  display: none;
  padding-top: 30px;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-confirm-close .buttonarea {
  padding-top: 5px;
  overflow: hidden;
}
.messages .content .left .conversationlist .conversationlist-entry .conversationlist-entry-confirm-close .buttonarea button {
  float: right;
  margin-left: -1px;
}
.messages .content .right {
  float: left;
  width: 57%;
  height: 723px;
  position: relative;
}
.messages .content .right .chat-topic-box {
  width: 100%;
  height: 64px;
  border-bottom: 1px solid #CCE1E9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.messages .content .right .chat-topic-box .chat-topic-box-chat-symbol {
  position: absolute;
  top: 11px;
  left: 12px;
  height: 40px;
  width: 40px;
  background: center no-repeat url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Chat-Symbol.png');
}
.messages .content .right .chat-topic-box .chat-topic-box-group-chat-symbol {
  position: absolute;
  top: 11px;
  left: 12px;
  height: 40px;
  width: 40px;
  background: center no-repeat url('../../../modules/base/topbar/messages/assets/Icon_Measage-System-Group-Chat-Symbol.png');
}
.messages .content .right .chat-topic-box .chat-topic-box-subject {
  margin: 0 auto;
  position: relative;
  top: 20px;
  left: 0;
  right: 0;
  width: 300px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.messages .content .right .chat-topic-box .chat-topic-box-subject.group-subject {
  top: 10px;
}
.messages .content .right .chat-topic-box .chat-topic-box-userlist {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
  position: relative;
  top: 8px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding: 7px 15%;
}
.messages .content .right .chat-topic-box .chat-topic-box-toggle-details {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  cursor: pointer;
  z-index: 2;
}
.messages .content .right .chat-topic-box .chat-topic-box-toggle-details .chat-topic-box-close-details {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
  text-align: center;
  line-height: 64px;
  margin: auto auto;
  display: none;
}
.messages .content .right .chat-topic-box.group-conversation .chat-topic-box-toggle-details {
  display: block;
}
.messages .content .right .loading {
  background-color: rgba(200, 200, 200, 0.4);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.messages .content .right .messages-show-box {
  position: absolute;
  top: 65px;
  z-index: 1;
  width: 100%;
  height: 596px;
  overflow-y: auto;
}
.messages .content .right .messages-show-box .message-show-box-scrollbox {
  max-height: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 10px 20px;
}
.messages .content .right .messages-show-box .message-show-box-scrollbox .message-show-box-bottom-spacer {
  height: 20px;
}
.messages .content .right .messages-show-box .message {
  position: relative;
  display: table;
  padding: 12px;
  margin: 10px;
  max-width: 396px;
  min-height: 33px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.messages .content .right .messages-show-box .message > span {
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: pre-wrap;
  /* css-3 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: break-word;
}
.messages .content .right .messages-show-box .message-header {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
  font-size: 10px;
}
.messages .content .right .messages-show-box .message-footer {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
  float: right;
  margin-left: 12px;
}
.messages .content .right .messages-show-box .own-message {
  right: 0;
  margin-left: auto;
  background-color: #CCE1E9;
}
.messages .content .right .messages-show-box .own-message .message-arrow {
  position: absolute;
  bottom: 5px;
  right: -16px;
  height: 0;
  width: 0;
  border-width: 16px;
  border-right-width: 0;
  border-style: solid;
  border-color: transparent transparent transparent #CCE1E9;
}
.messages .content .right .messages-show-box .other-message {
  left: 0;
  margin-right: auto;
  background-color: #E6F0F4;
}
.messages .content .right .messages-show-box .other-message .message-arrow {
  position: absolute;
  bottom: 5px;
  left: -16px;
  height: 0;
  width: 0;
  border-width: 16px;
  border-left-width: 0;
  border-style: solid;
  border-color: transparent #E6F0F4 transparent transparent;
}
.messages .content .right .messages-show-box .system-message {
  right: 0;
  left: 0;
  padding: 3px;
  margin: 10px auto;
  height: 25px;
  width: 150px;
  padding: auto;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
}
.messages .content .right .messages-show-box .system-message .message-footer {
  display: none;
}
.messages .content .right .message-sending-container {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  min-height: 60px;
  z-index: 20;
}
.messages .content .right .message-sending-container .message-to-send-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 416px;
  overflow-y: auto;
  padding: 5px;
  resize: none;
  float: left;
  border: 0;
  border-top: 1px solid #00698F;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #666666;
  line-height: 16px;
  line-height: 1.4em;
}
.messages .content .right .message-sending-container .control-send {
  position: relative;
  border: none;
  height: 100%;
  min-width: 87px;
  color: #FFFFFF;
  background: none center no-repeat, transparent;
  box-shadow: none;
  padding: 0 15px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  heigth: 100%;
  background: #3387A5;
}
.messages .content .right .message-sending-container .control-send:hover {
  background-color: #1A789A;
}
.messages .content .right .message-sending-container .control-send.no-hover:hover {
  background-color: transparent;
}
.messages .content .right .message-sending-container .control-send.active,
.messages .content .right .message-sending-container .control-send:active {
  background-color: #005978;
}
.messages .content .right .message-sending-container .control-send:hover:enabled {
  background: #00698F;
}
.messages .content .right .message-sending-container .control-send:active:enabled {
  background: #005978;
}
.messages .content .right .message-sending-container .control-send:disabled,
.messages .content .right .message-sending-container .control-send:disabled:hover,
.messages .content .right .message-sending-container .control-send:disabled:active {
  color: #66A5BC;
}
.messages .search-user-list {
  position: absolute;
  top: 63px;
  left: 0;
  border-top: 1px solid black;
  border-right: 1px solid black;
  min-width: 378px;
  height: 658px;
  overflow-y: auto;
  background-color: #F2F8F9;
  z-index: 2;
}
.messages .search-user-list .search-user-list-no-such-entry {
  height: 32px;
  background-color: #FFFFFF;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.messages .search-user-list .search-user-list-entry-list {
  height: 100%;
}
.messages .search-user-list .search-user-list-entry-list .search-user-list-entry {
  height: 32px;
  background-color: #FFFFFF;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  cursor: pointer;
}
.messages .search-user-list .search-user-list-entry-list .search-user-list-entry:hover {
  background-color: #E6F0F4;
}
.messages .group-conversation-user-list {
  position: absolute;
  top: 63px;
  left: 0;
  min-width: 378px;
  height: 658px;
  background-color: #F2F8F9;
  border-right: 1px solid #00698F;
  z-index: 2;
}
.messages .group-conversation-user-list .group-conversation-user-list-subject {
  margin: 10px 20px 20px 20px;
}
.messages .group-conversation-user-list .group-conversation-user-list-subject > input[type="text"] {
  height: 26px;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding: 2px 5px;
}
.messages .group-conversation-user-list .group-conversation-user-list-list {
  height: calc(569px);
}
.messages .group-conversation-user-list .group-conversation-user-list-list.adding-new-participants {
  height: calc(625px);
}
.messages .group-conversation-user-list .group-conversation-user-list-list .group-conversation-user-list-list-scrollarea {
  height: 100%;
}
.messages .group-conversation-user-list .group-conversation-user-list-list .group-conversation-user-list-list-entry {
  cursor: pointer;
  height: 32px;
  position: relative;
  margin-top: 6px;
  padding-left: 20px;
}
.messages .group-conversation-user-list .group-conversation-user-list-list .group-conversation-user-list-list-entry .group-conversation-user-list-list-entry-username {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  position: relative;
}
.messages .group-conversation-user-list .group-conversation-user-list-list .group-conversation-user-list-list-entry:hover {
  background-color: #E6F0F4;
}
.messages .group-conversation-user-list .group-conversation-user-list-footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.messages .group-conversation-user-list .group-conversation-user-list-footer .group-conversation-user-list-button-group .button {
  width: 50%;
}
.messages .group-conversation-user-list .group-conversation-user-list-footer .group-conversation-user-list-button-group .button:first-child {
  border-right: 1px solid #3387A5;
}
.messages .group-conversation-user-list .group-conversation-user-list-footer .button {
  display: inline-block;
  border: 0px;
  float: left;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
.messages .group-conversation-user-list .group-conversation-user-list-footer .button.glyph-icon {
  font-size: 30px;
}
.usercountlist-container {
  height: 100%;
  width: 100%;
  position: relative;
}
.usercountlist-container .login-username-rendering {
  padding-left: 10px;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
}
.usercountlist-container .login-username-rendering .glyph-icon {
  line-height: 32px;
}
.usercountlist-container .login-username-rendering .username {
  font-size: 14px;
}
.topbar-backup-details-popup {
  width: 300px;
  padding: 20px;
  background-color: #F2F8F9;
}
.topbar-backup-details-popup .running-backup,
.topbar-backup-details-popup .failed-backup {
  display: -ms-flexbox;
  display: flex;
}
.topbar-backup-details-popup .running-backup .flex-container,
.topbar-backup-details-popup .failed-backup .flex-container {
  display: -ms-flexbox;
  display: flex;
}
.topbar-backup-details-popup .running-backup .warning-icon,
.topbar-backup-details-popup .failed-backup .warning-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 32px;
}
.topbar-backup-details-popup .running-backup .warning-icon:before,
.topbar-backup-details-popup .failed-backup .warning-icon:before {
  content: "\f13e";
}
.topbar-backup-details-popup .running-backup .description,
.topbar-backup-details-popup .failed-backup .description {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.topbar-backup-details-popup .running-backup .backup-progress-description,
.topbar-backup-details-popup .failed-backup .backup-progress-description {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
}
.topbar-backup-details-popup .running-backup .backup-progress.ProgressBar-widget,
.topbar-backup-details-popup .failed-backup .backup-progress.ProgressBar-widget {
  height: 32px;
}
.topbar-backup-details-popup .running-backup .backup-progress.ProgressBar-widget .progress-bar-widget-container .progress-bar-widget-segment-container,
.topbar-backup-details-popup .failed-backup .backup-progress.ProgressBar-widget .progress-bar-widget-container .progress-bar-widget-segment-container {
  background-color: #CCE1E9;
}
.topbar-backup-details-popup .running-backup .backup-progress.ProgressBar-widget .progress-bar-widget-container .progress-bar-widget-segment-container .progress-bar-widget-segment-inner,
.topbar-backup-details-popup .failed-backup .backup-progress.ProgressBar-widget .progress-bar-widget-container .progress-bar-widget-segment-container .progress-bar-widget-segment-inner {
  background-color: #3387A5;
}
.session-popup.popup-binding-container.pointer-position-top-right .popup-binding-container-pointer-container .popup-binding-container-pointer {
  margin-right: 50px;
}
.session-popup .session-popup-container {
  padding: 20px;
  width: 340px;
  background-color: #FFFFFF;
}
.session-popup .session-popup-container .topic {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 24px;
}
.session-popup .session-popup-container .has-top-space {
  margin-top: 10px;
}
.session-popup .session-popup-container .interaction-button {
  width: 100%;
}
.session-popup .session-popup-container .error-message {
  margin-top: 10px;
  border: 1px solid #F20C0C;
  background-color: rgba(200, 10, 10, 0.3);
  padding: 5px;
}
.session-popup .session-popup-container .footer {
  margin-top: 20px;
  width: 100%;
}
.session-popup .session-popup-container .footer:before,
.session-popup .session-popup-container .footer:after {
  content: " ";
  display: table;
}
.session-popup .session-popup-container .footer:after {
  clear: both;
}
.session-popup .session-popup-container .footer:before,
.session-popup .session-popup-container .footer:after {
  content: " ";
  display: table;
}
.session-popup .session-popup-container .footer:after {
  clear: both;
}
.session-popup .session-popup-container .footer .profile-link {
  float: right;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  text-decoration: underline;
}
#application #main-content .module.evaluations-overview .Tabs-tab-btn.vertical.normal:first-child {
  border-top: 0;
}
#application #main-content .module.evaluations-overview .Tabs-tab-btn.vertical.normal:last-child {
  height: calc(25% + 3px - 9px);
}
#application #main-content .module.evaluations-overview > .content {
  overflow: visible;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  float: left;
  background-color: #F2F8F9;
}
@media print {
  #application #main-content .module.evaluations-overview > .content {
    width: calc(100% - 52px);
  }
}
#application #main-content .module.evaluations-overview > .content .tab-area {
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 0;
  width: 52px;
}
@media print {
  #application #main-content .module.evaluations-overview > .content .tab-area {
    display: none;
  }
}
#application #main-content .module.evaluations-overview > .content .page-content {
  height: calc(100% - 46px);
  width: calc(100% - 52px);
  margin-left: 52px;
}
@media print {
  #application #main-content .module.evaluations-overview > .content .page-content {
    width: 100%;
    margin-left: 0;
  }
}
@media print {
  #application #main-content .module.evaluations-overview {
    padding-left: 0 !important;
  }
}
#application #main-content .evaluations-carpetplot {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#application #main-content .evaluations-carpetplot .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .evaluations-carpetplot .evaluations-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#application #main-content .evaluations-carpetplot .evaluations-content.configuration-menu-expanded {
  right: 317px;
}
#application #main-content .evaluations-carpetplot .evaluations-content .content {
  height: calc(100% - 133px - 10px - 46px);
  width: 100%;
  position: relative;
}
#application #main-content .evaluations-carpetplot .evaluations-content .content .carpetPlot-widget {
  margin: 20px;
  margin-right: 0;
  width: calc(100% - 40px - 200px);
  height: calc(100% - 40px);
  float: left;
}
#application #main-content .evaluations-carpetplot .evaluations-content .content .colorScale-widget {
  float: left;
  margin-top: 46px;
  padding-left: 20px;
  margin-bottom: 36px;
  height: calc(100% - 46px - 36px);
  width: 200px;
  background-color: #E6F0F4;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area {
  width: 100%;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn {
  background-color: #66A5BC;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-name {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container {
  height: 81px;
  width: 80%;
  margin: 10px 10%;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container .media-tab-bar-chart {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn text.bar-title-label {
  fill: #FFFFFF;
  font-size: 12px;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn text.bar-label {
  stroke: none;
  fill: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn:first-child {
  border-left: none;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn:last-child {
  border-right: none;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn.active {
  background-color: #F2F8F9;
  border-bottom-color: #F2F8F9;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn.active text.bar-title-label {
  fill: #66A5BC;
}
#application #main-content .evaluations-carpetplot .evaluations-content .media-tab-area .Tabs-tab-btn.active text.bar-label {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-carpetplot .control-configuration-menu .carpetplot-sub-heading {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin-top: 20px;
}
#application #main-content .evaluations-carpetplot .control-configuration-menu .control-configuration-menu-section-item.radiobuton {
  margin-top: 10px;
}
#application #main-content .evaluations-carpetplot .control-configuration-menu .colorScale-widget {
  width: 100%;
  height: 500px;
}
#application #main-content .evaluations-graph {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#application #main-content .evaluations-graph .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .evaluations-graph .evaluations-content.configuration-menu-expanded {
  right: 317px;
}
#application #main-content .evaluations-graph .evaluations-content {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area {
  width: 100%;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn {
  background-color: #66A5BC;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-name {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container {
  height: 81px;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10%;
  margin-right: 10%;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container .media-tab-bar-chart {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn text.bar-title-label {
  fill: #FFFFFF;
  font-size: 12px;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn text.bar-label {
  stroke: none;
  fill: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn:first-child {
  border-left: none;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn:last-child {
  border-right: none;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn.active {
  background-color: #F2F8F9;
  border-bottom-color: #F2F8F9;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn.active text.bar-title-label {
  fill: #66A5BC;
}
#application #main-content .evaluations-graph .evaluations-content .media-tab-area .Tabs-tab-btn.active text.bar-label {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container {
  height: calc(100% - 133px - 10px - 46px);
  width: 100%;
  position: relative;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container {
  height: 100%;
  width: 100%;
  position: relative;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .chart-container {
  width: 100%;
  height: 100%;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .chart-container .detail-chart {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .chart-container .detail-chart rect.bar-chart-selected-bar-segment {
  cursor: pointer;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .chart-container.detail-container-split {
  height: 70%;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .comparison-chart-container {
  height: 30%;
  width: 100%;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .comparison-chart-container .comparison-chart {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container rect.bar-segment {
  cursor: pointer;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .grid {
  stroke: #FFFFFF;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .x-axis {
  stroke: #00698F;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .axis-label {
  text-anchor: middle;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .background-odd {
  fill: #E6F0F4;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .background-even {
  fill: #D9E8EE;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .background-odd-highlighted {
  fill: #CCE1E9;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .background-even-highlighted {
  fill: #B3D2DD;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .bar-title-label {
  cursor: pointer;
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .axis-tick-label {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .axis-tick-label.left {
  text-anchor: end;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .axis-tick-label.right {
  text-anchor: start;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container .axis-tick {
  stroke: #00698F;
}
#application #main-content .evaluations-graph .evaluations-content .detail-container .detail-chart-container rect.bar-chart-selected-bar-segment {
  stroke-dasharray: 5, 5;
  stroke-width: 2px;
  stroke: #FFFFFF;
}
#application #main-content .evaluations-graph .control-fix-legend {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  max-height: 60%;
  background: #F2F8F9;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #B3D2DD;
}
#application #main-content .evaluations-graph .control-fix-legend .table-row {
  margin-top: 3px;
}
#application #main-content .evaluations-graph .control-fix-legend .additional-info-graphs {
  margin-top: 10px;
}
#application #main-content .evaluations-graph .control-fix-legend .utility-color {
  width: 20px;
  height: 20px;
  margin: auto;
  display: inline-block;
}
#application #main-content .control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item .control-configuration-menu-section-item-label {
  top: 0;
  vertical-align: middle;
}
#application #main-content .control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item .control-configuration-menu-section-item-color {
  vertical-align: middle;
}
#application #main-content .evaluations-evaluations-table-view {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content.configmenu-open {
  right: 317px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container {
  height: calc(100% - 52px - 10px - 46px);
  width: 100%;
  position: relative;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container .TableView-widget {
  height: 100%;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container .table-view-container {
  height: 100%;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container .table-view-container.with-footer {
  height: calc(100% - 31px);
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container .table-view-container .Table-widget .Table-content .Table-table-container .Table-table-row.Table-even-row .Table-table-column .table-cell.fixed {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container .footer {
  border-top: 1px solid #80B4C7;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container .footer .Pagination-widget {
  border-right: 1px solid #80B4C7;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-container .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area {
  width: 100%;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn {
  background-color: #66A5BC;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-name {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container {
  height: 0px;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10%;
  margin-right: 10%;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container .media-tab-bar-chart {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn text.bar-title-label {
  fill: #FFFFFF;
  font-size: 12px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn text.bar-label {
  stroke: none;
  fill: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn:first-child {
  border-left: none;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn:last-child {
  border-right: none;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn.active {
  background-color: #F2F8F9;
  border-bottom-color: #F2F8F9;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn.active text.bar-title-label {
  fill: #66A5BC;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .media-tab-area .Tabs-tab-btn.active text.bar-label {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu {
  position: relative;
  float: right;
  height: 100%;
  width: 340px;
  background-color: #F2F8F9;
  border: 1px solid #B3D2DD;
  padding-top: 32px;
  line-height: 32px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .header-area {
  height: 32px;
  padding-right: 20px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .header-area .header-headline {
  margin-left: 20px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .header-area .default-layout-button {
  float: right;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .config-menu-droppable-wall {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background: #F2F8F9;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .drop-wall-symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .drop-wall-symbol:before {
  content: "\f133";
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .active-drop-zone-over .drop-wall-symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .active-drop-zone-over .drop-wall-symbol:before {
  content: "\f134";
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area {
  margin-top: 20px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area .body-available-column {
  padding-left: 20px;
  padding-right: 10px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area .body-available-column .drag-element {
  height: 32px;
  width: 32px;
  float: right;
  font-size: 24px;
  line-height: inherit;
  text-align: center;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area .body-available-column .drag-element:before {
  content: "\f13a";
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area .body-available-column:hover {
  background-color: #FFFFFF;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area .body-available-column.is-in-table {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area .body-available-column.is-dragging {
  border: 1px dashed #4D96B0;
  background-color: #FFFFFF;
  line-height: 30px;
  padding-left: 19px;
  padding-right: 9px;
}
#application #main-content .evaluations-evaluations-table-view .evaluations-content .table-configuration-menu .body-area .body-available-column.is-dragging .drag-element {
  height: 30px;
}
#application #main-content .evaluations-benchmark-table-view {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#application #main-content .evaluations-benchmark-table-view .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content.configmenu-open {
  right: 317px;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container {
  height: calc(100% - 52px - 10px - 46px);
  width: 100%;
  position: relative;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container .TableView-widget {
  height: 100%;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container .table-view-container {
  height: 100%;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container .table-view-container.with-footer {
  height: calc(100% - 31px);
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container .table-view-container .table-view-container-inner {
  height: 100%;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container .footer {
  border-top: 1px solid #80B4C7;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container .footer .Pagination-widget {
  border-right: 1px solid #80B4C7;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .table-container .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area {
  width: 100%;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn {
  background-color: #66A5BC;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn .media-tab {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn .media-tab .media-name {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container {
  height: 0px;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10%;
  margin-right: 10%;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container .media-tab-bar-chart {
  height: 100%;
  width: 100%;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn text.bar-title-label {
  fill: #FFFFFF;
  font-size: 12px;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn text.bar-label {
  stroke: none;
  fill: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn:first-child {
  border-left: none;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn:last-child {
  border-right: none;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn.active {
  background-color: #F2F8F9;
  border-bottom-color: #F2F8F9;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn.active text.bar-title-label {
  fill: #66A5BC;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .media-tab-area .Tabs-tab-btn.active text.bar-label {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .evaluations-benchmark-table-view .benchmark-content .config-column-list {
  height: 100%;
}
#application #main-content .control-configuration-menu .color-display {
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
}
#application #main-content .control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-title .default-layout-button {
  margin-left: 10px;
}
#application #main-content .control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .benchmark-type-icon {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
#application #main-content .utility-tab-title {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .utility-tab-chart {
  height: 81px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .utility-tab-chart-container {
  margin-left: 35%;
  margin-right: 35%;
}
#application #main-content .benchmark-config-area {
  width: 100%;
  height: 100%;
  position: relative;
}
#application #main-content .benchmark-config-area .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .benchmark-config-area .benchmark-area {
  width: 100%;
  height: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area.configuration-extended {
  width: calc(100% - 317px);
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area {
  height: calc(100% - 52px - 10px - 46px);
  width: 100%;
  overflow: hidden;
  position: relative;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .title {
  height: 5%;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart {
  height: 63%;
  width: 100%;
  position: relative;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .axis {
  stroke: none;
  fill: none;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .axis .tick {
  stroke: #3387A5;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .axis .tick text {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .axis-label {
  font-size: 12px;
  text-anchor: middle;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .bar {
  fill: #FFCC00;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .grid {
  fill: none;
  shape-rendering: crispEdges;
  stroke: #FFFFFF;
  stroke-width: 1px;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .background-odd {
  fill: #E6F0F4;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .chart .background-even {
  fill: #D9E8EE;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .info {
  height: 32%;
  width: 100%;
  display: block;
  padding: 0 80px 20px 80px;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .info table th {
  text-align: left;
  background-color: #CCE1E9;
  color: #3387A5;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .info table tr {
  background-color: #E6F0F4;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .info table tr:hover {
  color: #000000;
  background-color: #E6F0F4;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-distribution-chart-area .info table tr:hover td .table-cell {
  color: #000000;
}
#application #main-content .benchmark-config-area .control-configuration-menu {
  border-left: 1px solid #B3D2DD;
}
#application #main-content .benchmark-config-area .control-configuration-menu .color-display {
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
}
#application #main-content .utility-tab-title {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .utility-tab-chart {
  height: 81px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .utility-tab-chart-container {
  margin-left: 35%;
  margin-right: 35%;
}
#application #main-content .benchmark-config-area {
  width: 100%;
  height: 100%;
  position: relative;
}
#application #main-content .benchmark-config-area .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .benchmark-config-area .benchmark-area {
  width: 100%;
  height: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area.configuration-extended {
  width: calc(100% - 317px);
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area {
  height: calc(100% - 52px - 10px - 46px);
  width: 100%;
  overflow: hidden;
  position: relative;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart {
  height: 100%;
  width: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .axis {
  stroke: none;
  fill: none;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .axis .tick {
  stroke: #3387A5;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .axis .tick text {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .quadrant-label {
  fill: #000000;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .quadrant-label-text {
  font-size: 12px;
  text-anchor: middle;
  dominant-baseline: middle;
  fill: #FFFFFF;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .value-line {
  stroke-width: 2;
  shape-rendering: crispEdges;
  stroke: #000000;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .data-point {
  fill: #CC0000;
  cursor: pointer;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .data-point-text {
  font-size: 11px;
  text-anchor: middle;
  fill: #3387A5;
  font-weight: bold;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .data-point-text.gradient {
  fill: #000000;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .data-point-selected {
  stroke: #666666;
  fill: #FFFFFF;
  stroke-width: 3px;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .info-text {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-anchor: middle;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .grid {
  fill: none;
  shape-rendering: crispEdges;
  stroke: #FFFFFF;
  stroke-width: 1px;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .background {
  fill: #E6F0F4;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-quadrant-chart-area .chart .axis-label {
  font-size: 12px;
  text-anchor: middle;
}
#application #main-content .benchmark-config-area .control-configuration-menu {
  border-left: 1px solid #B3D2DD;
}
#application #main-content .benchmark-config-area .control-configuration-menu .color-display {
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
}
#application #main-content .Radio-widget {
  vertical-align: middle;
}
#application #main-content .utility-tab-title {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .utility-tab-chart {
  height: 81px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .utility-tab-chart-container {
  margin-left: 10%;
  margin-right: 10%;
}
#application #main-content .benchmark-config-area {
  width: 100%;
  height: 100%;
  position: relative;
}
#application #main-content .benchmark-config-area .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .benchmark-config-area .benchmark-area {
  width: 100%;
  height: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area.configuration-extended {
  width: calc(100% - 317px);
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area {
  height: calc(100% - 133px - 10px - 46px);
  width: 100%;
  overflow: hidden;
  position: relative;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart {
  height: 100%;
  width: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .axis {
  stroke: none;
  fill: none;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .axis .tick {
  stroke: #3387A5;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .axis .tick text {
  stroke: none;
  fill: #3387A5;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .axis-label {
  font-size: 12px;
  text-anchor: middle;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .bar {
  fill: #FFCC00;
  cursor: pointer;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .grid {
  fill: none;
  shape-rendering: crispEdges;
  stroke: #F2F8F9;
  stroke-width: 1px;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .background-odd {
  fill: #E6F0F4;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .background-even {
  fill: #D9E8EE;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .average-line {
  stroke: #000000;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .average-info {
  fill: #F2F8F9;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-graphic-chart-area .chart .average-info-label {
  font-size: 12px;
  text-anchor: left;
  font-weight: bold;
  dominant-baseline: middle;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area {
  width: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn .media-tab {
  height: 100%;
  width: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn .media-tab .media-name {
  height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container {
  height: 81px;
  width: 30%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 35%;
  margin-right: 35%;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn .media-tab .media-tab-bar-chart-container .media-tab-bar-chart {
  height: 100%;
  width: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn .value-line {
  stroke: #000000;
  stroke-width: 2px;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn text.bar-title-label {
  fill: #FFFFFF;
  font-size: 12px;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn text.bar-label {
  fill: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn.active text.bar-title-label {
  fill: #66A5BC;
}
#application #main-content .benchmark-config-area .benchmark-area .media-tab-area .Tabs-tab-btn.active text.bar-label {
  fill: #66A5BC;
  font-size: 10px;
  font-weight: bold;
}
#application #main-content .benchmark-config-area .control-configuration-menu {
  border-left: 1px solid #B3D2DD;
}
#application #main-content .benchmark-config-area .control-configuration-menu .benchmark-type-icon {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
#application #main-content .benchmark-config-area .control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item .control-configuration-menu-section-item-label {
  top: 0;
  vertical-align: middle;
}
#application #main-content .benchmark-config-area .control-configuration-menu .color-display {
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area {
  position: relative;
  height: calc(100% - 52px - 10px - 46px);
  overflow: hidden;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area .piechart-container {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area .piechart-container.piechart-inner-chart {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area .piechart-container .piechart-spacer {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area .piechart-container .piechart-widget-container {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area .piechart-container .piechart-widget-container .PieChart-widget {
  margin: auto;
}
#application #main-content .benchmark-config-area .benchmark-area .benchmarking-piechart-chart-area .piechart-container-info-popup {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#application #main-content .signature-graphic-view {
  width: 100%;
  height: 100%;
  position: relative;
}
#application #main-content .signature-graphic-view .evaluations-loading-message-container {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#application #main-content .signature-graphic-view .time-interval-chooser {
  border: none;
}
#application #main-content .signature-graphic-view .time-interval-chooser .selected-time-interval-label {
  height: 46px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature {
  height: 100%;
  width: 100%;
  /*
* Error Message
*/
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content {
  height: 100%;
  width: 100%;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content.configuration-extended {
  width: calc(100% - 317px);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content.info-extended {
  height: calc(100% - 300px);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*
      * Loading Message
      */
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area {
  overflow: hidden;
  height: calc(100% - 46px);
  width: 100%;
  position: relative;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart {
  height: 100%;
  width: 100%;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .axis {
  stroke: none;
  fill: none;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .axis .tick {
  stroke: #3387A5;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .axis .tick text {
  fill: #3387A5;
  stroke: none;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .axis-label {
  font-size: 14px;
  text-anchor: middle;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .highlighted {
  opacity: 1;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .dulled {
  opacity: 0.2;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .data-point-text {
  fill: #3387A5;
  font-size: 11px;
  text-anchor: middle;
  font-weight: bold;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .data-point-clickable {
  cursor: pointer;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .background {
  fill: #E6F0F4;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .background-odd {
  fill: #E6F0F4;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .background-even {
  fill: #D9E8EE;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line {
  stroke-width: 2px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line.utility-one.current {
  stroke: rgba(0, 63, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line.utility-one.last {
  stroke: rgba(0, 140, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line.utility-one.before-last {
  stroke: rgba(57, 191, 57, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line.utility-two.current {
  stroke: rgba(95, 38, 117, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line.utility-two.last {
  stroke: rgba(146, 88, 168, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line.utility-two.before-last {
  stroke: rgba(218, 71, 137, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .signature-line.limit {
  stroke: #CC0000;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .legend.utility-one.current {
  fill: rgba(0, 63, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .legend.utility-one.last {
  fill: rgba(0, 140, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .legend.utility-one.before-last {
  fill: rgba(57, 191, 57, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .legend.utility-two.current {
  fill: rgba(95, 38, 117, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .legend.utility-two.last {
  fill: rgba(146, 88, 168, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .legend.utility-two.before-last {
  fill: rgba(218, 71, 137, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .legend.none-use {
  stroke: #999999;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point {
  cursor: pointer;
  stroke-width: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-one.current {
  fill: rgba(0, 63, 0, 0.8);
  stroke: rgba(0, 63, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-one.last {
  fill: rgba(0, 140, 0, 0.8);
  stroke: rgba(0, 140, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-one.before-last {
  fill: rgba(57, 191, 57, 0.8);
  stroke: rgba(57, 191, 57, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-one.non-use {
  stroke-width: 2px;
  fill-opacity: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-one.selected {
  stroke: #999999 !important;
  stroke-width: 3px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-two.current {
  fill: rgba(95, 38, 117, 0.8);
  stroke: rgba(95, 38, 117, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-two.last {
  fill: rgba(146, 88, 168, 0.8);
  stroke: rgba(146, 88, 168, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-two.before-last {
  fill: rgba(218, 71, 137, 0.8);
  stroke: rgba(218, 71, 137, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-two.non-use {
  stroke-width: 2px;
  fill-opacity: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-one .data-point.utility-two.selected {
  stroke: #999999 !important;
  stroke-width: 3px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line {
  stroke-width: 2px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line.utility-one.current {
  stroke: rgba(0, 80, 128, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line.utility-one.last {
  stroke: rgba(0, 160, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line.utility-one.before-last {
  stroke: rgba(102, 198, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line.utility-two.current {
  stroke: rgba(153, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line.utility-two.last {
  stroke: rgba(204, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line.utility-two.before-last {
  stroke: rgba(224, 102, 102, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .signature-line.limit {
  stroke: #CC0000;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .legend.utility-one.current {
  fill: rgba(0, 80, 128, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .legend.utility-one.last {
  fill: rgba(0, 160, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .legend.utility-one.before-last {
  fill: rgba(102, 198, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .legend.utility-two.current {
  fill: rgba(153, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .legend.utility-two.last {
  fill: rgba(204, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .legend.utility-two.before-last {
  fill: rgba(224, 102, 102, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .legend.none-use {
  stroke: #999999;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point {
  cursor: pointer;
  stroke-width: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-one.current {
  fill: rgba(0, 80, 128, 0.8);
  stroke: rgba(0, 80, 128, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-one.last {
  fill: rgba(0, 160, 255, 0.8);
  stroke: rgba(0, 160, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-one.before-last {
  fill: rgba(102, 198, 255, 0.8);
  stroke: rgba(102, 198, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-one.non-use {
  stroke-width: 2px;
  fill-opacity: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-one.selected {
  stroke: #999999 !important;
  stroke-width: 3px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-two.current {
  fill: rgba(153, 0, 0, 0.8);
  stroke: rgba(153, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-two.last {
  fill: rgba(204, 0, 0, 0.8);
  stroke: rgba(204, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-two.before-last {
  fill: rgba(224, 102, 102, 0.8);
  stroke: rgba(224, 102, 102, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-two.non-use {
  stroke-width: 2px;
  fill-opacity: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .set-two .data-point.utility-two.selected {
  stroke: #999999 !important;
  stroke-width: 3px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .legend-text {
  fill: #000000;
  font-size: 12px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .signature-title {
  fill: #000000;
  font-size: 14px;
  text-anchor: middle;
  font-weight: bold;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .signature-graphic-energy-signature-content .energy-signature-container .energy-signature-chart-area .chart .grid {
  fill: none;
  shape-rendering: crispEdges;
  stroke: #FFFFFF;
  stroke-width: 1px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 60%;
  background: #F2F8F9;
  border: 1px solid #B3D2DD;
  border-right-width: 0;
  border-left-width: 0;
  height: 300px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content {
  margin-top: 20px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell {
  display: -ms-flexbox;
  display: flex;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-one.utility-one.current {
  background-color: rgba(0, 63, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-one.utility-one.last {
  background-color: rgba(0, 140, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-one.utility-one.before-last {
  background-color: rgba(57, 191, 57, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-one.utility-two.current {
  background-color: rgba(95, 38, 117, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-one.utility-two.last {
  background-color: rgba(146, 88, 168, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-one.utility-two.before-last {
  background-color: rgba(218, 71, 137, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-two.utility-one.current {
  background-color: rgba(0, 80, 128, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-two.utility-one.last {
  background-color: rgba(0, 160, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-two.utility-one.before-last {
  background-color: rgba(102, 198, 255, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-two.utility-two.current {
  background-color: rgba(153, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-two.utility-two.last {
  background-color: rgba(204, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-fix-legend .control-fix-legend-content .fix-legend-container .Table-table-container .Table-table-row .Table-table-column .table-cell .period-cell .color.set-two.utility-two.before-last {
  background-color: rgba(224, 102, 102, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-configuration-menu.info-extended {
  height: calc(100% - 300px);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item .control-configuration-menu-section-item-label {
  top: 0;
  vertical-align: middle;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-configuration-menu .color-display {
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-configuration-menu .color-display.set-one.utility-one {
  background-color: rgba(0, 63, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-configuration-menu .color-display.set-one.utility-two {
  background-color: rgba(95, 38, 117, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-configuration-menu .color-display.set-two.utility-one {
  background-color: rgba(0, 80, 128, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .control-configuration-menu .color-display.set-two.utility-two {
  background-color: rgba(153, 0, 0, 0.8);
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .evaluations-error-message-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#application #main-content .signature-graphic-view .signature-graphic-energy-signature .evaluations-error-message-container .evaluations-error-message {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration {
  height: 100%;
  width: 100%;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content {
  height: 100%;
  width: 100%;
  /*
     * Error Message
     */
  /*
    * Loading Message
    */
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content.configuration-extended {
  width: calc(100% - 317px);
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container {
  width: 100%;
  height: 100%;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area {
  overflow: hidden;
  height: calc(100% - 52px - 10px - 46px);
  width: 100%;
  position: relative;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart {
  height: 75%;
  width: 100%;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .axis {
  stroke: none;
  fill: none;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .axis .tick {
  stroke: #3387A5;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .axis .tick text {
  fill: #3387A5;
  stroke: none;
  font-size: 11px;
  font-weight: bold;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .axis-label {
  font-size: 14px;
  text-anchor: middle;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .data-point {
  cursor: pointer;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .data-point.first {
  fill: #004588;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .data-point.second {
  fill: #FFCC00;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .data-point.third {
  fill: #008C00;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .data-point-selected {
  stroke: black;
  stroke-width: 3px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .data-point-text {
  fill: #3387A5;
  font-size: 11px;
  text-anchor: middle;
  font-weight: bold;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .data-point-clickable {
  cursor: pointer;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .background {
  fill: #E6F0F4;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .signature-line {
  stroke-width: 2px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .signature-line.limit {
  stroke: #CC0000;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .signature-line.regression.first {
  stroke: #004588;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .signature-line.regression.second {
  stroke: #FFCC00;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .signature-line.regression.third {
  stroke: #008C00;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .annual-load-duration-legend.text {
  font-size: 12px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .legend-text {
  fill: #000000;
  font-size: 12px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .annual-load-duration-title {
  fill: #000000;
  text-anchor: middle;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .annual-load-duration-title.main {
  font-size: 14px;
  font-weight: bold;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .annual-load-duration-title.sub,
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .annual-load-duration-title.sub-info {
  font-size: 12px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .chart .grid {
  fill: none;
  shape-rendering: crispEdges;
  stroke: #FFFFFF;
  stroke-width: 1px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .annual-load-duration-container .signature-graphic-annual-load-duration-chart-area .info {
  height: 25%;
  width: 100%;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .evaluations-error-message-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .evaluations-error-message-container .evaluations-error-message {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .evaluations-loading-message-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .signature-graphic-annual-load-duration-content .evaluations-loading-message-container .evaluations-loading-message {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .control-configuration-menu .control-configuration-menu-content .control-configuration-menu-section .control-configuration-menu-section-item .control-configuration-menu-section-item-label {
  top: 0;
  vertical-align: middle;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .control-configuration-menu .color-display {
  vertical-align: middle;
  display: inline-block;
  width: 32px;
  height: 32px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .control-configuration-menu .input-text-label {
  margin-bottom: 3px;
}
#application #main-content .signature-graphic-view .signature-graphic-annual-load-duration .control-configuration-menu .InputField-widget {
  margin-bottom: 20px;
}
.evaluation-bar-segment-popover {
  z-index: 700;
  overflow: visible !important;
  display: inline-block;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-color {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-label {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  vertical-align: middle;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-title {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  color: #000000;
  margin-bottom: 5px;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-title.main {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-section {
  background-color: #FFFFFF;
  padding: 10px 10px 15px 10px;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-section.with-border {
  border-top: 1px solid #80B4C7;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-value-row {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  white-space: nowrap;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-value-row .column {
  display: inline-block;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-value-row .popover-row {
  margin-top: 5px;
}
.evaluation-bar-segment-popover .evaluation-bar-segment-popover-value-row .spacer {
  display: inline-block;
  width: 10px;
}
.evaluation-quadrant-popover {
  z-index: 700;
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
  display: inline-block;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-color {
  height: 22px;
  width: 100%;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-section {
  border-bottom: 1px solid #80B4C7;
  padding: 10px 10px 15px 10px;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-value-row {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  white-space: nowrap;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-value-row .column {
  display: inline-block;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-value-row .spacer {
  display: inline-block;
  width: 10px;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-section:last-of-type {
  border: none;
}
.evaluation-quadrant-popover .evaluation-quadrant-popover-arrow {
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -23px;
  width: 45px;
  height: 20px;
  background-color: transparent;
  background-image: url('../../../modules/evaluations/benchmark/quadrant/popover/assets/arrow_Tooltip_03.png');
  background-repeat: no-repeat;
  background-position: center center;
}
.popover-container {
  z-index: 700;
}
.evaluation-signature-popover {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
  display: inline-block;
}
.evaluation-signature-popover .evaluation-signature-popover-title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.evaluation-signature-popover .evaluation-signature-popover-section {
  border-bottom: 1px solid #80B4C7;
  padding: 10px 10px 15px 10px;
}
.evaluation-signature-popover .evaluation-signature-popover-value-row {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  white-space: nowrap;
}
.evaluation-signature-popover .evaluation-signature-popover-value-row .column {
  display: inline-block;
}
.evaluation-signature-popover .evaluation-signature-popover-value-row .spacer {
  display: inline-block;
  width: 10px;
}
.evaluation-signature-popover .evaluation-signature-popover-section:last-of-type {
  border: none;
}
.evaluation-signature-popover .evaluation-signature-popover-arrow {
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -23px;
  width: 45px;
  height: 20px;
  background-color: transparent;
  background-image: url('../../../modules/evaluations/signature/graphic/energysignature/popover/assets/arrow_Tooltip_03.png');
  background-repeat: no-repeat;
  background-position: center center;
}
.add-filter-popup {
  min-width: 200px;
}
.add-filter-popup .add-filter-popup-item {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 30px;
  padding: 0 10px 0 10px;
  background-color: #FFFFFF;
  cursor: pointer;
  box-sizing: content-box;
}
.add-filter-popup .add-filter-popup-item:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.add-filter-popup .add-filter-popup-item:active {
  background-color: #0E4963;
  color: #FFFFFF;
}
.settings-popup {
  min-width: 200px;
}
.multi-combobox-popup .multi-select-list-entry {
  height: auto;
}
.multi-combobox-popup .multi-select-list-entry .issue-filter-priogroup-item {
  display: -ms-flexbox;
  display: flex;
}
.multi-combobox-popup .multi-select-list-entry .issue-filter-priogroup-item .multi-select-list-checkbox {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 0px;
  border-right: none;
  min-height: 33px;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.multi-combobox-popup .multi-select-list-entry .issue-filter-priogroup-item .multi-select-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-left: 8px solid transparent;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 16px;
}
.multi-combobox-popup .multi-select-list-entry .issue-filter-priogroup-item .multi-select-list-item > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}
.multi-combobox-popup .multi-select-list-entry .issue-filter-priogroup-item .multi-select-list-item > div > span:first-child::after {
  content: ':';
  margin-right: 3px;
}
.issues-overview-config-drag-shadow-element {
  width: 150px;
  opacity: 0.4;
  text-align: center;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#application #main-content > div {
  /*
 * SMALL ICONS
 */
  /*
 * SMALL ICONS CENTERED
 */
  /*
 * NORMAL ICONS
 */
  /* List icons */
  /*
 * LARGE ICONS
 */
}
#application #main-content > div .alarm-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .alarm-gone-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_AlertGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .warning-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .warning-gone-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_CautionGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .operation-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .operation-gone-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_InformationGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .fault-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fault_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .consumption-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Consumption_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .cmd-ctrl-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_BAK_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .general-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .leakage-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Leakage_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .log-ctrl-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Log-Control_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .commented-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Comment_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .resolved-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fix-Text_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .acknowledged-icon {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Ok_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .alarm-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .alarm-gone-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_AlertGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .warning-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .warning-gone-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_CautionGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .operation-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .operation-gone-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_InformationGone_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .fault-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fault_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .consumption-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Consumption_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .cmd-ctrl-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_BAK_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .general-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .leakage-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Leakage_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .log-ctrl-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Log-Control_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .commented-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Comment_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .resolved-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fix-Text_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .acknowledged-icon-center {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Ok_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .alarm-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .alarm-gone-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_m_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .warning-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .warning-gone-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_m_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .operation-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .operation-gone-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_m_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .fault-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fault_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .consumption-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Consumption_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .cmd-ctrl-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_BAK_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .general-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .leakage-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Leakage_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .log-ctrl-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Log-Control_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .commented-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Comment_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .resolved-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fix-Text_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .acknowledged-icon-normal {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_OK_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .alarm-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 5px) center;
}
#application #main-content > div .alarm-gone-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_m_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 5px) center;
}
#application #main-content > div .warning-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .warning-gone-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_m_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .operation-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .operation-gone-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_m_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .fault-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fault_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .consumption-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Consumption_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .cmd-ctrl-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_BAK_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .general-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .leakage-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Leakage_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .log-ctrl-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Log-Control_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
#application #main-content > div .commented-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Comment_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 6px) center;
}
#application #main-content > div .resolved-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fix-Text_m.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 6px) center;
}
#application #main-content > div .acknowledged-icon-normal-list {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_OK_m_EN.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 6px) center;
}
#application #main-content > div .alarm-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .alarm-gone-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Alert_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .warning-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .warning-gone-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .operation-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .operation-gone-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Information_xl_DIS.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .fault-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fault_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .consumption-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Consumption_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .cmd-ctrl-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_BAK_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .general-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Caution_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .leakage-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Leakage_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .log-ctrl-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Log-Control_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .commented-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Comment_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .resolved-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Fix-Text_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .acknowledged-icon-large {
  display: block;
  float: left;
  height: 100%;
  background-image: url('../../../modules/issues/assets/Icon_Event_Ok_xl.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 0px) center;
}
#application #main-content > div .issue-acknowledge-btn {
  padding-left: 40px;
  background-image: url('../../../modules/issues/assets/Icon_Event_Ok_xs.png');
  background-position: 10px center;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#application #main-content > div .issues-overview {
  position: relative;
  width: 100%;
  height: 100%;
}
#application #main-content > div .issues-overview .content {
  position: relative;
  width: 100%;
  height: 100%;
}
#application #main-content > div .issues-overview .content .table-view-btn {
  font-size: 46px;
  line-height: 1px;
}
#application #main-content > div .issues-overview .content .table-view-btn:before {
  content: "\f190";
}
#application #main-content > div .issues-overview .content .detail-view-btn {
  font-size: 47px;
  line-height: 1px;
}
#application #main-content > div .issues-overview .content .detail-view-btn:before {
  content: "\f135";
}
#application #main-content > div .issues-overview .content .page-content {
  position: absolute;
  top: 46px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
#application #main-content > div .module.issues-filter-wrapper .content {
  box-sizing: border-box;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 0 0 0;
}
#application #main-content > div .module.issues-filter-wrapper .content .issues-sub-page-view-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container {
  position: absolute;
  z-index: 111;
  top: 15px;
  right: 16px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog-arrow {
  position: absolute;
  background: url('../../../core/style/base/default_theme/assets/icons/Asset_Value-Tip_Top.png') center no-repeat;
  height: 20px;
  width: 45px;
  top: -19px;
  right: 10px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog {
  height: 100%;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .invisible {
  visibility: hidden;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .small-btn {
  width: 34px;
  padding: 0;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body {
  position: relative;
  margin: 10px;
  padding: 0;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body:before,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body:after {
  content: " ";
  display: table;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body:after {
  clear: both;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body:before,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body:after {
  content: " ";
  display: table;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body:after {
  clear: both;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area {
  float: left;
  width: 400px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-dialog-spacer {
  height: 10px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  line-height: 32px;
  position: relative;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-remove-btn {
  position: absolute;
  top: 0;
  padding: 0;
  right: -34px;
  font-size: 32px;
  line-height: 32px;
  color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-remove-btn:before {
  content: "\f1a3";
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-remove-btn:active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-remove-btn:hover {
  color: #FFFFFF;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-add-btn {
  position: absolute;
  top: 0;
  right: -71px;
  font-size: 32px;
  line-height: 32px;
  color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-add-btn:before {
  content: "\f172";
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-add-btn:active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-add-btn.active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-add-btn:hover {
  color: #FFFFFF;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-controls-add-btn.active {
  background-color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row:first-child {
  margin-top: 0;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row.additional {
  margin-top: -5px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row.additional .filter-form-row-filter,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row.additional .filter-input {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 480px) {
  #application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row.additional .filter-form-row-filter,
  #application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row.additional .filter-input {
    margin-left: 25%;
  }
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter {
  margin-left: 0px;
  margin-right: 0px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-label {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  min-height: 33px;
  max-width: 290px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input .MultiCombobox-widget,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input .Combobox-widget-picker {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input .MultiCombobox-widget .multi-combobox-default-template,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input .Combobox-widget-picker .multi-combobox-default-template {
  margin-left: 0;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input input:not(.DatePicker-widget-input) {
  width: 100%;
  display: block;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input .DatePicker-widget {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row .filter-form-row-filter .filter-input .date-separator {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .filter-area .filter-form-row:last-child {
  margin-bottom: 0;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area {
  float: right;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-add-btn {
  font-size: 32px;
  line-height: 32px;
  color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-add-btn:before {
  content: "\f172";
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-add-btn:active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-add-btn.active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-add-btn:hover {
  color: #FFFFFF;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-add-btn.active {
  background-color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-apply-btn {
  font-size: 30px;
  line-height: 32px;
  color: #005978;
  padding: 0 10px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-apply-btn:before {
  content: "\f17d";
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-apply-btn:active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-apply-btn.active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-apply-btn:hover {
  color: #FFFFFF;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-apply-btn.active {
  background-color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-settings-btn {
  font-size: 28px;
  line-height: 32px;
  color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-settings-btn:before {
  content: "\f14b";
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-settings-btn:active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-settings-btn.active,
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-settings-btn:hover {
  color: #FFFFFF;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog .filter-dialog-body .button-area .filter-form-settings-btn.active {
  background-color: #005978;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog-minimized {
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog-minimized:before {
  content: "\f14b";
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container .filter-dialog-minimized:hover {
  background-color: #80B4C7;
}
#application #main-content > div .module.issues-filter-wrapper .filter-dialog-container.config-menu-open {
  right: calc(16px + 320px);
}
#application #main-content > div .content {
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
  height: 100%;
}
#application #main-content > div .content .highlighted {
  background-color: #FFCC00;
}
#application #main-content > div .content .item-list-container-wrapper {
  height: 100%;
  width: 275px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  float: left;
}
#application #main-content > div .content .item-list-container-wrapper .reload-issues-indication {
  padding: 10px;
  border-right: 1px solid #B3D2DD;
}
#application #main-content > div .content .item-list-container-wrapper .reload-issues-indication .center {
  text-align: center;
}
#application #main-content > div .content .item-list-container-wrapper .reload-issues-indication .center span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-right: 10px;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container {
  padding: 0;
  height: 100%;
  border-right: 1px solid #B3D2DD;
  overflow-y: auto;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .scrollbar-inner .scroll-content {
  width: 100% !important;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detailListTimeGroupHead {
  height: 32px;
  padding: 0;
  padding-left: 10px;
  background-color: #CCE1E9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item {
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 48px;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item:nth-child(even) {
  background-color: #F2F8F9;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item:nth-child(odd) {
  background-color: #E6F0F4;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item:hover {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item.active {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item .issue-list-view-icon {
  width: 55px;
  height: 48px;
  border-right: 1px solid #FFFFFF;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item .issue-list-view-icon .issue-priority-bar {
  width: 8px;
  height: 100%;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item .issue-list-view-item {
  height: 100%;
  padding: 10px;
  overflow: hidden;
}
#application #main-content > div .content .item-list-container-wrapper .item-list-container .detail-list-item .issue-list-view-item .issue-list-view-row {
  margin-left: 0px;
  margin-right: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#application #main-content > div .content .item-list-container-wrapper .pagination .pagination-content {
  height: 36px;
  border-top: 1px solid #80B4C7;
}
#application #main-content > div .content .item-list-container-wrapper .pagination .pagination-content .goto {
  -ms-flex-positive: 1;
      flex-grow: 1;
  cursor: default !important;
  background-color: transparent;
}
#application #main-content > div .content .content-container {
  height: 100%;
  width: calc(100% - 275px);
  float: left;
}
#application #main-content > div .content .header {
  color: #FFFFFF;
  background-color: #3387A5;
  height: 46px;
  height: 38px;
  font-size: 18px;
  padding: 5px;
}
#application #main-content > div .content .header .controls > * {
  float: left;
  margin: 0;
}
#application #main-content > div .content .item-detail-view {
  height: 100%;
  cursor: default;
}
#application #main-content > div .content .item-detail-view .no-selected-issue {
  margin: 30px;
}
#application #main-content > div .content .item-detail-view .detail-table {
  height: calc(100% - 36px - 72px);
}
#application #main-content > div .content .item-detail-view .propery-table {
  border: 1px solid #3387A5;
  border-top: 0px;
}
#application #main-content > div .content .item-detail-view .header-bar {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  position: relative;
  height: 180px;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 20px 20px 20px 10px;
}
@media (min-width: 992px) {
  #application #main-content > div .content .item-detail-view .header-bar .header-data {
    float: left;
    width: 50%;
  }
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .data-item-icon {
  float: left;
  height: 80px;
  width: 80px;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title {
  margin-left: 80px;
  padding: 0 0 0 10px;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .header-text {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row {
  margin-left: 0px;
  margin-right: 0px;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row .header-text {
  width: 100%;
  padding-right: 20px;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row .header-text:last-child {
  width: auto;
  margin-bottom: 0;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row .issue-details-controls-mark-as-seen-btn {
  display: block;
  float: right;
  margin: 0;
  padding-left: 17px;
  color: #000000;
  line-height: 28px;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row .issue-details-controls-mark-as-seen-btn:disabled {
  background-color: #F2F8F9;
  border-color: #BFD9E3;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row .issue-details-controls-mark-as-seen-btn:disabled .ok-icon {
  color: #008C00;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row .issue-details-controls-mark-as-seen-btn .ok-icon {
  line-height: inherit;
  float: left;
  font-size: 20px;
  margin-right: 5px;
}
#application #main-content > div .content .item-detail-view .header-bar .header-data .header-title .button-row .issue-details-controls-mark-as-seen-btn .ok-icon:before {
  content: "\f16b";
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 40px 10px 20px 10px;
  min-height: 160px;
}
@media (min-width: 992px) {
  #application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits {
    float: left;
    width: 50%;
  }
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .heading {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state {
  margin-top: 20px;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar {
  height: 16px;
  float: left;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.binary {
  width: 100%;
  background-color: #008C00;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.binary.alarm {
  background-color: #F20C0C;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.binary.warning {
  background-color: #FFCC00;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.multistate {
  width: 100%;
  background-color: #008C00;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.multistate.alarm {
  background-color: #F20C0C;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.multistate.warning {
  background-color: #FFCC00;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.analog {
  background-color: #008C00;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.analog.alarm {
  background-color: #F20C0C;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.analog.warning {
  background-color: #FFCC00;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar.analog.normal-bar .caption {
  display: none;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar .caption {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding-top: 20px;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar .caption.center {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar .caption.left {
  width: 100%;
  text-align: left;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .state-bar .caption.right {
  width: 100%;
  text-align: right;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .display-value {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3px;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .value-pointer {
  position: absolute;
  top: 34px;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .value-pointer .value-pointer-display {
  min-width: 100px;
  height: 32px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  padding: 0 10px 0 10px;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .value-pointer .value-pointer-arrow {
  height: 20px;
  margin-top: -1px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/arrow_Tooltip_03.png');
  background-position: center;
  background-repeat: no-repeat;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .value-pointer.underflow .value-pointer-arrow {
  background-image: url('../../../core/style/base/default_theme/assets/icons/Asset_Value-Tip_Left.png');
  background-position: left;
  margin-top: -2px;
  margin-left: 0;
}
#application #main-content > div .content .item-detail-view .header-bar .data-point-warn-limits .data-point-state .value-pointer.overflow .value-pointer-arrow {
  background-image: url('../../../core/style/base/default_theme/assets/icons/Asset_Value-Tip_Right.png');
  background-position: right;
  margin-top: -2px;
  margin-right: -4px;
}
#application #main-content > div .content .item-detail-view .header-bar .issue-detail-header-priority-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
}
#application #main-content > div .content .item-detail-view .new-comment-controls {
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px;
  background-color: #80B4C7;
  display: -ms-flexbox;
  display: flex;
}
#application #main-content > div .content .item-detail-view .new-comment-controls input {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: auto;
  margin-right: 20px;
  border: 1px solid #005978;
}
#application #main-content > div .content .item-detail-view .new-comment-controls button {
  border: 1px solid #00698F;
}
#application #main-content > div .content .item-detail-view .item-details {
  margin-left: 0px;
  margin-right: 0px;
  height: calc(100% - 180px);
}
#application #main-content > div .content .item-detail-view .item-details .left-area {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
}
@media (min-width: 992px) {
  #application #main-content > div .content .item-detail-view .item-details .left-area {
    float: left;
    width: 50%;
  }
}
#application #main-content > div .content .item-detail-view .item-details .right-area {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  border-left: 1px solid #FFFFFF;
}
@media (min-width: 992px) {
  #application #main-content > div .content .item-detail-view .item-details .right-area {
    float: left;
    width: 50%;
  }
}
#application #main-content > div .content .item-detail-view .item-details .issue-content-details-container {
  position: relative;
  height: 100%;
}
#application #main-content > div .content .item-detail-view .item-details .issue-content-details-container .issue-content-details-left-area,
#application #main-content > div .content .item-detail-view .item-details .issue-content-details-container .issue-content-details-right-area {
  height: 100%;
}
#application #main-content > div .content .item-detail-view .item-details .issue-content-details-container .issue-content-details-right-area {
  border-left: 1px solid #FFFFFF;
}
#application #main-content > div .content .item-detail-view .item-details .separator {
  height: 60px;
}
#application #main-content > div .content .item-detail-view .item-details .label-header {
  background-color: #CCE1E9;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
  padding-left: 10px;
}
#application #main-content > div .content .item-detail-view .item-details .print-text-accordion-content {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  background-color: #F2F8F9;
  padding: 10px 20px 20px 20px;
}
#application #main-content > div .content .item-detail-view .item-details ul.plant-images-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#application #main-content > div .content .item-detail-view .item-details ul.plant-images-list li {
  padding: 10px;
}
#application #main-content > div .content .item-detail-view .item-details ul.plant-images-list li .plant-image-link {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-decoration: underline;
  cursor: pointer;
}
#application #main-content > div .content .item-detail-view .item-details .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding: 10px;
  line-height: 32px;
}
#application #main-content > div .content .item-detail-view .item-details .label:first-child {
  padding-right: 20px;
}
#application #main-content > div .content .item-detail-view .item-details .table-cell.no-padding {
  padding-left: 0px;
  padding-right: 0px;
}
#application #main-content > div .content .item-detail-view .item-details .events-table-header {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  height: 36px;
  width: 100%;
  background-color: #CCE1E9;
  padding: 10px;
  margin-bottom: 1px;
}
#application #main-content > div .content .item-detail-view .item-details .detail-view-icon {
  font-size: 38px;
  position: absolute;
  top: 72px;
  right: 15px;
  color: #FFFFFF;
}
#application #main-content > div .content .item-detail-view .item-details .detail-view-icon:before {
  content: "\f135";
}
#application #main-content > div .content .item-detail-view .item-details .issue-priority-bar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 8px;
  display: inline-block;
  height: 100%;
}
#application #main-content > div .content .item-detail-view .item-details .col-type-icon {
  display: inline-block;
  width: 32px;
  padding: 0;
  border: 0;
}
#application #main-content > div .content .item-detail-view .item-details .col-type-icon .icon-container {
  height: 32px;
  width: 100%;
}
#application #main-content > div .issues-filter-wrapper .configuration-menu-container {
  position: relative;
  float: left;
  z-index: 110;
  width: 320px;
  height: 100%;
  padding: 0;
  background: #F2F8F9;
}
#application #main-content > div .configuration-menu {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  border-left: 1px solid #B3D2DD;
  padding-top: 32px;
}
#application #main-content > div .configuration-menu .configuration-area-header {
  height: 52px;
  padding-right: 20px;
  padding-bottom: 20px;
}
#application #main-content > div .configuration-menu .configuration-area-header .table-column-label {
  margin-left: 20px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#application #main-content > div .configuration-menu .configuration-area-header .table-column-default-button {
  float: right;
}
#application #main-content > div .configuration-menu .table-column-list {
  height: calc(100% - (32px + 20px));
}
#application #main-content > div .content .reload-issues-indication {
  padding: 10px;
}
#application #main-content > div .content .reload-issues-indication .center {
  text-align: center;
}
#application #main-content > div .content .reload-issues-indication .center span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-right: 10px;
}
#application #main-content > div .content .table-container {
  float: left;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
  height: 100%;
}
#application #main-content > div .content .table-container .issues-error-notification {
  position: relative;
  top: 50%;
}
#application #main-content > div .content .table-container.config-menu-visible {
  width: calc(100% - 320px);
}
#application #main-content > div .content .table-container .issues-control-bar {
  height: 36px;
  background-color: #F2F8F9;
  border-top: 1px solid #B3D2DD;
}
#application #main-content > div .content .table-container .issues-control-bar .pagination {
  float: left;
}
#application #main-content > div .content .table-container .issues-control-bar .pagination .pagination-content {
  height: 36px;
}
#application #main-content > div .content .table-container .issues-control-bar .pagination .pagination-content .goto {
  cursor: default !important;
  background-color: transparent;
}
#application #main-content > div .content .table-container .issues-control-bar .count-of-selected-items {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  color: #00698F;
  float: left;
}
#application #main-content > div .content .table-container .issues-control-bar .footer-buttons-right {
  float: right;
}
#application #main-content > div .content .table-container .issues-control-bar .footer-buttons-right .footer-btn.negative-margin-right {
  margin-right: -2px;
}
#application #main-content > div .content .table-container .issues-control-bar .footer-buttons-right .issue-acknowledge-btn {
  height: 36px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 36px;
  border-left: 1px solid #B3D2DD;
  padding-right: 20px;
  cursor: pointer;
}
#application #main-content > div .content .table-container .issues-table {
  height: calc(100% - 36px);
}
#application #main-content > div .content .table-container .issues-table .highlighted {
  background-color: #FFCC00;
}
#application #main-content > div .content .table-container .issues-table .table-view-widget {
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
#application #main-content > div .content .table-container .issues-table .Table-table-column .Checkbox-widget {
  line-height: 14px;
  height: 14px;
  padding: 0;
}
#application #main-content > div .content .table-container .issues-table .Table-table-column .issue-type-icon {
  float: none;
}
#application #main-content > div .content .table-container .issues-table .Table-table-column .issue-type-icon .issue-priority-color {
  width: 8px;
  height: 100%;
}
#application #main-content > div .content .table-container .issues-table .Table-table-column .TableView-active-details {
  padding: 0;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content {
  width: 100%;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls {
  height: 108px;
  border-right-width: 0;
  border-left-width: 0;
  background-color: #B3D2DD;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .col-selected {
  float: left;
  width: 33px;
  height: 100%;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area {
  height: 100%;
  float: left;
  width: calc(100% - 33px);
  box-shadow: 2px 3px 3px 0px rgba(0, 105, 143, 0.1);
  border-bottom: 1px solid #80B4C7;
  border-top: 1px solid #80B4C7;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-datapoint-label {
  padding-top: 20px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-controls-comment {
  float: left;
  width: 400px;
  border: 1px solid #005978;
  margin: 20px 10px 0 0;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area input,
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area button {
  float: left;
  margin-top: 20px;
  border: 1px solid #005978;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area input:disabled,
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area button:disabled {
  border-color: #80B4C7;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-controls-mark-as-seen-btn {
  float: right;
  margin: 20px 20px 0 0;
  padding-left: 17px;
  color: #000000;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-controls-mark-as-seen-btn .ok-icon {
  line-height: inherit;
  float: left;
  font-size: 20px;
  margin-right: 5px;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-controls-mark-as-seen-btn .ok-icon:before {
  content: "\f16b";
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-controls-mark-as-seen-btn:disabled {
  background-color: transparent;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-controls-mark-as-seen-btn:disabled .ok-icon {
  color: #008C00;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .issue-details-controls .issue-details-control-area .issue-details-controls-mark-as-seen-btn:disabled .ok-icon:before {
  content: "\f16b";
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row:last-of-type .col {
  border-bottom: 0;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  background-color: #B3D2DD;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .col {
  padding: 0 10px;
  overflow: hidden;
  line-height: 32px;
  border-left: 1px solid #80B4C7;
  border-bottom: 1px solid #80B4C7;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .col-type-selection {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 33px;
  border-top: 0;
  background-color: #B3D2DD;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .issue-priority-bar {
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 9px;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .col-type-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 41px;
  padding: 0;
  border-left: 0;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .col-type-icon .icon-container {
  height: 32px;
  width: 100%;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .col-event-date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 134px;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .col-event-message {
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden;
  line-height: 24px;
  padding-top: 4px;
  padding-bottom: 3px;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .events-table .events-table-row .col-event-username {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 150px;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .spacer {
  width: 100%;
  height: 10px;
  background-color: #B3D2DD;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .spacer .left-spacer {
  width: 33px;
  height: 100%;
  float: left;
}
#application #main-content > div .content .table-container .issues-table .issue-details-content .spacer .right-spacer {
  width: calc(100% - 33px);
  height: 100%;
  float: left;
  border-top: 1px solid #80B4C7;
}
#application #main-content > div .content .table-container .issues-table.dragtable-preview {
  border-left: 2px dashed rgba(0, 0, 0, 0.2);
  border-right: 2px dashed rgba(0, 0, 0, 0.2);
}
#application #top-bar .issues-filter-status-bar-item {
  cursor: pointer;
}
#application #top-bar .issues-filter-status-bar-item .issues-filter-status-bar-label {
  padding-left: 15px;
  line-height: 30px;
  float: left;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
}
#application #top-bar .issues-filter-status-bar-item .issues-filter-status-bar-label:after {
  content: ":";
}
#application #top-bar .issues-filter-status-bar-item .issues-filter-status-bar-value {
  height: 30px;
  padding: 0 15px 0 10px;
  line-height: 30px;
  float: left;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
}
#application #top-bar .issues-deactivate-filter-status-bar-item {
  float: left;
  cursor: pointer;
}
#application #top-bar .issues-deactivate-filter-status-bar-item .deactivate-filter-icon {
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 34px;
}
#application #top-bar .issues-deactivate-filter-status-bar-item .deactivate-filter-icon:before {
  content: "\f1a4";
}
#application #top-bar .issues-active-filter-status-bar-item {
  float: left;
  height: 30px;
  padding: 0 15px 0 15px;
  line-height: 30px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
}
.settings-module .subheading {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 15px;
  text-align: start;
}
.settings-module .settings-checkbox {
  margin-right: 10px;
  float: left;
}
.settings-module .checkbox-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
}
.settings-module .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.settings-module .left-menu {
  display: inline-block;
  float: left;
  height: 100%;
  border-right: 1px solid #3387A5;
  width: 274px;
}
.settings-module .left-menu .vertical-spacer {
  height: 10px;
}
.settings-module .left-menu .large-vertical-spacer {
  height: 20px;
}
.settings-module .left-menu .header {
  height: 46px;
}
.settings-module .left-menu .body {
  height: calc(100% - 46px);
}
.settings-module .left-menu .body.scroll-wrapper > .body.scroll-content {
  height: 100%;
}
.settings-module .left-menu .body .scroll-content {
  overflow: hidden;
}
.settings-module .left-menu .body .scroll-content.with-padding {
  margin: 20px;
}
.settings-module .left-menu .body.with-padding {
  padding: 20px;
}
.settings-module .left-menu .body.no-header {
  height: 100%;
}
.settings-module .left-menu .body.has-footer {
  height: calc(100% - 46px - 32px);
}
.settings-module .left-menu .body.has-footer.no-header {
  height: calc(100% - 32px);
}
.settings-module .left-menu .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module .left-menu .footer.four-button-bar .button {
  width: 25%;
  border-right: 1px solid #3387A5;
}
.settings-module .left-menu .footer.four-button-bar .button:last-child {
  border-right: none ;
}
.settings-module .left-menu .footer.three-button-bar .button {
  width: 33%;
}
.settings-module .left-menu .footer.three-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.settings-module .left-menu .footer.three-button-bar .button:nth-child(1) {
  width: 34%;
}
.settings-module .left-menu .footer.three-button-bar .button:last-child {
  border-left: 1px solid #3387A5;
}
.settings-module .left-menu .footer.two-button-bar .button {
  width: 50%;
}
.settings-module .left-menu .footer.two-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.settings-module .left-menu .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.settings-module .left-menu .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.settings-module .left-menu .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.settings-module .left-menu .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.settings-module .left-menu .footer .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.settings-module .left-menu .footer .button.glyph-icon {
  font-size: 30px;
}
.settings-module .left-menu .footer .button.glyph-icon[disabled],
.settings-module .left-menu .footer .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.settings-module .left-menu .footer .delete-button:before {
  content: "\f197";
}
.settings-module .left-menu .footer .duplicate-button:before {
  content: "\f13b";
}
.settings-module .left-menu .footer .create-button:before {
  content: "\f168";
}
.settings-module .left-menu .footer .import-button:before {
  content: "\f155";
}
.settings-module .left-menu .footer .export-button:before {
  content: "\f14e";
}
.settings-module .left-menu .footer .cut-copy-button:before {
  content: "\f12e";
}
.settings-module .left-menu .footer .add-group-button:before {
  content: "\f104";
}
.settings-module .left-menu .footer .load-button:before {
  content: "\f15e";
}
.settings-module .right-menu {
  display: inline-block;
  float: left;
  height: 100%;
  border-left: 1px solid #3387A5;
  width: 320px;
}
.settings-module .right-menu .vertical-spacer {
  height: 10px;
}
.settings-module .right-menu .large-vertical-spacer {
  height: 20px;
}
.settings-module .right-menu .header {
  height: 46px;
}
.settings-module .right-menu .body {
  height: calc(100% - 46px);
}
.settings-module .right-menu .body.scroll-wrapper > .body.scroll-content {
  height: 100%;
}
.settings-module .right-menu .body .scroll-content {
  overflow: hidden;
}
.settings-module .right-menu .body .scroll-content.with-padding {
  margin: 20px;
}
.settings-module .right-menu .body.with-padding {
  padding: 20px;
}
.settings-module .right-menu .body.no-header {
  height: 100%;
}
.settings-module .right-menu .body.has-footer {
  height: calc(100% - 46px - 32px);
}
.settings-module .right-menu .body.has-footer.no-header {
  height: calc(100% - 32px);
}
.settings-module .right-menu .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module .right-menu .footer.four-button-bar .button {
  width: 25%;
  border-right: 1px solid #3387A5;
}
.settings-module .right-menu .footer.four-button-bar .button:last-child {
  border-right: none ;
}
.settings-module .right-menu .footer.three-button-bar .button {
  width: 33%;
}
.settings-module .right-menu .footer.three-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.settings-module .right-menu .footer.three-button-bar .button:nth-child(1) {
  width: 34%;
}
.settings-module .right-menu .footer.three-button-bar .button:last-child {
  border-left: 1px solid #3387A5;
}
.settings-module .right-menu .footer.two-button-bar .button {
  width: 50%;
}
.settings-module .right-menu .footer.two-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.settings-module .right-menu .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.settings-module .right-menu .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.settings-module .right-menu .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.settings-module .right-menu .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.settings-module .right-menu .footer .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.settings-module .right-menu .footer .button.glyph-icon {
  font-size: 30px;
}
.settings-module .right-menu .footer .button.glyph-icon[disabled],
.settings-module .right-menu .footer .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.settings-module .right-menu .footer .delete-button:before {
  content: "\f197";
}
.settings-module .right-menu .footer .duplicate-button:before {
  content: "\f13b";
}
.settings-module .right-menu .footer .create-button:before {
  content: "\f168";
}
.settings-module .right-menu .footer .import-button:before {
  content: "\f155";
}
.settings-module .right-menu .footer .export-button:before {
  content: "\f14e";
}
.settings-module .right-menu .footer .cut-copy-button:before {
  content: "\f12e";
}
.settings-module .right-menu .footer .add-group-button:before {
  content: "\f104";
}
.settings-module .right-menu .footer .load-button:before {
  content: "\f15e";
}
.settings-module .right-menu.has-header {
  height: calc(100% - 46px);
}
.settings-module .main-content {
  display: inline-block;
  float: left;
  height: 100%;
  width: 100%;
}
.settings-module .main-content .vertical-spacer {
  height: 10px;
}
.settings-module .main-content .large-vertical-spacer {
  height: 20px;
}
.settings-module .main-content .header {
  height: 46px;
}
.settings-module .main-content .body {
  height: calc(100% - 46px);
}
.settings-module .main-content .body.scroll-wrapper > .body.scroll-content {
  height: 100%;
}
.settings-module .main-content .body .scroll-content {
  overflow: hidden;
}
.settings-module .main-content .body .scroll-content.with-padding {
  margin: 20px;
}
.settings-module .main-content .body.with-padding {
  padding: 20px;
}
.settings-module .main-content .body.no-header {
  height: 100%;
}
.settings-module .main-content .body.has-footer {
  height: calc(100% - 46px - 32px);
}
.settings-module .main-content .body.has-footer.no-header {
  height: calc(100% - 32px);
}
.settings-module .main-content .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module .main-content .footer.four-button-bar .button {
  width: 25%;
  border-right: 1px solid #3387A5;
}
.settings-module .main-content .footer.four-button-bar .button:last-child {
  border-right: none ;
}
.settings-module .main-content .footer.three-button-bar .button {
  width: 33%;
}
.settings-module .main-content .footer.three-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.settings-module .main-content .footer.three-button-bar .button:nth-child(1) {
  width: 34%;
}
.settings-module .main-content .footer.three-button-bar .button:last-child {
  border-left: 1px solid #3387A5;
}
.settings-module .main-content .footer.two-button-bar .button {
  width: 50%;
}
.settings-module .main-content .footer.two-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.settings-module .main-content .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.settings-module .main-content .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.settings-module .main-content .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.settings-module .main-content .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.settings-module .main-content .footer .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.settings-module .main-content .footer .button.glyph-icon {
  font-size: 30px;
}
.settings-module .main-content .footer .button.glyph-icon[disabled],
.settings-module .main-content .footer .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.settings-module .main-content .footer .delete-button:before {
  content: "\f197";
}
.settings-module .main-content .footer .duplicate-button:before {
  content: "\f13b";
}
.settings-module .main-content .footer .create-button:before {
  content: "\f168";
}
.settings-module .main-content .footer .import-button:before {
  content: "\f155";
}
.settings-module .main-content .footer .export-button:before {
  content: "\f14e";
}
.settings-module .main-content .footer .cut-copy-button:before {
  content: "\f12e";
}
.settings-module .main-content .footer .add-group-button:before {
  content: "\f104";
}
.settings-module .main-content .footer .load-button:before {
  content: "\f15e";
}
.settings-module .main-content > .scroll-wrapper {
  width: 100%;
  height: 100%;
}
.settings-module .main-content.has-header {
  height: calc(100% - 46px);
}
.settings-module .main-content.has-left {
  width: calc(100% - 274px);
}
.settings-module .main-content.has-right {
  width: calc(100% - 320px);
}
.settings-module .main-content.has-left-and-right {
  width: calc(100% - 274px - 320px);
}
.settings-module {
  background: #F2F8F9;
  height: 100%;
}
.settings-module:before,
.settings-module:after {
  content: " ";
  display: table;
}
.settings-module:after {
  clear: both;
}
.settings-module:before,
.settings-module:after {
  content: " ";
  display: table;
}
.settings-module:after {
  clear: both;
}
.settings-module .settings-list-container,
.settings-module .settings-content {
  height: 100%;
  float: left;
}
.settings-module .settings-list {
  height: calc(100% - 46px);
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root {
  position: relative;
  background-color: #3387A5;
  /**
        * Mixin to color a specific level
        */
  /*
        * level 1
        */
  /*
        * level 2
        */
  /*
        * Level 3
        */
  /*
        * Level 4
        */
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li {
  background-color: #E6F0F4;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > .tree-view-widget-label {
  text-transform: uppercase;
  background-color: #3387A5;
  color: #FFFFFF;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > .tree-view-widget-label > .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #1A789A;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li.expanded,
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li.selected,
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li.not-expandable {
  background-color: #3387A5;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label,
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label {
  background-color: transparent;
  border-color: #3387A5;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root ul {
  margin-left: 10px;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #3387A5;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #1A789A;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul {
  background-color: #66A5BC;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #66A5BC;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label,
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #66A5BC;
  border-color: #66A5BC;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #4D96B0;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul {
  background-color: #80B4C7;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #80B4C7;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #80B4C7;
  border-color: #80B4C7;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #66A5BC;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul {
  background-color: #99C3D2;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #99C3D2;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #99C3D2;
  border-color: #99C3D2;
}
.settings-module .settings-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #80B4C7;
}
.settings-module.settings-roles .content-row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.settings-module.settings-roles .role-wrapper .input-small {
  width: 300px;
}
.settings-module.settings-roles .role-wrapper .role-header-row {
  width: 100%;
}
.settings-module.settings-roles .role-wrapper .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-module.settings-roles .role-wrapper .columns .column {
  min-width: 320px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  transition: max-height 500ms ease-in-out;
}
.settings-module.settings-roles .role-wrapper .columns .column .fade-out {
  height: 1px;
  width: 100%;
  box-shadow: 0 0 64px 64px rgba(242, 248, 249, 0.8);
}
.settings-module.settings-roles .role-wrapper .columns .column-minimized {
  max-height: 260px;
  overflow: hidden;
}
.settings-module.settings-roles .role-wrapper .columns .column-expanded {
  max-height: unset;
  overflow: hidden;
}
.settings-module.settings-roles .role-wrapper .columns .column.column-minimized .title .text,
.settings-module.settings-roles .role-wrapper .columns .column.column-expanded .title .text {
  float: left;
  width: calc(100% - 64px);
}
.settings-module.settings-roles .role-wrapper .columns .column.column-minimized .title .toggle-icon,
.settings-module.settings-roles .role-wrapper .columns .column.column-expanded .title .toggle-icon {
  float: left;
  width: 64px;
  height: 20px;
  line-height: 20px;
}
.settings-module.settings-roles .role-wrapper .columns .column.column-minimized .title .toggle-icon.up:before,
.settings-module.settings-roles .role-wrapper .columns .column.column-expanded .title .toggle-icon.up:before {
  content: "\f114";
}
.settings-module.settings-roles .role-wrapper .columns .column.column-minimized .title .toggle-icon.down:before,
.settings-module.settings-roles .role-wrapper .columns .column.column-expanded .title .toggle-icon.down:before {
  content: "\f111";
}
.settings-module.settings-roles .role-wrapper .columns .column.column-minimized .rights,
.settings-module.settings-roles .role-wrapper .columns .column.column-expanded .rights {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
}
.settings-module .settings-licensemanager {
  height: 100%;
  color: #000000;
}
.settings-module .settings-licensemanager .body {
  height: calc(100% - 46px);
}
.settings-module .settings-licensemanager .license-charts {
  clear: both;
  overflow: hidden;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container {
  display: inline-block;
  height: 250px;
  margin-right: 10px;
  min-width: 320px;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content {
  position: relative;
  height: 100%;
  padding: 20px;
  background-color: #E6F0F4;
  text-align: center;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content h3 {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin: 0;
  margin-bottom: 20px;
  font-weight: bold;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .chart-widget-container {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .free-units-container,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .total-units-container {
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 20px;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .free-units-container .free-units-label,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .total-units-container .free-units-label,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .free-units-container .total-units-label,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .total-units-container .total-units-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  position: absolute;
  left: 20px;
  bottom: 0;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .free-units-container .free-units-value,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .total-units-container .free-units-value,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .free-units-container .total-units-value,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .total-units-container .total-units-value {
  font-size: 24px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 24px;
  font-weight: bold;
  float: right;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .free-units-container .total-units-value,
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .total-units-container .total-units-value {
  color: #A6CAD8;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .free-units-container {
  bottom: 54px;
}
.settings-module .settings-licensemanager .license-charts .license-chart-container .license-chart-content .total-units-container {
  bottom: 16px;
}
.settings-module .settings-licensemanager .license-activation-container {
  width: 600px;
}
.settings-module .settings-licensemanager .license-activation-container .license-key-input {
  width: 450px;
}
.settings-module .settings-licensemanager .license-activation-container .license-key-activate-button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  width: 140px;
  float: right;
}
.settings-module .settings-licensemanager .license-details-container {
  position: relative;
  overflow: hidden;
}
.settings-module .settings-licensemanager .license-details-container .license-details {
  display: inline-block;
  height: 100%;
  padding-right: 10px;
  min-width: 320px;
  overflow: hidden;
}
.settings-module .settings-licensemanager .license-details-container .license-details .license-details-header {
  background-color: #D9E8EE;
  padding: 10px 20px;
  height: 35px;
}
.settings-module .settings-licensemanager .license-details-container .license-details .license-details-header h3 {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin: 0;
  font-weight: bold;
}
.settings-module .settings-licensemanager .license-details-container .license-details .license-details-content {
  background-color: #E6F0F4;
  padding: 20px;
  padding-top: 6px;
  padding-left: 30px;
  overflow-y: auto;
  min-height: 316px;
}
.settings-module .settings-licensemanager .license-details-container .license-details .license-details-content tr td {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 34px;
  padding: 0;
  padding-left: 10px;
}
.settings-module .settings-licensemanager .license-details-container .license-details .license-details-content tr td:first-child {
  padding-left: 0;
}
.settings-module .settings-licensemanager .license-details-container .license-details .license-details-content tr:last-child td {
  padding-bottom: 0;
}
.settings-module .settings-licensemanager .license-temp-ppe-activation-container {
  width: 600px;
}
.settings-module .settings-licensemanager .license-temp-ppe-activation-container .license-key-input {
  width: 450px;
}
.settings-module .settings-licensemanager .license-temp-ppe-activation-container .license-key-activate-button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  width: 140px;
  float: right;
}
.settings-module .settings-licensemanager .license-neuron-ids-popup {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 400px;
  height: 50%;
  background-color: #F2F8F9;
  margin: auto;
  box-shadow: 0px 0px 1px 16px rgba(0, 0, 0, 0.6);
  z-index: 200;
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-header {
  position: relative;
  height: 64px;
  padding: 0 20px;
  border-bottom: 1px solid white;
  text-align: center;
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-header h3 {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  color: #000000;
  font-weight: bold;
  margin: 0;
  line-height: 64px;
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-header .license-neuron-ids-popup-close-button {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 40px;
  height: 40px;
  background: center no-repeat url('../../../core/style/base/default_theme/assets/icons/Icon_Close-EN.png');
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-header .license-neuron-ids-popup-close-button:hover {
  background: center no-repeat url('../../../core/style/base/default_theme/assets/icons/Icon_Close-OVER.png');
  cursor: pointer;
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-header .license-neuron-ids-popup-close-button:focus {
  background: center no-repeat url('../../../core/style/base/default_theme/assets/icons/Icon_Close-PRS.png');
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-content {
  position: absolute;
  top: 64px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: scroll;
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.settings-module .settings-licensemanager .license-neuron-ids-popup .license-neuron-ids-popup-content ul li {
  border-bottom: 1px solid white;
  line-height: 2em;
  padding: 0 20px;
}
.settings-networksettings .content-row {
  width: 300px;
}
.settings-networksettings .content-row .input-pair-ip {
  display: inline-block;
  width: 180px;
  margin-right: 20px;
}
.settings-networksettings .content-row .input-pair-port {
  display: inline-block;
  width: 96px;
}
.settings-networksettings .btnRow-Container .btnRow {
  display: inline-block;
}
.settings-networksettings .btnRow-Container .btnRow .inner-row .input {
  width: 300px;
  display: inline-block;
}
.settings-networksettings .btnRow-Container .btnRow .inner-row .btnDelete {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: #F2F8F9;
}
.settings-networksettings .btnRow-Container .btnRow .inner-row .btnDelete:before {
  content: "\f1a3";
}
.settings-networksettings .btnRow-Container .btnRow .inner-row .btnDelete:active,
.settings-networksettings .btnRow-Container .btnRow .inner-row .btnDelete:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.settings-networksettings .btnRow-Container .btnAdd-Container {
  display: inline-block;
}
.settings-networksettings .btnRow-Container .btnAdd-Container .btnAdd {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: #F2F8F9;
}
.settings-networksettings .btnRow-Container .btnAdd-Container .btnAdd:before {
  content: "\f172";
}
.settings-networksettings .btnRow-Container .btnAdd-Container .btnAdd:active,
.settings-networksettings .btnRow-Container .btnAdd-Container .btnAdd:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.settings-networkinterfacecardssetting .body .scroll-content .nic-container {
  width: 300px;
}
.settings-networkinterfacecardssetting .body .scroll-content .nic-container .over {
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 20px;
}
.settings-networkinterfacecardssetting .body .scroll-content .nic-container .content-row {
  display: inline-block;
  margin-top: 20px;
}
.settings-networkinterfacecardssetting .body .scroll-content .nic-container .content-row .securitypolicy-checkbox {
  margin-top: 20px;
}
.settings-networkinterfacecardssetting .body .scroll-content .nic-container .content-row .checkbox-label {
  font-size: 12px;
}
.settings-systemconfiguration .systemconfiguration-controls {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-systemconfiguration .systemconfiguration-controls .category {
  padding: 20px;
}
.settings-systemconfiguration .systemconfiguration-controls .category label {
  position: relative;
  width: 100%;
  display: inline-block;
}
.settings-systemconfiguration .systemconfiguration-controls .category .inline-input-field {
  position: absolute;
  right: 0;
  top: -8px;
  width: 100px;
  display: inline-block;
}
.settings-systemconfiguration .systemconfiguration-controls .inline-input-field-small {
  width: 90px;
  float: right;
}
.settings-systemconfiguration .systemconfiguration-controls .content-row {
  width: 300px;
  margin: 0;
}
.settings-systemconfiguration .systemconfiguration-controls .indented {
  padding-left: 42px;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .InputField-widget {
  display: inline-block;
  width: calc(100% - 37px);
  margin-right: 5px;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list button {
  padding: 0;
  width: 32px;
  font-size: 28px;
  float: right;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .add:before {
  content: "\f172";
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .remove:before {
  content: "\f1a3";
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container > .scroll-wrapper {
  height: 100px;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container .removable-item {
  line-height: 32px;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container .removable-item span {
  margin-left: 10px;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container .removable-item button {
  display: none;
  background-color: transparent;
  border: none;
  margin-right: 20px;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container .removable-item button:hover {
  background-color: #80B4C7;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container .removable-item button:active {
  background-color: #005978;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container .removable-item:hover {
  background-color: #E6F0F4;
}
.settings-systemconfiguration .systemconfiguration-controls .removable-items-list .items-container .removable-item:hover button {
  display: inline;
}
.settings-systemconfiguration .systemconfiguration-controls .singlerow .input-label {
  line-height: 32px;
}
.settings-systemconfiguration .systemconfiguration-controls .singlerow .InputField-widget {
  width: 100px;
  float: right;
}
.settings-systemconfiguration .systemconfiguration-controls .checkbox-label {
  line-height: 32px !important;
}
.settings-systemconfiguration .systemconfiguration-controls .checkbox-label.multirow {
  display: block;
  padding-left: 42px;
  height: auto;
  line-height: 18px !important;
  padding-top: 8px;
}
.settings-securitypolicy .securitypolicy-controls {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-securitypolicy .securitypolicy-controls .content-row {
  width: 300px;
  margin: 0;
}
.settings-securitypolicy .securitypolicy-controls .standard-user-picker {
  vertical-align: middle;
  width: 100%;
}
.settings-securitypolicy .securitypolicy-controls .securitypolicy-checkbox {
  margin-top: 0 !important;
}
.settings-securitypolicy .securitypolicy-controls .checkbox-label {
  line-height: 32px !important;
}
.settings-securitypolicy .securitypolicy-controls .multirow-label {
  display: block;
  padding-left: 42px;
  height: auto;
  line-height: 18px !important;
  padding-top: 8px;
}
.settings-securitypolicy .securitypolicy-controls .input-align-right > input {
  text-align: right;
}
.settings-securitypolicy .securitypolicy-controls .InputField-widget {
  float: right;
  width: 80px;
}
.settings-securitypolicy .securitypolicy-controls .inputfield-label {
  display: block;
  padding-left: 42px;
  line-height: 32px;
}
.username-rendering .glyph-icon {
  margin-right: 5px;
  font-size: 24px;
}
.username-rendering .glyph-icon:before {
  content: "\f109";
}
.username-rendering .glyph-icon.is-std-user:before {
  content: "\f131";
}
.username-rendering .glyph-icon.is-maintenance-user:before {
  content: "\f188";
}
.username-rendering .glyph-icon.is-admin-user:before {
  content: "\f108";
}
.settings-profile .InputField-widget,
.settings-profile .newCombobox-widget {
  width: 300px;
}
.settings-profile .heading {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  display: block;
  height: 12px;
  line-height: 12px;
  margin-bottom: 6px;
}
.settings-profile .columns .column {
  width: 320px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10%;
}
.settings-profile .Checkbox-widget {
  margin-top: 0px;
}
.settings-profile .checkbox-label {
  line-height: 32px !important;
}
.settings-profile .label-small {
  display: inline-block;
  width: 250px;
  height: auto;
  margin-top: 3px;
  line-height: 17px !important;
}
.settings-profile .content-row {
  width: 300px;
  margin: 0;
}
.settings-profile .criterion {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 12px;
  margin-right: 10px;
  vertical-align: top;
  font-size: 43px;
  color: #F20C0C;
}
.settings-profile .criterion:before {
  content: "\f1a3";
}
.settings-profile .criterion:before {
  position: relative;
  top: -10px;
  left: -11px;
}
.settings-profile .criterion.fulfilled {
  font-size: 24px;
  color: #008C00;
}
.settings-profile .criterion.fulfilled:before {
  content: "\f16b";
}
.settings-profile .criterion.fulfilled:before {
  top: -1px;
  left: -2px;
}
.settings-module.settings-user .columns .column {
  min-width: 320px;
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
.settings-module.settings-user .columns .column .content-row,
.settings-module.settings-user .columns .column .InputField-widget,
.settings-module.settings-user .columns .column .newCombobox-widget,
.settings-module.settings-user .columns .column .DatePicker-widget,
.settings-module.settings-user .columns .column .MultiCombobox-widget,
.settings-module.settings-user .columns .column textarea {
  width: 300px;
  margin: 0;
}
.settings-module.settings-user .columns .column button.password-invalid {
  color: #F20C0C;
  border-color: #F20C0C;
}
.settings-module.settings-user .columns .column .criterion {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 12px;
  margin-right: 10px;
  vertical-align: top;
  font-size: 43px;
  color: #F20C0C;
}
.settings-module.settings-user .columns .column .criterion:before {
  content: "\f1a3";
}
.settings-module.settings-user .columns .column .criterion:before {
  position: relative;
  top: -10px;
  left: -11px;
}
.settings-module.settings-user .columns .column .criterion.fulfilled {
  font-size: 24px;
  color: #008C00;
}
.settings-module.settings-user .columns .column .criterion.fulfilled:before {
  content: "\f16b";
}
.settings-module.settings-user .columns .column .criterion.fulfilled:before {
  top: -1px;
  left: -2px;
}
.settings-module.settings-user .columns .column .checkbox-label {
  line-height: 32px !important;
}
.settings-module.settings-user .columns .column .label-small {
  display: inline-block;
  width: 250px;
  height: auto;
  margin-top: 3px;
  line-height: 17px !important;
}
.settings-module.settings-user .columns .column .Table-widget {
  width: 300px;
}
.settings-module.settings-user .columns .column .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 250px;
}
.settings-module.settings-user .columns .column .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-details-row .domain-details {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding: 0 20px;
}
.settings-module.settings-user .columns .button-right {
  float: right;
}
.settings-module.settings-user .left-menu .footer .duplicate-button:before {
  content: "\f13c";
}
.settings-module.settings-user .left-menu .footer .create-button:before {
  content: "\f16a";
}
.settings-module.settings-user .left-menu .username-rendering .glyph-icon {
  margin-right: 5px;
  font-size: 24px;
}
.settings-module.settings-user .left-menu .username-rendering .glyph-icon:before {
  content: "\f109";
}
.settings-module.settings-user .left-menu .username-rendering .glyph-icon.is-std-user:before {
  content: "\f131";
}
.settings-module.settings-user .left-menu .username-rendering .glyph-icon.is-maintenance-user:before {
  content: "\f188";
}
.settings-module.settings-user .left-menu .username-rendering .glyph-icon.is-admin-user:before {
  content: "\f108";
}
.i18n-container {
  width: 100%;
  height: 100%;
}
.main-content.drag-active {
  box-shadow: 0px 0px 18px 0px #333333;
}
.alert-group-header {
  background: #CCE1E9;
  height: 33px;
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #F2F8F9;
}
.alert-group-header .label {
  padding-left: 10px;
  line-height: 32px;
  width: 200px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: #00698F;
}
.alert-group-header .inputfield {
  width: 200px;
  height: 32px;
  float: left;
}
.alert-group-header .control-item {
  height: 100%;
  width: 32px;
  float: left;
  line-height: 34px;
  color: #00698F;
  font-size: 20px;
  text-align: center;
}
.alert-group-header .control-item:hover {
  background: #1A789A;
  color: #FFFFFF;
}
.alert-group-header .control-item.accept-name:before {
  content: "\f16b";
}
.alert-group-header .slices {
  width: calc(100% - 200px);
  float: left;
  display: -ms-flexbox;
  display: flex;
}
.alert-group-header .slices .slice {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  border-left: 1px solid #FFFFFF;
  padding-left: 10px;
  line-height: 32px;
  font-size: 12px;
  color: #00698F;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.alert-group-target-header {
  width: 100%;
  height: 33px;
  background: #CCE1E9;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #F2F8F9;
}
.alert-group-target-header .config-area {
  height: 100%;
  width: 200px;
}
.alert-group-target-header .config-area .label {
  padding-left: 10px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  float: left;
  width: 168px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.alert-group-target-header .config-area .control-item {
  height: 100%;
  width: 32px;
  float: left;
  line-height: 32px;
  color: #00698F;
}
.alert-group-target-header .config-area .control-item.disabled {
  color: #66A5BC;
}
.alert-group-target-header .config-area .control-item.invalid {
  color: #F20C0C;
}
.alert-group-target-header .config-area .control-item:hover:not.disabled {
  background: #1A789A;
  color: #FFFFFF;
}
.alert-group-target-header .config-area .control-item.add-entry {
  font-size: 32px;
  line-height: 34px;
  text-align: center;
}
.alert-group-target-header .config-area .control-item.add-entry:before {
  content: "\f172";
}
.alert-group-target-content {
  width: 100%;
  border-right: 1px solid #F2F8F9;
}
.alert-group-target-content .alert-group-target {
  width: 100%;
  height: 33px;
  border-bottom: 1px solid #FFFFFF;
}
.alert-group-target-content .alert-group-target.drop-target {
  border: 1px dashed #4D96B0;
}
.alert-group-target-content .alert-group-target.drop-target .config-area .label {
  padding-left: 9px;
  width: 135px;
}
.alert-group-target-content .alert-group-target:nth-child(even) {
  background: #E6F0F4;
}
.alert-group-target-content .alert-group-target .config-area {
  height: 100%;
  width: 200px;
  float: left;
}
.alert-group-target-content .alert-group-target .config-area .label {
  padding-left: 10px;
  line-height: 32px;
  font-size: 12px;
  color: #000000;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 136px;
}
.alert-group-target-content .alert-group-target .config-area .combobox {
  line-height: 32px;
  float: left;
  width: 168px;
}
.alert-group-target-content .alert-group-target .config-area .combobox.with-exclamation-mark.validation-error {
  width: 148px;
}
.alert-group-target-content .alert-group-target .config-area .control-item {
  height: 100%;
  width: 32px;
  float: left;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  color: #00698F;
}
.alert-group-target-content .alert-group-target .config-area .control-item.disabled {
  background: transparent;
  color: #66A5BC;
}
.alert-group-target-content .alert-group-target .config-area .control-item:hover {
  background: #1A789A;
  color: #FFFFFF;
}
.alert-group-target-content .alert-group-target .config-area .control-item:hover.disabled {
  background: transparent;
  color: #66A5BC;
}
.alert-group-target-content .alert-group-target .config-area .control-item.edit-entry:before {
  content: "\f143";
}
.alert-group-target-content .alert-group-target .config-area .control-item.always-on:before {
  content: "\f164";
}
.alert-group-target-content .alert-group-target .config-area .control-item.time-dependant:before {
  content: "\f165";
}
.alert-group-target-content .alert-group-target .config-area .control-item.datapoint-dependant:before {
  content: "\f163";
}
.alert-group-target-content .alert-group-target .config-area .control-item.accept-target:before {
  content: "\f16b";
}
.alert-group-target-content .alert-group-target .always-on-visualization {
  height: 100%;
  width: calc(100% - 200px);
  float: left;
  display: -ms-flexbox;
  display: flex;
}
.alert-group-target-content .alert-group-target .always-on-visualization .slice {
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;
  border-left: 1px solid #FFFFFF;
  background: #999999;
}
.alert-group-target-content .alert-group-target .always-on-visualization .slice:first-of-type {
  border-left: 0;
}
.alert-group-target-content .alert-group-target .dp-dependant-visualization {
  height: 100%;
  width: calc(100% - 200px);
  float: left;
  border: 1px solid #999999;
  background-size: 48px 32px;
  background-color: #FFFFFF;
  position: relative;
  background-image: linear-gradient(135deg, #CCCCCC 10%, transparent 10%, transparent 20%, #CCCCCC 20%, #CCCCCC 30%, transparent 30%, transparent 40%, #CCCCCC 40%, #CCCCCC 50%, transparent 50%, transparent 60%, #CCCCCC 60%, #CCCCCC 70%, transparent 70%, transparent 80%, #CCCCCC 80%, #CCCCCC 90%, transparent 90%, transparent 100%);
  -pie-background: linear-gradient(135deg, #CCCCCC 10%, transparent 10%, transparent 20%, #CCCCCC 20%, #CCCCCC 30%, transparent 30%, transparent 40%, #CCCCCC 40%, #CCCCCC 50%, transparent 50%, transparent 60%, #CCCCCC 60%, #CCCCCC 70%, transparent 70%, transparent 80%, #CCCCCC 80%, #CCCCCC 90%, transparent 90%, transparent 100%);
  display: -ms-flexbox;
  display: flex;
}
.alert-group-target-content .alert-group-target .dp-dependant-visualization.loading {
  background-color: #80B4C7;
}
.alert-group-target-content .alert-group-target .dp-dependant-visualization button {
  height: 32px;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 200;
}
.alert-group-target-content .alert-group-target .dp-dependant-visualization button.choose-datapoint {
  color: #F20C0C;
  border: 1px solid #F20C0C;
}
.alert-group-target-content .alert-group-target .dp-dependant-visualization .slice {
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;
  border-left: 1px solid #FFFFFF;
}
.alert-group-target-content .alert-group-target .dp-dependant-visualization .slice:first-of-type {
  border-left: 0;
}
.target-options-popup {
  background: #FFFFFF;
}
.target-options-popup .popup-entry {
  width: 200px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #00698F;
}
.target-options-popup .popup-entry.disabled {
  color: #66A5BC;
}
.target-options-popup .popup-entry:last-of-type {
  border-bottom: 0;
}
.target-options-popup .popup-entry:hover:not(.disabled) {
  background: #00698F;
  color: #FFFFFF;
}
.config-area {
  height: 100%;
  width: 100%;
}
.config-area .scroll-content {
  overflow: hidden;
}
.config-area .scroll-content.with-padding {
  margin: 20px;
}
.config-area .group-label {
  width: 280px;
  height: 32px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.config-area .group-label:first-of-type {
  margin-top: 0;
}
.config-area .alert-group-target-drag-container .draggable-target {
  width: 100%;
  height: 32px;
}
.config-area .alert-group-target-drag-container .draggable-target.drag-active {
  border: 1px dashed #4D96B0;
  background-color: #FFFFFF;
}
.config-area .alert-group-target-drag-container .draggable-target .label {
  float: left;
  width: calc(100% - 32px);
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.config-area .alert-group-target-drag-container .draggable-target .drag-handle {
  float: left;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
}
.config-area .alert-group-target-drag-container .draggable-target .drag-handle:before {
  content: "\f13a";
}
.alertgroup-combo-placeholder {
  font-style: italic;
  color: #999999;
}
.settings-standbygroups .settings-configuration-menu {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
}
.settings-standbygroups .settings-configuration-menu .header-row {
  margin: 18px 20px 20px 20px;
}
.settings-standbygroups .settings-configuration-menu .header-row .configuration-menu-header {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  float: left;
  margin-right: 10px;
  line-height: 32px;
}
.settings-standbygroups .settings-configuration-menu .header-row .default-layout-button {
  float: right;
}
.settings-standbygroups .settings-configuration-menu .list-item {
  height: 32px;
  line-height: 32px;
  width: 100%;
  padding-left: 20px;
  padding-right: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.settings-standbygroups .settings-configuration-menu .list-item span {
  width: calc(68%);
  display: inline-block;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings-standbygroups .settings-configuration-menu .list-item:hover {
  background-color: #FFFFFF;
}
.settings-standbygroups .settings-configuration-menu .list-item.is-dragging {
  border: 1px dashed #3387A5;
}
.settings-standbygroups .settings-configuration-menu .list-item .drag-element {
  line-height: 32px;
  height: 32px;
  width: 32px;
  float: right;
  font-size: 24px;
  text-align: center;
}
.settings-standbygroups .settings-configuration-menu .list-item .drag-element:before {
  content: "\f13a";
}
.settings-standbygroups .settings-configuration-menu .list-item-selected {
  color: #3387A5;
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-drop-to-remove-user {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-drop-to-remove-user:before {
  content: "\f133";
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-drop-to-remove-user::before {
  font-family: qanteon-icons;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-user-list {
  height: calc(68%);
}
.settings-standbygroups .settings-configuration-menu.active-drag .configuration-menu-drop-to-remove-user {
  background-color: #F2F8F9;
  opacity: 0.8;
  display: block;
}
.settings-standbygroups .settings-configuration-menu.active-drop .configuration-menu-drop-to-remove-user:before {
  content: "\f134";
}
.modal-container .dialog-content {
  padding: 20px;
  margin-bottom: 40px;
}
.modal-container .dialog-content .form-label {
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.modal-container .dialog-content .row {
  min-height: 32px;
  margin-bottom: 10px;
}
.modal-container .dialog-content .new-role-value-input {
  padding-left: 20px;
}
.modal-container .dialog-content .new-role-value-input .name-label {
  padding-bottom: 20px;
}
.modal-container .dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 32px;
  background-color: #F2F8F9;
  border-top: 1px solid #80B4C7;
}
.modal-container .dialog-footer button {
  float: right;
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.settings-standbygroups .settings-content-area .type-picker {
  width: 300px;
}
.settings-standbygroups .settings-content-area .type-picker.as-text {
  padding-left: 20px;
  margin-top: -10px;
}
.settings-standbygroups .settings-content-area .input-small {
  width: 300px;
}
.settings-standbygroups .settings-content-area .list-members {
  width: 300px;
}
.settings-standbygroups .settings-content-area .input-right-align > input {
  text-align: right;
}
.settings-standbygroups .settings-content-area .InputField-widget .inputfield-placeholder {
  color: #000000;
  font-style: normal;
}
.settings-standbygroups .settings-content-area .settings-scroll-area .settings-scroll-area-content .span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-standbygroups .settings-content-area .settings-scroll-area .delay-input {
  margin-left: 20px;
}
.settings-standbygroups .settings-configuration-menu {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
}
.settings-standbygroups .settings-configuration-menu .header-row {
  margin: 18px 20px 20px 20px;
}
.settings-standbygroups .settings-configuration-menu .header-row .configuration-menu-header {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  float: left;
  margin-right: 10px;
  line-height: 32px;
}
.settings-standbygroups .settings-configuration-menu .header-row .default-layout-button {
  float: right;
}
.settings-standbygroups .settings-configuration-menu .list-item {
  height: 32px;
  line-height: 32px;
  width: 100%;
  padding-left: 20px;
  padding-right: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.settings-standbygroups .settings-configuration-menu .list-item span {
  width: calc(68%);
  display: inline-block;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings-standbygroups .settings-configuration-menu .list-item:hover {
  background-color: #FFFFFF;
}
.settings-standbygroups .settings-configuration-menu .list-item.is-dragging {
  border: 1px dashed #3387A5;
}
.settings-standbygroups .settings-configuration-menu .list-item .drag-element {
  line-height: 32px;
  height: 32px;
  width: 32px;
  float: right;
  font-size: 24px;
  text-align: center;
}
.settings-standbygroups .settings-configuration-menu .list-item .drag-element:before {
  content: "\f13a";
}
.settings-standbygroups .settings-configuration-menu .list-item-selected {
  color: #3387A5;
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-drop-to-remove-user {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-drop-to-remove-user:before {
  content: "\f133";
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-drop-to-remove-user::before {
  font-family: qanteon-icons;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
.settings-standbygroups .settings-configuration-menu .configuration-menu-user-list {
  height: calc(68%);
}
.settings-standbygroups .settings-configuration-menu.active-drag .configuration-menu-drop-to-remove-user {
  background-color: #F2F8F9;
  opacity: 0.8;
  display: block;
}
.settings-standbygroups .settings-configuration-menu.active-drop .configuration-menu-drop-to-remove-user:before {
  content: "\f134";
}
.modal-container .dialog-content {
  padding: 20px;
  margin-bottom: 40px;
}
.modal-container .dialog-content .form-label {
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.modal-container .dialog-content .row {
  min-height: 32px;
  margin-bottom: 10px;
}
.modal-container .dialog-content .new-role-value-input {
  padding-left: 20px;
}
.modal-container .dialog-content .new-role-value-input .name-label {
  padding-bottom: 20px;
}
.modal-container .dialog-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 32px;
  background-color: #F2F8F9;
  border-top: 1px solid #80B4C7;
}
.modal-container .dialog-footer button {
  float: right;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0 0 0 1px;
}
.settings-standbygroups .prio-container {
  position: relative;
  height: 32px;
  width: 150px;
  display: inline-block;
}
.settings-standbygroups .input-label-centered {
  height: 32px;
  line-height: 32px;
  width: 30px;
  top: -1px;
}
.settings-standbygroups .inline-span-label {
  position: absolute;
  right: 100px;
  top: 0;
  line-height: 30px;
  height: 32px;
  width: 5px;
  display: inline-block;
}
.settings-standbygroups .inline-input-field {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  display: inline-block;
}
.modal-container .dialog-content {
  padding: 20px;
  margin-bottom: 40px;
}
.modal-container .dialog-content .form-label {
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.modal-container .dialog-content .row {
  min-height: 32px;
  margin-bottom: 10px;
}
.modal-container .dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 32px;
  background-color: #F2F8F9;
  border-top: 1px solid #80B4C7;
}
.modal-container .dialog-footer button {
  float: right;
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.popup-binding-container.driver-type-combobox-popup ul.combobox-popup {
  max-height: 325px;
}
.accordion-popup .accordion-popup-content {
  padding: 10px;
  background-color: #FFFFFF;
}
.settings-module.printersettings .printer-list-menu-entry span {
  display: inline-block;
  width: 100%;
}
.settings-module.printersettings .settings-content {
  position: relative;
}
.settings-module.printersettings .settings-content .printersettings-main-content {
  height: 100%;
}
.settings-module.printersettings .settings-content .scroll-wrapper {
  height: 100%;
}
.settings-module.printersettings .settings-content .scroll-wrapper .columns {
  overflow: auto;
}
.settings-module.printersettings .settings-content .scroll-wrapper .columns .column-left,
.settings-module.printersettings .settings-content .scroll-wrapper .columns .column-right {
  width: 50%;
  float: left;
  min-width: 320px;
  padding-right: 10px;
}
.settings-module.printersettings .settings-content .InputField-widget,
.settings-module.printersettings .settings-content .inputfield-input,
.settings-module.printersettings .settings-content .NewHorizontalSlider-widget,
.settings-module.printersettings .settings-content .newCombobox-widget {
  margin-bottom: 20px;
}
.settings-module.printersettings .settings-content .Checkbox-widget {
  margin-bottom: 20px;
}
.settings-module.printersettings .settings-content .Radio-widget {
  float: left;
}
.settings-module.printersettings .settings-content .printersettings-status-parameters-button {
  width: 300px;
  margin-top: 96px;
}
.settings-module.printersettings .settings-content .reset-button {
  width: 100%;
  margin-top: 148px;
}
.settings-module.printersettings .settings-content .printersettings-input-paperduplex {
  float: left;
}
.settings-module.printersettings .settings-content .input-label.duplex-label {
  line-height: 32px;
  height: 32px;
  float: left;
  margin-left: 10px;
}
.settings-module.printersettings .settings-content .input-label.format-title-label {
  clear: both;
}
.settings-module.printersettings .settings-content .intensity-container {
  overflow: hidden;
  width: 300px;
}
.settings-module.printersettings .settings-content .intensity-container .input-label.intensity {
  display: inline;
  float: left;
}
.settings-module.printersettings .settings-content .intensity-container .intensity-preview {
  width: 30px;
  float: right;
  text-align: right;
}
.settings-module.printersettings .settings-content .printersettings-input-colorintensity {
  clear: both;
}
.settings-module.printersettings .settings-content .format-input-container {
  overflow: auto;
}
.settings-module.printersettings .settings-content .format-input-container .printersettings-portrait-icon,
.settings-module.printersettings .settings-content .format-input-container .printersettings-landscape-icon {
  float: left;
  margin-left: 5px;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.settings-module.printersettings .settings-content .format-input-container .printersettings-portrait-icon {
  margin-top: 3px;
}
.settings-module.printersettings .settings-content .format-input-container .printersettings-portrait-icon:before {
  content: "\f177";
}
.settings-module.printersettings .settings-content .format-input-container .printersettings-landscape-icon {
  margin-top: 3px;
}
.settings-module.printersettings .settings-content .format-input-container .printersettings-landscape-icon:before {
  content: "\f176";
}
.settings-module.printersettings .settings-content .format-input-container .input-label.format-label {
  float: left;
  height: 32px;
  line-height: 32px;
  margin-left: 5px;
}
.settings-module.printersettings .settings-content .borders-label {
  margin-top: 10px;
  margin-bottom: 0;
}
.settings-module.printersettings .settings-content .borders-table {
  margin-left: -3px;
  width: 100%;
}
.settings-module.printersettings .settings-content .borders-table tr td {
  padding-bottom: 10px;
}
.settings-module.printersettings .settings-content .borders-table tr td .InputField-widget input {
  width: 100%;
}
.settings-module.printersettings .settings-content .Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-content {
  background-color: #F2F8F9;
}
.settings-module.printersettings .settings-content .highlight {
  border: 2px solid #F20C0C;
  padding-left: 9px;
  padding-right: 9px;
}
div.delete-printer-confirmation-dialog {
  height: 200px;
}
div.delete-printer-confirmation-dialog .content {
  height: 148px;
  padding: 20px;
  text-align: center;
}
div.delete-printer-confirmation-dialog .controls {
  padding: 10px;
}
div.delete-printer-confirmation-dialog .controls button.cancel {
  float: left;
}
div.delete-printer-confirmation-dialog .controls button.delete {
  float: right;
}
.settings-backuptargets .type-picker,
.settings-backuptargets .InputField-widget,
.settings-backuptargets p {
  width: 300px;
}
.settings-backuptargets .input-row {
  font-size: 0;
}
.settings-backuptargets .input-row button {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 20px;
}
.settings-backuptargets .input-row .input-with-button {
  display: inline-block;
  width: calc(180px);
}
.settings-backuptargets .input-row .ip-button {
  width: 100px;
}
.settings-backuptargets div.test-button {
  margin-top: 40px;
  width: 300px;
}
.settings-backuptargets div.test-button > button {
  float: right;
}
.settings-emailconfig .heading {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  display: block;
  height: 12px;
  line-height: 12px;
  margin-bottom: 5px;
}
@media screen and (min-width: 1240px) {
  .settings-emailconfig .column-left {
    width: 49%;
    float: left;
  }
  .settings-emailconfig .column-right {
    width: 49%;
    margin-left: 51%;
  }
}
.settings-emailconfig .input-small {
  width: 300px;
}
.settings-emailconfig .column-right {
  min-width: 660px;
}
.settings-emailconfig input {
  width: 300px;
}
.settings-emailconfig .settings-checkbox {
  margin-top: 0;
}
.settings-emailconfig .checkbox-label {
  line-height: 32px;
}
.settings-valuetextreference .settings-scroll-area-content {
  width: 100%;
}
.settings-valuetextreference .input-small {
  width: 300px;
}
.settings-valuetextreference .valuetextpairs-container .input-label div {
  display: block;
  float: left;
}
.settings-valuetextreference .valuetextpairs-container .input-label .label-value {
  width: 55px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.settings-valuetextreference .valuetextpairs-container .input-label .label-text {
  width: 235px;
}
.settings-valuetextreference .valuetextpairs-container .inner-row {
  display: block;
  clear: both;
  margin-bottom: 10px;
  height: 32px;
}
.settings-valuetextreference .valuetextpairs-container .inner-row input {
  display: block;
  float: left;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .input-value {
  display: block;
  float: left;
  width: 55px;
  margin-right: 10px;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .input-text {
  width: 235px;
  display: block;
  float: left;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-delete {
  display: block;
  float: left;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: 5px;
  color: #005978;
  background-color: #F2F8F9;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-delete .delete-icon {
  font-size: 30px;
  line-height: 32px;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-delete .delete-icon:before {
  content: "\f1a3";
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-delete .delete-icon:active,
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-delete .delete-icon:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-add {
  float: left;
  display: block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: 5px;
  color: #005978;
  background-color: #F2F8F9;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-add .add-icon {
  font-size: 30px;
  line-height: 32px;
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-add .add-icon:before {
  content: "\f172";
}
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-add .add-icon:active,
.settings-valuetextreference .valuetextpairs-container .inner-row .btn-add .add-icon:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.message-priority-groups .body .scroll-content .border-left {
  border-left: 1px solid white;
}
.message-priority-groups .body .scroll-content .border-right {
  border-right: 1px solid white;
}
.message-priority-groups .body .scroll-content .horizontal-header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 57px;
  margin: 0;
  padding: 0;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line {
  position: relative;
  left: 0;
  top: 0;
  height: 57px;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  color: #3387A5;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .priority-left {
  position: relative;
  float: left;
  background-color: #CCE1E9;
  width: 250px;
  height: 57px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .priority-left .center-button {
  margin: 12px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala {
  position: absolute;
  left: 250px;
  width: calc(100% - 250px);
  height: 57px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-inner {
  position: relative;
  float: left;
  background-color: #CCE1E9;
  /*calculated for background fields width 50 units:  ((100%/255)*50) */
  width: 19.6%;
  height: 57px;
  border-bottom: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-inner .mask {
  position: relative;
  background-color: #CCE1E9;
  border: none;
  /*the mask covers the underlying div and the border of the underlying div*/
  width: 101%;
  height: 37px;
  display: inline-block;
  z-index: 1;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-inner .mask .priority-high {
  padding-left: 10px;
  padding-top: 10px;
  line-height: 22px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-inner .mask .priority-inner-label {
  position: relative;
  margin-left: 10px;
  margin-top: -7px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-inner .mask .labeling {
  padding-top: 34px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-inner .labeling {
  padding-left: 10px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-width {
  width: 19.65%;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-right {
  position: relative;
  float: left;
  background-color: #CCE1E9;
  /*calculated for background field with 55 units:  ((100%/255)*55) */
  width: 21.55%;
  height: 57px;
  border-bottom: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-right .mask {
  border: none;
  height: 37px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-right .mask .priority-low {
  position: relative;
  padding-right: 10px;
  padding-top: 10px;
  text-align: right;
  line-height: 22px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-right .mask .priority-low-label {
  position: relative;
  margin-top: -8px;
  margin-right: 10px;
  float: right;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-right .mask .labeling {
  padding-top: 34px;
  padding-left: 10px;
}
.message-priority-groups .body .scroll-content .horizontal-header .horizontal-line .horizontal-scala .priority-right .mask .float-left {
  float: left;
}
.message-priority-groups .body .scroll-content .table-inner {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
}
.message-priority-groups .body .scroll-content .table-inner .black-border-top {
  border-top: 1px solid #000000;
}
.message-priority-groups .body .scroll-content .table-inner .black-border-bottom {
  border-bottom: 1px solid #000000;
}
.message-priority-groups .body .scroll-content .table-inner .black-border-right {
  border-right: 1px solid #000000;
}
.message-priority-groups .body .scroll-content .table-inner .row {
  position: relative;
  height: 61px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.message-priority-groups .body .scroll-content .table-inner .row .name-field {
  position: absolute;
  width: 250px;
  height: 61px;
  float: left;
  border-right: 1px solid #FFFFFF;
  cursor: pointer;
  cursor: hand;
}
.message-priority-groups .body .scroll-content .table-inner .row .name-field .name-label {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 250px;
  padding-right: 10px;
  padding-left: 10px;
}
.message-priority-groups .body .scroll-content .table-inner .row .measuring-field {
  position: absolute;
  top: 0;
  left: 250px;
  width: calc(100% - 250px);
  height: 61px;
  float: right;
  border-bottom: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .table-inner .row .measuring-field .measuring-background {
  height: 61px;
  width: 19.6%;
  background-color: #E6F0F4;
  border-bottom: 1px solid #FFFFFF;
  float: left;
}
.message-priority-groups .body .scroll-content .table-inner .row .measuring-field .border-left {
  border-left: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .table-inner .row .measuring-field .border-top {
  border-top: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .table-inner .row .measuring-field .measuring-background-large {
  width: 21.6%;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area {
  position: absolute;
  width: calc(100% - 250px);
  height: 61px;
  top: 0;
  left: 250px;
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
  cursor: hand;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail {
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  width: 10px;
  height: 61px;
  border-bottom: 1px solid #FFFFFF;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  z-index: 3;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .lowest-priority-label-container {
  position: relative;
  width: 55px;
  height: 18px;
  float: right;
  margin-top: 19px;
  margin-right: -57px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .lowest-priority-label-container .lowest-priority-label {
  position: relative;
  width: 55px;
  height: 18px;
  text-align: right;
  padding-right: 2px;
  background-color: #FFFFFF;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  z-index: 2;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .priority-input-container {
  position: relative;
  width: 60px;
  height: 32px;
  margin-top: 12px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .priority-input-container .priority-input {
  position: relative;
  height: 32px;
  width: 60px;
  text-align: right;
  padding: 10px;
  z-index: 1;
  border: 1px solid #80B4C7;
  outline: none;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .priority-input-container .text-align-left {
  text-align: left;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .priority-input-container .arrow-container-left {
  height: 20px;
  width: 20px;
  position: relative;
  margin-top: -50px;
  margin-left: 47px;
  z-index: 3;
  font-size: 18px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .priority-input-container .arrow-container-left:before {
  content: "\f10a";
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .priority-input-container .arrow-container-right {
  height: 20px;
  width: 20px;
  position: relative;
  margin-top: -50px;
  margin-left: -5px;
  z-index: 3;
  font-size: 18px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .priority-input-container .arrow-container-right:before {
  content: "\f10b";
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .right-inputfield {
  float: right;
  margin-right: -62px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .right-inputfield .no-border-left {
  border-left: none;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .left-inputfield {
  float: left;
  margin-left: -62px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .left-inputfield .no-border-right {
  border-right: none;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-container {
  position: relative;
  height: 32px;
  width: 32px;
  margin-top: 14px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-container .closed-sign {
  position: relative;
  padding: 0;
  height: 32px;
  width: 32px;
  font-size: 26px;
  color: #005978;
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  z-index: 2;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-container .closed-sign:before {
  content: "\f172";
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-container .closed-sign:hover {
  background-color: #80B4C7;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  cursor: hand;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-container-right-side {
  float: right;
  margin-right: -32px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-right-side {
  border-right: none;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-container-left-side {
  float: left;
  margin-left: -32px;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .colored-rail .closed-sign-left-side {
  border-left: none;
}
.message-priority-groups .body .scroll-content .table-inner .row .drag-area .drag-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 61px;
  width: 20px;
  z-index: 5;
  cursor: pointer;
  cursor: hand;
  -ms-touch-action: none;
      touch-action: none;
}
.message-priority-groups .body .scroll-content .drag-line-container {
  pointer-events: none;
  position: absolute;
  left: 250px;
  top: 56px;
  width: 8px;
  height: 113px;
  z-index: 2;
}
.message-priority-groups .body .scroll-content .drag-line-container .drag-line {
  position: relative;
  left: -4px;
  top: 0;
  width: 8px;
  height: 113px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
.message-priority-groups .body .scroll-content .drag-line-container .drag-line-arrow-left {
  position: relative;
  height: 20px;
  width: 20px;
  left: -17px;
  top: -66px;
  z-index: 3;
  font-size: 18px;
}
.message-priority-groups .body .scroll-content .drag-line-container .drag-line-arrow-left:before {
  content: "\f10a";
}
.message-priority-groups .body .scroll-content .drag-line-container .drag-line-arrow-right {
  position: relative;
  height: 20px;
  width: 20px;
  left: -1px;
  top: -87px;
  z-index: 3;
  font-size: 18px;
}
.message-priority-groups .body .scroll-content .drag-line-container .drag-line-arrow-right:before {
  content: "\f10b";
}
.message-priority-groups .body .scroll-content .separating-line {
  position: relative;
  background-color: #CCE1E9;
  height: 30px;
  width: auto;
  border-bottom: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .separating-line .separating-line-left {
  position: relative;
  float: left;
  width: 250px;
  height: 30px;
  border-right: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .separating-line .separating-line-input {
  position: absolute;
  top: 0;
  left: 250px;
  width: calc(100% - 250px - 28px);
  height: 30px;
  z-index: 1;
}
.message-priority-groups .body .scroll-content .separating-line .separating-line-input .group-name-input-field {
  width: 100%;
  height: 28px;
  padding-left: 10px;
  font-size: 12px;
  border: 1px solid #80B4C7;
  outline: none;
}
.message-priority-groups .body .scroll-content .separating-line .separating-line-input .group-name-input-field:focus {
  border: 1px solid #005978;
}
.message-priority-groups .body .scroll-content .separating-line .separating-line-label {
  position: absolute;
  top: 7px;
  left: calc(250px + 10px);
  width: calc(100% - 250px - 10px);
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
}
.message-priority-groups .body .scroll-content .separating-line .edit-text-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background-color: #CCE1E9;
  color: #005978;
  font-size: 15px;
  z-index: 1;
}
.message-priority-groups .body .scroll-content .separating-line .edit-text-button:hover {
  background-color: #80B4C7;
  border: none;
  color: #FFFFFF;
}
.message-priority-groups .body .scroll-content .separating-line .glyph-edit-pencil:before {
  content: "\f13d";
}
.message-priority-groups .body .scroll-content .textarea-line {
  position: relative;
  background-color: #F2F8F9;
  width: auto;
  height: 133px;
  border-bottom: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .textarea-line .color-chooser-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  height: 132px;
  border-right: 1px solid #FFFFFF;
}
.message-priority-groups .body .scroll-content .textarea-line .color-chooser-container .edit-color-field {
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: black;
  border: 1px;
}
.message-priority-groups .body .scroll-content .textarea-line .textarea-container {
  position: absolute;
  left: 250px;
  top: 0;
  width: calc(100% - 250px);
  height: 132px;
  background-color: #E6F0F4;
}
.message-priority-groups .body .scroll-content .textarea-line .textarea-container .textarea-text-input {
  position: relative;
  color: #000000;
  width: 100%;
  height: 132px;
  display: inline;
  margin-bottom: -4px;
  padding-right: 32px;
  z-index: 2;
}
.message-priority-groups .body .scroll-content .textarea-line .textarea-container .description-label {
  padding: 10px 32px 10px 10px;
  width: 100%;
  font-size: 12px;
}
.message-priority-groups .body .edit-color-field .SelectPopover-widget {
  float: left;
}
.SelectPopover-widget-popup .priority-group-color-item,
.SelectPopover-widget-display .priority-group-color-item {
  display: block;
  width: 100%;
  height: 100%;
}
.full-height {
  height: 100%;
}
.table-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.table-wrapper .table-container {
  height: 100%;
  width: 100%;
  float: left;
}
.table-wrapper .table-container .Table-widget {
  height: calc(100% - 32px);
}
.table-wrapper .table-container.configmenu-open {
  width: calc(100% - 340px);
}
.table-wrapper .table-container .footer {
  background-color: #CCE1E9;
}
.table-wrapper .table-container .footer .Pagination-widget {
  float: left;
}
.table-wrapper .right-menu {
  position: relative;
}
.table-wrapper .right-menu .header-row {
  margin: 18px 20px 20px 20px;
}
.table-wrapper .right-menu .header-row .configuration-menu-header {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  float: left;
  margin-right: 10px;
  line-height: 32px;
}
.table-wrapper .right-menu .header-row .default-layout-button {
  float: right;
}
.table-wrapper .right-menu .config-menu-droppable-wall {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background: #F2F8F9 url('../../../core/style/base/default_theme/assets/icons/Icon_move_release.png') no-repeat center center;
  display: none;
}
.table-wrapper .right-menu .config-menu-droppable-wall.config-menu-droppable-wall-visible {
  display: block;
}
.table-wrapper .right-menu .active-drop-zone-over {
  background: #F2F8F9 url('../../../core/style/base/default_theme/assets/icons/Icon_move_over.png') no-repeat center center;
}
.table-wrapper .right-menu .body-area {
  margin-top: 20px;
}
.table-wrapper .right-menu .body-area .body-available-column {
  padding-left: 20px;
  padding-right: 10px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.table-wrapper .right-menu .body-area .body-available-column .drag-element {
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_Drag-Element_EN.png');
  height: 32px;
  width: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
.table-wrapper .right-menu .body-area .body-available-column:hover {
  background-color: #FFFFFF;
}
.table-wrapper .right-menu .body-area .body-available-column.is-in-table {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
}
.table-wrapper .right-menu .body-area .body-available-column.is-dragging {
  border: 1px dashed #4D96B0;
  background-color: #FFFFFF;
  line-height: 30px;
  padding-left: 19px;
  padding-right: 9px;
}
.table-wrapper .right-menu .body-area .body-available-column.is-dragging .drag-element {
  height: 30px;
}
.sms-settings-container {
  height: 100%;
}
.sms-wrapper .combo-box-item {
  width: 300px;
}
.sms-wrapper .combo-box-item {
  width: 300px;
}
.sms-wrapper .channel-container {
  width: 300px;
}
.sms-wrapper .provider-list {
  width: 300px;
}
.sms-wrapper .heading {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  display: block;
  height: 12px;
  line-height: 12px;
  margin-bottom: 6px;
}
.sms-wrapper .retry-count-picker {
  width: 300px;
}
.sms-wrapper .dropdown-label {
  width: 300px;
  text-align: right;
}
.sms-wrapper .config-item {
  width: 700px;
}
.sms-wrapper .config-item .config-label {
  width: 300px;
  height: 32px;
}
.sms-wrapper .config-item .config-dropdown {
  width: 300px;
  height: 32px;
}
.sms-wrapper .cb-picker {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
}
.sms-wrapper .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: inline-block;
}
.sms-wrapper .label-left {
  width: 250px;
  text-align: right;
  margin-right: 10px;
}
.sms-wrapper .label-left:after {
  content: ": ";
}
.sms-wrapper .input-small {
  width: 300px;
}
.sms-wrapper .router-icon {
  height: 28px;
  width: 28px;
  line-height: 28px;
  font-size: 28px;
  text-align: center;
}
.sms-wrapper .router-icon:before {
  content: "\f183";
}
.sms-wrapper .internet-icon {
  height: 28px;
  width: 28px;
  line-height: 28px;
  font-size: 28px;
  text-align: center;
}
.sms-wrapper .internet-icon:before {
  content: "\f159";
}
.sms-wrapper .provider-icon-container {
  text-align: center;
}
.sms-wrapper .provider-icon-container .bidirectional-check-icon {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.sms-wrapper .provider-icon-container .bidirectional-check-icon:before {
  content: "\f16b";
}
.sms-wrapper .provider-icon-container .bidirectional-minus-icon {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.sms-wrapper .provider-icon-container .bidirectional-minus-icon:before {
  content: "\f167";
}
.sms-wrapper .criterion {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 12px;
  margin-right: 10px;
  vertical-align: top;
  font-size: 43px;
  color: #F20C0C;
}
.sms-wrapper .criterion:before {
  content: "\f1a3";
}
.sms-wrapper .criterion:before {
  position: relative;
  top: -10px;
  left: -11px;
}
.sms-wrapper .criterion.fulfilled {
  font-size: 24px;
  color: #008C00;
}
.sms-wrapper .criterion.fulfilled:before {
  content: "\f16b";
}
.sms-wrapper .criterion.fulfilled:before {
  top: -1px;
  left: -2px;
}
.sms-wrapper.columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sms-wrapper.columns .column {
  min-width: 320px;
  width: 49%;
  margin-bottom: 20px;
}
.settings-sslcertificate-management .reference-flag {
  color: #000000;
}
.settings-sslcertificate-management .reference-flag:before {
  content: "\f17b";
}
.settings-sslcertificate-management .ssl-active {
  color: #008C00;
}
.settings-sslcertificate-management .ssl-active:before {
  content: "\f122";
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .InputField-widget,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .InputField-widget,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .TextArea-widget,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .TextArea-widget,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .DatePicker-widget,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .DatePicker-widget {
  max-width: 350px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .file-selection-row,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .file-selection-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 350px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .file-selection-row .label,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .file-selection-row .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  line-height: 32px;
  height: 32px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .file-selection-row .label.invalid,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .file-selection-row .label.invalid {
  color: #F20C0C;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .file-selection-row .button,
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .file-selection-row .button {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate {
  max-width: 350px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .bold-paragraph {
  font-weight: bold;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .new-certificate .small-print {
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .Checkbox-widget {
  margin-right: 5px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .Checkbox-widget .disabled {
  cursor: default !important;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .day-input {
  display: inline-block;
  width: 50px;
  margin: 0 5px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .input-label.inline {
  display: inline-block;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .content-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  max-width: 350px;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .details-area.TextArea-widget {
  max-width: 750px;
  height: 600px;
}
.settings-sslcertificate-management .main-content.has-left .main-content.settings-content .main-content .body.has-footer .scroll-content.with-padding .prior-certificate .details-area.TextArea-widget .textarea-input.readonly {
  background-color: #FFFFFF;
}
.csr-support .content-container {
  max-width: 600px;
}
.csr-support .content-container .with-margin-left {
  margin-left: 25px;
}
.csr-support .content-container .with-margin-left .flex-row .InputField-widget {
  width: 300px;
  margin-left: 20px;
}
.csr-support .content-container .with-margin-left .flex-row .InputField-widget.input-csr-file-name {
  width: 310px;
}
.csr-support .content-container .with-margin-left .flex-row .input-label.csr-file {
  width: 141px;
}
.csr-support .content-container .with-margin-left .flex-row .input-label.file-type {
  width: 40px;
  text-align: center;
}
.csr-support .content-container .input-label.bold {
  font-weight: bold;
}
.csr-support .content-container .input-label.inline {
  display: inline-block;
}
.csr-support .content-container .flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
  margin-right: 64px;
}
.csr-support .content-container .flex-row .newCombobox-widget,
.csr-support .content-container .flex-row .InputField-widget {
  width: 350px;
}
.csr-support .content-container .flex-row .radio-content {
  width: 186px;
}
.csr-support .content-container .flex-row .radio-content .input-label {
  width: auto;
  display: inline-block;
}
.csr-support .content-container .flex-row .input-label {
  width: 186px;
}
.csr-support .content-container .flex-row.no-margin {
  margin: 0;
  -ms-flex-align: start;
      align-items: flex-start;
}
.csr-support .content-container .flex-row.no-margin .input-label {
  margin-top: 5px;
}
.csr-support .content-container .flex-row.small-input {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.csr-support .content-container .flex-row.small-input .InputField-widget {
  width: 50px;
}
.csr-support .content-container .flex-row.inner {
  margin: 0;
  width: 350px;
}
.csr-support .content-container .flex-row.inner .input-label {
  -ms-flex: 1;
      flex: 1;
}
.csr-support .content-container .flex-row.inner .newCombobox-widget {
  width: 250px;
}
.csr-support .content-container .flex-row .alternative-name {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.csr-support .content-container .flex-row .alternative-name .glyph-icon.btnDelete {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: #F2F8F9;
}
.csr-support .content-container .flex-row .alternative-name .glyph-icon.btnDelete:before {
  content: "\f1a3";
}
.csr-support .content-container .flex-row .alternative-name .glyph-icon.btnDelete:active,
.csr-support .content-container .flex-row .alternative-name .glyph-icon.btnDelete:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.csr-support .content-container .flex-row .alternative-name .glyph-icon.btnDelete.disabled {
  color: #80B4C7;
}
.csr-support .content-container .flex-row .alternative-name .glyph-icon.btnDelete.disabled:hover {
  background-color: transparent;
}
.csr-support .content-container .flex-row .alternative-name .btnAdd {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: #F2F8F9;
}
.csr-support .content-container .flex-row .alternative-name .btnAdd:before {
  content: "\f172";
}
.csr-support .content-container .flex-row .alternative-name .btnAdd:active,
.csr-support .content-container .flex-row .alternative-name .btnAdd:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.csr-support .content-container .flex-row .alternative-name .btnAdd.disabled {
  color: #80B4C7;
}
.csr-support .content-container .flex-row .alternative-name .btnAdd.disabled:hover {
  background-color: transparent;
}
.csr-support .content-container .button.right {
  float: right;
  margin-right: 64px;
}
.settings-autobackup .settings-wrapper .newCombobox-widget,
.settings-autobackup .settings-wrapper .InputField-widget,
.settings-autobackup .settings-wrapper .DatePicker-widget,
.settings-autobackup .settings-wrapper .standard-column {
  width: 300px;
  overflow: visible;
}
.settings-manualbackup .settings-wrapper {
  width: 300px;
}
.settings-manualbackup .size-input {
  width: 180px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
}
.settings-manualbackup .size-picker {
  width: 100px;
  height: 32px;
  display: inline-block;
}
.settings-manualbackup .size-spacer {
  width: 12px;
  height: 32px;
  display: inline-block;
}
.settings-module.settings-backuplist .footer .Pagination-widget {
  float: left;
}
.settings-module.settings-backuplist .footer .count-of-selected-items {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  color: #00698F;
  float: left;
}
.ProgressBar-widget {
  width: 100%;
  height: 32px;
}
.ProgressBar-widget .progress-bar-widget-text {
  color: #000000;
}
.event-types-container-choose-button-container {
  width: 150px;
}
.event-types-container-choose-button-container .event-types-container-choose-button {
  width: 150px;
  border: 0;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line {
  position: absolute;
  height: 56px;
  width: 126px;
  left: 0px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .container-choose-with-popup {
  position: relative;
  float: left;
  margin-left: -38px;
  margin-top: 10px;
  height: 31px;
  width: 31px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .container-choose-with-popup .choose-with-popup {
  padding: 0px;
  width: 31px;
  height: 31px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .container-choose-with-popup .choose-with-popup .choose-container {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 4px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .container-choose-with-popup .choose-with-popup .choose-container:before {
  content: "\f13d";
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container {
  position: absolute;
  height: 35px;
  width: 94px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  z-index: 3;
  top: 10px;
  cursor: hand;
  cursor: pointer;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-first-row {
  position: relative;
  width: 93px;
  height: 16px;
  border-bottom: 1px solid #000000;
  padding-left: 2px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-second-row {
  position: relative;
  width: 94px;
  height: 16px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-second-row .second-row-container-color {
  position: relative;
  width: 17px;
  height: 17px;
  border-right: 1px solid #000000;
  background-color: red;
  float: left;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-second-row .second-row-container-label {
  position: relative;
  float: right;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-second-row .second-row-container-label .second-row-label {
  height: 16px;
  width: calc(100% - 17px);
  padding-right: 5px;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-second-row .second-row-container-input {
  position: relative;
  float: right;
  width: 77px;
  height: 31px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-second-row .second-row-container-input .second-row-input {
  width: 75px;
  height: 31px;
  text-align: right;
  font-size: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  border: 0px;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container .drag-priority-container-second-row .second-row-container-input .second-row-input .inputfield-input {
  height: 31px;
  text-align: right;
  border: none;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container-drag-line {
  position: relative;
  width: 8px;
  height: 56px;
  float: left;
  left: 47px;
  cursor: hand;
  cursor: pointer;
  z-index: 2;
}
.settings-module.default-priorities .table-inner .row .drag-field .container-priority-drag-line .drag-priority-container-drag-line .drag-line-priority {
  position: relative;
  width: 2px;
  height: 56px;
  background-color: #000000;
  border-bottom: solid 1px #FFFFFF;
}
.settings-module.default-priorities .table-inner .row {
  position: relative;
  height: 56px;
  width: 100%;
}
.settings-module.default-priorities .table-inner .row .name-field {
  width: 240px;
  height: 56px;
  float: left;
  border-right: 1px solid #FFFFFF;
}
.settings-module.default-priorities .table-inner .row .name-field .name-label {
  width: 240px;
  height: 56px;
  padding: 20px;
  padding-right: 50px;
}
.settings-module.default-priorities .table-inner .row .measuring-field {
  position: absolute;
  left: 240px;
  width: calc(100% - 240px);
  height: 56px;
  float: right;
  border-bottom: 1px solid #FFFFFF;
}
.settings-module.default-priorities .table-inner .row .measuring-field .measuring-background {
  height: 56px;
  width: 19.6%;
  background-color: #E6F0F4;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  float: left;
}
.settings-module.default-priorities .table-inner .row .measuring-field .measuring-background:first-child {
  border-left: none;
}
.settings-module.default-priorities .table-inner .row .measuring-field .measuring-background-large {
  width: 21.6%;
}
.settings-module.default-priorities .table-inner .row .drag-field {
  position: absolute;
  left: 240px;
  top: 0;
  width: calc(100% - 240px);
  height: 56px;
  float: right;
  border-bottom: 1px solid #FFFFFF;
  -ms-touch-action: none;
      touch-action: none;
}
.settings-module.default-priorities .table-inner {
  width: auto;
  margin: 0;
  margin-right: 52px;
  padding: 0;
  height: 448px;
  border-right: 1px solid #FFFFFF;
}
.settings-module.default-priorities .short-row {
  height: 48px;
}
.settings-module.default-priorities .large-row {
  height: 56px;
}
.settings-module.default-priorities .large-header {
  height: 137px;
  border-bottom: 1px solid #FFFFFF;
}
.settings-module.default-priorities .border-left {
  border-left: 1px solid #FFFFFF;
}
.settings-module.default-priorities .border-right {
  border-right: 1px solid #FFFFFF;
}
.settings-module.default-priorities .border-top-bottom {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
}
.settings-module.default-priorities .horizontal-header {
  width: auto;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #FFFFFF;
}
.settings-module.default-priorities .horizontal-header .horizontal-line {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  color: #3387A5;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-left {
  background-color: #CCE1E9;
  width: 240px;
  max-width: 240px;
  min-width: 240px;
  border-right: 1px solid #FFFFFF;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-left .center-button {
  position: relative;
  margin-top: 55px;
  margin-left: 16px;
  height: 34px;
  z-index: 5;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-inner {
  background-color: #CCE1E9;
  /*calculated for background fields width 50 units:  ((100%/255)*50) */
  width: 19.6%;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-inner .mask {
  background-color: #CCE1E9;
  border: none;
  width: 101%;
  height: 37px;
  position: relative;
  display: inline-block;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-inner .mask .priority-high {
  padding-left: 10px;
  padding-top: 10px;
  line-height: 22px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-inner .mask .labeling {
  padding-top: 34px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-inner .mask .highest-priority-position {
  margin-top: -7px;
  margin-left: 10px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-inner .labeling {
  padding-left: 10px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-inner .priority-label {
  padding-top: 12px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  vertical-align: middle;
  text-align: center;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-right {
  background-color: #CCE1E9;
  /*calculated for background field with 55 units:  ((100%/255)*55) */
  width: 21.6%;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-right .mask {
  border: none;
  height: 37px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-right .mask .priority-low {
  padding-right: 10px;
  padding-top: 10px;
  text-align: right;
  line-height: 22px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-right .mask .labeling {
  padding-top: 34px;
  padding-left: 10px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-right .mask .float-left {
  float: left;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .priority-right .mask .position-lowest-number {
  position: relative;
  float: right;
  margin-right: 10px;
  margin-top: -25px;
}
.settings-module.default-priorities .horizontal-header .horizontal-line .spacer-right {
  background-color: #CCE1E9;
  width: 53px;
  max-width: 53px;
  min-width: 53px;
}
.settings-module.default-priorities .horizontal-header .container-marking-selected-rail {
  position: absolute;
  width: 100%;
  height: 32px;
  background-color: transparent;
  padding-left: 240px;
  padding-right: 53px;
}
.settings-module.default-priorities .horizontal-header .container-marking-selected-rail .marking-selected-rail {
  position: relative;
  width: 2px;
  background-color: #000000;
  height: 32px;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail {
  margin: 0;
  height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail-left {
  width: 240px;
  border-right: 1px solid #FFFFFF;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail {
  width: calc(100% - 240px - 52px - 1px);
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar {
  width: calc(100% / 6);
  background-color: red;
  height: 30px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar:last-child {
  border-right: none;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar .priority-label-container-colorbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 30px;
  height: 16px;
  margin-top: 7px;
  margin-left: -30px;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar .priority-label-container-colorbar .priority-label-colorbar {
  width: 30px;
  height: 16px;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar .priority-label-container-colorbar .priority-label-colorbar .label-container-colorbar {
  text-align: left;
  padding-left: 5px;
  width: 30px;
  height: 16px;
  background-color: #FFFFFF;
  z-index: 5;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar .priority-label-container-colorbar-low {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 30px;
  height: 16px;
  margin-top: 7px;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar .priority-label-container-colorbar-low .priority-label-colorbar-low {
  width: 30px;
  height: 16px;
  z-index: 3;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .inner-rail .colored-priority-rail-colorbar .priority-label-container-colorbar-low .priority-label-colorbar-low .label-container-colorbar-low {
  text-align: right;
  padding-right: 5px;
  width: 30px;
  height: 16px;
  background-color: #FFFFFF;
  z-index: 5;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-module.default-priorities .horizontal-header .message-priorities-rail .spacer-right {
  background-color: #CCE1E9;
  width: 53px;
  max-width: 53px;
  min-width: 53px;
  border-left: 1px solid #FFFFFF;
}
.settings-ps4000dataexchange .content-row {
  padding: 10px 20px;
}
.settings-ps4000dataexchange .content-row .headding {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin: 10px 0;
}
.settings-ps4000dataexchange .content-row .button-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: inline-block;
  width: 200px;
}
.ProgressBar-widget .progress-bar-widget-text {
  color: #ffffff !important;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange {
  height: 100%;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body {
  height: calc(100% - 32px - 1px);
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row {
  padding: 20px 20px 0;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row.width300 {
  width: 340px;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row .content-line {
  height: 32px;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row .Checkbox-widget {
  margin-right: 10px;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-bottom: 10px;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row .label .exclamationmark {
  font-size: 24px;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row .label .exclamationmark:before {
  content: "\f13e";
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row .label.error {
  color: #F20C0C;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .body .content-row .label.mid-line {
  line-height: 32px;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .footer {
  height: 32px;
  border-top: 1px solid #80B4C7;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .footer button {
  float: right;
  border: 0;
  border-left: 1px solid #80B4C7;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .ProgressBar-widget {
  width: 100%;
  height: 32px;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .ProgressBar-widget .progress-bar-widget-container {
  border: 1px solid #80B4C7;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .ProgressBar-widget .progress-bar-widget-segment-inner {
  background-color: #CCE1E9;
}
.module-dialog-modal .dialog-box .dialog-content .ps4000dataexchange .is-uploading {
  position: absolute;
  z-index: 101;
  top: calc(50% - 32px);
  left: 20px;
  height: 32px;
  width: calc(100% - 40px);
}
.snmp-target-wrapper .input-small {
  width: 300px;
}
.settings-module.settings-asnetworks .columns {
  position: relative;
}
.settings-module.settings-asnetworks .columns .column {
  display: inline-block;
  min-width: 300px;
  vertical-align: top;
  margin-right: 40px;
}
.settings-module.settings-asnetworks .columns .column:last-child {
  margin-right: 0;
}
.settings-module.settings-asnetworks .columns .column-thin {
  display: inline-block;
  min-width: 300px;
  vertical-align: top;
  margin-right: 40px;
  min-width: 140px;
  width: 180px;
  margin-right: 25px;
}
.settings-module.settings-asnetworks .columns .column-thin:last-child {
  margin-right: 0;
}
.settings-module.settings-asnetworks .dialog-content-template .main-content {
  position: relative;
  overflow: hidden;
}
.settings-module.settings-asnetworks .dialog-content-template .main-content .body {
  padding: 20px;
  height: calc(100% - 32px);
}
.settings-module.settings-asnetworks .dialog-content-template .main-content .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module.settings-asnetworks .dialog-content-template .main-content .footer .button-box {
  display: inline-block;
  height: 100%;
  float: right;
}
.settings-module.settings-asnetworks .dialog-content-template .main-content .footer .button-box .button {
  display: inline-block;
  border: 0;
  height: 100%;
  min-width: 60px;
  padding: 0 20px;
  border-right: 1px solid #3387A5;
}
.settings-module.settings-asnetworks .dialog-content-template .main-content .footer .button-box .button:first-child {
  border-left: 1px solid #3387A5;
}
.settings-module.settings-asnetworks .dialog-content-template .main-content .footer .button-box .button:last-child {
  border-right: 0;
}
.settings-module.settings-asnetworks .content-row {
  width: 300px;
  margin: 0;
}
.settings-module.settings-asnetworks textarea,
.settings-module.settings-asnetworks button.service-pin {
  width: 100%;
}
.settings-module.settings-asnetworks .half-width {
  width: 140px;
}
.settings-module.settings-asnetworks .one-third {
  width: 90px;
}
.settings-module.settings-asnetworks .two-thirds {
  width: 190px;
}
.settings-module.settings-asnetworks .add-button {
  width: 100%;
  font-size: 28px;
}
.settings-module.settings-asnetworks .add-button:before {
  content: "\f172";
}
.settings-module.settings-asnetworks .indented {
  margin-left: 42px;
}
.settings-module.settings-asnetworks .indented > .input-label {
  display: block;
  line-height: 32px;
}
.settings-module.settings-asnetworks .indented > .InputField-widget {
  width: 100px;
  float: right;
}
.settings-module.settings-asnetworks .multirow-label {
  display: block;
  padding-left: 42px;
  height: auto;
  line-height: 18px !important;
  padding-top: 8px;
}
.settings-module.settings-asnetworks .right {
  float: right;
}
.settings-module.settings-asnetworks .application-id input {
  padding-left: 135px;
  padding-right: 10px !important;
}
.settings-module.settings-asnetworks .application-id .inputfield-unit {
  left: 0;
  right: auto;
  padding-left: 10px;
  padding-right: 5px;
}
.settings-module.settings-asnetworks .device-manager {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
}
.settings-module.settings-asnetworks .device-manager > div {
  height: 100px;
}
.settings-module.settings-asnetworks .device-manager .removable-item {
  line-height: 32px;
  position: relative;
}
.settings-module.settings-asnetworks .device-manager .removable-item span {
  display: inline-block;
  width: 100px;
  margin-left: 10px;
}
.settings-module.settings-asnetworks .device-manager .removable-item span:nth-child(1) {
  text-align: right;
  float: left;
}
.settings-module.settings-asnetworks .device-manager .removable-item span:nth-child(2) {
  width: 40px;
  margin: 0;
}
.settings-module.settings-asnetworks .device-manager .removable-item span:nth-child(2):before {
  content: ':';
  margin: 3px;
}
.settings-module.settings-asnetworks .device-manager .removable-item span:nth-child(3) {
  margin: 0;
}
.settings-module.settings-asnetworks .device-manager .removable-item span:nth-child(3):before {
  content: '|';
  margin-left: 5px;
  margin-right: 7px;
}
.settings-module.settings-asnetworks .device-manager .removable-item button {
  display: none;
  position: absolute;
  width: 32px;
  top: 0;
  right: 20px;
  background-color: inherit;
  border: none;
  padding: 0;
  font-size: 28px;
}
.settings-module.settings-asnetworks .device-manager .removable-item button.remove:before {
  content: "\f1a3";
}
.settings-module.settings-asnetworks .device-manager .removable-item button:hover {
  background-color: #80B4C7;
}
.settings-module.settings-asnetworks .device-manager .removable-item button:active {
  background-color: #005978;
}
.settings-module.settings-asnetworks .device-manager .removable-item:hover {
  background-color: #E6F0F4;
}
.settings-module.settings-asnetworks .device-manager .removable-item:hover button {
  display: block;
}
.settings-module.settings-automationstations {
  display: -ms-flexbox;
  display: flex;
}
.settings-module.settings-automationstations .network .networkscan {
  padding: 20px;
}
.settings-module.settings-automationstations .network .networkscan .detailarea {
  display: inline-table;
  font-size: 12px;
}
.settings-module.settings-automationstations .network .networkscan .detailarea div {
  display: inline;
}
.settings-module.settings-automationstations .network .networkscan .detailarea .InputField-widget {
  display: inline-block;
  position: relative;
  height: 32px;
  width: 150px;
  margin-left: 10px;
  margin-right: 10px;
}
.settings-module.settings-automationstations .network .networkscan .result-table {
  height: 100%;
}
.settings-module.settings-automationstations .network .networkscan .result-table .Table-item-table-div {
  max-height: 400px;
}
.settings-module.settings-automationstations .network .networkscan .with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-automationstations .network .networkscan .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
  background-color: #CCE1E9;
}
.settings-module.settings-automationstations .network .networkscan .footer .Pagination-widget {
  float: left;
}
.settings-module.settings-automationstations .network .networkscan .footer .count-of-selected-items {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  color: #00698F;
  float: left;
}
.settings-module.settings-automationstations .network .networkscan .footer .button {
  min-width: 100px;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0 20px 0 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.settings-module.settings-automationstations .network .networkscan .footer .button[disabled]:hover {
  background-color: #CCE1E9;
}
.settings-module.settings-automationstations .device .alarm-summary .result-table {
  position: relative;
  height: 100%;
}
.settings-module.settings-automationstations .device .alarm-summary .result-table .Table-item-table-div {
  max-height: 400px;
  min-height: 200px;
}
.settings-module.settings-automationstations .device .columns .column .inputfield-short {
  margin-top: 6px;
}
.settings-module.settings-automationstations .device .columns .column .inputfield-short .DatePicker-widget {
  width: 115px;
  float: left;
}
.settings-module.settings-automationstations .device .columns .column .inputfield-short .DatePicker-widget .DatePicker-widget-container {
  border-right: 0;
}
.settings-module.settings-automationstations .device .timesynchronization-flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.settings-module.settings-automationstations .device .timesynchronization-flex-container .button-short {
  margin-left: 20px;
}
.settings-module.settings-automationstations .device .radio-container .radio-label {
  vertical-align: text-top;
}
.settings-module.settings-automationstations .device .datapoint-filter-button {
  padding-left: 10px;
  padding-right: 10px;
  font-size: larger;
}
.settings-module.settings-automationstations .device .datapoint-filter-button:before {
  content: "\f12f";
}
.settings-module.settings-automationstations .device .columns .column .InputField-widget.notification-class {
  display: inline-block;
  width: 260px;
}
.settings-module.settings-automationstations .device .create-object-details {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-module.settings-automationstations .device .create-object-details .content-row {
  width: 300px;
  margin: 0;
}
.settings-module.settings-automationstations .device .create-object-details .standard-user-picker {
  vertical-align: middle;
  width: 100%;
}
.settings-module.settings-automationstations .device .create-object-details .event-enable-setting {
  padding-left: 20px;
}
.settings-module.settings-automationstations .device .create-object-details .details-checkbox {
  margin-top: 0 !important;
}
.settings-module.settings-automationstations .device .create-object-details .checkbox-label {
  line-height: 32px !important;
}
.settings-module.settings-automationstations .device .create-object-details .multirow-label {
  display: block;
  padding-left: 42px;
  height: auto;
  line-height: 18px !important;
  padding-top: 8px;
}
.settings-module.settings-automationstations .device .create-object-details .input-align-right > input {
  text-align: right;
}
.settings-module.settings-automationstations .device .create-object-details .inputfield-label {
  display: block;
  padding-left: 42px;
  line-height: 32px;
}
.settings-module.settings-automationstations .device .create-object-details .control-check {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 22px;
  line-height: 1;
  width: 300px;
}
.settings-module.settings-automationstations .device .backup-restore .result-table {
  height: 360px;
  position: relative;
}
.settings-module.settings-automationstations .device .backup-restore .with-padding {
  border: 1px solid #3387A5;
}
.settings-module.settings-automationstations .device .event-information .result-table {
  position: relative;
  height: 100%;
}
.settings-module.settings-automationstations .device .event-information .result-table .Table-item-table-div {
  max-height: 400px;
  min-height: 200px;
}
.settings-module.settings-automationstations .device .entrollment-summary .right-element {
  float: right;
  margin-right: 20px;
}
.settings-module.settings-automationstations .device .entrollment-summary .float-element {
  float: right;
}
.settings-module.settings-automationstations .device .entrollment-summary .result-table {
  position: relative;
  height: 100%;
}
.settings-module.settings-automationstations .device .entrollment-summary .result-table .Table-item-table-div {
  max-height: 400px;
  min-height: 192px;
}
.settings-module.settings-automationstations .device .entrollment-summary .columns .column-left {
  min-width: 500px;
}
.settings-module.settings-automationstations .device .entrollment-summary .columns .column-right {
  min-width: 430px;
}
.settings-module.settings-automationstations .device .entrollment-summary .columns .column .short-input {
  width: 90px;
  display: inline-block;
}
.settings-module.settings-automationstations .device .entrollment-summary .columns .column .enrollment-area {
  float: right;
  width: 430px;
}
.settings-module.settings-automationstations .device .entrollment-summary .columns .column .enrollment-area .container {
  float: right;
}
.settings-module.settings-automationstations .device .entrollment-summary .columns .column .enrollment-area .label {
  margin-right: 10px;
  line-height: 32px;
  float: right;
  margin-bottom: 10px;
}
.settings-module.settings-automationstations .device .entrollment-summary .columns .column .enrollment-area .ip-address-input {
  width: 160px;
  margin-right: 10px;
}
.settings-module.settings-automationstations .device .object-list .result-table {
  position: relative;
  height: 100%;
  border: 1px solid #3387A5;
}
.settings-module.settings-automationstations .device .object-list .result-table .Table-item-table-div {
  max-height: 400px;
  min-height: 200px;
}
.settings-module.settings-automationstations .device .object-list .result-table .table-cell.icon {
  color: #3387A5;
  font-size: 21px;
  padding-left: 5px;
  padding-right: 5px;
}
.settings-module.settings-automationstations .device .object-list .result-table .table-cell.ddc:before {
  content: "\f130";
}
.settings-module.settings-automationstations .device .object-list .result-table .table-cell.glt:before {
  content: "\f145";
}
.settings-module.settings-automationstations .device .object-list .footer {
  background-color: #CCE1E9;
}
.settings-module.settings-automationstations .device .object-list .footer .Pagination-widget {
  float: left;
}
.settings-module.settings-automationstations .device .object-list .footer .count-of-selected-items {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  color: #00698F;
  float: left;
}
.settings-module.settings-automationstations .device .object-list .footer .convert-button:before {
  content: "\f12b";
}
.settings-module.settings-automationstations .device .object-list .footer .edit-button:before {
  content: "\f13d";
}
.settings-module.settings-automationstations .device .bacnet-properties .bacnet-properties-table-widget {
  padding: 0;
  height: 400px;
}
.settings-module.settings-automationstations .device .device-module {
  padding: 20px;
}
.settings-module.settings-automationstations .device .device-module.with-radio-buttons {
  padding: 10px;
}
.settings-module.settings-automationstations .device .device-module.with-radio-buttons .container {
  padding: 10px;
  width: 320px;
  margin: 0;
}
.settings-module.settings-automationstations .device .device-module.without-padding {
  padding: 0;
}
.settings-module.settings-automationstations .device .device-module .with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-automationstations .device .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module.settings-automationstations .device .footer .button {
  min-width: 100px;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0 20px 0 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.settings-module.settings-automationstations .device .Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title::before {
  font-size: 18px;
  color: #005978;
  line-height: 32px;
  position: absolute;
  right: 16px;
  font-family: qanteon-icons;
}
.settings-module.settings-automationstations .device .columns .column {
  min-width: 320px;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.settings-module.settings-automationstations .device .columns .column .Checkbox-widget {
  height: 32px;
}
.settings-module.settings-automationstations .device .columns .column .content-row,
.settings-module.settings-automationstations .device .columns .column .InputField-widget,
.settings-module.settings-automationstations .device .columns .column .newCombobox-widget,
.settings-module.settings-automationstations .device .columns .column .DatePicker-widget,
.settings-module.settings-automationstations .device .columns .column .MultiCombobox-widget,
.settings-module.settings-automationstations .device .columns .column textarea {
  width: 300px;
  margin: 0;
}
.settings-module.settings-automationstations .device .columns .column .date-picker.DatePicker-widget {
  display: inline-block;
  width: 210px;
  margin: 0;
  margin-right: 10px;
}
.settings-module.settings-automationstations .device .columns .column .time-picker {
  display: inline-block;
}
.settings-module.settings-automationstations .device .columns .column .time-picker .InputField-widget {
  display: inline-block;
  width: 50%;
}
.settings-module.settings-automationstations .device .columns .column .radio-button-text {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-left: 6px;
}
.settings-module.settings-automationstations .device .columns .column .radio-button-area {
  width: 300px;
}
.settings-module.settings-automationstations .device .columns .column .checkbox-label {
  line-height: 32px !important;
  margin-left: 6px;
}
.settings-module.settings-automationstations .device .columns .column .label-small {
  display: inline-block;
  width: 250px;
  height: auto;
  margin-top: 3px;
  line-height: 17px !important;
}
.settings-module.settings-automationstations .device .columns .button-right {
  float: right;
}
.settings-module.settings-automationstations .main-content {
  overflow: auto;
}
.device-model-dialog {
  height: 100%;
}
.device-model-dialog .vertical-spacer {
  height: 10px;
}
.device-model-dialog .large-vertical-spacer {
  height: 20px;
}
.device-model-dialog .body {
  padding: 20px;
  height: calc(100% - 33px);
}
.device-model-dialog .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.device-model-dialog .inputfield {
  width: 300px;
}
.device-model-dialog .checkbox-label {
  margin-left: 6px;
}
.device-model-dialog .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.device-model-dialog .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0px;
  border-left: 1px solid #3387A5;
}
.device-model-dialog .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.device-model-dialog .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.device-model-dialog .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.device-model-dialog .compare-table {
  height: 200px;
}
.settings-automationstations-device-objectlist-parameterdialog {
  height: 100%;
  overflow: hidden;
}
.settings-automationstations-device-objectlist-parameterdialog .parameterdialog-content {
  height: calc(100% - 32px);
}
.settings-automationstations-device-objectlist-parameterdialog .parameterdialog-button-bar {
  height: 32px;
  width: 100%;
  border-top: 1px solid #66A5BC;
}
.settings-automationstations-device-objectlist-parameterdialog .parameterdialog-button-bar button {
  display: inline-block;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid #66A5BC;
  border-right: 0;
  float: right;
  margin: 0;
  padding: 0 20px;
  height: 100%;
}
.settings-automationstations-device-objectlist-propertiesdialog {
  height: 100%;
  overflow: hidden;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .body {
  padding: 0;
  position: relative;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .Table-widget {
  height: 468px;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li.datapointdialog-listentry {
  padding: 0;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 30px;
  padding-right: 10px;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 5px;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .body {
  padding: 0;
  position: relative;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .Table-widget {
  height: 468px;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li.datapointdialog-listentry {
  padding: 0;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 30px;
  padding-right: 10px;
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.settings-automationstations-device-objectlist-propertiesdialog .logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 5px;
}
.settings-automationstations-device-objectlist-propertiesdialog .propertiesdialog-content {
  height: calc(100% - 32px);
}
.settings-automationstations-device-objectlist-propertiesdialog .propertiesdialog-content .Table-widget {
  height: 618px;
}
.settings-automationstations-device-objectlist-propertiesdialog .propertiesdialog-button-bar {
  height: 32px;
  width: 100%;
  border-top: 1px solid #66A5BC;
}
.settings-automationstations-device-objectlist-propertiesdialog .propertiesdialog-button-bar button {
  display: inline-block;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid #66A5BC;
  border-right: 0;
  float: right;
  margin: 0;
  padding: 0 20px;
  height: 100%;
}
.settings-automationstations-device-objectlist-conversiondialog {
  height: 100%;
  overflow: hidden;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content {
  height: calc(100% - 32px);
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content .import-header {
  line-height: 32px;
  margin-bottom: 20px;
  background-color: #80B4C7;
  font-weight: bold;
  color: white;
  padding-left: 20px;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content .label-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 450px;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content .label-box .prefix-container {
  width: 120px;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content .label-box .prefix-container .prefix-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content .label-box .config-container {
  width: 250px;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content .label-box .config-container .box-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-content .label-box .config-container > .newCombobox-widget {
  width: 200px;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-button-bar {
  height: 32px;
  width: 100%;
  border-top: 1px solid #66A5BC;
}
.settings-automationstations-device-objectlist-conversiondialog .conversion-dialog-button-bar button {
  display: inline-block;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid #66A5BC;
  border-right: 0;
  float: right;
  margin: 0;
  padding: 0 20px;
  height: 100%;
}
.settings-logs .content-row {
  width: 300px;
}
.settings-logs .row-label-button .input-label {
  display: inline-block;
  line-height: 32px;
}
.settings-logs .row-label-button button {
  width: 140px;
  float: right;
  display: inline-block;
}
.settings-logs .row-label-button:before,
.settings-logs .row-label-button:after {
  content: " ";
  display: table;
}
.settings-logs .row-label-button:after {
  clear: both;
}
.settings-logs .row-label-button:before,
.settings-logs .row-label-button:after {
  content: " ";
  display: table;
}
.settings-logs .row-label-button:after {
  clear: both;
}
.settings-module.settings-ems-costcenters .content-row,
.settings-module.settings-ems-costcenters .InputField-widget,
.settings-module.settings-ems-costcenters .TextArea-widget {
  width: 300px;
  margin: 0;
}
.settings-module.settings-ems-tenants .content-row,
.settings-module.settings-ems-tenants .InputField-widget,
.settings-module.settings-ems-tenants .TextArea-widget,
.settings-module.settings-ems-tenants .newCombobox-widget {
  width: 300px;
  margin: 0;
}
.settings-module.settings-ems-climatestations .main-content .scroll-content .InputField-widget,
.settings-module.settings-ems-climatestations .main-content .scroll-content .TextArea-widget,
.settings-module.settings-ems-climatestations .main-content .scroll-content .newCombobox-widget {
  width: 300px;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .InputField-widget,
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .TextArea-widget,
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .newCombobox-widget {
  width: 400px;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .reference-flag:before {
  content: "\f17b";
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .controls-sub-area {
  width: 400px;
  margin-right: 10%;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .checkbox-label {
  line-height: 32px !important;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .checkbox-label.multirow {
  display: block;
  padding-left: 42px;
  height: auto;
  line-height: 18px !important;
  padding-top: 8px;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .priority-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  border: 0px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .input-label-pair {
  padding-bottom: 10px;
}
.settings-module.settings-ems-climatestations .main-content .climastations-controls-area .input-label-pair:last-of-type {
  padding-bottom: 0;
}
.settings-module.settings-ems-climatestations .main-content .data-point-selector > .InputField-widget {
  display: inline-block;
  width: 500px;
}
.settings-module.settings-ems-climatestations .main-content .data-point-selector > button {
  width: 32px;
  height: 32px;
  padding: 0;
}
.settings-module.settings-ems-climatestations .main-content .data-point-selector > button.clear {
  font-size: 30px;
}
.settings-module.settings-ems-climatestations .main-content .data-point-selector > button.clear:before {
  content: "\f1a3";
}
.settings-module.settings-ems-climatestations .main-content .data-point-selector > button.data-point-button {
  font-size: 24px;
}
.settings-module.settings-ems-climatestations .main-content .data-point-selector > button.data-point-button:before {
  content: "\f12f";
}
.settings-module.settings-ems-climatestations .main-content .climate-data-interval-chooser > .with-margin {
  margin-right: 20px;
}
.settings-module.settings-ems-climatestations .main-content .checkbox-label {
  line-height: 32px !important;
}
.settings-module.settings-ems-climatestations .main-content .radio-button {
  margin-right: 10px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget {
  padding-top: 1px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input {
  height: 30px;
}
.settings-module.settings-ems-climatestations .main-content .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-climatestations .main-content .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .reference-flag:before {
  content: "\f17b";
}
.settings-module.settings-ems-climatestations .main-content .controls-area .controls-sub-area {
  width: 300px;
  margin-right: 10%;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .exclude-month-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .exclude-month-container .exclude-month {
  width: auto;
  min-width: 120px;
  margin-right: 20px;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .exclude-month-container .exclude-month.to {
  margin-right: 0;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .temperature-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .temperature-container .temperature {
  width: auto;
  min-width: 120px;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .checkbox-label {
  line-height: 32px !important;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .checkbox-label.multirow {
  display: block;
  padding-left: 42px;
  height: auto;
  line-height: 18px !important;
  padding-top: 8px;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .priority-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  border: 1px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .priority-box > .priority-box-check {
  display: inline-block;
  width: calc(100% - 40px);
  padding: 5px;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .priority-box > .priority-box-chooser {
  width: 40px;
  height: 84px;
  border-left: 1px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .priority-box > .priority-box-chooser > .priority-button {
  width: 100%;
  height: 50%;
  line-height: 42px;
  font-size: 24px;
  border: none;
  padding: 0;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .priority-box > .priority-box-chooser > .priority-button.prio-up-button:before {
  content: "\f110";
}
.settings-module.settings-ems-climatestations .main-content .controls-area .priority-box > .priority-box-chooser > .priority-button.prio-down-button:before {
  content: "\f10d";
}
.settings-module.settings-ems-climatestations .main-content .controls-area .input-label-pair {
  padding-bottom: 10px;
}
.settings-module.settings-ems-climatestations .main-content .controls-area .input-label-pair:last-of-type {
  padding-bottom: 0;
}
.settings-module.settings-ems-climatestations .main-content .cooling-left-top {
  margin-left: 20px;
  margin-top: 20px;
}
.settings-module.settings-ems-climatestations .main-content .cooling-top {
  margin-top: 20px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget.scroll-wrapper,
.settings-module.settings-ems-climatestations .main-content .Table-content.scroll-wrapper,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.fill,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget {
  padding-top: 1px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input {
  height: 30px;
}
.settings-module.settings-ems-climatestations .main-content .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .main-content .table-container {
  border: 1px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .main-content .label-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.settings-module.settings-ems-climatestations .main-content .heating-left-top {
  margin-left: 20px;
  margin-top: 20px;
}
.settings-module.settings-ems-climatestations .main-content .heating-top {
  margin-top: 20px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget.scroll-wrapper,
.settings-module.settings-ems-climatestations .main-content .Table-content.scroll-wrapper,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.fill,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget {
  padding-top: 1px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.settings-module.settings-ems-climatestations .main-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input,
.settings-module.settings-ems-climatestations .main-content .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input,
.settings-module.settings-ems-climatestations .main-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input {
  height: 30px;
}
.settings-module.settings-ems-climatestations .main-content .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .main-content .table-container {
  border: 1px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .main-content .label-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.settings-module.settings-ems-climatestations .import-dialog {
  height: calc(100% - 35px);
}
.settings-module.settings-ems-climatestations .import-dialog .import-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 35px;
  border-top: 1px solid #80B4C7;
}
.settings-module.settings-ems-climatestations .import-dialog .import-footer > button {
  height: 34px;
  border-top: none;
  border-bottom: none;
}
.settings-module.settings-ems-climatestations .import-dialog .import-footer > button:last-of-type {
  border-left: none;
}
.settings-module.settings-ems-climatestations .reference-flag:before {
  content: "\f17b";
}
.settings-module.settings-ems-dashboardtemplates .main-content .scroll-content .InputField-widget,
.settings-module.settings-ems-dashboardtemplates .main-content .scroll-content .TextArea-widget {
  width: 300px;
}
.settings-module.settings-ems-dashboardtemplates .main-content .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-dashboardtemplates .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-dashboardtemplates .main-content .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-dashboardtemplates .main-content .benchmark-type-icon {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
.settings-module.settings-ems-dashboardtemplates .main-content .inputfield-placeholder {
  color: #000000;
  font-style: normal;
}
.settings-module.settings-ems-datapointmobile .content-row,
.settings-module.settings-ems-datapointmobile .InputField-widget,
.settings-module.settings-ems-datapointmobile .TextArea-widget {
  width: 300px;
  margin: 0;
}
.settings-ems-mobiledevices .main-content .content-row,
.settings-ems-mobiledevices .main-content .InputField-widget,
.settings-ems-mobiledevices .main-content .newCombobox-widget,
.settings-ems-mobiledevices .main-content .DatePicker-widget,
.settings-ems-mobiledevices .main-content .MultiCombobox-widget,
.settings-ems-mobiledevices .main-content .TextArea-widget,
.settings-ems-mobiledevices .main-content .input-label {
  width: 300px;
}
.settings-ems-mobiledevices .main-content .with-border {
  border: 1px solid #3387A5;
}
.settings-ems-mobiledevices .main-content .selected-count-text {
  display: inline-block;
  height: 32px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  color: #00698F;
}
.settings-ems-mobiledevices .main-content .Pagination-widget {
  border-right: 1px solid #3387A5;
  float: left;
}
.settings-module.settings-ems-utilities .content-row,
.settings-module.settings-ems-utilities .InputField-widget,
.settings-module.settings-ems-utilities .TextArea-widget {
  width: 300px;
  margin: 0;
}
.settings-module.settings-ems-utilities .Checkbox-widget {
  display: inline-block;
  margin-right: 5px;
}
.settings-module.settings-ems-utilities .checkbox-label {
  display: inline;
}
.settings-module.settings-ems-utilities .SelectPopover-widget {
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #80B4C7;
}
.settings-module.settings-ems-utilities .SelectPopover-widget-display {
  margin: 5px;
}
.SelectPopover-widget-popup .utility-color-item,
.SelectPopover-widget-display .utility-color-item {
  display: block;
  width: 100%;
  height: 100%;
}
.settings-module.settings-ems-areacatalogs .main-content .scroll-content .InputField-widget,
.settings-module.settings-ems-areacatalogs .main-content .scroll-content .TextArea-widget {
  width: 300px;
}
.settings-module.settings-ems-areacatalogs .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-details-row {
  background-color: #B3D2DD;
}
.settings-module.settings-ems-areacatalogs .main-content .benchmark-type-icon {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
.settings-module.settings-ems-areacatalogs .main-content .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-areacatalogs .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-areacatalogs .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget {
  padding-top: 1px;
}
.settings-module.settings-ems-areacatalogs .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.settings-module.settings-ems-areacatalogs .main-content .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: none;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-details-row .text {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  width: 300px;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .body.has-back-button {
  height: calc(100% - 34px);
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li.datapointdialog-listentry {
  padding: 0;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 30px;
  padding-right: 10px;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 5px;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .two-column {
  width: 50%;
  display: inline-block;
}
.settings-module.settings-ems-areacatalogs.module-dialog-modal .two-column:first-child {
  float: left;
}
.popup-binding-container-content .benchmark-type-icon {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
.settings-module.settings-ems-benchmarkreferencetypes .content-row,
.settings-module.settings-ems-benchmarkreferencetypes .InputField-widget,
.settings-module.settings-ems-benchmarkreferencetypes .TextArea-widget {
  width: 300px;
  margin: 0;
}
.settings-module.settings-ems-benchmarkreferencetypes .benchmark-type-icon {
  font-size: 18px;
  font-weight: bold;
  margin-right: 5px;
}
.selection-type-popup-content .dynamic-benchmark-selection,
.selection-type-popup-content .static-benchmark-selection {
  background-color: #FFFFFF;
  padding: 7px;
  width: 300px;
}
.selection-type-popup-content .dynamic-benchmark-selection {
  border-bottom: 1px solid #80B4C7;
}
.selection-type-popup-content .dynamic-benchmark-selection::before {
  font-size: 18px;
  font-weight: bold;
  margin-right: 7px;
  content: "D";
}
.selection-type-popup-content .static-benchmark-selection::before {
  font-size: 18px;
  font-weight: bold;
  margin-right: 7px;
  content: "S";
}
.selection-type-popup-content .dynamic-benchmark-selection:hover,
.selection-type-popup-content .static-benchmark-selection:hover {
  background: #80B4C7;
  color: #FFFFFF;
  cursor: pointer;
}
.settings-ems-config .settings-ems-config-messages .TextArea-widget {
  width: auto;
  min-width: 300px;
  max-width: 500px;
}
.settings-ems-config .settings-ems-config-messages .columns .column-left > .TextArea-widget {
  padding-right: 10px;
}
.settings-ems-config .settings-ems-config-calculation .Radio-widget.align-top {
  vertical-align: top !important;
}
.settings-ems-config .settings-ems-config-calculation .Radio-widget .Radio-radio {
  display: inline-block;
}
.settings-ems-config .settings-ems-config-calculation .description {
  width: auto;
  margin-left: 10px;
  display: inline-block;
}
.settings-ems-config .settings-ems-config-calculation .checkbox-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
  width: 100%;
  max-width: 320px;
}
.settings-ems-config .settings-ems-config-calculation .input-label {
  width: 100%;
  max-width: 320px;
}
.settings-ems-config .settings-ems-config-calculation .row {
  vertical-align: top;
  margin-bottom: 15px;
}
.settings-ems-config .settings-ems-config-calculation .row:last-child {
  margin-bottom: 0;
}
.settings-ems-config .settings-ems-config-reports .logo-section {
  width: 500px;
}
.settings-ems-config .settings-ems-config-reports .logo-section .logo .content-row > img {
  max-height: 150px;
  width: auto;
}
.settings-ems-config .settings-ems-config-reports .logo-section .logo .content-row button {
  margin-left: 10px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.settings-ems-config .settings-ems-config-reports .logo-section .no-logo button:first-of-type {
  border-left: none;
}
.settings-ems-config .settings-ems-config-datapoints table td {
  vertical-align: middle;
}
.settings-ems-config .settings-ems-config-datapoints table td .checkbox-label {
  vertical-align: middle;
  display: table-cell;
  line-height: 16px;
}
.settings-ems-config .settings-ems-config-datapoints .row > [class^="col-"] {
  padding-bottom: 20px;
}
.settings-ems-config .settings-ems-config-datapoints button,
.settings-ems-config .settings-ems-config-datapoints button:hover,
.settings-ems-config .settings-ems-config-datapoints button[disabled],
.settings-ems-config .settings-ems-config-datapoints button[disabled]:hover {
  width: calc(100% - 10px);
  max-width: 300px;
  height: auto;
  line-height: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.settings-ems-config .settings-ems-config-datapoints .inline-label {
  display: inline-block;
  margin-left: 10px;
}
.settings-ems-config .settings-ems-config-datapoints .InputField-widget {
  width: 80px;
  max-width: 300px;
  display: inline-block;
  overflow: hidden;
}
.settings-ems-config .settings-ems-config-datapoints .InputField-widget .inputfield-input {
  width: 100%;
  max-width: 100%;
}
.settings-ems-config .body .Accordion-widget-list .scroll-content.with-padding {
  margin: 0;
  padding: 20px;
}
.settings-ems-config .columns .column {
  margin-bottom: 0;
}
.settings-ems-config .InputField-widget,
.settings-ems-config .newCombobox-widget,
.settings-ems-config .DatePicker-widget,
.settings-ems-config .MultiCombobox-widget,
.settings-ems-config .TextArea-widget,
.settings-ems-config .input-label {
  width: 300px;
}
.settings-ems-config .checkbox-label {
  margin-left: 10px;
}
.settings-ems-config .content-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.settings-module.settings-ems-recordingalarms .main-content .scroll-content.general-settings .content-row,
.settings-module.settings-ems-recordingalarms .main-content .scroll-content.general-settings .InputField-widget,
.settings-module.settings-ems-recordingalarms .main-content .scroll-content.general-settings .TextArea-widget {
  width: 300px;
}
.settings-module.settings-ems-recordingalarms .main-content .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-recordingalarms .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-recordingalarms .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input {
  height: 30px;
}
.settings-module.settings-ems-recordingalarms .main-content .Table-widget .Table-content .Table-item-table-div .double-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.settings-module.settings-ems-recordingalarms .main-content .Table-widget .Table-content .Table-item-table-div .double-cell .inline-cell {
  padding-left: 10px;
  padding-right: 10px;
}
.settings-module.settings-ems-recordingalarms .main-content .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-timers .content-row,
.settings-module.settings-ems-timers .InputField-widget,
.settings-module.settings-ems-timers .newCombobox-widget,
.settings-module.settings-ems-timers .DatePicker-widget,
.settings-module.settings-ems-timers .MultiCombobox-widget,
.settings-module.settings-ems-timers .TextArea-widget,
.settings-module.settings-ems-timers .input-label {
  width: 300px;
}
.settings-module.settings-ems-timers .column-right.newCombobox-widget {
  width: 60%;
}
.settings-module.settings-ems-timers .content-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 300px;
}
.settings-module.settings-ems-timers .content-row > div {
  width: 45%;
}
.settings-module.settings-ems-timers .content-row > div .DatePicker-widget,
.settings-module.settings-ems-timers .content-row > div .InputField-widget {
  width: 100%;
}
.settings-module.settings-ems-timers .content-row > .Checkbox-widget,
.settings-module.settings-ems-timers .content-row > .Radio-widget {
  width: 15%;
}
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper {
  width: 80%;
}
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper .newCombobox-widget,
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper .InputField-widget {
  width: 100%;
}
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper .specific-month-day {
  width: 100%;
}
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper .day-input {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper .day-input > .InputField-widget {
  width: 42px;
}
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper .day-input > .checkbox-label {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0 10px;
}
.settings-module.settings-ems-timers .content-row > .checkbox-option-wrapper .disabled-text {
  color: #bfbfbf;
}
.settings-module.settings-ems-timers .timer-description {
  width: 300px;
}
.settings-module.settings-ems-timers .timer-description .input-label {
  display: inline;
}
.settings-module.settings-ems-timers .timer-description > button {
  width: 300px;
}
.settings-module.settings-ems-timers .status {
  font-size: 20px;
  vertical-align: middle;
}
.settings-module.settings-ems-timers .status.pending:before {
  content: "\f16e";
}
.settings-module.settings-ems-timers .status.running:before {
  content: "\f184";
}
.settings-module.settings-ems-timers .status.expired:before {
  content: "\f13f";
}
.settings-module.settings-ems-globalalarms {
  display: -ms-flexbox;
  display: flex;
}
.settings-module.settings-ems-globalalarms .main-content .scroll-content .name-input input {
  width: 100%;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays {
  position: relative;
  height: 32px;
  margin: 20px 20px 20px;
  max-width: 822px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday {
  position: absolute;
  width: calc(100% / 7);
  height: 100%;
  top: 0;
  background-color: #FFFFFF;
  border-right: 1px solid #F2F8F9;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:hover {
  background-color: #F2F8F9;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:active {
  background-color: #CCE1E9;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:nth-child(1) {
  left: calc(100% / 7 * 0);
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:nth-child(2) {
  left: calc(100% / 7 * 1);
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:nth-child(3) {
  left: calc(100% / 7 * 2);
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:nth-child(4) {
  left: calc(100% / 7 * 3);
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:nth-child(5) {
  left: calc(100% / 7 * 4);
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:nth-child(6) {
  left: calc(100% / 7 * 5);
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:nth-child(7) {
  left: calc(100% / 7 * 6);
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday .Checkbox-widget {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday .Checkbox-widget .Checkbox-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday .day-name {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday .indicator {
  position: absolute;
  width: calc(100% - 50px);
  height: 100%;
  background-color: #B3D2DD;
  margin: 0 25px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays .weekday:not(.checked) .indicator {
  display: none;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays.whole-day .weekday .indicator {
  width: 100%;
  margin: 0;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays.disabled .weekday {
  background-color: #B3D2DD;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays.disabled .weekday .Checkbox-widget {
  display: none;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays.disabled .weekday .indicator {
  background-color: #008C00;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .weekdays.disabled.whole-day .weekday.checked .day-name {
  color: #FFFFFF;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .time-period {
  max-width: 820px;
  margin: 10px 20px 0;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .time-period .left {
  display: inline-block;
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 5px;
  line-height: 32px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .time-period .middle {
  display: inline-block;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .time-period .middle .InputField-widget {
  display: inline-block;
  float: left;
  width: 145px;
  margin-right: 10px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .time-period .middle .Checkbox-widget {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .time-period .middle .checkbox-label {
  display: inline-block;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column {
  max-width: 820px;
  margin: 20px 20px 0;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column:before,
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column:after {
  content: " ";
  display: table;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column:after {
  clear: both;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column:before,
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column:after {
  content: " ";
  display: table;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column:after {
  clear: both;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column.no-margin-top {
  margin-top: 0px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .content-row {
  margin-bottom: 20px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .content-row.with-margin-left {
  margin-left: 30px;
  max-width: 340px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm {
  margin-left: 30px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .function-value {
  margin-bottom: 10px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .function-value span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .function-value .InputField-widget {
  display: inline-block;
  width: 50px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .operation .newCombobox-widget {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  margin-right: 10px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .operation .InputField-widget {
  display: inline-block;
  width: 50px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .operation span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .checkbox-label {
  display: inline-block;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column .limits-alarm .elongated-combobox {
  max-width: 448px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column > .common-properties .priority {
  position: relative;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column > .common-properties .priority .color-block {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 19px;
  height: 30px;
}
.settings-module.settings-ems-globalalarms .main-content .alarms-definition .two-column > .common-properties .priority .InputField-widget input {
  padding-left: 25px;
}
.settings-module.settings-ems-globalalarms .main-content .two-dropdowns {
  display: -ms-flexbox;
  display: flex;
}
.settings-module.settings-ems-globalalarms .main-content .two-dropdowns .first-dropdown {
  width: 40%;
}
.settings-module.settings-ems-globalalarms .main-content .two-dropdowns .second-dropdown {
  width: 60%;
}
.settings-module.settings-ems-globalalarms .main-content .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
  float: right;
}
.settings-module.settings-ems-globalalarms .main-content .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.settings-module.settings-ems-globalalarms .main-content .data-point-selector button {
  padding: 0;
  width: 32px;
  font-size: 28px;
}
.settings-module.settings-ems-globalalarms .main-content .scroll-content {
  overflow: initial;
}
.settings-module.settings-ems-globalalarms .main-content .scroll-content .with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-globalalarms .main-content .scroll-content .Table-details-row {
  background-color: #B3D2DD;
}
.settings-module.settings-ems-globalalarms .main-content .scroll-content .Table-details-row .template-element.Table-active-details {
  width: 100%;
}
.settings-module.settings-ems-globalalarms .main-content .scroll-content .Table-details-row .template-element.Table-active-details .one-column {
  width: 50%;
}
.settings-module.settings-ems-globalalarms .main-content .scroll-content .Table-details-row .template-element.Table-active-details .Table-table-column-container {
  width: 100%;
}
.settings-module.settings-ems-globalalarms .main-content .radio-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.settings-module.settings-ems-globalalarms .main-content .column-left {
  margin-right: 30px;
}
.settings-module.settings-ems-globalalarms .main-content .column-middle {
  margin-top: 8px;
}
.settings-module.settings-ems-globalalarms .main-content .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module.settings-ems-globalalarms .main-content .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.settings-module.settings-ems-globalalarms .main-content .footer.save-cancel-area .button.invalid {
  color: #F20C0C;
}
.settings-module.settings-ems-globalalarms .main-content .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.settings-module.settings-ems-globalalarms .main-content .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.settings-module.settings-ems-globalalarms .main-content .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.settings-module.settings-ems-globalalarms .main-content .footer .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.settings-module.settings-ems-globalalarms .main-content .footer .button.glyph-icon {
  font-size: 30px;
}
.settings-module.settings-ems-globalalarms .main-content .footer .button.glyph-icon[disabled],
.settings-module.settings-ems-globalalarms .main-content .footer .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.settings-module.settings-ems-globalalarms .main-content .footer .delete-button:before {
  content: "\f197";
}
.settings-module.settings-ems-globalalarms .main-content .footer .create-button:before {
  content: "\f168";
}
.settings-module.settings-ems-globalalarms .main-content .datapoints-results {
  border: 1px solid #3387A5;
  margin: 15px;
}
.settings-module.settings-ems-globalalarms .main-content .datapoints-results .notification-layer {
  position: relative;
  height: 150px;
}
.settings-module.settings-ems-globalalarms .main-content {
  overflow: auto;
}
.settings-module.settings-ems-globalalarms .List-widget li .glyph-icon-circle {
  margin-right: 5px;
  font-family: qanteon-icons;
  color: #CCCCCC;
}
.settings-module.settings-ems-globalalarms .List-widget li .glyph-icon-circle:before {
  content: "\f122";
}
.settings-module.settings-ems-globalalarms .List-widget li .glyph-icon-circle.enabled {
  color: #008C00;
}
.settings-module.settings-ems-globalalarms .reorder-button:before {
  content: "\f180";
}
.popup-binding-container-content .benchmark-type-icon {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
.dataselection-menu-popup .menu-selection {
  background-color: #FFFFFF;
  padding: 7px;
  width: 150px;
}
.dataselection-menu-popup .inactive {
  color: grey;
}
.dataselection-menu-popup .menu-selection:hover {
  background: #80B4C7;
  color: #FFFFFF;
  cursor: pointer;
}
.multi-combobox-popup .multi-select-list-entry {
  padding-right: 0;
}
.select-all-popup {
  display: -ms-flexbox;
  display: flex;
}
.select-all-popup .multi-select-list-item {
  margin-left: 10px;
}
.select-all-popup.inactive {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  cursor: default !important;
  line-height: 32px;
}
.select-all-popup.inactive .multi-select-list-checkbox {
  text-align: center;
  font-size: 24px;
  border: none !important;
  line-height: 32px !important;
}
.select-all-popup.inactive .multi-select-list-checkbox:before {
  content: "\f16b";
}
.select-all-popup .glyph-icon {
  margin: 0 !important;
}
.select-all-popup .utility-color {
  width: 10px;
  height: 32px;
}
.alarm-type-popup-content .global-alarm-limits,
.alarm-type-popup-content .global-alarm-leckage {
  background-color: #FFFFFF;
  padding: 7px;
  width: 300px;
}
.alarm-type-popup-content .global-alarm-limits {
  border-bottom: 1px solid #80B4C7;
}
.alarm-type-popup-content .global-alarm-limits:hover,
.alarm-type-popup-content .global-alarm-leckage:hover {
  background: #80B4C7;
  color: #FFFFFF;
  cursor: pointer;
}
.datapoints-selection-table {
  position: relative;
  height: 92%;
  overflow: hidden;
}
.datapoints-selection-table .databrowser-and-footer {
  height: 600px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.datapoints-selection-table .databrowser-and-footer .data-point-browser-content {
  height: 100%;
}
.datapoints-selection-table .databrowser-and-footer .data-point-browser-footer {
  border-top: 1px solid #80B4C7;
}
.datapoints-selection-table .databrowser-and-footer .data-point-browser-footer .last.glyph-icon {
  border-right: 1px solid #80B4C7;
}
.datapoints-selection-table .databrowser-and-footer .data-point-browser-footer .data-point-browser-selection {
  color: #005978;
  font-size: 12px;
  margin-left: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  line-height: 22px;
}
.datapoints-selection-table .databrowser-and-footer .data-point-browser-footer .data-point-browser-footer-cache-clear-btn {
  float: left;
  border-left-width: 0;
}
.datapoints-selection-table .databrowser-and-footer .data-point-browser-footer .data-point-browser-footer-apply-btn,
.datapoints-selection-table .databrowser-and-footer .data-point-browser-footer .data-point-browser-footer-cancel-btn {
  float: right;
  border-right-width: 0;
}
.reorder-alarms-dialog {
  height: 100%;
}
.reorder-alarms-dialog .body {
  height: calc(100% - 33px);
  overflow: auto;
}
.reorder-alarms-dialog .body .reorder-list {
  margin: 20px;
}
.reorder-alarms-dialog .reorder-alarms-dialog-footer {
  width: 100%;
  height: 33px;
  border-top: 1px solid #80B4C7;
  background-color: #F2F8F9;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.reorder-alarms-dialog .reorder-alarms-dialog-footer .reorder-alarms-dialog-button {
  float: right;
  width: 25%;
  height: 32px;
  border-top: 0;
}
.settings-module.settings-ftp-connections .columns {
  position: relative;
}
.settings-module.settings-ftp-connections .columns .column {
  display: inline-block;
  min-width: 300px;
  vertical-align: top;
  margin-right: 40px;
}
.settings-module.settings-ftp-connections .columns .column:last-child {
  margin-right: 0;
}
.settings-module.settings-ftp-connections .columns .column-thin {
  display: inline-block;
  min-width: 300px;
  vertical-align: top;
  margin-right: 40px;
  min-width: 140px;
  width: 180px;
  margin-right: 25px;
}
.settings-module.settings-ftp-connections .columns .column-thin:last-child {
  margin-right: 0;
}
.settings-module.settings-ftp-connections .content-row,
.settings-module.settings-ftp-connections .InputField-widget,
.settings-module.settings-ftp-connections .newCombobox-widget,
.settings-module.settings-ftp-connections .DatePicker-widget,
.settings-module.settings-ftp-connections .MultiCombobox-widget,
.settings-module.settings-ftp-connections .TextArea-widget,
.settings-module.settings-ftp-connections .input-label {
  width: 300px;
}
.settings-module.settings-ftp-connections .timer-description {
  margin-top: 5px;
  width: 300px;
}
.settings-module.settings-ftp-connections .timer-description .input-label {
  display: inline;
}
.settings-module.settings-ftp-connections .test-button-right {
  width: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 1px;
}
.settings-module.settings-ftp-connections .url-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 300px;
}
.settings-module.settings-ftp-connections .url-block .inner-left {
  width: 60%;
}
.settings-module.settings-ftp-connections .url-block .inner-right {
  width: 30%;
}
.settings-module.settings-ftp-connections .url-block .InputField-widget {
  width: 100%;
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content {
  position: relative;
  overflow: hidden;
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content .body {
  padding: 20px;
  height: calc(100% - 32px);
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content .body .content-row,
.settings-module.settings-ftp-connections .dialog-content-template .main-content .body .InputField-widget,
.settings-module.settings-ftp-connections .dialog-content-template .main-content .body .newCombobox-widget,
.settings-module.settings-ftp-connections .dialog-content-template .main-content .body .DatePicker-widget,
.settings-module.settings-ftp-connections .dialog-content-template .main-content .body .MultiCombobox-widget,
.settings-module.settings-ftp-connections .dialog-content-template .main-content .body .TextArea-widget {
  width: 100%;
  margin: 0;
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content .footer .button-box {
  display: inline-block;
  height: 100%;
  float: right;
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content .footer .button-box .button {
  display: inline-block;
  border: 0;
  height: 100%;
  min-width: 60px;
  padding: 0 20px;
  border-right: 1px solid #3387A5;
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content .footer .button-box .button:first-child {
  border-left: 1px solid #3387A5;
}
.settings-module.settings-ftp-connections .dialog-content-template .main-content .footer .button-box .button:last-child {
  border-right: 0;
}
.settings-module.settings-ems-opcconnections .content-row,
.settings-module.settings-ems-opcconnections .InputField-widget,
.settings-module.settings-ems-opcconnections .newCombobox-widget,
.settings-module.settings-ems-opcconnections .DatePicker-widget,
.settings-module.settings-ems-opcconnections .MultiCombobox-widget,
.settings-module.settings-ems-opcconnections .TextArea-widget {
  width: 300px;
  margin: 0;
}
.settings-module.settings-ems-opcconnections .test-button-right {
  width: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 1px;
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content {
  position: relative;
  overflow: hidden;
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .body {
  padding: 20px;
  height: calc(100% - 32px);
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .body .content-row,
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .body .InputField-widget,
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .body .newCombobox-widget,
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .body .DatePicker-widget,
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .body .MultiCombobox-widget,
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .body .TextArea-widget {
  width: 100%;
  margin: 0;
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .footer .button-box {
  display: inline-block;
  height: 100%;
  float: right;
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .footer .button-box .button {
  display: inline-block;
  border: 0;
  height: 100%;
  min-width: 60px;
  padding: 0 20px;
  border-right: 1px solid #3387A5;
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .footer .button-box .button:first-child {
  border-left: 1px solid #3387A5;
}
.settings-module.settings-ems-opcconnections .dialog-content-template .main-content .footer .button-box .button:last-child {
  border-right: 0;
}
.settings-module.settings-domains .content-row,
.settings-module.settings-domains .InputField-widget {
  width: 300px;
  margin: 0;
}
.settings-module.alert-categories .body.main-content-body {
  padding: 20px;
}
.settings-module.alert-categories .body.main-content-body .input-container {
  width: 300px;
}
.settings-ldapconfiguration .ldapconfiguration-controls {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-width {
  width: 755px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .divheight {
  height: 16px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldapfloatright {
  float: right;
}
.settings-ldapconfiguration .ldapconfiguration-controls .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-ldapconfiguration .ldapconfiguration-controls .controls-area .controls-sub-area {
  width: 300px;
  margin-right: 10%;
}
.settings-ldapconfiguration .ldapconfiguration-controls .controls-area .controls-sub-area.long-button-text {
  width: auto;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .NotificationLayer-widget .notification-layer {
  height: 130%;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .NotificationLayer-widget .notification-layer .notification-box.large {
  top: 40%;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .input-password {
  width: 755px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .file-selection-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  width: 300px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .file-selection-row .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  line-height: 32px;
  height: 32px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .file-selection-row .button {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .button-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 300px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .button-row.align-right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.settings-ldapconfiguration .ldapconfiguration-controls .ldap-config .button-row .button {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.settings-ldapconfiguration .ldapconfiguration-controls .category {
  padding: 20px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .category label {
  position: relative;
  width: 100%;
  display: inline-block;
}
.settings-ldapconfiguration .ldapconfiguration-controls .category .inline-input-field {
  position: absolute;
  right: 0;
  top: -8px;
  width: 100px;
  display: inline-block;
}
.settings-ldapconfiguration .ldapconfiguration-controls .inline-input-field-small {
  width: 120px;
  float: right;
}
.settings-ldapconfiguration .ldapconfiguration-controls .content-row {
  width: 300px;
  margin: 0;
}
.settings-ldapconfiguration .ldapconfiguration-controls .indented {
  padding-left: 42px;
  width: 350px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .InputField-widget {
  display: inline-block;
  width: calc(100% - 37px);
  margin-right: 5px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list button {
  padding: 0;
  width: 32px;
  font-size: 28px;
  float: right;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .add:before {
  content: "\f172";
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .remove:before {
  content: "\f1a3";
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container > .scroll-wrapper {
  height: 100px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container .removable-item {
  line-height: 32px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container .removable-item span {
  margin-left: 10px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container .removable-item button {
  display: none;
  background-color: transparent;
  border: none;
  margin-right: 20px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container .removable-item button:hover {
  background-color: #80B4C7;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container .removable-item button:active {
  background-color: #005978;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container .removable-item:hover {
  background-color: #E6F0F4;
}
.settings-ldapconfiguration .ldapconfiguration-controls .removable-items-list .items-container .removable-item:hover button {
  display: inline;
}
.settings-ldapconfiguration .ldapconfiguration-controls .singlerow .input-label {
  line-height: 32px;
}
.settings-ldapconfiguration .ldapconfiguration-controls .singlerow .InputField-widget {
  width: 100px;
  float: right;
}
.settings-ldapconfiguration .ldapconfiguration-controls .checkbox-label {
  line-height: 32px;
}
.ldap-users-dialog {
  height: 100%;
}
.ldap-users-dialog .body {
  height: calc(100% - 33px);
  overflow: auto;
}
.ldap-users-dialog .ldaptable {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.ldap-users-dialog .ldaptable th {
  color: white;
  background-color: #005978;
  padding: 5px 10px;
  border: 1px solid white;
  width: 25%;
}
.ldap-users-dialog .ldaptable td {
  padding: 5px 10px;
  border: 1px solid #80B4C7;
  width: 25%;
  font-size: 12px;
}
.ldap-users-dialog .ldaptable td.redborder {
  border: 2px solid #F20C0C !important;
}
.ldap-users-dialog .ldaptable tr:nth-child(even) {
  background: #CCE1E9;
}
.ldap-users-dialog .ldaptable tr:nth-child(odd) {
  background: #B3D2DD;
}
.ldap-users-dialog .ldap-users-dialog-footer {
  width: 100%;
  height: 33px;
  border-top: 1px solid #80B4C7;
  background-color: #F2F8F9;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.ldap-users-dialog .ldap-users-dialog-footer .ldap-users-count {
  display: inline-block;
  padding-left: 10px;
  padding-top: 8px;
}
.ldap-users-dialog .ldap-users-dialog-footer .ldap-users-count span.bold {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.ldap-users-dialog .ldap-users-dialog-footer .ldap-users-dialog-button {
  float: right;
  width: 25%;
  height: 32px;
  border-top: 0;
}
.settings-systemdatamanagement .content-row {
  width: 400px;
}
.settings-systemdatamanagement .row-label-button .input-label {
  display: inline-block;
  line-height: 32px;
}
.settings-systemdatamanagement .row-label-button button {
  width: 140px;
  float: right;
  display: inline-block;
}
.settings-systemdatamanagement .row-label-button:before,
.settings-systemdatamanagement .row-label-button:after {
  content: " ";
  display: table;
}
.settings-systemdatamanagement .row-label-button:after {
  clear: both;
}
.settings-systemdatamanagement .row-label-button:before,
.settings-systemdatamanagement .row-label-button:after {
  content: " ";
  display: table;
}
.settings-systemdatamanagement .row-label-button:after {
  clear: both;
}
#error-box {
  z-index: 1100;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding: 0px;
  background-color: rgba(10, 10, 10, 0.7);
}
#error-box .messageBox {
  height: 500px;
  width: 650px;
  margin: auto auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #E6F0F4;
  box-shadow: 0px 0px 1px 16px rgba(0, 0, 0, 0.75);
}
#error-box .messageBox .top-bar {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  height: 64px;
  line-height: 64px;
  text-align: center;
  border-bottom: 1px solid #80B4C7;
}
#error-box .messageBox .content-box {
  height: 403px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  color: black;
}
#error-box .messageBox .content-box .error-message-container {
  padding: 10px;
  -webkit-user-select: text;
  -khtml-user-drag: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
          user-select: text;
}
#error-box .messageBox .content-box .error-message-container:nth-child(odd) {
  background-color: #CCE1E9;
}
#error-box .messageBox .content-box .error-message-container .logger-name {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#error-box .messageBox .content-box .error-message-container .logger-argument-container {
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
#error-box .messageBox .content-box .error-message-string {
  padding: 10px;
}
#error-box .messageBox .content-box .logger-argument-container-rest .sub-heading {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
#error-box .messageBox .content-box .logger-argument-container-rest .sub-argument {
  padding-left: 10px;
}
#error-box .messageBox .bottomBox {
  height: 33px;
  border-top: 1px solid #80B4C7;
}
#error-box .messageBox .bottomBox .version-number {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  float: left;
  padding-left: 5px;
}
#error-box .messageBox .bottomBox button {
  border-bottom: 0;
  border-top: 0px;
  border-right: 0;
  float: right;
}
#error-box .messageBox .bottomBox button:first-child {
  border-right: 0;
}
.tick-label {
  position: absolute;
  height: 18px;
  padding-left: 10px;
  border-left: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 12px;
  white-space: nowrap;
}
.background-odd {
  fill: #D9E8EE;
}
.background-even {
  fill: #E6F0F4;
}
.grid-line {
  stroke: #FFFFFF;
  stroke-width: 1;
}
rect.future-overlay-element {
  fill: #80B4C7;
  opacity: 0.5;
}
.trend-charts-view {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  height: 100%;
  box-sizing: border-box;
  position: static;
  position: relative;
}
.trend-charts-view .trend-charts-loading-container {
  position: absolute;
  top: calc(88px);
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFFFFF;
  border: solid 1px #80B4C7;
  padding: 10px;
  text-align: center;
  z-index: 8;
  pointer-events: none;
}
.trend-charts-view .trend-charts-loading-container > div {
  position: relative;
  width: 100%;
}
.trend-charts-view .trend-charts-loading-container .trend-charts-loading-indicator {
  height: 15px;
  margin-top: 5px;
  background-image: url('../../../modules/trendcharts/graph/assets/loader.gif');
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
}
.trend-charts-view .error-state-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 110;
}
.trend-charts-view .error-state-overlay .error-message {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
}
.trend-charts-view .time-interval-navigation-btn {
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  min-width: 72px;
  color: #00698F;
  background: none center no-repeat, transparent;
  background-color: #CCE1E9;
  padding: 0 15px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 72px;
  min-width: 36px;
  height: 48px;
  z-index: 6;
}
.trend-charts-view .time-interval-navigation-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.trend-charts-view .time-interval-navigation-btn.no-hover:hover {
  background-color: transparent;
}
.trend-charts-view .time-interval-navigation-btn.active,
.trend-charts-view .time-interval-navigation-btn:active {
  background-color: #0E4963;
  color: #FFFFFF;
}
.trend-charts-view .time-interval-navigation-btn.disabled,
.trend-charts-view .time-interval-navigation-btn:disabled {
  background-color: #CCE1E9;
  color: #FFFFFF;
}
.trend-charts-view .previous-interval-btn:before {
  content: "\f10e";
}
.trend-charts-view .previous-interval-full-btn:before {
  content: "\f137";
}
.trend-charts-view .next-interval-btn:before {
  content: "\f10f";
}
.trend-charts-view .next-interval-full-btn:before {
  content: "\f138";
}
.trend-charts-view .sticky-top-container {
  position: absolute;
  top: 0;
  height: 48px;
  left: 0;
  right: 0;
  background-color: #CCE1E9;
}
.trend-charts-view .sticky-top-container .previous-interval-full-btn {
  width: 36px;
  padding: 0;
  left: 0;
}
.trend-charts-view .sticky-top-container .previous-interval-btn {
  width: 36px;
  padding: 0;
  left: 36px;
}
.trend-charts-view .sticky-top-container .next-interval-btn {
  width: 36px;
  padding: 0;
  right: 36px;
}
.trend-charts-view .sticky-top-container .next-interval-full-btn {
  width: 36px;
  padding: 0;
  right: 0;
}
.trend-charts-view .sticky-top-container .time-line-container {
  position: absolute;
  top: 0;
  bottom: 0;
}
.trend-charts-view .sticky-top-container .time-line-container .time-line {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: default;
}
.trend-charts-view .sticky-top-container .time-line-container .time-line .selected-time-interval-label {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-top: 2px;
  text-align: center;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
.trend-charts-view .sticky-top-container .time-line-container .time-line .tick-label-container {
  position: absolute;
  top: 30px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.trend-charts-view .sticky-top-container .time-line-container .time-line .tick-label-container .tick-label:first-child {
  height: 48px;
  top: -30px;
  padding-top: 30px;
}
.trend-charts-view .sticky-top-container .time-line-container .time-line .tick-label-container .last-tick-label {
  position: absolute;
  height: 18px;
  padding-left: 10px;
  border-left: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 12px;
  white-space: nowrap;
  right: 0px;
  padding-left: 0px;
  height: 48px;
  top: -30px;
}
.trend-charts-view .trend-charts-view-content {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  position: absolute;
  top: 48px;
  bottom: 72px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper {
  width: 100%;
  height: 100%;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container {
  position: relative;
  margin-bottom: 10px;
  height: 580px;
  width: 100%;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container.line-graphs-chart-small {
  height: 290px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .line-graphs-chart {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: visible;
  background-color: #F2F8F9;
  -webkit-user-select: none;
  -khtml-user-drag: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
          user-select: none;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .line-graphs-chart path.line {
  stroke-width: 1.5;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .line-graphs-chart path.line-prior-period {
  stroke-width: 1.5;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-base {
  background-color: transparent;
  border: 1px dashed #80B4C7;
  z-index: 102;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window {
  background-color: transparent;
  border: 1px dashed #80B4C7;
  z-index: 102;
  pointer-events: all;
  position: relative;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-preview {
  background-color: transparent;
  border: 1px dashed #80B4C7;
  z-index: 102;
  pointer-events: none;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-vertical-drag-anchor {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 10px;
  cursor: ns-resize;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-vertical-drag-anchor-top {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 10px;
  cursor: ns-resize;
  top: -5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-vertical-drag-anchor-bottom {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 10px;
  cursor: ns-resize;
  bottom: -5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-horizontal-drag-anchor {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 10px;
  cursor: ew-resize;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-vertical-drag-anchor-left {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 10px;
  cursor: ew-resize;
  left: -5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-window-vertical-drag-anchor-right {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 10px;
  cursor: ew-resize;
  right: -5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .button-container {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  min-height: 60px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-button,
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .close-button {
  position: absolute;
  right: 0px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #99C3D2;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-button:hover,
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .close-button:hover {
  background-color: #D9E8EE;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .zoom-button {
  bottom: 0px;
  background-image: url('../../../modules/trendcharts/graph/charts/analogtrendchart/assets/Icon_zoom.png');
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .close-button {
  top: 0px;
  background-image: url('../../../modules/trendcharts/graph/charts/analogtrendchart/assets/Icon_close.png');
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .graphical-zoom .black-wall {
  background-color: #80B4C7;
  opacity: 0.5;
  pointer-events: none;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container {
  position: absolute;
  bottom: 0px;
  top: 0px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group {
  height: 100%;
  position: relative;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: #F2F8F9;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .y-axis-auto-scaling-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  cursor: pointer;
  z-index: 21;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .y-axis-vertical-line {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 1px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .y-axis-title {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 20px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .y-axis-auto-scaling-icon {
  position: absolute;
  top: 32px;
  left: 16px;
  right: auto;
  width: 40px;
  height: 32px;
  font-size: 44px;
  opacity: 0.6;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .y-axis-auto-scaling-icon:before {
  content: "\f1a5";
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis:hover .y-axis-auto-scaling-icon {
  opacity: 1;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .ticks-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .ticks-container .y-axis-tick-label {
  position: absolute;
  height: 20px;
  margin-top: -10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 20px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis .ticks-container .y-axis-tick {
  position: absolute;
  height: 1px;
  margin-top: -1px;
  width: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-left .y-axis-vertical-line {
  right: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-left .y-axis-title {
  text-align: right;
  padding-right: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-left .y-axis-tick-label {
  right: 7px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-left .y-axis-tick {
  right: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-right .y-axis-vertical-line {
  left: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-right .y-axis-title {
  text-align: left;
  padding-left: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-right .y-axis-auto-scaling-icon {
  left: auto;
  right: 16px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-right .y-axis-tick-label {
  left: 7px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container .y-axes-group .y-axis-right .y-axis-tick {
  left: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group {
  height: 100%;
  position: relative;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: #F2F8F9;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .y-axis-auto-scaling-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  cursor: pointer;
  z-index: 21;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .y-axis-vertical-line {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 1px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .y-axis-title {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 20px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .y-axis-auto-scaling-icon {
  position: absolute;
  top: 32px;
  left: 16px;
  right: auto;
  width: 40px;
  height: 32px;
  font-size: 44px;
  opacity: 0.6;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .y-axis-auto-scaling-icon:before {
  content: "\f1a5";
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis:hover .y-axis-auto-scaling-icon {
  opacity: 1;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .ticks-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .ticks-container .y-axis-tick-label {
  position: absolute;
  height: 20px;
  margin-top: -10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 20px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis .ticks-container .y-axis-tick {
  position: absolute;
  height: 1px;
  margin-top: -1px;
  width: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-left .y-axis-vertical-line {
  right: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-left .y-axis-title {
  text-align: right;
  padding-right: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-left .y-axis-tick-label {
  right: 7px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-left .y-axis-tick {
  right: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-right .y-axis-vertical-line {
  left: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-right .y-axis-title {
  text-align: left;
  padding-left: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-right .y-axis-auto-scaling-icon {
  left: auto;
  right: 16px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-right .y-axis-tick-label {
  left: 7px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-left .y-axes-group .y-axis-right .y-axis-tick {
  left: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right {
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group {
  height: 100%;
  position: relative;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: #F2F8F9;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .y-axis-auto-scaling-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  cursor: pointer;
  z-index: 21;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .y-axis-vertical-line {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 1px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .y-axis-title {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 20px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .y-axis-auto-scaling-icon {
  position: absolute;
  top: 32px;
  left: 16px;
  right: auto;
  width: 40px;
  height: 32px;
  font-size: 44px;
  opacity: 0.6;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .y-axis-auto-scaling-icon:before {
  content: "\f1a5";
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis:hover .y-axis-auto-scaling-icon {
  opacity: 1;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .ticks-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .ticks-container .y-axis-tick-label {
  position: absolute;
  height: 20px;
  margin-top: -10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 20px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis .ticks-container .y-axis-tick {
  position: absolute;
  height: 1px;
  margin-top: -1px;
  width: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-left .y-axis-vertical-line {
  right: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-left .y-axis-title {
  text-align: right;
  padding-right: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-left .y-axis-tick-label {
  right: 7px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-left .y-axis-tick {
  right: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-right .y-axis-vertical-line {
  left: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-right .y-axis-title {
  text-align: left;
  padding-left: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-right .y-axis-auto-scaling-icon {
  left: auto;
  right: 16px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-right .y-axis-tick-label {
  left: 7px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .y-axes-group-container-right .y-axes-group .y-axis-right .y-axis-tick {
  left: 0;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container.line-graphs-chart-small .y-axes-group-container-left .y-axis .y-axis-auto-scaling-icon,
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container.line-graphs-chart-small .y-axes-group-container-right .y-axis .y-axis-auto-scaling-icon {
  top: 46px;
  font-size: 32px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .line-graphs-mini-legend {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .line-graphs-chart-container .line-graphs-mini-legend {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .binary-graphs {
  position: relative;
  margin-top: 15px;
  height: 32px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .binary-graphs .y-axis-grid-lines {
  visibility: hidden;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .binary-graphs .binary-graph-chart {
  position: relative;
  height: 100%;
  width: 100%;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .binary-graphs .binary-graph-mini-legend {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 4;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .binary-graphs .mini-legend-navigation {
  top: 0px;
  bottom: auto;
  margin-right: 320px;
  margin-left: 320px;
  height: 32px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .binary-graphs .mini-legend-navigation .mini-legend-navigation-button {
  height: 32px;
  width: 32px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .multi-state-graphs {
  position: relative;
  margin-top: 10px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .multi-state-graphs .multi-state-graph-chart {
  position: relative;
  height: 32px;
  width: 100%;
  margin-top: 8px;
  margin-bottom: -2px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .multi-state-graphs .multi-state-graph-mini-legend {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 4;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .multi-state-graphs .multi-state-graph-mini-legend .mini-legend.mini-legend-multi-state.mini-legend-left {
  left: -1px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .multi-state-graphs .multi-state-graph-mini-legend .mini-legend.mini-legend-multi-state.mini-legend-right {
  right: -1px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .multi-state-graphs .mini-legend-navigation {
  top: 0px;
  bottom: auto;
  margin-right: 320px;
  margin-left: 320px;
  height: 32px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .multi-state-graphs .mini-legend-navigation .mini-legend-navigation-button {
  height: 32px;
  width: 32px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .manual-trend-data-collection-dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 6;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .manual-trend-data-collection-dialog .manual-trend-data-collection-dialog-content {
  position: relative;
  left: -50%;
  top: -50%;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .manual-trend-data-collection-dialog .manual-trend-data-collection-dialog-content .collect-trend-data-btn {
  padding-left: 0px;
  margin-bottom: 5px;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .manual-trend-data-collection-dialog .manual-trend-data-collection-dialog-content .collect-trend-data-btn .btn-icon {
  background-color: #3387A5;
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-image: url('../../../modules/trendcharts/graph/charts/assets/Icon_reload_xs_EN.png');
  background-repeat: no-repeat;
  background-position: center center;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper .charts-container .manual-trend-data-collection-dialog .manual-trend-data-collection-dialog-content .collect-trend-data-btn svg {
  background-color: #3387A5;
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  fill: #FFFFFF;
}
.trend-charts-view .trend-charts-view-content .scroll-wrapper > .x-scroller-scrollbar,
.trend-charts-view .trend-charts-view-content .scroll-wrapper > .y-scroller-scrollbar {
  z-index: 31;
}
.trend-charts-view .slider-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 7;
}
.trend-charts-view .slider-container .slider-touch-container {
  position: absolute;
  top: 48px;
  bottom: 0px;
  width: 20px;
  cursor: move;
  pointer-events: all;
  z-index: 3;
}
.trend-charts-view .slider-container .slider-touch-container .slider {
  width: 2px;
  margin-left: 9px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.trend-charts-view .slider-container .slider-touch-container .slider-label {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
}
.trend-charts-view .slider-container .slider-touch-container .slider-icon {
  position: absolute;
  top: -24px;
  height: 24px;
  width: 64px;
  background-color: transparent;
  background-image: url(../../../modules/trendcharts/graph/slider/assets/icon_slider.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.trend-charts-view .slider-container .slider-touch-container .go-to-current-time {
  position: absolute;
  bottom: 150px;
  background-color: transparent;
  padding: 0px;
  margin-left: 10px;
}
.trend-charts-view .slider-container .slider-touch-container .go-to-current-time .go-to-current-time-btn {
  position: relative;
  width: 40px;
  height: 40px;
  opacity: 1;
  padding: 0px;
  margin: 0px;
  display: block;
  background: transparent url('../../../modules/trendcharts/graph/slider/assets/arrow-right.svg') center center;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  color: #000000;
  border: none;
  box-shadow: none;
}
.trend-charts-view .slider-container .slider-touch-container .go-to-current-time .go-to-current-time-btn:hover {
  border: none;
  color: #599DB6;
  background: transparent url('../../../modules/trendcharts/graph/slider/assets/arrow-right-over.svg') center center;
}
.trend-charts-view .slider-container .slider-touch-container .go-to-current-time .go-to-current-time-btn.button-on-the-left {
  left: -40px;
}
.trend-charts-view .slider-container .slider-touch-container .slider-placeholder-current-time {
  position: absolute;
  top: 48px;
  bottom: 0px;
  width: 0px;
  margin-left: -1px;
  margin-top: 37px;
  border-color: #202323;
  border-width: 0px 2px 0px 0px;
  border-style: dashed;
  z-index: 2;
}
.trend-charts-view .slider-container .slider-touch-container .slider-current-time {
  width: 1px;
  position: absolute;
  top: 83px;
  bottom: 0px;
  background-color: #00698F;
  z-index: 1;
}
.trend-charts-view .sticky-bottom-container.sticky-bottom-container-fix-legend-hidden {
  height: auto;
}
.trend-charts-view .sticky-bottom-container {
  z-index: 111;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: #F2F8F9;
  border: 0;
  border-top: 1px solid #B3D2DD;
}
.trend-charts-view .sticky-bottom-container .overview-container {
  position: relative;
  overflow: hidden;
  height: 72px;
  background-color: #E6F0F4;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 0 0 #99C3D2, 0 -3px 5px #99C3D2;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-chart-graph {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-chart-graph path.line {
  fill: none;
  stroke-width: 1.5;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-chart-graph .grid .background-odd,
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-chart-graph .grid .background-even {
  fill: #CCE1E9;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-chart-graph .y-axis-grid-lines {
  visibility: hidden;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-x-axis {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-x-axis .tick-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  fill: #00698F;
  padding-top: 5px;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-x-axis .tick-line {
  stroke: #FFFFFF;
  stroke-width: 1;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-selection-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-touch-action: none;
      touch-action: none;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-selection-overlay .selection-overlay-element {
  border: 3px solid #000000;
  border-bottom: none;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-selection-overlay .selection-overlay-element.selection-overlay-active-drag {
  border: 2px dashed #FFFFFF;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-selection-overlay .selection-overlay-element.selection-overlay-active-drag div {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  opacity: 0.3;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-selection-overlay .new-selection-overlay-element {
  border: 3px solid #333333;
  border-bottom: none;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-selection-overlay .new-selection-overlay-element.new-selection-overlay-element-active-scroll {
  border-color: #00698F;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-selection-overlay .new-selection-overlay-element.new-selection-overlay-element-active-scroll div {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #00698F;
  opacity: 0.2;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-scroll-indicator-left {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #00698F url('../../../modules/trendcharts/graph/trendoverview/assets/Icon_Navigation_Parent_Arrow_left_SEL.png') no-repeat center center;
  width: 15px;
  z-index: 4;
  left: 0;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-scroll-indicator-right {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #00698F url('../../../modules/trendcharts/graph/trendoverview/assets/Icon_Navigation_Parent_Arrow_SEL.png') no-repeat center center;
  width: 15px;
  z-index: 4;
  right: 0;
}
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-scroll-indicator-left.active,
.trend-charts-view .sticky-bottom-container .overview-container .time-interval-overview-container .time-interval-overview .time-interval-overview-scroll-indicator-right.active {
  display: block;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container {
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  border-top: 1px solid #B3D2DD;
  width: 100%;
  max-height: calc(100% - 72px);
  height: 100%;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content {
  height: 100%;
  margin: 0;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row-btn {
  width: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  text-align: left;
  line-height: 32px;
  padding-top: 0;
  padding-left: 40px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row-btn:hover {
  color: #FFFFFF;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-multi-state-list {
  margin-bottom: 20px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-scala-row {
  margin-bottom: 3px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-scala-row .cell > * {
  padding-left: 40px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-next-diagram-btn {
  padding-left: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-next-diagram-btn .glyph-icon {
  margin-right: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-next-diagram-btn .glyph-icon:before {
  content: "\f171";
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-remove-diagram {
  padding-left: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-remove-diagram .glyph-icon {
  margin-right: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-create-remove-diagram .glyph-icon:before {
  content: "\f167";
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row-btn.active-drop-area-mouse-over {
  outline: 2px solid #80B4C7;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .cell > *,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .cell.last-cell > *,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .header-cell.last-cell > * {
  margin-right: 0;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row {
  min-height: 32px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row input {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-controls {
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-controls .fix-legend-graph-color-picker {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-controls .fix-legend-graph-color-picker .SelectPopover-widget-item > div {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-controls .fix-legend-graph-color-picker .SelectPopover-widget-display > div {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-controls .fix-legend-graph-visualization-picker {
  float: left;
  margin-left: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-controls .fix-legend-graph-visualization-picker .SelectPopover-widget-item > img {
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
  background-color: #00698f;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-controls .fix-legend-graph-visualization-picker .SelectPopover-widget-display > img {
  width: 20px;
  height: 20px;
  background-color: #00698f;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .col-md-1-and-a-half {
  width: 12.5%;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-label.with-drag-icon {
  padding-right: 40px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-prior-period {
  display: -ms-flexbox;
  display: flex;
  padding-top: 9px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-graph-prior-period .fix-legend-graph-color-prior-period {
  width: 14px;
  height: 14px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-prior-period-value {
  position: relative;
  top: -4px;
  margin-left: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-binary-value {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 15px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-multistate-value {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 15px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto {
  text-align: center;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto button {
  width: 32px;
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_Y_Autoskalierung.png');
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto button:hover,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto button:active {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_Y-Autoskalierung_OVER.png');
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto button.active {
  background-color: #005978;
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_Y-Autoskalierung_Active.png');
  color: #FFFFFF;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto button.active:hover {
  background-color: #80B4C7;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto button.active:active,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-auto button.active:active:hover {
  background-color: #005978;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row {
  position: relative;
  min-height: 2px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-min,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-max,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-auto {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-min input,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-max input,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-auto input,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-min button,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-max button,
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-auto button {
  width: 80px;
  line-height: 100%;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .fix-legend-max input {
  margin-left: 10px;
  float: left;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .drag-element {
  position: absolute;
  top: 0;
  right: 10px;
  width: 32px;
  cursor: pointer;
  font-size: 24px;
  padding: 0;
  line-height: 34px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .drag-element:before {
  content: "\f13a";
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row.active-drag .cell > * {
  background-color: #FFFFFF;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .drag-row-border {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  border: 1px dashed #4D96B0;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-row .row .drag-row-border.active-drag {
  display: block;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-header-row {
  min-height: 32px;
  cursor: default;
  padding-bottom: 0;
  margin-top: 10px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .fix-legend-header-row input {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .diagram-drop-zone {
  height: 15px;
  margin-bottom: -6px;
  margin-top: -6px;
  padding-top: 6px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .diagram-drop-zone .diagram-drop-zone-inner {
  width: 100%;
  height: 3px;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .active-drag .diagram-drop-zone {
  position: relative;
  z-index: 11;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .diagram-drop-zone:first-child {
  height: 9px;
  margin-bottom: -9px;
  margin-top: 0;
  padding-top: 0;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .diagram-drop-zone.active-drop-area-mouse-over .diagram-drop-zone-inner {
  background-color: #80B4C7;
}
.trend-charts-view .sticky-bottom-container .fix-legend-container .fix-legend .control-fix-legend-content .active-drop-area-mouse-over .cell > * {
  background-color: #80B4C7;
}
.trend-charts-view .configuration-menu-container {
  z-index: 112;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #F2F8F9;
  padding-left: 0;
  width: 300px;
  max-width: 100%;
}
.trend-charts-view .configuration-menu-container .configuration-menu {
  position: relative;
  height: 100%;
  width: 100%;
}
.trend-charts-view .configuration-menu-container.configuration-menu-container-smaller {
  bottom: calc(50% - 72px - 1px);
}
.trend-charts-view-table {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  height: 100%;
}
.trend-charts-view-table .trend-charts-table-content-container {
  position: relative;
  width: 100%;
  height: calc(100% - 46px);
  max-height: calc(100% - 46px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 101;
}
.trend-charts-view-table .trend-charts-table-content-container .trend-charts-table-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  max-height: 100%;
}
.trend-charts-view-table .trend-charts-table-content-container .trend-charts-table-container.has-footer {
  max-height: calc(100% - 32px);
}
.trend-charts-view-table .trend-charts-table-content-container .footer {
  height: 32px;
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  border-top: 1px solid #3387A5;
}
.trend-charts-view-table .trend-charts-table-content-container .footer .Pagination-widget {
  display: inline-block;
  border-right: 1px solid #80B4C7;
}
.trend-charts-view-table .trend-charts-table-content-container .footer .Pagination-widget .pagination-content {
  height: 31px;
}
.trend-charts-view-table .configuration-menu-container {
  z-index: 112;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #F2F8F9;
  padding-left: 0;
  width: 300px;
  max-width: 100%;
}
.trend-charts-view-table .configuration-menu-container .configuration-menu {
  position: relative;
  height: 100%;
  width: 100%;
}
.trend-charts-view-carpetplot {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  height: 100%;
  box-sizing: border-box;
  position: static;
  position: relative;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser {
  position: relative;
  height: 48px;
  background-color: #CCE1E9;
  border-bottom: 1px solid #80B4C7;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-btn {
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  min-width: 72px;
  color: #00698F;
  background: none center no-repeat, transparent;
  background-color: #CCE1E9;
  padding: 0 15px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 72px;
  min-width: 36px;
  height: 48px;
  z-index: 6;
  border-bottom: 1px solid #80B4C7;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-btn.no-hover:hover {
  background-color: transparent;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-btn.active,
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-btn:active {
  background-color: #0E4963;
  color: #FFFFFF;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-btn.disabled,
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-btn:disabled {
  background-color: #CCE1E9;
  color: #FFFFFF;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .previous-interval-full-btn {
  font-size: 18px;
  border-right: 1px solid #FFFFFF;
  width: 72px;
  padding: 0;
  left: 0;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .previous-interval-full-btn:before {
  content: "\f10e";
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .previous-interval-btn {
  width: 36px;
  padding: 0;
  left: 36px;
  border-right: 1px solid #FFFFFF;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .previous-interval-btn:before {
  content: "\f10e";
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .next-interval-btn {
  width: 36px;
  padding: 0;
  right: 36px;
  border-left: 1px solid #FFFFFF;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .next-interval-btn:before {
  content: "\f10f";
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .next-interval-full-btn {
  font-size: 18px;
  border-left: 1px solid #FFFFFF;
  width: 72px;
  padding: 0;
  right: 0;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .next-interval-full-btn:before {
  content: "\f10f";
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-time-interval-chooser .time-interval-navigation-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-content {
  position: relative;
  width: 100%;
  height: calc(100% - 46px);
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-content .trend-charts-view-carpetplot-plotcontainer {
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-content .trend-charts-view-carpetplot-plotcontainer .carpetPlot-widget {
  width: calc(100% - 200px);
  height: 100%;
}
.trend-charts-view-carpetplot .trend-charts-view-carpetplot-content .trend-charts-view-carpetplot-plotcontainer .colorScale-widget {
  padding-left: 20px;
  height: calc(100% - 42px);
  width: 200px;
  margin-top: 26px;
  background-color: #E6F0F4;
}
.trend-charts-view-carpetplot .configuration-menu-container {
  z-index: 112;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #F2F8F9;
  width: 300px;
  max-width: 100%;
  border-left: 1px solid #CCE1E9;
}
.trend-charts-view-carpetplot .configuration-menu-container .filter-group {
  padding: 20px;
  border-bottom: 1px solid #CCE1E9;
}
.trend-charts-view-carpetplot .configuration-menu-container .filter-group .InputField-widget {
  width: 300px;
  display: inline-block;
}
.trend-charts-view-carpetplot .configuration-menu-container .filter-group .reset-button {
  width: 32px;
  padding: 0;
  font-size: 28px;
}
.trend-charts-view-carpetplot .configuration-menu-container .filter-group .reset-button:before {
  content: "\f1a3";
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content {
  height: calc(100% - 20px - 20px - 32px);
  width: 100%;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .config-part-divider {
  border-top: 1px solid #CCE1E9;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .config-part {
  padding: 20px;
  width: 100%;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .topic-label {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .topic-label .with-top-spacer {
  margin-top: 10px;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .topic-sub-label {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .radio-button-group-label {
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .radio-button-line {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 5px;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .radio-button-line .radio-button {
  margin-right: 10px;
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .radio-button-line .label {
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .radio-button-line.child-radio-button-line {
  padding-left: 20px;
}
.trend-charts-view-carpetplot .configuration-menu-container .configuration-menu-container-content .colorScale-widget {
  width: 100%;
  height: 500px;
}
.trend-charts-fix-legend-row-shadow-element {
  height: 32px;
  width: 1150px;
  max-width: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  padding-left: 20px;
  background-color: #FFFFFF;
  opacity: 0.6;
}
.configuration-menu-content {
  height: 100%;
}
.configuration-menu-content .configuration-menu-group:last-child {
  border: none;
}
.configuration-menu-content .no-data-notification-box {
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.configuration-menu-content .no-data-notification-box .icon {
  width: 46px;
  height: 46px;
  background: url('../../../core/style/base/default_theme/assets/icons/Icon_No-Content.png') no-repeat center center;
  float: left;
}
.configuration-menu-content .no-data-notification-box .notification-text {
  overflow: hidden;
  padding: 10px 20px 10px 0;
}
.configuration-menu-content .scroll-wrapper {
  height: calc(100% - 52px);
}
.configuration-menu-content .configuration-menu-group {
  border-bottom: 1px solid #B3D2DD;
  padding-top: 10px;
  padding-bottom: 10px;
}
.configuration-menu-content .configuration-menu-group:last-child {
  border-bottom: 0;
}
.configuration-menu-content .configuration-menu-group.filter-group {
  margin-top: -12px;
  padding: 0 20px 20px;
}
.configuration-menu-content .configuration-menu-group.filter-group .InputField-widget {
  width: 300px;
  display: inline-block;
}
.configuration-menu-content .configuration-menu-group.filter-group .reset-button {
  width: 32px;
  padding: 0;
  font-size: 28px;
}
.configuration-menu-content .configuration-menu-group.filter-group .reset-button:before {
  content: "\f1a3";
}
.configuration-menu-content .configuration-menu-group .configuration-menu-group-header {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  color: #000000;
  cursor: default;
}
.configuration-menu-content .configuration-menu-group .configuration-menu-row-container {
  margin-bottom: 5px;
}
.configuration-menu-content .configuration-menu-group .configuration-menu-row-container:last-child {
  margin-bottom: 0;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog-open {
  padding-top: 3px;
  margin-top: -3px;
  margin-bottom: 5px;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog-open {
  background-color: #CCE1E9;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog {
  display: block;
  width: 100%;
  background: #F2F8F9;
  padding: 20px;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog .create-trend-log-dialog-header {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin-left: 0;
  margin-bottom: 5px;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog .create-trend-log-dialog-btn-container {
  display: block;
  height: 32px;
  width: 100%;
  clear: both;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog .create-trend-log-dialog-btn-container button {
  padding-left: 15px;
  padding-right: 15px;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog .create-trend-log-dialog-btn-container .create-trend-log-dialog-btn {
  float: right;
  margin: 0;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .create-trend-log-dialog .create-trend-log-dialog-btn-container .create-trend-log-dialog-btn:nth-child(1) {
  border-left: 0;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row {
  position: relative;
  height: 32px;
  margin-left: 20px;
  margin-right: 10px;
  margin-bottom: 5px;
  display: block;
  clear: both;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row:last-child {
  margin-bottom: 0;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row.is-dragging {
  border: 1px dashed #4D96B0;
  background-color: #FFFFFF;
  margin: -3px 5px 2px 15px;
  padding: 2px 4px;
  height: 38px;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row.is-dragging:last-child {
  margin: -3px 5px -3px 15px;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .data-point-visible-checkbox,
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .create-trend-log-btn {
  margin-right: 10px;
  float: left;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .create-trend-log-btn {
  font-weight: bold;
  font-size: 18px;
  height: 32px;
  width: 32px;
  padding: 0;
  line-height: 32px;
  background: url('../../../modules/trendcharts/widgets/configurationmenu/trendgraphrow/assets/Icon_trendlog.png') no-repeat center center;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .create-trend-log-btn:hover:not([disabled]) {
  background-image: url('../../../modules/trendcharts/widgets/configurationmenu/trendgraphrow/assets/Icon_trendlog_over.png');
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .create-trend-log-btn[disabled] {
  background-image: url('../../../modules/trendcharts/widgets/configurationmenu/trendgraphrow/assets/Icon_trendlog_dis.png');
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .data-point-color {
  height: 32px;
  width: 32px;
  float: left;
  margin-right: 10px;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row.is-external .data-point-color {
  position: relative;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row.is-external .data-point-color::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6.92820323px solid #FFFFFF;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .drag-element {
  line-height: 32px;
  text-align: center;
  font-size: 24px;
  height: 32px;
  width: 32px;
  float: right;
  cursor: pointer;
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .drag-element:before {
  content: "\f13a";
}
.configuration-menu-content .configuration-menu-group .datapoint-table .datapoint-table-row .data-point-label {
  float: left;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.configuration-menu-content .configuration-menu-group .datapoint-table.on-trend .datapoint-table-row .data-point-label {
  width: calc(100% - 32px - 32px - 32px - 20px);
}
.configuration-menu-content .configuration-menu-group .datapoint-table.on-trend .datapoint-table-row.only-heading .data-point-label {
  width: 100%;
}
.configuration-menu-content .configuration-menu-group .datapoint-table.on-trend .references-container .datapoint-table-row .data-point-label {
  width: calc(100% - 32px - 32px - 32px - 30px);
}
.configuration-menu-content .configuration-menu-group .datapoint-table.not-on-trend .datapoint-table-row .data-point-label {
  width: calc(100% - 32px - 32px - 10px);
}
.configuration-menu-content .configuration-menu-group .datapoint-table .references-container {
  padding: 5px 0 5px 0;
  margin-bottom: 5px;
  margin-left: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #E6F0F4;
}
.invisible {
  visibility: hidden;
}
.mini-legend {
  position: absolute;
  top: 0;
  z-index: 8;
  cursor: pointer;
  background-color: rgba(242, 248, 249, 0.7);
  border-style: none;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 16px;
  line-height: 14px;
  color: #000000;
  padding: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.mini-legend .float-right {
  float: right;
}
.mini-legend-right {
  right: 0;
}
.mini-legend-left {
  left: 0;
}
.mini-legend-left-top {
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}
.mini-legend-left-bottom {
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
}
.mini-legend-right-top {
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
}
.mini-legend-right-bottom {
  left: auto;
  right: 0;
  top: auto;
  bottom: -1px;
}
.mini-legend .glyph-icon {
  font-size: 12px;
  height: 12px;
  width: 12px;
  text-align: center;
  cursor: pointer;
  margin: 2px;
}
.mini-legend .glyph-icon[class*="arrow-"] {
  opacity: .05;
}
.mini-legend .glyph-icon,
.mini-legend .glyph-icon:active,
.mini-legend .glyph-icon:hover,
.mini-legend .glyph-icon:disabled,
.mini-legend .glyph-icon:disabled:active,
.mini-legend .glyph-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mini-legend .glyph-icon.drag_element:before {
  content: "\f13a";
}
.mini-legend .glyph-icon.resize-full {
  display: none;
}
.mini-legend .glyph-icon.resize-full:before {
  content: "\f124";
}
.mini-legend .glyph-icon.resize-small {
  font-size: 15px;
  margin-top: 0px;
  display: inline-block;
}
.mini-legend .glyph-icon.resize-small:before {
  content: "\f127";
}
.mini-legend .glyph-icon.arrow-right-down {
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  transform: rotate(-45grad);
}
.mini-legend .glyph-icon.arrow-right-down:before {
  content: "\f111";
}
.mini-legend .glyph-icon.arrow-right-up {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  bottom: auto;
  transform: rotate(-45grad);
}
.mini-legend .glyph-icon.arrow-right-up:before {
  content: "\f113";
}
.mini-legend .glyph-icon.arrow-left-down {
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  transform: rotate(-45grad);
}
.mini-legend .glyph-icon.arrow-left-down:before {
  content: "\f112";
}
.mini-legend .glyph-icon.arrow-left-up {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  transform: rotate(-45grad);
}
.mini-legend .glyph-icon.arrow-left-up:before {
  content: "\f114";
}
.mini-legend:hover .glyph-icon[class*="arrow-"] {
  opacity: 0.3;
}
.mini-legend .collect-trend-data-btn {
  display: block;
  width: 34px;
  height: 14px;
  line-height: 14px;
  padding: 0;
  margin: 0;
  background: #267FA0 url('../../../modules/trendcharts/widgets/minilegend/assets/Icon_reload_xs_EN.png') no-repeat center center;
}
.mini-legend .collect-trend-data-btn:hover {
  background-color: #599DB6;
}
.mini-legend .collect-trend-data-loading-indicator {
  display: block;
  float: left;
  content: url('../../../modules/trendcharts/widgets/minilegend/assets/loader.gif');
  height: 14px;
  margin-left: 36px;
  width: 35px;
  margin-right: 1px;
}
.mini-legend .collect-trend-data-cancel-btn {
  display: block;
  width: 34px;
  height: 14px;
  line-height: 14px;
  padding: 0;
  margin: 0;
  background: #267FA0 url('../../../modules/trendcharts/widgets/minilegend/assets/Icon_reload_xs_EN.png') no-repeat center center;
  float: left;
  margin-right: 10px;
  background-image: url('../../../modules/trendcharts/widgets/minilegend/assets/Icon_closed_xs_EN.png');
}
.mini-legend .collect-trend-data-cancel-btn:hover {
  background-color: #599DB6;
}
.mini-legend .mini-legend-line .mini-legend-row {
  display: block;
  line-height: 14px;
  height: 14px;
  margin-bottom: 8px;
  white-space: nowrap;
}
.mini-legend .mini-legend-line .mini-legend-row > * {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mini-legend .mini-legend-line .mini-legend-row .color {
  width: 14px;
  height: 14px;
  border: none;
  padding: 0;
}
.mini-legend .mini-legend-line .mini-legend-row > .label {
  width: auto;
  max-width: none;
}
.mini-legend .mini-legend-line .mini-legend-row > .label.label-with-collect-trend-data-btn {
  /*width: 116px;*/
  width: auto;
  padding-right: 5px;
}
.mini-legend .mini-legend-line .mini-legend-row > .value {
  margin-left: 5px;
  min-width: 60px;
  max-width: 60px;
  padding-right: 2px;
  text-align: right;
}
.mini-legend .mini-legend-line .mini-legend-row > .unit {
  min-width: 35px;
  max-width: 35px;
  margin-right: 10px;
  text-align: left;
}
.mini-legend .mini-legend-line .mini-legend-row:last-child {
  margin-bottom: 0;
}
.mini-legend.minimized .resize-small {
  display: none;
}
.mini-legend.minimized .resize-full {
  display: inline-block;
}
.mini-legend.minimized .mini-legend-line .mini-legend-row > .unit {
  margin-right: 0;
}
.mini-legend.minimized .mini-legend-line .mini-legend-row > .loading-status {
  display: none;
}
.mini-legend.minimized .mini-legend-line .mini-legend-row > .label {
  display: none;
}
.mini-legend-left-top .glyph-icon.arrow-left-up {
  display: none;
}
.mini-legend-left-bottom .glyph-icon.arrow-left-down {
  display: none;
}
.mini-legend-right-top .glyph-icon.arrow-right-up {
  display: none;
}
.mini-legend-right-bottom .glyph-icon.arrow-right-down {
  display: none;
}
.mini-legend-navigation {
  position: absolute;
  bottom: 10px;
  width: 40px;
  clear: both;
  z-index: 6;
}
.mini-legend-navigation .mini-legend-navigation-button {
  float: left;
  height: 40px;
  width: 40px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.mini-legend-navigation .mini-legend-navigation-button:hover > svg {
  width: 100%;
  height: 100%;
}
.mini-legend-navigation .mini-legend-navigation-button:hover > svg g * {
  fill: #005978 !important;
}
.mini-legend-navigation .mini-legend-navigation-button-rotated > svg {
  transform: rotate(180deg);
}
.mini-legend-navigation-right {
  right: 0;
}
.mini-legend-navigation-left {
  left: 0;
}
.mini-legend-multi-state {
  top: 0;
}
.mini-legend-multi-state .collect-trend-data-loading-indicator {
  margin-left: 1px;
}
.mini-legend-multi-state .mini-legend-row {
  line-height: 14px;
  height: 14px;
}
.mini-legend-multi-state .mini-legend-row > div {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mini-legend-multi-state .mini-legend-row > .label {
  width: 250px;
  max-width: 250px;
}
.mini-legend-multi-state .mini-legend-row > .label.label-with-collect-trend-data-btn {
  width: 216px;
  max-width: 216px;
}
.mini-legend-multi-state .mini-legend-row > .value {
  width: 78px;
  padding-left: 10px;
}
.module.dashboard-module > .content {
  position: relative;
  overflow: visible;
  height: 100%;
  width: 100%;
  background-color: #F2F8F9;
  padding: 0;
}
.module.dashboard-module > .content .full-height {
  height: 100%;
}
.module.dashboard-module > .content .control-configuration-menu {
  border-left: 1px solid #B3D2DD;
  height: calc(100% - 46px);
  top: 46px;
  z-index: 1000;
}
.module.dashboard-module > .content .control-configuration-menu .menu-row {
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.module.dashboard-module > .content .control-configuration-menu .menu-row .input {
  margin-right: 5px;
}
.module.dashboard-module > .content .time-interval-chooser {
  width: 100%;
}
.module.dashboard-module > .content .time-interval-chooser.configuration-extended {
  width: calc(100% - 317px);
}
.module.dashboard-module > .content .page-content {
  overflow: auto;
  position: relative;
  height: calc(100% - 92px);
  width: 100%;
  padding: 20px 15px 0;
}
.module.dashboard-module > .content .page-content.configuration-extended {
  width: calc(100% - 317px);
}
.module.dashboard-module > .content .page-content .gauges-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container {
  background-color: #E6F0F4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 330px;
  min-width: 330px;
  min-height: 710px;
  margin: 0 5px 20px;
  height: calc(100% - 20px);
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-title {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  min-height: 50px;
  width: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-title .title-part {
  display: block;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper {
  width: 330px;
  height: 330px;
  position: relative;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge {
  height: 330px;
  width: 330px;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-1 {
  fill: none;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-3 {
  -webkit-clip-path: url("#uni-color-clip-path");
          clip-path: url("#uni-color-clip-path");
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-4 {
  fill: #80B4C7;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-5 {
  fill: #E6F0F4;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-6 {
  fill: #CCE1E9;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-10,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-7 {
  font-size: 18px;
  font-family: ArialMT, Arial;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-7 {
  fill: #00698F;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .uni-color .cls-8 {
  fill: #000000;
  opacity: 0.8;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-1 {
  fill: none;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-3 {
  -webkit-clip-path: url("#absolute-clip-path");
          clip-path: url("#absolute-clip-path");
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-4 {
  fill: #80B4C7;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-5 {
  fill: #E6F0F4;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-6 {
  fill: #CCE1E9;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-10,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-7 {
  font-size: 18px;
  font-family: ArialMT, Arial;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-7 {
  fill: #00698F;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .absolute .cls-8 {
  fill: #000000;
  opacity: 0.8;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient.background {
  width: 330px;
  height: 330px;
  background-image: url(../../../modules/dashboard/overview/assets/gradientscale2x.png);
  background-size: contain;
  background-position: center;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-1 {
  fill: none;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-3 {
  -webkit-clip-path: url(#gradient-clip-path);
          clip-path: url(#gradient-clip-path);
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-4 {
  fill: #CCE1E9;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-5 {
  fill: #E6F0F4;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-10,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-6 {
  font-size: 18px;
  font-family: ArialMT, Arial;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-6 {
  fill: #00698F;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-7 {
  fill: #000000;
  opacity: 0.8;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .gauge .gradient .cls-8 {
  fill: #CC0000;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .counter {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .counter .digit {
  width: 26px;
  height: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F2F8F9;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 20px;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .counter .digit.red {
  color: #F20C0C;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-wrapper .counter .digit.black {
  color: #000000;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper {
  margin-top: 40px;
  width: 330px;
  height: 200px;
  position: relative;
  z-index: 1;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars {
  position: absolute;
  top: 0;
  left: 50px;
  height: 170px;
  width: calc(100% - 50px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 60px;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .bar,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .bar,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .bar,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .bar {
  background-color: #CCE1E9;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .actual,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .actual,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .actual,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .actual {
  background-color: #66A5BC;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .year,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .year,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .year,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .year,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .month,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .month,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .month,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .month,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .week,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .week,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .week,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .week,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .day,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .day,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .day,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .day {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -36px;
  margin: auto;
  height: 30px;
  line-height: 30px;
  -ms-flex: 0;
      flex: 0;
  text-align: center;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .day,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .day,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .day,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .day,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .year-bar .month,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .month-bar .month,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .week-bar .month,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .day-bar .month {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .line {
  position: absolute;
  width: 156%;
  left: -15px;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.8;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .line.limit {
  background-color: #CC0000;
  z-index: 102;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .bars .line.indicator {
  width: 10px;
  left: -10px;
  background-color: #00698F;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale {
  position: absolute;
  top: 0;
  height: 170px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .values {
  width: 50px;
  min-width: 50px;
  height: 100%;
  -ms-flex: 0;
      flex: 0;
  position: relative;
  border-right: 1px solid #FFFFFF;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .values .value {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  font-size: 18px;
  position: absolute;
  height: 20px;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  padding-right: 14px;
  text-align: right;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .value-multiplier {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 50px;
  text-align: center;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .value-multiplier .potency {
  font-size: 0.7em;
  vertical-align: super;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .lines {
  position: absolute;
  left: 50px;
  top: 0;
  width: calc(100% - 50px);
  height: 100%;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .lines .line {
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.8;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .lines .line.limit {
  background-color: #CC0000;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .bar-chart-wrapper .scale .lines .line.indicator {
  width: 10px;
  left: -10px;
  background-color: #00698F;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer {
  margin-top: -35px;
  z-index: 0;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser {
  min-width: 270px;
  border-bottom: 1px solid #E6F0F4;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .time-interval-navigation-btn {
  background-color: #E6F0F4;
  padding: 0;
  min-width: 50px;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .time-interval-navigation-btn:hover {
  background-color: #E6F0F4;
  color: #005978;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .time-interval-navigation-btn.no-hover:hover {
  background-color: transparent;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .time-interval-navigation-btn.active,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .time-interval-navigation-btn:active {
  background-color: #CCE1E9;
  color: #005978;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .time-interval-navigation-btn.disabled,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .time-interval-navigation-btn:disabled {
  color: #CCE1E9;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .previous-interval-btn {
  background-color: #E6F0F4;
  padding: 0;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .next-interval-btn {
  background-color: #E6F0F4;
  padding: 0;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .glyph-icon,
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .glyph-icon:hover {
  font-size: 30px;
}
.module.dashboard-module > .content .page-content .gauges-wrapper .gauge-container .gauge-footer .time-interval-chooser .selected-time-interval-label {
  left: 51px;
  right: 51px;
  background-color: #E6F0F4;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  font-size: 18px;
  line-height: 46px;
}
@media print {
  .module.dashboard-module {
    padding-left: 0 !important;
  }
}
.module-datapoint-list .module-datapointlist-inner-content {
  position: relative;
}
.module-datapoint-list .module-datapointlist-inner-content .specialprograms-datapointlist {
  height: 100%;
}
.module-datapoint-list .module-datapointlist-inner-content .filter-dialog-container {
  position: absolute;
  z-index: 111;
  top: 15px;
  right: 20px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.module-datapoint-list .module-datapointlist-inner-content .filter-dialog-container .filter-dialog-arrow {
  position: absolute;
  background: url('../../../core/style/base/default_theme/assets/icons/Asset_Value-Tip_Top.png') center no-repeat;
  height: 20px;
  width: 45px;
  top: -19px;
  right: 10px;
}
.module-datapoint-list .module-datapointlist-inner-content .filter-dialog-container .filter-dialog {
  height: 100%;
  min-width: 600px;
}
.module-datapoint-list .module-datapointlist-inner-content .filter-dialog-container .filter-dialog-minimized {
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
}
.module-datapoint-list .module-datapointlist-inner-content .filter-dialog-container .filter-dialog-minimized:before {
  content: "\f14b";
}
.module-datapoint-list .module-datapointlist-inner-content .filter-dialog-container .filter-dialog-minimized:hover {
  background-color: #80B4C7;
}
.module-datapoint-list .module-datapointlist-inner-content .filter-dialog-container.config-menu-open {
  width: calc(100% - 320px);
}
.module-datapoint-list .footer.save-cancel-area .Pagination-widget {
  display: inline-block;
  border-right: 1px solid #80B4C7;
}
.module-datapoint-list .footer.save-cancel-area .Pagination-widget .pagination-content {
  height: 31px;
}
.module-datapoint-list .table-configuration-menu {
  position: relative;
  float: right;
  height: 100%;
  width: 320px;
  background-color: #F2F8F9;
  border: 1px solid #B3D2DD;
  padding-top: 32px;
  line-height: 32px;
}
.module-datapoint-list .table-configuration-menu .header-area {
  height: 32px;
  padding-right: 20px;
}
.module-datapoint-list .table-configuration-menu .header-area .header-headline {
  margin-left: 20px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.module-datapoint-list .table-configuration-menu .header-area .default-layout-button {
  float: right;
}
.module-datapoint-list .table-configuration-menu .config-menu-droppable-wall {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background: #F2F8F9;
  display: none;
}
.module-datapoint-list .table-configuration-menu .config-menu-droppable-wall.config-menu-droppable-wall-visible {
  display: block;
}
.module-datapoint-list .table-configuration-menu .drop-wall-symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
.module-datapoint-list .table-configuration-menu .drop-wall-symbol:before {
  content: "\f133";
}
.module-datapoint-list .table-configuration-menu .active-drop-zone-over .drop-wall-symbol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
.module-datapoint-list .table-configuration-menu .active-drop-zone-over .drop-wall-symbol:before {
  content: "\f134";
}
.module-datapoint-list .table-configuration-menu .body-area {
  margin-top: 20px;
  width: 100%;
}
.module-datapoint-list .table-configuration-menu .body-area .body-available-column {
  padding-left: 20px;
  padding-right: 10px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.module-datapoint-list .table-configuration-menu .body-area .body-available-column .drag-element {
  height: 32px;
  width: 32px;
  float: right;
  font-size: 24px;
  line-height: inherit;
  text-align: center;
}
.module-datapoint-list .table-configuration-menu .body-area .body-available-column .drag-element:before {
  content: "\f13a";
}
.module-datapoint-list .table-configuration-menu .body-area .body-available-column:hover {
  background-color: #FFFFFF;
}
.module-datapoint-list .table-configuration-menu .body-area .body-available-column.is-in-table {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
}
.module-datapoint-list .table-configuration-menu .body-area .body-available-column.is-dragging {
  border: 1px dashed #4D96B0;
  background-color: #FFFFFF;
  line-height: 30px;
  padding-left: 19px;
  padding-right: 9px;
}
.module-datapoint-list .table-configuration-menu .body-area .body-available-column.is-dragging .drag-element {
  height: 30px;
}
.specialprograms-datapointlist-parameterdialog {
  height: 100%;
  overflow: hidden;
}
.specialprograms-datapointlist-parameterdialog .parameterdialog-content {
  height: calc(100% - 32px);
}
.specialprograms-datapointlist-parameterdialog .parameterdialog-button-bar {
  height: 32px;
  width: 100%;
  border-top: 1px solid #66A5BC;
}
.specialprograms-datapointlist-parameterdialog .parameterdialog-button-bar button {
  display: inline-block;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 1px solid #66A5BC;
  border-right: 0px;
  float: right;
  margin: 0px;
  padding: 0px 20px;
  height: 100%;
}
.specialprograms-systemreports {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  height: 100%;
}
.specialprograms-systemreports:before,
.specialprograms-systemreports:after {
  content: " ";
  display: table;
}
.specialprograms-systemreports:after {
  clear: both;
}
.specialprograms-systemreports:before,
.specialprograms-systemreports:after {
  content: " ";
  display: table;
}
.specialprograms-systemreports:after {
  clear: both;
}
.specialprograms-systemreports .systemreports-list,
.specialprograms-systemreports .systemreports-content {
  float: left;
}
.specialprograms-systemreports .clone-item-popup {
  background: #FFFFFF;
}
.specialprograms-systemreports .clone-item-popup .popup-entry {
  width: 200px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #00698F;
}
.specialprograms-systemreports .clone-item-popup .popup-entry.disabled {
  color: #999999;
}
.specialprograms-systemreports .clone-item-popup .popup-entry:last-of-type {
  border-bottom: 0;
}
.specialprograms-systemreports .clone-item-popup .popup-entry:hover:not(.disabled) {
  background: #00698F;
  color: #FFFFFF;
}
.specialprograms-systemreports .cancel-report-creation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.systemreports-list {
  height: 100%;
  width: 300px;
  border-right: 1px solid #66A5BC;
}
.systemreports-list .systemreports-list-container {
  height: calc(100% - 46px - 32px);
  overflow: hidden;
}
.systemreports-list .systemreports-list-container .single-user {
  font-size: 30px;
}
.systemreports-list .systemreports-list-container .single-user:before {
  content: "\f19e";
}
.systemreports-list .systemreports-list-container .all-users {
  font-size: 30px;
}
.systemreports-list .systemreports-list-container .all-users:before {
  content: "\f147";
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root {
  background-color: #3387A5;
  /**
        * Mixin to color a specific level
        */
  /*
        * level 1
        */
  /*
        * level 2
        */
  /*
        * Level 3
        */
  /*
        * Level 4
        */
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li {
  background-color: #E6F0F4;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li.selected .tree-view-widget-label {
  color: #FFFFFF;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > .tree-view-widget-label {
  text-transform: none;
  background-color: #3387A5;
  color: #FFFFFF;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li.expanded,
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li.selected,
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li.not-expandable {
  background-color: #3387A5;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label,
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label {
  background-color: transparent;
  border-color: #3387A5;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #3387A5;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul {
  background-color: #66A5BC;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #66A5BC;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label,
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #66A5BC;
  border-color: #66A5BC;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul {
  background-color: #80B4C7;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #80B4C7;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #80B4C7;
  border-color: #80B4C7;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul {
  background-color: #99C3D2;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #99C3D2;
}
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.systemreports-list .systemreports-list-container .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #99C3D2;
  border-color: #99C3D2;
}
.systemreports-list .bottom-box {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.systemreports-list .bottom-box .button {
  width: 33%;
}
.systemreports-list .bottom-box .button:first-child {
  border-right: 1px solid #3387A5;
}
.systemreports-list .bottom-box .button:nth-child(1) {
  width: 34%;
}
.systemreports-list .bottom-box .button:last-child {
  border-left: 1px solid #3387A5;
}
.systemreports-list .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.systemreports-list .button.glyph-icon {
  font-size: 30px;
}
.systemreports-list .button.glyph-icon[disabled] {
  font-size: 30px;
}
.systemreports-list .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.systemreports-list .delete-button:before {
  content: "\f197";
}
.systemreports-list .duplicate-button:before {
  content: "\f13b";
}
.systemreports-list .create-button:before {
  content: "\f168";
}
.systemreports-content {
  position: relative;
  height: 100%;
  -ms-flex: 1 1 1px;
      flex: 1 1 1px;
}
.systemreports-content .content-holder {
  position: absolute;
  width: 100%;
  height: calc(100% - 46px);
}
.systemreports-content .content-holder > .systemreports-holder {
  height: calc(100% - 32px);
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-content {
  background-color: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content {
  background: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .data-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .data-columns .data-column {
  -ms-flex: 0 0 340px;
      flex: 0 0 340px;
  width: 340px;
  padding: 0 20px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .data-columns .data-column .upper-content-spacer {
  height: 156px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .file-browser {
  margin: 20px;
  width: 800px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .side-by-side.period {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .side-by-side.period > div {
  margin-left: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .side-by-side.period > div.input-label {
  margin-bottom: 0;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .side-by-side.period > div.DatePicker-widget {
  width: 180px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .side-by-side.period > div.newCombobox-widget {
  width: 280px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .glyph-icon.download {
  font-size: 28px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .glyph-icon.download:before {
  content: "\f186";
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .scroll-content.with-padding {
  margin: 0;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .scroll-content.with-padding.with-border {
  border: 1px solid #3387A5;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 200px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.systemreports-content .content-holder > .systemreports-holder .abonnementsettings-content .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.center {
  text-align: center;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content {
  background: #E6F0F4;
  padding: 20px;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content .controls-area .controls-sub-area {
  width: 300px;
  margin-right: 10%;
  position: relative;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content .controls-area .align-bottom {
  position: absolute;
  bottom: 0;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content .custom-parameters .content-row {
  width: 800px;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content .custom-parameters .date-time {
  display: -ms-flexbox;
  display: flex;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content .custom-parameters .date-time .option-date-picker,
.systemreports-content .content-holder > .systemreports-holder .custom-content .custom-parameters .date-time .option-time-picker {
  width: 140px;
}
.systemreports-content .content-holder > .systemreports-holder .custom-content .custom-parameters .date-time .option-date-picker {
  margin-right: 20px;
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content {
  background: #E6F0F4;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content .content-row {
  width: 300px;
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content .Radio-widget {
  margin-right: 5px;
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content .two-column {
  display: inline-block;
  width: 150px;
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content .single-user {
  font-size: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content .single-user:before {
  content: "\f19e";
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content .all-users {
  font-size: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .deployment-content .all-users:before {
  content: "\f147";
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content {
  background: #E6F0F4;
  padding: 20px 20px 0 20px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .content-row {
  width: 300px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area {
  max-width: 300px;
  padding-bottom: 20px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin-bottom: 15px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-bottom: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period {
  max-width: 300px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .DatePicker-widget {
  width: calc(100% - 110px);
  float: left;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .time-picker {
  width: 100px;
  height: 32px;
  margin-left: 10px;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .left-area {
  width: 42px;
  float: left;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .right-area {
  width: calc(100% - 42px);
  float: right;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .right-area .DatePicker-widget {
  width: 100%;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .interval-container {
  margin-top: 15px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .interval-container .interval-titles {
  float: left;
  width: 110px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .interval-container .interval-dates {
  text-align: right;
  float: right;
  margin-left: 10px;
  width: 160px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .left-area {
  width: 42px;
  float: left;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .right-area {
  width: calc(100% - 42px);
  float: right;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .right-area .DatePicker-widget {
  width: 100%;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .interval-container {
  margin-top: 15px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .interval-container .interval-titles {
  float: left;
  width: 110px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .interval-container .interval-dates {
  text-align: right;
  float: right;
  margin-left: 10px;
  width: 160px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin-bottom: 15px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .float-breaker {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area:not(:last-child) {
  margin-bottom: 20px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-bottom: 10px;
  width: 100%;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .sub-area-column {
  display: inline;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .sub-area-column .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-bottom: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .sub-area-column.left {
  max-width: 190px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .sub-area-column.right {
  width: 100px;
  margin-left: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .period .period-sub-area .sub-area-column.right input {
  max-width: 100px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content {
  background: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory {
  height: 32px;
  line-height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory:before,
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory:before,
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory:not(:last-child) {
  margin-bottom: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory label {
  display: block;
  float: left;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .mediacategories-content .mediacategory .mediacategory-checkbox {
  float: left;
  margin-right: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content {
  background: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory {
  height: 32px;
  line-height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory:before,
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory:before,
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory:not(:last-child) {
  margin-bottom: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory label {
  display: block;
  float: left;
}
.systemreports-content .content-holder > .systemreports-holder .general-options-content .general-options-sub-area .pricecategories-content .pricecategory .pricecategory-checkbox {
  float: left;
  margin-right: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content {
  background: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder {
  height: 700px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder label {
  display: block;
  padding: 0 0 5px 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area {
  height: 100%;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area:before,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area:before,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  position: relative;
  height: calc(100% - 64px);
  width: calc(50% - 35px);
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-frame {
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 0;
  top: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-frame.background.available {
  background: #F2F8F9;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-frame.background.chosen {
  background: #FFFFFF;
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-frame.border {
  border: 1px solid #80B4C7;
  border-bottom: none;
  pointer-events: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-frame.border.chosen {
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li {
  cursor: default !important;
  pointer-events: none;
  height: 32px;
  width: calc(100% - 30px);
  padding: 0;
  float: left;
  overflow: visible;
  position: relative;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li.active,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li.active {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li.active::before,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li.active::before {
  display: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li.active .list-entry,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li.active .list-entry {
  background-color: #005978;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li.active .list-entry .option-shortcut,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li.active .list-entry .option-shortcut {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -30px;
  background-color: transparent;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li.active .list-entry .option-shortcut.chosen,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li.active .list-entry .option-shortcut.chosen {
  left: -30px;
  right: auto;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry {
  cursor: pointer !important;
  pointer-events: auto;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding-left: 10px;
  padding-right: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry.added,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry.added {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  cursor: default !important;
  pointer-events: none;
  background-color: transparent;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry.added .list-entry-label,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry.added .list-entry-label {
  width: calc(100% - 20px);
  margin-right: 0;
  background-color: inherit;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry.added .option-shortcut,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry.added .option-shortcut {
  color: #B3D2DD;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry .list-entry-label,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry .list-entry-label {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry .option-shortcut,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry .option-shortcut {
  display: none;
  color: #00698F;
  line-height: 32px;
  height: 32px;
  width: 30px;
  text-align: center;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry .option-shortcut i:before,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry .option-shortcut i:before {
  content: "\f105";
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list ul.list-menu li .list-entry .option-shortcut.chosen i:before,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li .list-entry .option-shortcut.chosen i:before {
  content: "\f17e";
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-list.scroll-wrapper > .scroll-element.scroll-y {
  margin-right: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-list ul.list-menu li {
  margin-left: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-wrapper .button-wrapper button {
  text-align: right;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-wrapper .button-wrapper button .add-button:before {
  content: "\f105";
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-wrapper .button-wrapper button > span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  color: inherit;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-wrapper .button-wrapper button span::after {
  float: right;
  margin-right: 5px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-wrapper .button-wrapper button.disabled,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-wrapper .button-wrapper button.disabled:hover {
  border-color: #80B4C7;
  background: #F2F8F9;
  color: #B3D2DD;
  cursor: default;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .available-wrapper .button-wrapper button.disabled:active {
  border-color: #80B4C7;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-wrapper .button-wrapper button {
  margin-left: 30px;
  text-align: left;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-wrapper .button-wrapper button:before {
  content: "\f17e";
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-wrapper .button-wrapper button > span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  color: inherit;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-wrapper .button-wrapper button span::before {
  float: left;
  margin-left: -5px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-wrapper .button-wrapper button.disabled,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-wrapper .button-wrapper button.disabled:hover {
  border-color: #80B4C7;
  background: #F2F8F9;
  color: #B3D2DD;
  cursor: default;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .chosen-wrapper .button-wrapper button.disabled:active {
  border-color: #80B4C7;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper .button-wrapper {
  height: 64px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper .button-wrapper button {
  display: block;
  float: none;
  width: calc(100% - 30px);
  padding: 0 10px;
  overflow: hidden;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper .button-wrapper button span:before {
  display: block;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper .button-wrapper button:not(:last-child) {
  border-bottom: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper .button-wrapper button.disabled,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper .button-wrapper button.disabled:hover {
  border-color: #80B4C7;
  background: #F2F8F9;
  color: #B3D2DD;
  cursor: default;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .list-wrapper .button-wrapper button.disabled:active {
  border-color: #80B4C7;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .clear-float-spacer {
  clear: both;
  width: 100%;
  height: 20px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container {
  height: 32px;
  line-height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container:before,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container:before,
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container label {
  display: block;
  float: left;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .include-option-container .option-checkbox {
  float: left;
  margin-right: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .object-category-content .object-category-holder .content-area .vertical-spacer {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content {
  background: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder {
  height: 700px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder label {
  display: block;
  padding: 0 0 5px 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area {
  height: 100%;
  padding: 20px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .side-by-side-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .side-by-side-wrapper.show-options {
  height: calc(100% - 52px);
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  position: relative;
  height: calc(100% - 64px);
  width: calc(50% - 35px);
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-frame {
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 0;
  top: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-frame.background.available {
  background: #F2F8F9;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-frame.background.chosen {
  background: #FFFFFF;
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-frame.border {
  border: 1px solid #80B4C7;
  border-bottom: none;
  pointer-events: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-frame.border.chosen {
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li {
  cursor: default !important;
  pointer-events: none;
  height: 32px;
  width: calc(100% - 30px);
  padding: 0;
  float: left;
  overflow: visible;
  position: relative;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li.active,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li.active {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li.active::before,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li.active::before {
  display: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li.active .list-entry,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li.active .list-entry {
  background-color: #005978;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li.active .list-entry .option-shortcut,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li.active .list-entry .option-shortcut {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -30px;
  background-color: transparent;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li.active .list-entry .option-shortcut.chosen,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li.active .list-entry .option-shortcut.chosen {
  left: -30px;
  right: auto;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry {
  cursor: pointer !important;
  pointer-events: auto;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding-left: 10px;
  padding-right: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry.added,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry.added {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  cursor: default !important;
  pointer-events: none;
  background-color: transparent;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry.added .list-entry-label,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry.added .list-entry-label {
  width: calc(100% - 20px);
  margin-right: 0;
  background-color: inherit;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry.added .option-shortcut,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry.added .option-shortcut {
  color: #B3D2DD;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry .list-entry-label,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry .list-entry-label {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry .option-shortcut,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry .option-shortcut {
  display: none;
  color: #00698F;
  line-height: 32px;
  height: 32px;
  width: 30px;
  text-align: center;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry .option-shortcut i:before,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry .option-shortcut i:before {
  content: "\f105";
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list ul.list-menu li .list-entry .option-shortcut.chosen i:before,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li .list-entry .option-shortcut.chosen i:before {
  content: "\f17e";
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list.scroll-wrapper > .scroll-element.scroll-y {
  margin-right: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-list ul.list-menu li {
  margin-left: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list {
  width: 95%;
  height: 100%;
  border-bottom: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list.scroll-wrapper > .scroll-element.scroll-y {
  margin-right: 30px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .NewTreeView-widget .tree-view-widget-body ul {
  /*ul{
                padding-left: 10px;
              }*/
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-label {
  text-overflow: ellipsis;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .object-selection-tree-inline {
  display: none;
  color: #B3D2DD;
  line-height: 32px;
  height: 32px;
  width: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .object-selection-tree-inline.added {
  display: inline-block;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .object-selection-tree-inline i:before {
  content: "\f105";
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .NewTreeView-widget .tree-view-widget-body ul li.selected > .tree-view-widget-label {
  color: #F2F8F9;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .NewTreeView-widget .tree-view-widget-body ul li.selected > .tree-view-widget-label .glyph-icon.plant-image {
  color: #F2F8F9;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget {
  font-size: 12px;
  width: calc(100% - 30px);
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li {
  position: relative;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label {
  padding-right: 0;
  height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label::before {
  display: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .tree-view-widget-entry-label {
  display: block;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .tree-view-widget-entry-label .template {
  display: block;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .tree-view-widget-entry-label .template > span:first-child {
  width: calc(100% - 30px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .tree-view-widget-entry-label .template .object-selection-tree-inline {
  display: none;
  color: #B3D2DD;
  line-height: 32px;
  height: 32px;
  width: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .tree-view-widget-entry-label .template .object-selection-tree-inline.added {
  display: inline-block;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label .tree-view-widget-entry-label .template .object-selection-tree-inline i:before {
  content: "\f105";
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li.not-expandable.selected > .tree-view-widget-label {
  background-image: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li.expanded > .tree-view-widget-label {
  background-image: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-list .TreeView-widget .tree-view-widget-body ul li.selected.expanded > .tree-view-widget-label {
  background-image: none;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button {
  text-align: right;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button .add-button:before {
  content: "\f105";
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button > span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  color: inherit;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button span::after {
  float: right;
  margin-right: 5px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button:hover {
  color: #FFFFFF;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button.disabled,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button.disabled:hover {
  border-color: #80B4C7;
  background: #F2F8F9;
  color: #B3D2DD;
  cursor: default;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .available-wrapper .button-wrapper button.disabled:active {
  border-color: #80B4C7;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button {
  margin-left: 30px;
  text-align: left;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button:before {
  content: "\f17e";
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button > span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  color: inherit;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button span::before {
  float: left;
  margin-left: -5px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button:hover {
  color: #FFFFFF;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button.disabled,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button.disabled:hover {
  border-color: #80B4C7;
  background: #F2F8F9;
  color: #B3D2DD;
  cursor: default;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .chosen-wrapper .button-wrapper button.disabled:active {
  border-color: #80B4C7;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper .button-wrapper {
  height: 64px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper .button-wrapper button {
  display: block;
  float: none;
  width: calc(100% - 30px);
  padding: 0 10px;
  overflow: hidden;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper .button-wrapper button span:before {
  display: block;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper .button-wrapper button:not(:last-child) {
  border-bottom: 0;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper .button-wrapper button.disabled,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper .button-wrapper button.disabled:hover {
  border-color: #80B4C7;
  background: #F2F8F9;
  color: #B3D2DD;
  cursor: default;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .list-wrapper .button-wrapper button.disabled:active {
  border-color: #80B4C7;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container {
  height: 32px;
  line-height: 32px;
  margin-top: 20px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container:before,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container:before,
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container label {
  display: block;
  float: left;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .include-option-container .option-checkbox {
  float: left;
  margin-right: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .object-selection-content .object-selection-holder .content-area .vertical-spacer {
  position: relative;
  float: left;
  width: 30px;
  height: 100%;
}
.systemreports-content .content-holder > .systemreports-holder .options-content {
  padding: 20px;
  background: #E6F0F4;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  margin-bottom: 15px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content > .validationElement {
  max-width: 300px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option {
  height: 32px;
  line-height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option:before,
.systemreports-content .content-holder > .systemreports-holder .options-content .option:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option:before,
.systemreports-content .content-holder > .systemreports-holder .options-content .option:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option:after {
  clear: both;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option:not(:last-child) {
  margin-bottom: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option.validationElement {
  max-width: 300px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option label {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option .option-checkbox {
  float: left;
  margin-right: 10px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option-combobox {
  max-width: 300px;
}
.systemreports-content .content-holder > .systemreports-holder .options-content .option-combobox .combobox-title {
  margin-top: 10px;
  margin-bottom: 10px;
}
.systemreports-content .systemreports-holder > .systemreport:not(:last-child) {
  border-bottom: solid 2px #FFFFFF;
}
.systemreports-content .systemreports-holder > .systemreport label.systemreport-content-head {
  display: block;
  padding: 0 20px;
  height: 34px;
  line-height: 32px;
  font-size: 12px;
  background: #005978;
  color: #FFFFFF;
}
.systemreports-content .systemreports-holder > .systemreport .systemreport-content {
  background: #E6F0F4;
  position: relative;
}
.systemreports-content .content-holder > .bottom-box {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 32px;
  width: 100%;
  padding: 1px 0 0 0;
  border-top: 1px solid #80B4C7;
}
.systemreports-content .content-holder > .bottom-box:before,
.systemreports-content .content-holder > .bottom-box:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .bottom-box:after {
  clear: both;
}
.systemreports-content .content-holder > .bottom-box:before,
.systemreports-content .content-holder > .bottom-box:after {
  content: " ";
  display: table;
}
.systemreports-content .content-holder > .bottom-box:after {
  clear: both;
}
.systemreports-content .content-holder > .bottom-box .reset-report,
.systemreports-content .content-holder > .bottom-box .save-template,
.systemreports-content .content-holder > .bottom-box .create-report {
  margin: -1px 0 0 0;
  height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.systemreports-content .content-holder > .bottom-box .reset-report {
  border-right: 0;
  float: right;
  width: 116px;
}
.systemreports-content .content-holder > .bottom-box .create-report {
  float: right;
  width: auto;
}
.systemreports-content .content-holder > .bottom-box .save-template {
  float: right;
  width: 116px;
}
.specialprograms-systemreports-dialogmessage {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.specialprograms-systemreports-dialogmessage .error-logs {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.specialprograms-systemreports-dialogmessage .error-logs ul {
  position: absolute;
  padding: 0;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: auto;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li:before,
.specialprograms-systemreports-dialogmessage .error-logs ul li:after {
  content: " ";
  display: table;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li:after {
  clear: both;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li:before,
.specialprograms-systemreports-dialogmessage .error-logs ul li:after {
  content: " ";
  display: table;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li:after {
  clear: both;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li:not(:last-child) {
  margin-bottom: 1px;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li label,
.specialprograms-systemreports-dialogmessage .error-logs ul li span,
.specialprograms-systemreports-dialogmessage .error-logs ul li .error-message {
  float: left;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li label,
.specialprograms-systemreports-dialogmessage .error-logs ul li span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.specialprograms-systemreports-dialogmessage .error-logs ul li .error-message {
  margin-left: 10px;
}
.popup-binding-container.long-text .combobox-popup li {
  display: table-row;
}
.specialprograms-emsdatapoints {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.specialprograms-emsdatapoints .main-content {
  overflow: auto;
}
.specialprograms-emsdatapoints .main-content .invisible {
  display: none;
}
.specialprograms-emsdatapoints .main-content.has-left {
  position: relative;
  -ms-flex: 1 1 1px;
      flex: 1 1 1px;
}
.specialprograms-emsdatapoints .main-content.has-left .filter-dialog-container {
  position: absolute;
  z-index: 111;
  top: 61px;
  right: 20px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.specialprograms-emsdatapoints .main-content.has-left .filter-dialog-container .filter-dialog-arrow {
  position: absolute;
  background: url('../../../core/style/base/default_theme/assets/icons/Asset_Value-Tip_Top.png') center no-repeat;
  height: 20px;
  width: 45px;
  top: -19px;
  right: 10px;
}
.specialprograms-emsdatapoints .main-content.has-left .filter-dialog-container .filter-dialog {
  height: 100%;
  min-width: 600px;
}
.specialprograms-emsdatapoints .main-content.has-left .filter-dialog-container .filter-dialog-minimized {
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
}
.specialprograms-emsdatapoints .main-content.has-left .filter-dialog-container .filter-dialog-minimized:before {
  content: "\f14b";
}
.specialprograms-emsdatapoints .main-content.has-left .filter-dialog-container .filter-dialog-minimized:hover {
  background-color: #80B4C7;
}
.specialprograms-emsdatapoints .main-content.has-left .filter-dialog-container.config-menu-open {
  right: 20px;
}
.specialprograms-emsdatapoints .table-view .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.center {
  text-align: center;
}
.specialprograms-emsdatapoints .table-view .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .okay-icon {
  font-weight: normal;
  font-size: 24px;
}
.specialprograms-emsdatapoints .table-view .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .okay-icon:before {
  content: "\f16b";
}
.specialprograms-emsdatapoints .table-view .right-menu.configuration-area {
  padding-top: 32px;
}
.specialprograms-emsdatapoints .table-view .right-menu.configuration-area .configuration-area-header {
  height: 52px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.specialprograms-emsdatapoints .table-view .right-menu.configuration-area .configuration-area-header .table-column-label {
  margin-left: 20px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.specialprograms-emsdatapoints .table-view .right-menu.configuration-area .configuration-area-header .table-column-default-button {
  float: right;
}
.specialprograms-emsdatapoints .table-view .right-menu.configuration-area .table-column-list {
  height: calc(100% - (32px + 20px));
}
.specialprograms-emsdatapoints .table-view .footer {
  background-color: #CCE1E9;
}
.specialprograms-emsdatapoints .table-view .footer .Pagination-widget {
  float: left;
}
.specialprograms-emsdatapoints .table-view .footer .count-of-selected-items {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  color: #00698F;
  float: left;
}
.specialprograms-emsdatapoints .detail-view {
  display: -ms-flexbox;
  display: flex;
}
.specialprograms-emsdatapoints .detail-view .main-content {
  overflow: auto;
}
.specialprograms-emsdatapoints .actions-popup {
  background: #FFFFFF;
}
.specialprograms-emsdatapoints .actions-popup .popup-entry {
  width: 200px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #00698F;
}
.specialprograms-emsdatapoints .actions-popup .popup-entry.action.disabled {
  color: #999999;
}
.specialprograms-emsdatapoints .actions-popup .popup-entry.action:last-of-type {
  border-bottom: 0;
}
.specialprograms-emsdatapoints .actions-popup .popup-entry.action:hover:not(.disabled) {
  background: #00698F;
  color: #FFFFFF;
}
.specialprograms-emsdatapoints .actions-popup .popup-entry.clipboard .placeholder {
  font-style: italic;
  color: #999999;
}
.calendar-appointments {
  height: 100%;
  width: 100%;
}
.calendar-appointments .top-container {
  width: 100%;
  height: calc(100% - 32px);
  position: relative;
}
.calendar-appointments .top-container .week-view {
  width: 100%;
  height: 100%;
}
.calendar-appointments .top-container .week-view .head-bar,
.calendar-appointments .top-container .week-view .content-bar {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.calendar-appointments .top-container .week-view .head-bar {
  height: 46px;
}
.calendar-appointments .top-container .week-view .content-bar {
  height: calc(100% - 46px);
}
.calendar-appointments .top-container .week-view .header-bar {
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  width: 100%;
  background-color: #CCE1E9;
  border: 1px solid #80B4C7;
  border-left: 0;
  border-right-color: #FFFFFF;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  font-weight: bold;
  line-height: 46px;
}
.calendar-appointments .top-container .week-view .header-bar.left:before {
  content: "\f10e";
}
.calendar-appointments .top-container .week-view .header-bar.left:hover {
  color: #FFFFFF;
}
.calendar-appointments .top-container .week-view .header-bar.right {
  border-right: 0;
}
.calendar-appointments .top-container .week-view .header-bar.right:before {
  content: "\f10f";
}
.calendar-appointments .top-container .week-view .header-bar.right:hover {
  color: #FFFFFF;
}
.calendar-appointments .top-container .week-view .header-bar.active {
  background-color: #005978;
  border-color: #005978;
  color: #FFFFFF;
}
.calendar-appointments .top-container .week-view .button-column {
  position: relative;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
}
.calendar-appointments .top-container .week-view .button-column .current-time-line {
  position: absolute;
  right: 0;
  padding: 5px 8px;
  background-color: #F2F8F9;
  border: 2px solid #00698F;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.calendar-appointments .top-container .week-view .button-column .time-scale {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  height: 60px;
  line-height: 30px;
  text-align: right;
  padding-right: 10px;
}
.calendar-appointments .top-container .week-view .button-column .header-bar {
  font-size: 18px;
  font-weight: normal;
}
.calendar-appointments .top-container .week-view .button-column .header-bar:hover {
  cursor: pointer;
  background-color: #80B4C7;
}
.calendar-appointments .top-container .week-view .button-column .header-bar:active,
.calendar-appointments .top-container .week-view .button-column .header-bar.active {
  background-color: #005978;
  border-color: #005978;
  color: #FFFFFF;
}
.calendar-appointments .top-container .week-view .day-column {
  -ms-flex: 1 1 100px;
      flex: 1 1 100px;
  position: relative;
}
.calendar-appointments .top-container .edit-appointment {
  position: absolute;
  bottom: 0;
  height: 302px;
  left: 0;
  right: 0;
}
.calendar-appointments .top-container .edit-appointment .center-part {
  background-color: #F2F8F9;
}
.calendar-appointments .footer-area {
  height: 32px;
  border-top: 1px solid #005978;
}
.calendar-appointments .footer-area button {
  float: right;
  border-width: 0;
  border-left-width: 1px;
}
.specialprograms.calendar-overview {
  height: 100%;
}
.specialprograms.calendar-overview .time-interval-chooser {
  overflow: hidden;
}
.specialprograms.calendar-overview .time-interval-chooser .DatePicker-widget.display-inline {
  min-width: auto;
  width: auto;
  max-width: 100%;
  margin: auto;
}
.specialprograms.calendar-overview .time-interval-chooser .DatePicker-widget.display-inline .DatePicker-widget-container .DatePicker-widget-label {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
}
.specialprograms.calendar-overview .page-content {
  height: calc(100% - 46px);
}
.specialprograms.calendar-overview .appointments-button {
  font-size: 34px;
}
.specialprograms.calendar-overview .appointments-button:before {
  content: "\f11d";
}
.specialprograms.calendar-overview .specialcalendar-button {
  font-size: 34px;
}
.specialprograms.calendar-overview .specialcalendar-button:before {
  content: "\f152";
}
.specialprograms.calendar-overview .spacer {
  height: 10px;
}
.specialprograms.calendar-overview .small-spacer {
  height: 5px;
}
.specialprograms.calendar-overview .big-spacer {
  height: 20px;
}
.specialprograms.calendar-overview .left-menu {
  position: relative;
  height: 100%;
}
.specialprograms.calendar-overview .left-menu .left-menu-content {
  height: calc(100% - 46px);
}
.specialprograms.calendar-overview .left-menu .left-menu-content .scroll-area {
  height: calc(100% - 46px);
}
.specialprograms.calendar-overview .left-menu .left-menu-content .List-widget {
  height: calc(100% - 32px);
}
.specialprograms.calendar-overview .left-menu .left-menu-content .button-bar {
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  width: 100%;
}
.specialprograms.calendar-overview .left-menu .left-menu-content .button-bar > button {
  width: 50%;
  border: 0;
  border-top: 1px solid #005978;
  border-right: 1px solid #005978;
}
.specialprograms.calendar-overview .left-menu .left-menu-content .button-bar > button:last-child {
  border-right: 0;
}
.specialprograms.calendar-overview .left-menu .left-menu-content .button-bar > button.add-calendar {
  font-size: 26px;
}
.specialprograms.calendar-overview .left-menu .left-menu-content .button-bar > button.add-calendar:before {
  content: "\f168";
}
.specialprograms.calendar-overview .left-menu .left-menu-content .button-bar > button.remove-calendar {
  font-size: 28px;
}
.specialprograms.calendar-overview .left-menu .left-menu-content .button-bar > button.remove-calendar:before {
  content: "\f197";
}
.specialprograms.calendar-overview .configuration-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 20px;
}
.specialprograms.calendar-overview .configuration-panel .part {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 0 340px;
      flex: 1 0 340px;
  min-height: 100%;
  min-width: 595px;
}
.specialprograms.calendar-overview .configuration-panel .part .label {
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.specialprograms.calendar-overview .configuration-panel .part .topbar {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 32px;
  margin-right: 20px;
  background-color: #CCE1E9;
}
.specialprograms.calendar-overview .configuration-panel .part .topbar .title {
  display: inline-block;
  padding: 0 20px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
}
.specialprograms.calendar-overview .configuration-panel .part .topbar .title.active {
  background-color: #B3D2DD;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 20px;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .side-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 100%;
  width: 32px;
  background-color: #CCE1E9;
  border-top: 2px solid #F2F8F9;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #005978;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .side-button .glyph-icon {
  font-size: 24px;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .side-button .arrow-right:before {
  content: "\f10f";
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .side-button .arrow-left:before {
  content: "\f10e";
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .side-button.disabled {
  background-color: #CCE1E9;
  color: #B3D2DD;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .side-button.clickable:hover:not(.disabled) {
  background-color: #80B4C7;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .side-button.clickable:active:not(.disabled) {
  color: #FFFFFF;
  background-color: #005978;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 0 20px;
  height: 270px;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part .Checkbox-widget {
  margin-right: 10px;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part .TextArea-widget {
  height: 65px;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part .flexer {
  display: -ms-flexbox;
  display: flex;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part .date-container .DatePicker-widget {
  float: left;
  width: calc(100% - 70px - 32px);
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part .date-container .clocktime-widget {
  float: left;
  margin-left: 32px;
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part .sub-part {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-right: 20px;
  max-width: 340px;
  width: calc(50% - 10px);
}
.specialprograms.calendar-overview .configuration-panel .part .vertical-container .center-part .sub-part:last-child {
  margin-right: 0;
}
.specialprograms.calendar-overview .clickable:hover:not(.disabled) {
  background-color: #80B4C7;
}
.specialprograms.calendar-overview .clickable:active:not(.disabled) {
  color: #FFFFFF;
  background-color: #005978;
}
.specialprograms.calendar-overview .month-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 5px;
}
.specialprograms.calendar-overview .content {
  position: relative;
  width: calc(100% - 274px);
}
.specialprograms.calendar-timeofnonuse {
  position: relative;
  height: 100%;
  width: 100%;
}
.specialprograms.calendar-timeofnonuse .flux-container {
  height: calc(100% - 32px);
  width: 100%;
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100%;
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container .calendar-area {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container .calendar-area > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container .calendar-area > div .month-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
  margin-top: 46px;
  margin-left: 23px;
  margin-right: 23px;
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container .calendar-area > div .month-container .label {
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
  text-align: center;
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container .configuration-panel .topbar .add-calendar-item {
  font-size: 28px;
  text-align: center;
  float: right;
  border-left: 2px solid #F2F8F9;
  height: 32px;
  width: 33px;
  line-height: 32px;
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container .configuration-panel .topbar .add-calendar-item:before {
  content: "\f172";
}
.specialprograms.calendar-timeofnonuse .flux-container .scroll-container .configuration-panel .topbar .add-calendar-item .multiSelectButtonBar-widget {
  margin-bottom: 10px;
}
.specialprograms.calendar-timeofnonuse .button-panel {
  height: 32px;
  border-top: 1px solid #005978;
}
.specialprograms.calendar-timeofnonuse .button-panel button {
  float: right;
  border-width: 0;
  border-left-width: 1px;
}
.settings-module.settings-ems-facilities {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.settings-module.settings-ems-facilities .InputField-widget,
.settings-module.settings-ems-facilities .newCombobox-widget,
.settings-module.settings-ems-facilities .DatePicker-widget,
.settings-module.settings-ems-facilities .MultiCombobox-widget,
.settings-module.settings-ems-facilities .TextArea-widget,
.settings-module.settings-ems-facilities .input-label {
  width: 300px;
}
.settings-module.settings-ems-facilities .main-content {
  -ms-flex: 1 1 1px;
      flex: 1 1 1px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .alarm-settings .InputField-widget,
.settings-module.settings-ems-facilities .main-content .scroll-content .alarm-settings .newCombobox-widget,
.settings-module.settings-ems-facilities .main-content .scroll-content .alarm-settings .DatePicker-widget,
.settings-module.settings-ems-facilities .main-content .scroll-content .alarm-settings .MultiCombobox-widget,
.settings-module.settings-ems-facilities .main-content .scroll-content .alarm-settings .TextArea-widget,
.settings-module.settings-ems-facilities .main-content .scroll-content .alarm-settings .input-label {
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .column {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .column:last-child {
  margin-right: auto;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .content-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: auto;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .content-row > .newCombobox-widget {
  width: 300px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .content-row > button {
  margin-left: 10px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .Table-widget {
  width: 400px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .values-container {
  width: 400px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .values-container .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 200px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .values-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .newCombobox-widget {
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .values-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .values-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .InputField-widget {
  height: 30px;
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .values-container.with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .benchmark-type-icon {
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .data-point-selector .InputField-widget {
  width: 266px;
  float: left;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .data-point-selector .InputField-widget .inputfield-input {
  background-color: #FFFFFF;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .data-point-selector button.detach-icon {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .benchmark-settings .data-point-selector button.detach-icon:before {
  content: "\f197";
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container {
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget {
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 250px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .newCombobox-widget {
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.center {
  text-align: center;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .end-date {
  display: inline-block;
  width: calc(100% - 34px);
  float: left;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .end-date > div > span {
  padding-left: 10px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .end-date .DatePicker-widget {
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .button {
  width: 34px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  font-size: 34px;
  line-height: 32px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-infinite:before {
  content: "\f17f";
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-not-infinite {
  border-left: none;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-not-infinite:before {
  content: "\f189";
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .button:hover {
  cursor: pointer;
  border-color: #00698F;
  background-color: #F2F8F9;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .rentings-container .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .button:active {
  border-color: #005978;
  background-color: #CCE1E9;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .data-models .InputField-widget,
.settings-module.settings-ems-facilities .main-content .scroll-content .data-models .newCombobox-widget {
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .input-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 300px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .input-row .input-small {
  width: 55px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .input-row .input {
  padding-right: 10px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .input-row .text {
  white-space: nowrap;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .input-label-pair {
  padding-bottom: 10px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimageeditor-settings .row-margin {
  margin-left: 42px;
  margin-top: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings {
  padding: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .interaction-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .interaction-bar .delete-button {
  margin-right: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 250px;
  width: 280px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border: 1px solid #80B4C7;
  margin: 10px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container .preview {
  height: 150px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container .details {
  height: 100px;
  background-color: #E6F0F4;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container .details .plantimage-name {
  padding: 20px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container .details .plantimage-description {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding: 0 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container.selected .details {
  background-color: #00698F;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container.selected .details .plantimage-name,
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-plantimages-settings .plantimages-list .plantimage-container.selected .details .plantimage-description {
  color: #F2F8F9;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings {
  padding: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .interaction-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-bottom: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .interaction-bar .delete-button {
  margin-right: 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 250px;
  width: 280px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border: 1px solid #80B4C7;
  margin: 10px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container .preview {
  position: relative;
  height: 150px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container .preview .preview-only-wall {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container .preview .NewTreeView-widget .tree-view-widget-entry-label {
  border: 0;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container .details {
  height: 100px;
  background-color: #E6F0F4;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container .details .facilityfragment-name {
  padding: 20px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container .details .facilityfragment-description {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding: 0 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container.selected .details {
  background-color: #00698F;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container.selected .details .facilityfragment-name,
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container.selected .details .facilityfragment-description {
  color: #F2F8F9;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container.disabled {
  border-color: #B3D2DD;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container.disabled .preview {
  opacity: 0.25;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container.disabled .details .facilityfragment-name,
.settings-module.settings-ems-facilities .main-content .scroll-content .facilities-facilityfragments-settings .facilityfragment-list .facilityfragment-container.disabled .details .facilityfragment-description {
  color: #B3D2DD;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 250px;
  width: 280px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border: 1px solid #80B4C7;
  margin: 10px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container .preview {
  height: 150px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container .details {
  height: 100px;
  background-color: #E6F0F4;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container .details .plantimage-name {
  padding: 20px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container .details .plantimage-description {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  padding: 0 20px;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container.selected .details {
  background-color: #00698F;
}
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container.selected .details .plantimage-name,
.settings-module.settings-ems-facilities .main-content .scroll-content .plantimages-list .plantimage-container.selected .details .plantimage-description {
  color: #F2F8F9;
}
.settings-module.settings-ems-facilities .scroll-content .facility-settings.with-padding {
  margin: 0;
  padding: 20px;
}
.settings-module.settings-ems-facilities .glyph-icon.plant-image {
  font-size: 24px;
}
.settings-module.settings-ems-facilities .glyph-icon.plant-image:before {
  content: "\f150";
}
.settings-module.settings-ems-facilities .pagetitlebar-button-batchprint:before {
  content: "\f18c";
}
.settings-module.settings-ems-facilities .pagetitlebar-button-batchprint:before {
  font-family: 'qanteon-icons';
  font-size: 30px;
  line-height: 46px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box {
  width: 380px;
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box .dialog-content {
  height: 220px;
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box .dialog-content .name-conflict {
  height: calc(100% - 35px);
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box .dialog-content .name-conflict .name-conflict-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box .dialog-content .name-conflict .name-conflict-content .text {
  margin-bottom: 20px;
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box .dialog-content .name-conflict .name-conflict-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 35px;
  border-top: 1px solid #80B4C7;
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box .dialog-content .name-conflict .name-conflict-footer > button {
  height: 34px;
  border-top: none;
  border-bottom: none;
}
.settings-module.settings-ems-facilities.module-dialog-modal .dialog-box .dialog-content .name-conflict .name-conflict-footer > button:last-of-type {
  border-left: none;
}
.module-dialog-modal.batch-print-dialog ul {
  list-style-type: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  color: #000000;
}
.module-dialog-modal.batch-print-dialog ul .batch-print-setup-navigate-back {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  background-color: #CCE1E9;
  border-bottom: 2px solid #F2F8F9;
  padding-right: 40px;
  color: #005978;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
}
.module-dialog-modal.batch-print-dialog ul .batch-print-setup-navigate-back:hover {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.module-dialog-modal.batch-print-dialog ul .batch-print-setup-navigate-back:before {
  font-size: 18px;
  position: absolute;
  top: 0px;
  right: 15px;
  font-family: qanteon-icons;
  left: 5px;
  content: "\f137";
}
.module-dialog-modal.batch-print-dialog .batch-print {
  height: 100%;
  width: 100%;
}
.module-dialog-modal.batch-print-dialog .batch-print.has-back-button {
  height: calc(100% - 34px);
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container {
  height: calc(100% - 33px);
  width: 100%;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .y-scroller-scrollbar:after {
  z-index: 1;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .batch-print-setup-container .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .batch-print-setup-container .content-row {
  margin-left: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .batch-print-setup-container .content-row span.spacer {
  -ms-flex: 0 0 10%;
      flex: 0 0 10%;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .batch-print-setup-container .content-row .multi-combobox-popup {
  border: none;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .batch-print-setup-container .batch-print-frontpage-container,
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .batch-print-setup-container .batch-print-datapointlist-container,
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .batch-print-setup-container .batch-print-plantpicture-layout-container {
  margin-top: 1em;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-container .plantimagechooser-container {
  padding: 1em;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-footer {
  width: 100%;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.module-dialog-modal.batch-print-dialog .batch-print .batch-print-footer .batch-print-footer-btn {
  display: inline-block;
  height: 100%;
  border-top-width: 0;
  border-bottom-width: 0;
  float: right;
  border-right-width: 0;
}
.settings-ems-facilities .tree-actions-popup {
  background: #FFFFFF;
}
.settings-ems-facilities .tree-actions-popup .popup-entry {
  width: 200px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #00698F;
}
.settings-ems-facilities .tree-actions-popup .popup-entry.disabled {
  color: #999999;
}
.settings-ems-facilities .tree-actions-popup .popup-entry:last-of-type {
  border-bottom: 0;
}
.settings-ems-facilities .tree-actions-popup .popup-entry:hover:not(.disabled) {
  background: #00698F;
  color: #FFFFFF;
}
.specialprograms-emscostcontrolling .create-item-popup {
  background: #FFFFFF;
}
.specialprograms-emscostcontrolling .create-item-popup .popup-entry {
  width: 200px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #00698F;
}
.specialprograms-emscostcontrolling .create-item-popup .popup-entry.disabled {
  color: #66A5BC;
}
.specialprograms-emscostcontrolling .create-item-popup .popup-entry:last-of-type {
  border-bottom: 0;
}
.specialprograms-emscostcontrolling .create-item-popup .popup-entry:hover:not(.disabled) {
  background: #00698F;
  color: #FFFFFF;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root {
  background-color: #3387A5;
  /**
    * Mixin to color a specific level
    */
  /*
     * level 2
     */
  /*
     * Level 3
     */
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li {
  background-color: #E6F0F4;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > .tree-view-widget-label {
  text-transform: none;
  background-color: #3387A5;
  color: #FFFFFF;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.expanded,
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected,
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.not-expandable {
  background-color: #3387A5;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label,
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label {
  background-color: transparent;
  border-color: #3387A5;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul {
  background-color: #66A5BC;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label,
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #66A5BC;
  border-color: #66A5BC;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul {
  background-color: #80B4C7;
}
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.specialprograms-emscostcontrolling .TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #80B4C7;
  border-color: #80B4C7;
}
.specialprograms-emscostcontrolling .general-settings .content-row,
.specialprograms-emscostcontrolling .general-settings .InputField-widget,
.specialprograms-emscostcontrolling .general-settings .TextArea-widget,
.specialprograms-emscostcontrolling .general-settings .newCombobox-widget {
  width: 300px;
}
.specialprograms-emscostcontrolling .Table-details-row {
  background-color: #B3D2DD;
}
.specialprograms-emscostcontrolling .Table-details-row .details-title {
  width: 100%;
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  display: block;
  padding: 0 6px 0 20px;
  margin: 0;
  height: 32px;
  border: none;
  border-top: solid 2px #B3D2DD;
  line-height: 32px;
  vertical-align: middle;
  position: relative;
}
.specialprograms-emscostcontrolling .Table-details-row .save-cancel-area {
  background-color: #F2F8F9;
}
.specialprograms-emscostcontrolling .contracts .general-settings .content-row,
.specialprograms-emscostcontrolling .contracts .general-settings .InputField-widget,
.specialprograms-emscostcontrolling .contracts .general-settings .TextArea-widget,
.specialprograms-emscostcontrolling .contracts .general-settings .newCombobox-widget {
  width: 300px;
}
.specialprograms-emscostcontrolling .invoice .button {
  width: 34px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  font-size: 34px;
  line-height: 32px;
}
.specialprograms-emscostcontrolling .invoice .button.is-infinite:before {
  content: "\f17f";
}
.specialprograms-emscostcontrolling .invoice .button.is-not-infinite:before {
  content: "\f189";
}
.specialprograms-emscostcontrolling .invoice .button:hover {
  cursor: pointer;
  border-color: #00698F;
  background-color: #F2F8F9;
}
.specialprograms-emscostcontrolling .invoice .button:active {
  border-color: #005978;
  background-color: #CCE1E9;
}
.specialprograms-emscostcontrolling .invoice .TextArea-widget {
  width: 300px;
}
.specialprograms-emscostcontrolling .invoice .invoice-dates {
  padding-bottom: 20px;
}
.specialprograms-emscostcontrolling .invoice .invoice-dates .date-input {
  display: inline-block;
  width: calc(50% - 40px);
  max-width: 300px;
  vertical-align: top;
}
.specialprograms-emscostcontrolling .invoice .invoice-dates .date-input:last-child {
  margin-left: 80px;
}
.specialprograms-emscostcontrolling .invoice .invoice-dates .date-input .label {
  display: block;
  width: 100%;
  line-height: 32px;
}
.specialprograms-emscostcontrolling .invoice .invoice-dates .date-input .input {
  display: block;
  width: 100%;
  height: 32px;
}
.specialprograms-emscostcontrolling .invoice .invoice-dates .date-input .input .open-end-text {
  line-height: 32px;
}
.specialprograms-emscostcontrolling .invoice .invoice-dates .date-input .input .end-date {
  display: inline-block;
  width: calc(100% - 38px);
}
.specialprograms-emscostcontrolling .invoice .invoice-dates .date-input .input .button {
  display: inline-block;
  vertical-align: top;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .table-header {
  height: 32px;
  width: 100%;
  background-color: #CCE1E9;
  display: -ms-flexbox;
  display: flex;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .table-header > .table-header-cell {
  height: 100%;
  border-right: 1px white solid;
  border-bottom: 1px white solid;
  display: -ms-flexbox;
  display: flex;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .table-header > .table-header-cell > span {
  display: inline-block;
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
  width: 100%;
  color: #00698F;
  font-size: 12px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .table-header > .table-header-cell:last-of-type {
  border-right: none;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .invoice-prices-table-header {
  width: 100%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .invoice-prices-table-header .table-header-cell:nth-child(1) {
  width: 23.5%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .invoice-prices-table-header .table-header-cell:nth-child(2) {
  width: 34%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .invoice-prices-table-header .table-header-cell:nth-child(3) {
  width: 34%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .invoice-prices-table-header .table-header-cell:nth-child(4) {
  width: 8.5%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .unit-prices-table-header {
  width: 100%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .unit-prices-table-header .table-header-cell:nth-child(1) {
  width: 12.5%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .unit-prices-table-header .table-header-cell:nth-child(2) {
  width: 37.5%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .unit-prices-table-header .table-header-cell:nth-child(3) {
  width: 37.5%;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .unit-prices-table-header .table-header-cell:nth-child(4) {
  width: 12.5%;
}
.specialprograms-emscostcontrolling .invoice .Table-details-row .input-label-pair {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
}
.specialprograms-emscostcontrolling .invoice .Table-details-row .input-label-pair .label {
  width: 230px;
  line-height: 32px;
  display: inline-block;
}
.specialprograms-emscostcontrolling .invoice .Table-details-row .input-label-pair .InputField-widget {
  width: 70px;
  display: inline-block;
}
.specialprograms-emscostcontrolling .invoice .Table-details-row .input-label-pair .unit {
  display: inline-block;
  width: 10px;
}
.specialprograms-emscostcontrolling .invoice .input-with-unit .value {
  display: inline-block;
  width: calc(100% - 30px);
}
.specialprograms-emscostcontrolling .invoice .input-with-unit .unit {
  display: inline-block;
  width: 30px;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row .Table-table-column,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row .Table-table-column,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row .Table-table-column {
  border-right: none;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-item-table-div.scroll-wrapper,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-item-table-div.scroll-wrapper,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-item-table-div.scroll-wrapper {
  max-height: 400px;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column:nth-of-type(1) .table-cell.row,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column:nth-of-type(1) .table-cell.row,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column:nth-of-type(1) .table-cell.row {
  margin-left: 15px;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column {
  border-right: none;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell {
  border-right: 1px solid white;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell.group,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell.group,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell.group {
  pointer-events: none !important;
  border-right: none !important;
  overflow: visible !important;
  white-space: nowrap;
  text-overflow: clip;
  font-weight: bold;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell.result,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell.result,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell.result {
  border-bottom: 1px solid #3387A5;
  text-align: right !important;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell.outcome,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell.outcome,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell.outcome {
  text-align: right !important;
  font-weight: bold;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell.left,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell.left,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell.left {
  text-align: left;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell.center,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell.center,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell.center {
  text-align: center;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell.right,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell.right,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell.right {
  text-align: right;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column .table-cell .InputField-widget .inputfield-input,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column .table-cell .InputField-widget .inputfield-input,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column .table-cell .InputField-widget .inputfield-input {
  height: 31px;
}
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.row,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.row,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.row,
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.result,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.result,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.result,
.specialprograms-emscostcontrolling .invoice .invoice-details .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.outcome,
.specialprograms-emscostcontrolling .invoice .invoice-prices .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.outcome,
.specialprograms-emscostcontrolling .invoice .invoice-values .Table-widget .Table-table-container .Table-table-column:last-of-type .table-cell.outcome {
  border-right: none;
}
.specialprograms-emscostcontrolling .with-border {
  border: 1px solid #3387A5;
}
.specialprograms-emscostcontrolling .settings-module .body .scroll-content.with-padding.attachments {
  margin: 0;
  padding: 20px;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .end-date {
  display: inline-block;
  width: calc(100% - 34px);
  float: left;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .end-date > div > span {
  padding-left: 10px;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button {
  width: 34px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  font-size: 34px;
  line-height: 32px;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-infinite:before {
  content: "\f17f";
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-not-infinite {
  border-left: none;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-not-infinite:before {
  content: "\f189";
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button:hover {
  cursor: pointer;
  border-color: #00698F;
  background-color: #F2F8F9;
}
.settings-module.settings-ems-pricecategory .main-content .price-contracts .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button:active {
  border-color: #005978;
  background-color: #CCE1E9;
}
.settings-module.settings-ems-pricecategory .main-content .price-general.scroll-content .InputField-widget,
.settings-module.settings-ems-pricecategory .main-content .price-general.scroll-content .TextArea-widget {
  width: 300px;
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button {
  width: 34px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  font-size: 34px;
  line-height: 32px;
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-infinite:before {
  content: "\f17f";
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-not-infinite {
  border-left: none;
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button.is-not-infinite:before {
  content: "\f189";
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button:hover {
  cursor: pointer;
  border-color: #00698F;
  background-color: #F2F8F9;
}
.settings-module.settings-ems-pricecategory .main-content .price-prices .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell .button:active {
  border-color: #005978;
  background-color: #CCE1E9;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row {
  height: 100%;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row.Table-odd-row .Table-table-column-container .Table-table-column .pricegroups .price-group-item,
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row.Table-odd-row .Table-table-column-container .Table-table-column .no-pricegroups .price-group-item {
  opacity: 0.8;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row:hover {
  background-color: #B3D2DD;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row:hover .Table-table-column-container .Table-table-column .table-cell.fill {
  background-color: #B3D2DD;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container {
  height: auto;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column {
  border-right: 1px solid #FFFFFF;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .table-cell.fill {
  background-color: #F2F8F9;
  line-height: 31px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricegroups .price-group-item,
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .no-pricegroups .price-group-item {
  height: 32px;
  width: 32px;
  float: left;
  margin-left: 10px;
  font-size: 12px;
  text-align: center;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricegroups {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricegroups .prices-with-value {
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricegroups .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricegroups .priceSteps-widget {
  margin-bottom: 10px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row {
  height: 100px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row:hover {
  background-color: #B3D2DD;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row:hover .Table-table-column-container .Table-table-column .table-cell.fill {
  background-color: #B3D2DD;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row:hover .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .flag {
  color: #000000;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-item-select {
  height: 100px;
  padding-top: 42px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container {
  height: 100px;
  vertical-align: center;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .table-cell {
  display: table-cell;
  height: 100px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .table-cell.DatePicker-widget {
  background-color: transparent;
  cursor: default !important;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 10px 0;
  height: 100px;
  width: calc(606%);
  cursor: default;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel.valid {
  border: none;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel.invalid {
  border: 1px solid #F20C0C;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block {
  float: left;
  width: 25%;
  height: 80px;
  z-index: 1;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block.drag-in-progress {
  opacity: 0.8;
  border: 1px dotted #000000;
  border-left: none;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container {
  position: relative;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .flag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  right: 0;
  top: 25px;
  width: 30px;
  height: 30px;
  z-index: 2;
  font-size: 10px;
  text-align: center;
  background-color: #FFFFFF;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .flag .flag-time {
  border-bottom: 1px solid #CCE1E9;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .flag .flag-time,
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .flag .flag-description {
  -ms-flex: 0 0 15px;
      flex: 0 0 15px;
  line-height: 15px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .pricelevel-block-flag-resizer {
  position: absolute;
  z-index: 3;
  right: 0;
  width: 10px;
  height: 80px;
  background-color: transparent;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .pricelevel-block-flag-resizer:hover {
  cursor: ew-resize !important;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column-container .Table-table-column .pricelevel .pricelevel-block-flag-container .pricelevel-block-flag-resizer .resize-line {
  position: relative;
  z-index: 4;
  float: right;
  background-color: #FFFFFF;
  width: 2px;
  height: 80px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-table-header {
  background-color: #CCE1E9;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-table-header .Table-table-column-header-wrapper {
  height: 32px;
}
.settings-module.settings-ems-pricecategory .main-content .price-pricelevel .Table-widget .Table-content .Table-table-header .Table-table-column-header-wrapper .table-widget-resize-anchor {
  cursor: default;
  pointer-events: none;
}
.settings-module.settings-ems-pricecategory .main-content .scroll-content .Accordion-widget .scroll-content .with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area.scroll-wrapper {
  width: 320px;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area .configuration-area-container {
  margin: 20px;
  font-size: 12px;
  font-weight: bold;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area .configuration-area-groups-container {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area .configuration-area-groups-container .groups-container-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  margin: 10px 0 0 0;
  line-height: 32px;
  font-size: 24px;
  height: 32px;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area .configuration-area-groups-container .groups-container-item .item-icon {
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-align: center;
  line-height: 32px;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area .configuration-area-groups-container .groups-container-item .item-label {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-align: left;
  line-height: 32px;
  margin-left: 10px;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area .configuration-area-groups-container .groups-container-item .drag-icon {
  line-height: 32px;
  cursor: pointer;
}
.settings-module.settings-ems-pricecategory .main-content .configuration-area .configuration-area-groups-container .groups-container-item .drag-icon:before {
  content: "\f13a";
}
.price-groups-shadow-drag-element {
  width: 30px;
  height: 75px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  text-align: center;
  line-height: 75px;
}
.settings-module.settings-ems-energysources .main-content .scroll-content .InputField-widget,
.settings-module.settings-ems-energysources .main-content .scroll-content .TextArea-widget {
  width: 300px;
}
.settings-module.settings-ems-energysources .main-content .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.settings-module.settings-ems-energysources .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-energysources .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget {
  padding-top: 1px;
}
.settings-module.settings-ems-energysources .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.settings-module.settings-ems-energysources .main-content .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.InputField-widget .inputfield-input {
  height: 30px;
}
.settings-module.settings-ems-energysources .main-content .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.settings-module.settings-ems-co2-emissions .main-content .scroll-content .InputField-widget,
.settings-module.settings-ems-co2-emissions .main-content .scroll-content .TextArea-widget {
  width: 400px;
}
.settings-module.settings-ems-co2-emissions .main-content .scroll-content .input-label.inline {
  display: inline-block;
  margin-left: 5px;
}
.settings-module.settings-ems-co2-emissions .main-content .scroll-content .reference-flag:before {
  content: "\f17b";
}
.settings-module.settings-ems-co2-emissions .main-content .scroll-content .Checkbox-widget .Checkbox-checkbox.glyph-icon.large.checked.disabled {
  cursor: default !important;
}
.settings-module.settings-ems-co2-emissions .main-content .scroll-content.with-border {
  border: 1px solid #3387A5;
  max-width: 500px;
}
.settings-module.settings-ems-co2-emissions .main-content .scroll-content.with-border .table-cell.fill.InputField-widget {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.settings-module.settings-ems-co2-emissions .reference-flag:before {
  content: "\f17b";
}
.settings-module.specialprograms-reportschedules {
  display: -ms-flexbox;
  display: flex;
}
.settings-module.specialprograms-reportschedules .left-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 0 0 300px;
      flex: 0 0 300px;
  border-right: 1px solid #66A5BC;
}
.settings-module.specialprograms-reportschedules .left-menu .NewPageTitleBar-widget {
  -ms-flex: 0 0 48px;
      flex: 0 0 48px;
}
.settings-module.specialprograms-reportschedules .left-menu .report-schedules-list {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  border-top: 1px solid #3387A5;
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button {
  -ms-flex: 1 1 100px;
      flex: 1 1 100px;
  height: 100%;
  border: 0;
  border-right: 1px solid #3387A5;
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button.glyph-icon {
  font-size: 30px;
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button.glyph-icon[disabled] {
  font-size: 30px;
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button:last-child {
  border-right: 0;
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button.delete-button:before {
  content: "\f197";
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button.duplicate-button:before {
  content: "\f13b";
}
.settings-module.specialprograms-reportschedules .left-menu .bottom-bar .button.create-button:before {
  content: "\f168";
}
.settings-module.specialprograms-reportschedules .right-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  border-right: 1px solid #66A5BC;
}
.settings-module.specialprograms-reportschedules .right-content .NewPageTitleBar-widget {
  -ms-flex: 0 0 48px;
      flex: 0 0 48px;
}
.settings-module.specialprograms-reportschedules .right-content .content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .general-information {
  width: 340px;
  padding: 20px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .spacer-small {
  height: 10px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .spacer {
  height: 20px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .inline-block-validationElement {
  display: inline-block;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .interval-input {
  display: inline-block;
  width: 60px;
  margin: 0 10px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row {
  display: -ms-flexbox;
  display: flex;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row > .label,
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row > .label-like {
  -ms-flex: 0 1 300px;
      flex: 0 1 300px;
  margin-right: 20px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row > .widget {
  -ms-flex: 0 1 300px;
      flex: 0 1 300px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row > .widget .weekday-validation-area,
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row > .widget.weekday-validation-area {
  -ms-flex-preferred-size: 224px;
      flex-basis: 224px;
  width: 224px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row > .widget.month-overview .validationElement {
  width: 192px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .form-row > .widget.month-overview .validationElement .multiSelectButtonBar-widget:nth-child(2) .button-bar-button {
  border-top: 0;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern {
  padding: 20px;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .month-view-widget.disable30 tr:last-child .tile:nth-child(3),
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .monthView-widget.disable30 tr:last-child .tile:nth-child(3) {
  font-size: 0;
  height: 0;
  width: 0;
  background-color: transparent;
  pointer-events: none;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .month-view-widget.disable31 tr:last-child .tile:nth-child(4),
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .monthView-widget.disable31 tr:last-child .tile:nth-child(4) {
  font-size: 0;
  height: 0;
  width: 0;
  background-color: transparent;
  pointer-events: none;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .month-view-widget .tile.information,
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .monthView-widget .tile.information,
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .month-view-widget .tile.day.other-month,
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-pattern .monthView-widget .tile.day.other-month {
  font-size: 0;
  height: 0;
  width: 0;
}
.settings-module.specialprograms-reportschedules .right-content .content .edit-report-schedule .repeat-time {
  padding: 0 20px;
}
.settings-module.specialprograms-reportschedules .right-content .bottom-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  border-top: 1px solid #3387A5;
}
.settings-module.specialprograms-reportschedules .right-content .bottom-bar .button {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 100%;
  border: 0;
  border-left: 1px solid #3387A5;
}
.module-logbook-list .module-logbook-inner-content {
  position: relative;
}
.module-logbook-list .module-logbook-inner-content .specialprograms-logbook {
  height: calc(100% - 32px);
}
.module-logbook-list .module-logbook-inner-content .filter-dialog-container {
  position: absolute;
  z-index: 111;
  top: 15px;
  right: 20px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.module-logbook-list .module-logbook-inner-content .filter-dialog-container .filter-dialog-arrow {
  position: absolute;
  background: url('../../../core/style/base/default_theme/assets/icons/Asset_Value-Tip_Top.png') center no-repeat;
  height: 20px;
  width: 45px;
  top: -19px;
  right: 10px;
}
.module-logbook-list .module-logbook-inner-content .filter-dialog-container .filter-dialog {
  height: 100%;
  min-width: 600px;
}
.module-logbook-list .module-logbook-inner-content .filter-dialog-container .filter-dialog-minimized {
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
}
.module-logbook-list .module-logbook-inner-content .filter-dialog-container .filter-dialog-minimized:before {
  content: "\f14b";
}
.module-logbook-list .module-logbook-inner-content .filter-dialog-container .filter-dialog-minimized:hover {
  background-color: #80B4C7;
}
.module-logbook-list .module-logbook-inner-content .filter-dialog-container.config-menu-open {
  right: 20px;
}
.module-logbook-list .footer.save-cancel-area {
  background-color: #F2F8F9;
}
.module-logbook-list .footer.save-cancel-area .counter-message {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  line-height: 32px;
  padding: 0 10px;
  color: #00698F;
}
.module-systemevents-list .module-systemevents-inner-content {
  position: relative;
}
.module-systemevents-list .module-systemevents-inner-content .specialprograms-systemevents {
  height: calc(100% - 32px);
}
.module-systemevents-list .module-systemevents-inner-content .filter-dialog-container {
  position: absolute;
  z-index: 111;
  top: 15px;
  right: 20px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.module-systemevents-list .module-systemevents-inner-content .filter-dialog-container .filter-dialog-arrow {
  position: absolute;
  background: url('../../../core/style/base/default_theme/assets/icons/Asset_Value-Tip_Top.png') center no-repeat;
  height: 20px;
  width: 45px;
  top: -19px;
  right: 10px;
}
.module-systemevents-list .module-systemevents-inner-content .filter-dialog-container .filter-dialog {
  height: 100%;
  min-width: 600px;
}
.module-systemevents-list .module-systemevents-inner-content .filter-dialog-container .filter-dialog-minimized {
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
}
.module-systemevents-list .module-systemevents-inner-content .filter-dialog-container .filter-dialog-minimized:before {
  content: "\f14b";
}
.module-systemevents-list .module-systemevents-inner-content .filter-dialog-container .filter-dialog-minimized:hover {
  background-color: #80B4C7;
}
.module-systemevents-list .module-systemevents-inner-content .filter-dialog-container.config-menu-open {
  right: 20px;
}
.module-systemevents-list .footer.save-cancel-area {
  background-color: #F2F8F9;
}
.module-systemevents-list .footer.save-cancel-area .counter-message {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  line-height: 32px;
  padding: 0 10px;
  color: #00698F;
}
.plantpicture-create-popup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #E6F0F4;
}
.plantpicture-create-popup .button {
  text-align: left;
  font-size: 12px;
  color: #000000;
}
.settings-plantpicture-editor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.settings-plantpicture-editor .main-content .InputField-widget,
.settings-plantpicture-editor .main-content .TextArea-widget {
  width: 300px;
}
.settings-plantpicture-editor .main-content .content-row {
  display: block;
  width: 300px;
  margin: 0;
}
.settings-plantpicture-editor .global-controls-analysis.glyph-icon {
  width: 32px;
  height: 32px;
  font-size: 32px;
  color: #008C00;
}
.settings-plantpicture-editor .global-controls-analysis.glyph-icon.list-icon:before {
  content: "\f150";
}
.settings-plantpicture-editor .global-controls-analysis.glyph-icon.new-list-icon:before {
  content: "\f169";
}
.settings-plantpicture-editor .global-controls-analysis.glyph-icon.read-only {
  color: #FF6600;
}
.module-dialog-modal {
  z-index: 300;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0;
  background-color: rgba(10, 10, 10, 0.7);
}
.module-dialog-modal .dialog-box {
  position: absolute;
  margin-left: auto;
  margin-top: auto;
  top: 50%;
  left: 50%;
  height: auto;
  max-height: calc(100% - 32px);
  width: 650px;
  max-width: 650px;
  min-width: 380px;
  padding: 0;
  background-color: #FFFFFF;
  box-shadow: 0 0 1px 16px rgba(0, 0, 0, 0.75);
}
.module-dialog-modal .dialog-box .dialog-header {
  position: relative;
  height: 64px;
  background-color: #F2F8F9;
  border: none;
  padding: 12px;
}
.module-dialog-modal .dialog-box .dialog-header.with-bottom-border {
  border-bottom: solid 1px #005978;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-icon {
  position: absolute;
  left: 12px;
  top: 12px;
  height: 40px;
  width: 40px;
  border: none;
  margin: 0 auto;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button {
  display: inline-block;
  float: right;
  height: 46px;
  width: 64px;
  line-height: 46px;
  border: none;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.minimize {
  line-height: 60px;
  font-size: 32px;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.minimize:before {
  content: "\f167";
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.minimize:hover {
  color: #3387A5;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.minimize:active {
  color: #005978;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.close {
  font-size: 64px;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.close:before {
  content: "\f1a4";
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.close:hover {
  color: #3387A5;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-button.close:active {
  color: #005978;
}
.module-dialog-modal .dialog-box .dialog-header .dialog-title {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  line-height: 40px;
  margin-left: 85px;
  margin-right: 85px;
  max-width: calc(100% - 85px - 85px);
}
.module-dialog-modal .dialog-box .dialog-content {
  background-color: #F2F8F9;
  border: none;
  height: 650px;
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.module-dialog-modal .dialog-box .dialog-content .dialog-scroll-wrapper.scroll-wrapper {
  height: 100%;
}
.module-dialog-modal .dialog-box .dialog-content .dialog-scroll-wrapper.scroll-wrapper .dialog-content-template {
  height: 100%;
}
.module-dialog-modal .dialog-box .dialog-standard-template {
  height: 350px;
  background-color: #CCE1E9;
  border: dashed 1px #005978;
}
.dialog-background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 810;
  background-color: rgba(10, 10, 10, 0.7);
}
.dialog-background .dialog-box {
  background-color: #F2F8F9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 300px;
  width: 400px;
  box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.75);
}
.dialog-background .dialog-box .header {
  width: 100%;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #3387A5;
  text-align: center;
}
.dialog-background .dialog-box .header .type-string {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.dialog-background .dialog-box .body {
  width: 100%;
  height: calc(100% - 46px - 32px);
  padding: 10px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 20px;
}
.dialog-background .dialog-box .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.dialog-background .dialog-box .footer .button-box {
  display: inline-block;
  height: 100%;
  float: right;
}
.dialog-background .dialog-box .footer .button-box .button {
  display: inline-block;
  border: 0;
  height: 100%;
  min-width: 60px;
  border-right: 1px solid #3387A5;
}
.dialog-background .dialog-box .footer .button-box .button:first-child {
  border-left: 1px solid #3387A5;
}
.dialog-background .dialog-box .footer .button-box .button:last-child {
  border-right: 0;
}
.module-dialog-modal.iframe-dialog .dialog-box {
  max-width: 100%;
  width: 90%;
  height: 90%;
}
.module-dialog-modal.iframe-dialog .dialog-box .dialog-content {
  height: calc(100% - 64px);
}
.module-dialog-modal.iframe-dialog .dialog-box .dialog-content .iframe-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.module-dialog-modal.iframe-dialog .dialog-box .dialog-content .iframe-container > div {
  width: 100%;
  height: 100%;
}
.module-dialog-modal.iframe-dialog .dialog-box .dialog-content .iframe-container > div iframe {
  width: 100%;
  height: 100%;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog {
  height: 630px;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .header {
  padding: 10px 20px;
  height: 130px;
  background-color: #E6F0F4;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .header .error-title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  height: 32px;
  line-height: 32px;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .header .error-body {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body {
  width: 100%;
  height: calc(100% - 130px - 10px);
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body.has-footer {
  height: calc(100% - 32px - 130px - 1px);
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .scroll-wrapper-container {
  height: calc(100% - 42px);
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .spacer {
  height: 20px;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .error-description {
  margin: 20px 20px 0;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .error-description:first-child {
  margin-top: 0;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .error-description .error-container {
  width: calc(50% - 2px);
  display: inline-block;
  background-color: #E6F0F4;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .error-description .line {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 24px;
  line-height: 24px;
  padding-left: 10px;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .error-description.error-header {
  margin: 20px 20px 0;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .error-description.error-header .error-container {
  background-color: #CCE1E9;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .body .error-description.error-header .error-container .line {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .footer {
  height: 32px;
  width: 100%;
  border-top: 1px solid #B3D2DD;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .footer .close-button {
  float: right;
}
.module-dialog-modal.bacnet-error-dialog .dialog-box .dialog-content .bacnet-error-dialog .footer .clear {
  clear: both;
}
.emax-module .subheading {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  display: block;
  margin-bottom: 15px;
  text-align: start;
}
.emax-module .settings-checkbox {
  margin-right: 10px;
  float: left;
}
.emax-module .checkbox-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
}
.emax-module .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.emax-module .left-menu {
  display: inline-block;
  float: left;
  height: 100%;
  border-right: 1px solid #3387A5;
  width: 274px;
}
.emax-module .left-menu .vertical-spacer {
  height: 10px;
}
.emax-module .left-menu .large-vertical-spacer {
  height: 20px;
}
.emax-module .left-menu .header {
  height: 46px;
}
.emax-module .left-menu .body {
  height: calc(100% - 46px);
}
.emax-module .left-menu .body.scroll-wrapper > .body.scroll-content {
  height: 100%;
}
.emax-module .left-menu .body .scroll-content {
  overflow: hidden;
}
.emax-module .left-menu .body .scroll-content.with-padding {
  margin: 20px;
}
.emax-module .left-menu .body.with-padding {
  padding: 20px;
}
.emax-module .left-menu .body.no-header {
  height: 100%;
}
.emax-module .left-menu .body.has-footer {
  height: calc(100% - 46px - 32px);
}
.emax-module .left-menu .body.has-footer.no-header {
  height: calc(100% - 32px);
}
.emax-module .left-menu .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.emax-module .left-menu .footer.four-button-bar .button {
  width: 25%;
  border-right: 1px solid #3387A5;
}
.emax-module .left-menu .footer.four-button-bar .button:last-child {
  border-right: none ;
}
.emax-module .left-menu .footer.three-button-bar .button {
  width: 33%;
}
.emax-module .left-menu .footer.three-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.emax-module .left-menu .footer.three-button-bar .button:nth-child(1) {
  width: 34%;
}
.emax-module .left-menu .footer.three-button-bar .button:last-child {
  border-left: 1px solid #3387A5;
}
.emax-module .left-menu .footer.two-button-bar .button {
  width: 50%;
}
.emax-module .left-menu .footer.two-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.emax-module .left-menu .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.emax-module .left-menu .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.emax-module .left-menu .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.emax-module .left-menu .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.emax-module .left-menu .footer .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.emax-module .left-menu .footer .button.glyph-icon {
  font-size: 30px;
}
.emax-module .left-menu .footer .button.glyph-icon[disabled],
.emax-module .left-menu .footer .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.emax-module .left-menu .footer .delete-button:before {
  content: "\f197";
}
.emax-module .left-menu .footer .duplicate-button:before {
  content: "\f13b";
}
.emax-module .left-menu .footer .create-button:before {
  content: "\f168";
}
.emax-module .left-menu .footer .import-button:before {
  content: "\f155";
}
.emax-module .left-menu .footer .cut-copy-button:before {
  content: "\f12e";
}
.emax-module .left-menu .footer .add-group-button:before {
  content: "\f104";
}
.emax-module .left-menu .footer .load-button:before {
  content: "\f15e";
}
.emax-module .right-menu {
  display: inline-block;
  float: left;
  height: 100%;
  border-left: 1px solid #3387A5;
  width: 320px;
}
.emax-module .right-menu .vertical-spacer {
  height: 10px;
}
.emax-module .right-menu .large-vertical-spacer {
  height: 20px;
}
.emax-module .right-menu .header {
  height: 46px;
}
.emax-module .right-menu .body {
  height: calc(100% - 46px);
}
.emax-module .right-menu .body.scroll-wrapper > .body.scroll-content {
  height: 100%;
}
.emax-module .right-menu .body .scroll-content {
  overflow: hidden;
}
.emax-module .right-menu .body .scroll-content.with-padding {
  margin: 20px;
}
.emax-module .right-menu .body.with-padding {
  padding: 20px;
}
.emax-module .right-menu .body.no-header {
  height: 100%;
}
.emax-module .right-menu .body.has-footer {
  height: calc(100% - 46px - 32px);
}
.emax-module .right-menu .body.has-footer.no-header {
  height: calc(100% - 32px);
}
.emax-module .right-menu .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.emax-module .right-menu .footer.four-button-bar .button {
  width: 25%;
  border-right: 1px solid #3387A5;
}
.emax-module .right-menu .footer.four-button-bar .button:last-child {
  border-right: none ;
}
.emax-module .right-menu .footer.three-button-bar .button {
  width: 33%;
}
.emax-module .right-menu .footer.three-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.emax-module .right-menu .footer.three-button-bar .button:nth-child(1) {
  width: 34%;
}
.emax-module .right-menu .footer.three-button-bar .button:last-child {
  border-left: 1px solid #3387A5;
}
.emax-module .right-menu .footer.two-button-bar .button {
  width: 50%;
}
.emax-module .right-menu .footer.two-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.emax-module .right-menu .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.emax-module .right-menu .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.emax-module .right-menu .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.emax-module .right-menu .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.emax-module .right-menu .footer .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.emax-module .right-menu .footer .button.glyph-icon {
  font-size: 30px;
}
.emax-module .right-menu .footer .button.glyph-icon[disabled],
.emax-module .right-menu .footer .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.emax-module .right-menu .footer .delete-button:before {
  content: "\f197";
}
.emax-module .right-menu .footer .duplicate-button:before {
  content: "\f13b";
}
.emax-module .right-menu .footer .create-button:before {
  content: "\f168";
}
.emax-module .right-menu .footer .import-button:before {
  content: "\f155";
}
.emax-module .right-menu .footer .cut-copy-button:before {
  content: "\f12e";
}
.emax-module .right-menu .footer .add-group-button:before {
  content: "\f104";
}
.emax-module .right-menu .footer .load-button:before {
  content: "\f15e";
}
.emax-module .right-menu.has-header {
  height: calc(100% - 46px);
}
.emax-module .main-content {
  display: inline-block;
  float: left;
  height: 100%;
  width: 100%;
}
.emax-module .main-content .vertical-spacer {
  height: 10px;
}
.emax-module .main-content .large-vertical-spacer {
  height: 20px;
}
.emax-module .main-content .header {
  height: 46px;
}
.emax-module .main-content .body {
  height: calc(100% - 46px);
}
.emax-module .main-content .body.scroll-wrapper > .body.scroll-content {
  height: 100%;
}
.emax-module .main-content .body .scroll-content {
  overflow: hidden;
}
.emax-module .main-content .body .scroll-content.with-padding {
  margin: 20px;
}
.emax-module .main-content .body.with-padding {
  padding: 20px;
}
.emax-module .main-content .body.no-header {
  height: 100%;
}
.emax-module .main-content .body.has-footer {
  height: calc(100% - 46px - 32px);
}
.emax-module .main-content .body.has-footer.no-header {
  height: calc(100% - 32px);
}
.emax-module .main-content .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.emax-module .main-content .footer.four-button-bar .button {
  width: 25%;
  border-right: 1px solid #3387A5;
}
.emax-module .main-content .footer.four-button-bar .button:last-child {
  border-right: none ;
}
.emax-module .main-content .footer.three-button-bar .button {
  width: 33%;
}
.emax-module .main-content .footer.three-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.emax-module .main-content .footer.three-button-bar .button:nth-child(1) {
  width: 34%;
}
.emax-module .main-content .footer.three-button-bar .button:last-child {
  border-left: 1px solid #3387A5;
}
.emax-module .main-content .footer.two-button-bar .button {
  width: 50%;
}
.emax-module .main-content .footer.two-button-bar .button:first-child {
  border-right: 1px solid #3387A5;
}
.emax-module .main-content .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.emax-module .main-content .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.emax-module .main-content .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.emax-module .main-content .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.emax-module .main-content .footer .button {
  display: inline-block;
  border: 0;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.emax-module .main-content .footer .button.glyph-icon {
  font-size: 30px;
}
.emax-module .main-content .footer .button.glyph-icon[disabled],
.emax-module .main-content .footer .button.glyph-icon[disabled]:hover {
  font-size: 30px;
}
.emax-module .main-content .footer .delete-button:before {
  content: "\f197";
}
.emax-module .main-content .footer .duplicate-button:before {
  content: "\f13b";
}
.emax-module .main-content .footer .create-button:before {
  content: "\f168";
}
.emax-module .main-content .footer .import-button:before {
  content: "\f155";
}
.emax-module .main-content .footer .cut-copy-button:before {
  content: "\f12e";
}
.emax-module .main-content .footer .add-group-button:before {
  content: "\f104";
}
.emax-module .main-content .footer .load-button:before {
  content: "\f15e";
}
.emax-module .main-content > .scroll-wrapper {
  width: 100%;
  height: 100%;
}
.emax-module .main-content.has-header {
  height: calc(100% - 46px);
}
.emax-module .main-content.has-left {
  width: calc(100% - 274px);
}
.emax-module .main-content.has-right {
  width: calc(100% - 320px);
}
.emax-module .main-content.has-left-and-right {
  width: calc(100% - 274px - 320px);
}
.emax-module {
  background: #F2F8F9;
  height: 100%;
}
.emax-module:before,
.emax-module:after {
  content: " ";
  display: table;
}
.emax-module:after {
  clear: both;
}
.emax-module:before,
.emax-module:after {
  content: " ";
  display: table;
}
.emax-module:after {
  clear: both;
}
.emax-module .emax-list-container,
.emax-module .emax-content {
  height: 100%;
  float: left;
}
.emax-module .emax-list {
  height: calc(100% - 46px);
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root {
  position: relative;
  background-color: #3387A5;
  /**
        * Mixin to color a specific level
        */
  /*
        * level 1
        */
  /*
        * level 2
        */
  /*
        * Level 3
        */
  /*
        * Level 4
        */
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li {
  background-color: #E6F0F4;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > .tree-view-widget-label {
  text-transform: uppercase;
  background-color: #3387A5;
  color: #FFFFFF;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > .tree-view-widget-label > .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #1A789A;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li.expanded,
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li.selected,
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li.not-expandable {
  background-color: #3387A5;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label,
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label {
  background-color: transparent;
  border-color: #3387A5;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root ul {
  margin-left: 10px;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #3387A5;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #1A789A;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul {
  background-color: #66A5BC;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #66A5BC;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label,
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #66A5BC;
  border-color: #66A5BC;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #4D96B0;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul {
  background-color: #80B4C7;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #80B4C7;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #80B4C7;
  border-color: #80B4C7;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #66A5BC;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul {
  background-color: #99C3D2;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  background-color: #99C3D2;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #99C3D2;
  border-color: #99C3D2;
}
.emax-module .emax-list .TreeView-widget ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #80B4C7;
}
.emax-module .emax-shutdown .emax-accordion .emax-shutdownlist .emax-type-icon-ok {
  display: block;
  float: left;
  height: 100%;
  width: 44px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_Button_Check_OK.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
.emax-module .emax-shutdown .emax-accordion .emax-shutdownlist .emax-type-icon-warn {
  display: block;
  float: left;
  height: 100%;
  width: 44px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_Event_Warning_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
.emax-module .emax-dashboard {
  /* square */
}
.emax-module .emax-dashboard .tick-label {
  position: absolute;
  height: 18px;
  padding-left: 10px;
  border-left: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 12px;
  white-space: nowrap;
}
.emax-module .emax-dashboard .background-odd {
  fill: #D9E8EE;
}
.emax-module .emax-dashboard .background-even {
  fill: #E6F0F4;
}
.emax-module .emax-dashboard .background-default {
  fill: #CCCCCC;
}
.emax-module .emax-dashboard .grid-elements.grid-label-limit {
  fill: #000000;
}
.emax-module .emax-dashboard .grid-elements.grid-label-limit-text {
  fill: #FFFFFF;
}
.emax-module .emax-dashboard .grid-elements.grid-label-threshold {
  fill: #CCCCCC;
}
.emax-module .emax-dashboard .grid-elements.grid-label-threshold-text {
  fill: #000000;
}
.emax-module .emax-dashboard .grid-elements.grid-label-timepos {
  fill: #000000;
}
.emax-module .emax-dashboard .grid-elements.grid-label-timepos-white {
  fill: #FFFFFF;
}
.emax-module .emax-dashboard .grid-elements.grid-scale-red {
  stroke: none;
  fill: #F20C0C;
}
.emax-module .emax-dashboard .grid-elements.grid-scale-green {
  stroke: none;
  fill: #33CC33;
}
.emax-module .emax-dashboard .grid-elements.grid-scale-blue {
  stroke: none;
  fill: #00698F;
}
.emax-module .emax-dashboard .grid-elements.grid-scale-lightblue {
  stroke: none;
  fill: #00A0FF;
}
.emax-module .emax-dashboard .grid-line {
  stroke: #FFFFFF;
  stroke-width: 1;
}
.emax-module .emax-dashboard .grid-line.grid-line-scale {
  stroke: #00698F;
  stroke-width: 1;
}
.emax-module .emax-dashboard .grid-line.grid-line-xscale-text {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  fill: #00698F;
  stroke-width: 0;
  text-anchor: middle;
}
.emax-module .emax-dashboard .grid-line.grid-line-xscale-text-white {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  fill: #FFFFFF;
  stroke-width: 0;
  text-anchor: middle;
}
.emax-module .emax-dashboard .grid-line.grid-line-yscale-text {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  fill: #00698F;
  stroke-width: 0;
  text-anchor: end;
  alignment-baseline: central;
}
.emax-module .emax-dashboard .grid-line.grid-line-threshold {
  fill: #000000;
  fill-opacity: 15%;
  stroke-width: 0;
}
.emax-module .emax-dashboard .grid-line.grid-line-limit {
  stroke: #000000;
  stroke-width: 2;
}
.emax-module .emax-dashboard .grid-line.grid-line-zero {
  stroke: #00698F;
  stroke-width: 1;
}
.emax-module .emax-dashboard .grid-line.grid-line-timepos {
  stroke: #000000;
  stroke-width: 2;
}
.emax-module .emax-dashboard .grid-line.grid-line-measure {
  stroke: #FFCC00;
  stroke-opacity: 65%;
  stroke-width: 2;
  fill: none;
}
.emax-module .emax-dashboard .grid-line.grid-line-diagonal {
  stroke: #00A0FF;
  stroke-width: 1;
  fill: none;
}
.emax-module .emax-dashboard .grid-line.grid-line-switchoff {
  stroke: #00698F;
  stroke-width: 2;
  fill: none;
}
.emax-module .emax-dashboard .grid-line.grid-line-trend-calc {
  stroke: #008C00;
  stroke-width: 3;
  fill: none;
}
.emax-module .emax-dashboard .grid-line.grid-line-trend-calc-dotted {
  stroke: #008C00;
  stroke-width: 3;
  stroke-dasharray: 5;
  fill: none;
}
.emax-module .emax-dashboard .grid-line.grid-line-trend-calc-area {
  stroke-width: 0;
  fill: #008C00;
  fill-opacity: 15%;
  fill-rule: nonzero;
}
.emax-module .emax-dashboard .grid-line.grid-line-trend-calc-red-area {
  stroke-width: 0;
  fill: #F20C0C;
  fill-opacity: 15%;
  fill-rule: nonzero;
}
.emax-module .emax-dashboard .emax-charts-view {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0;
  height: 100%;
  box-sizing: border-box;
  position: static;
  position: relative;
}
.emax-module .emax-dashboard .emax-charts-view .emax-charts-loading-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFFFFF;
  border: solid 1px #80B4C7;
  padding: 10px;
  text-align: center;
  z-index: 8;
  pointer-events: none;
}
.emax-module .emax-dashboard .emax-charts-view .emax-charts-loading-container > div {
  position: relative;
  width: 100%;
}
.emax-module .emax-dashboard .emax-charts-view .emax-charts-loading-container .emax-charts-loading-indicator {
  height: 15px;
  margin-top: 5px;
  background-image: url('../../../modules/emax/dashboard/assets/loader.gif');
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
}
.emax-module .emax-dashboard .emax-charts-view .error-state-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 110;
}
.emax-module .emax-dashboard .emax-charts-view .error-state-overlay .error-message {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
}
.emax-module .emax-dashboard .switch {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* CSS3 on/off switches */
}
.emax-module .emax-dashboard .switch + .label {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
.emax-module .emax-dashboard .switch + .label::before {
  cursor: pointer;
  font-family: qanteon-icons;
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: "\a0";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
.emax-module .emax-dashboard .switch:checked + .label::before {
  display: inline-block;
  content: '\f15d';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.emax-module .emax-dashboard .switch + .label {
  margin: 0 4px;
  min-height: 24px;
}
.emax-module .emax-dashboard .switch + .label::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  transition: text-indent 0.3s ease;
  top: auto;
}
.emax-module .emax-dashboard .switch.switch-bootstrap + .label::before {
  font-family: qanteon-icons;
  content: "\f188";
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  transition: background 0.1s ease;
}
.emax-module .emax-dashboard .switch.switch-bootstrap + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.emax-module .emax-dashboard .switch.switch-bootstrap:checked + .label::before {
  content: "\f15d";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}
.emax-module .emax-dashboard .switch-primary > .switch.switch-bootstrap:checked + .label::before {
  background-color: #337ab7;
}
.emax-module .emax-dashboard .switch-success > .switch.switch-bootstrap:checked + .label::before {
  background-color: #5cb85c;
}
.emax-module .emax-dashboard .switch-danger > .switch.switch-bootstrap:checked + .label::before {
  background-color: #d9534f;
}
.emax-module .emax-dashboard .switch-info > .switch.switch-bootstrap:checked + .label::before {
  background-color: #5bc0de;
}
.emax-module .emax-dashboard .switch-warning > .switch.switch-bootstrap:checked + .label::before {
  background-color: #f0ad4e;
}
.emax-module .emax-dashboard .switch.switch-bootstrap:checked + .label::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.emax-module .emax-dashboard .switch-square {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* CSS3 on/off switches */
}
.emax-module .emax-dashboard .switch-square + .label {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
.emax-module .emax-dashboard .switch-square + .label::before {
  cursor: pointer;
  font-family: qanteon-icons;
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: "\a0";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
.emax-module .emax-dashboard .switch-square:checked + .label::before {
  display: inline-block;
  content: '\f15d';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.emax-module .emax-dashboard .switch-square + .label {
  margin: 0 4px;
  min-height: 24px;
}
.emax-module .emax-dashboard .switch-square + .label::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 2px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  transition: text-indent 0.3s ease;
  top: auto;
}
.emax-module .emax-dashboard .switch-square.switch-bootstrap + .label::before {
  font-family: qanteon-icons;
  content: "\f188";
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  transition: background 0.1s ease;
}
.emax-module .emax-dashboard .switch-square.switch-bootstrap + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.emax-module .emax-dashboard .switch-square.switch-bootstrap:checked + .label::before {
  content: "\f15d";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}
.emax-module .emax-dashboard .switch-square.switch-qanteon + .label {
  margin: 2px 2px;
  min-height: 24px;
  display: inline-block;
}
.emax-module .emax-dashboard .switch-square.switch-qanteon + .label::before {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  content: attr(data-off);
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 60px;
  height: 22px;
  line-height: 24px;
  text-align: right;
  padding-right: 4px;
  transition: background 0.1s ease;
}
.emax-module .emax-dashboard .switch-square.switch-qanteon + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: right;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.emax-module .emax-dashboard .switch-square.switch-qanteon:checked + .label::before {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  content: attr(data-on);
  text-indent: 6px;
  text-align: left;
  color: #FFF;
  border-color: #b7d3e5;
}
.emax-module .emax-dashboard .switch-primary > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #337ab7;
}
.emax-module .emax-dashboard .switch-success > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #5cb85c;
}
.emax-module .emax-dashboard .switch-danger > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #d9534f;
}
.emax-module .emax-dashboard .switch-info > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #5bc0de;
}
.emax-module .emax-dashboard .switch-warning > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #f0ad4e;
}
.emax-module .emax-dashboard .switch-square.switch-bootstrap:checked + .label::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.emax-module .emax-dashboard .switch-square.switch-bootstrap + .label::after {
  border-radius: 2px;
}
.emax-module .emax-dashboard .switch-square.switch-qanteon + .label::before {
  background-color: #d9534f;
}
.emax-module .emax-dashboard .switch-square.switch-qanteon:checked + .label::before {
  background-color: #5cb85c;
  border-radius: 0;
}
.emax-module .emax-dashboard .switch-square.switch-qanteon:checked + .label::after {
  left: 40px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.emax-module .emax-dashboard .switch-square.switch-qanteon + .label::after {
  border-radius: 0;
}
.emax-module .emax-dashboard .emax-type-icon-ok {
  display: block;
  /*float: left;*/
  height: 100%;
  width: 44px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_Button_Check_OK.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
  float: none;
  margin: auto;
}
.emax-module .emax-dashboard .emax-type-icon-warn {
  display: block;
  /*float: left;*/
  height: 100%;
  width: 44px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_Event_Warning_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
  float: none;
  margin: auto;
}
.emax-module .emax-dashboard .page-content-title-bar .graphic-view-btn {
  padding: 0;
}
.emax-module .emax-dashboard .page-content-title-bar .graphic-view-btn:before {
  content: "\f146";
}
.emax-module .emax-dashboard .page-content-title-bar .graphic-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.emax-module .emax-dashboard .page-content-title-bar .table-view-btn {
  padding: 0;
}
.emax-module .emax-dashboard .page-content-title-bar .table-view-btn:before {
  content: "\f190";
}
.emax-module .emax-dashboard .page-content-title-bar .table-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.emax-module .emax-dashboard .body.graph-view {
  overflow: visible;
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding {
  margin: 16px 20px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: stretch;
      justify-content: stretch;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row .left-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row .left-col > .row:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row .left-col > .row:last-child > .col-12 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row .left-col > .row:last-child > .col-12 .emax-charts-view-content {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100%;
  width: 100%;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row .left-col > .row:last-child > .col-12 .emax-charts-view-content .scroll-wrapper {
  height: 100%;
  width: 100%;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row .right-col {
  padding-left: 1em;
  padding-top: 5px;
}
.emax-module .emax-dashboard .body.graph-view .scroll-content.with-padding > .row .right-col .h-100 {
  height: 100%;
}
.emax-module .emax-dashboard .body.graph-view .legend-block {
  padding: 2px;
  margin: 2px;
  text-align: center;
  display: block;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg {
  border: 1px solid #E6F0F4;
  min-height: 60px;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg.bg-light {
  background-color: #E6F0F4;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container {
  display: table;
  width: 100%;
  min-height: 60px;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner {
  display: table-cell;
  vertical-align: middle;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title {
  width: 100%;
  display: block;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 20%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .blue {
  color: #004588;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .blue:before {
  border-bottom-color: #004588;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .red {
  color: #CC0000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .red:before {
  border-bottom-color: #CC0000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .green {
  color: #008C00;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .green:before {
  border-bottom-color: #008C00;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .black {
  color: #000000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .black:before {
  border-bottom-color: #000000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .orange {
  color: #FF6600;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .orange:before {
  border-bottom-color: #FF6600;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .yellow {
  color: #FFCC00;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .title .yellow:before {
  border-bottom-color: #FFCC00;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .switch-title {
  width: 100%;
  display: block;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 8px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value {
  width: 100%;
  margin-top: 2px;
  display: block;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 20%;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value:before {
  content: " ";
  width: 15%;
  margin-right: 5%;
  display: inline-block;
  border-bottom: 2px solid #000000;
  margin-bottom: 4px;
  margin-left: -20%;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.blue {
  color: #004588;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.blue:before {
  border-bottom-color: #004588;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.red {
  color: #CC0000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.red:before {
  border-bottom-color: #CC0000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.green {
  color: #008C00;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.green:before {
  border-bottom-color: #008C00;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.black {
  color: #000000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.black:before {
  border-bottom-color: #000000;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.orange {
  color: #FF6600;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.orange:before {
  border-bottom-color: #FF6600;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.yellow {
  color: #FFCC00;
}
.emax-module .emax-dashboard .body.graph-view .legend-block .bg .inner-container .inner .value.yellow:before {
  border-bottom-color: #FFCC00;
}
.emax-module .emax-dashboard .body.graph-view .table-header {
  display: block;
  background: #3387A5;
  color: #FFFFFF;
  text-align: left;
  padding: 5px 10px;
  line-height: 32px;
  vertical-align: middle;
  position: relative;
  font: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.emax-module .emax-dashboard .body.graph-view .switch-wrapper {
  border: 1px solid #E6F0F4;
  background: #FFFFFF;
  display: inline-block;
  height: 32px;
  padding: 2px;
  box-sizing: border-box;
}
.emax-module .emax-dashboard .body.graph-view .switch-wrapper .label-switch {
  display: inline-block;
  height: 100%;
}
.line-graphs-chart {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: visible;
  background-color: #F2F8F9;
  -webkit-user-select: none;
  -khtml-user-drag: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
          user-select: none;
}
.line-graphs-chart path.line {
  stroke-width: 1.5;
}
.line-graphs-chart path.line-prior-period {
  stroke-width: 1.5;
}
.page-content-title-bar .graphic-view-btn {
  padding: 0;
}
.page-content-title-bar .graphic-view-btn:before {
  content: "\f146";
}
.page-content-title-bar .graphic-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .table-view-btn {
  padding: 0;
}
.page-content-title-bar .table-view-btn:before {
  content: "\f190";
}
.page-content-title-bar .table-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.emax-module .emax-dashboard .emax-accordion .emax-statuslist .emax-type-icon-ok {
  display: block;
  float: left;
  height: 100%;
  width: 44px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_Button_Check_OK.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
.emax-module .emax-dashboard .emax-accordion .emax-statuslist .emax-type-icon-warn {
  display: block;
  float: left;
  height: 100%;
  width: 44px;
  background-image: url('../../../core/style/base/default_theme/assets/icons/Icon_Event_Warning_xs.png');
  background-repeat: no-repeat;
  background-position: calc(50% + 4px) center;
}
.module-dialog-modal.emax-limit-week-schedule .dialog-box {
  max-width: 1280px;
  width: 1280px;
}
.emax-limits-week-prog {
  font-size: 12px;
}
.emax-limits-week-prog.selection-type-popup-content {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 10px;
}
.emax-limits-week-prog.selection-type-popup-content .vertical-spacer {
  height: 10px;
}
.emax-limits-week-prog.selection-type-popup-content .emax-time-schedules-input-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  padding: 5px;
}
.emax-limits-week-prog.selection-type-popup-content .time-schedules-input-field-group .emax-limits {
  white-space: nowrap;
  display: inline-block !important;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 0;
  height: 32px;
  border: solid 1px #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 32px;
  vertical-align: middle;
  background-color: #FFFFFF;
  width: 36px;
}
.emax-limits-week-prog.selection-type-popup-content .time-schedules-input-field-group .emax-limits input {
  background-color: transparent;
  border: none;
  vertical-align: top;
  width: 36px;
}
.emax-limits-week-prog .time-schedules-widgets-time-view-hour-input .InputField-widget .emax-limits,
.emax-limits-week-prog .time-schedules-widgets-time-view-minute-input .InputField-widget .emax-limits {
  display: inline-block;
  vertical-align: top;
  width: auto;
  background-color: yellow;
}
.emax-limits-week-prog .time-schedules-widgets-time-view-hour-input .InputField-widget .emax-limits input,
.emax-limits-week-prog .time-schedules-widgets-time-view-minute-input .InputField-widget .emax-limits input {
  width: 28px;
  min-width: 28px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.emax-limits-week-prog .time-schedule-day-control {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: #E6F0F4;
  /*
  * Special schedule default value string colors.
  */
  /*
  * Fix BACnet value colors
  */
  /*
  * P90 style
  */
  /*
  * Weekly schedule z-index
  */
  /*
    *Z-indices of the exception layers
    */
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-schedule-default-value-null {
  background-color: #E6F0F4;
  background-image: url("../../../modules/emax/limits/weeklyscheduleview/dayschedulecontrol/assets/Hintergrund-Zeitprogramme.png");
  background-repeat: repeat;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-schedule-default-value-one {
  background-color: #008C00;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-schedule-default-value-two {
  background-color: #004588;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-schedule-default-value-three {
  background-color: #CCCCCC;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-lon-initial-schedule-value-on {
  background-color: #CCCCCC;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-active-drop-zone {
  outline: dashed 1px #4D96B0;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-null .time-schedule-segment-inner {
  background-color: #E6F0F4;
  background-image: url("../../../modules/emax/limits/weeklyscheduleview/dayschedulecontrol/assets/Hintergrund-Zeitprogramme.png");
  background-repeat: repeat;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-one .time-schedule-segment-inner {
  background-color: #008C00;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-two .time-schedule-segment-inner {
  background-color: #004588;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-value-three .time-schedule-segment-inner {
  background-color: #CCCCCC;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedule-segment-inner.time-schedule-segment-inner-selected {
  background-color: #666666;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner.time-schedule-segment-inner-selected {
  background-color: transparent;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-inner {
  width: 2px;
  left: calc(50% - 1px);
  background-color: #000000;
  border: none;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-left {
  left: 1px;
}
.emax-limits-week-prog .time-schedule-day-control.time-schedule-day-control-p90-time-schedule .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-right {
  right: 1px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #B3D2DD;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization {
  position: absolute;
  height: 100%;
  z-index: 36;
  display: none;
  margin-left: -9px;
  pointer-events: none;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-top-line,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-bottom-line {
  position: absolute;
  height: 30%;
  width: 2px;
  background-color: #000000;
  opacity: 0.15;
  left: 50%;
  margin-left: -1px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-top-line {
  top: 0px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-bottom-line {
  bottom: 0px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon {
  position: absolute;
  height: 30%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:active,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:hover,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:disabled,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:disabled:active,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container .time-schedules-segment-hover-visualization .time-schedules-segment-hover-visualization-icon:before {
  content: "\f172";
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-hover-visualization-container:hover .time-schedules-segment-hover-visualization {
  display: block;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-exception-schedule {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment {
  position: absolute;
  top: 0px;
  bottom: 0px;
  pointer-events: none;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedule-segment-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #00A0FF;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-enable-hover-visualization {
  pointer-events: none;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-disable-hover-visualization {
  pointer-events: all;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner {
  background-color: transparent;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off.time-schedule-segment-lon-schedule .time-schedule-segment-inner {
  background-color: #E6F0F4;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  background-color: #FFFFFF;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #000000;
  line-height: 12px;
  margin-left: 1px;
  pointer-events: all;
  overflow: hidden;
  min-width: 50px;
  max-width: 75px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container.time-schedules-segment-time-flag-container-left {
  border-left-width: 1px;
  border-right-width: 0px;
  margin-left: -1px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container .time-schedules-segment-value-flag,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container .time-schedules-segment-time-flag {
  display: block;
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
  min-width: 100%;
  min-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container .time-schedules-segment-time-flag {
  border-bottom: 1px solid #D6D7D8;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor {
  position: relative;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-not-modifiable.time-schedules-segment-drag-anchor-not-selectable {
  cursor: default;
  display: none;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor .time-schedules-segment-drag-anchor-arrow-left {
  position: absolute;
  left: 1px;
  top: 0px;
  bottom: 0px;
  width: 14px;
  background-image: url('../../../modules/emax/limits/weeklyscheduleview/dayschedulecontrol/assets/Icon_Arrow_Setpoint_Left.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor .time-schedules-segment-drag-anchor-arrow-right {
  position: absolute;
  left: 1px;
  top: 0px;
  bottom: 0px;
  width: 14px;
  background-image: url('../../../modules/emax/limits/weeklyscheduleview/dayschedulecontrol/assets/Icon_Arrow_Setpoint_Left.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
  background-image: url('../../../modules/emax/limits/weeklyscheduleview/dayschedulecontrol/assets/Icon_Arrow_Setpoint_Right.png');
  left: auto;
  right: 1px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor:hover .time-schedules-segment-drag-anchor-arrow-left,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor:hover .time-schedules-segment-drag-anchor-arrow-right {
  display: block;
  z-index: 61;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-not-modifiable:hover .time-schedules-segment-drag-anchor-arrow-left,
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-not-modifiable:hover .time-schedules-segment-drag-anchor-arrow-right {
  display: none;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor {
  position: absolute;
  left: -14px;
  width: 28px;
  top: 0px;
  bottom: 0px;
  pointer-events: all;
  cursor: pointer;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor .time-schedules-segment-drag-anchor-inner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: calc(50% - 1px);
  width: 2px;
  background-color: #000000;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-inner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: calc(50% - 3px);
  width: 6px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  z-index: 61;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-left {
  left: 0px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor.time-schedules-segment-drag-anchor-selected .time-schedules-segment-drag-anchor-arrow-right {
  right: 0px;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedule-segment-inner {
  z-index: 2;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-time-flag-container {
  z-index: 42;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment .time-schedules-segment-drag-anchor {
  z-index: 3;
}
.emax-limits-week-prog .time-schedule-day-control .time-schedule-segment.time-schedule-segment-with-flags .time-schedules-segment-drag-anchor {
  z-index: 43;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control {
  position: relative;
  height: 100%;
  min-height: 280px;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .timeScheduleWeeklyScheduleNavigateIsoWeekButton {
  width: 100%;
  height: 100%;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-navigation-button {
  position: relative;
  display: block;
  float: left;
  height: 60px;
  width: 120px;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button {
  width: 100%;
  height: 100%;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-navigation-previous-iso-week-button:before {
  content: "\f110";
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button {
  width: 100%;
  height: 100%;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-navigation-next-iso-week-button:before {
  content: "\f10d";
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-line {
  position: relative;
  height: 60px;
  width: calc(100% - 120px);
  margin-left: 120px;
  float: left;
  background-color: #CCE1E9;
  border-left: 1px solid #FFFFFF;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-line .time-schedules-time-line-header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  padding-top: 7px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-line .time-schedules-time-line-item {
  position: relative;
  height: 100%;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-time-line .time-schedules-time-line-item .time-schedules-time-line-label {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  cursor: default;
  padding: 2px 10px 7px 10px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container {
  position: relative;
  width: 1279px;
  height: calc(-20%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels {
  -ms-flex-positive: 0;
      flex-grow: 0;
  width: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 14.28571429%;
      flex-basis: 14.28571429%;
  border-top: 1px solid #F2F8F9;
  border-bottom: 1px solid #F2F8F9;
  position: relative;
  padding-left: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container.time-schedules-date-label-today {
  background-color: #B3D2DD;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container .time-schedules-week-day-label-container-inner .time-schedules-week-day-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  cursor: default;
  width: 100%;
  text-align: left;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-day-labels .time-schedules-week-day-label-container .time-schedules-week-day-label-container-inner .time-schedules-date-label {
  cursor: default;
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;
  width: calc(100% - 120px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #FFFFFF;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 14.28571429%;
      flex-basis: 14.28571429%;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #FFFFFF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 10px;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .day-schedule-control-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container {
  margin-left: 50px;
  margin-right: 50px;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-header-month {
  text-align: center;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-header-day {
  text-align: center;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-month {
  position: relative;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-month .calendar-day {
  background-color: #3387A5;
  height: 25px;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row .time-schedule-calendar-container .time-schedule-calendar .calendar-month .calendar-item {
  opacity: 0.7;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border {
  border-width: 0px;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control,
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control {
  background-color: #B3D2DD;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control.time-schedule-day-control-lon-initial-schedule-value-on,
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control.time-schedule-day-control-lon-initial-schedule-value-on,
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control .time-schedule-day-control-lon-initial-schedule-value-on,
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control .time-schedule-day-control-lon-initial-schedule-value-on {
  background-color: #CCCCCC;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.time-schedule-row-selected .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner,
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedule-row.no-border.time-schedule-row-selected .time-schedule-day-control .time-schedule-segment.time-schedule-segment-bool-schedule-value-off .time-schedule-segment-inner {
  background-color: #B3D2DD;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-week-container .time-schedules-week-day-controls .time-schedules-vertical-time-grid-line {
  position: absolute;
  top: -22px;
  bottom: 0px;
  z-index: 41;
  width: 1px;
  background-color: #FFFFFF;
  pointer-events: none;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day {
  position: relative;
  width: calc(100% - 120px);
  float: left;
  height: 60px;
  background-color: #CCE1E9;
  border-left: 1px solid #FFFFFF;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day .time-schedules-selected-exception-schedule-day-container {
  height: 100%;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day .time-schedules-selected-exception-schedule-day-container .time-schedule-day-control {
  background-color: #CCE1E9;
}
.emax-limits-week-prog .time-schedules-weekly-schedule-control .time-schedules-selected-exception-schedule-day .time-schedules-selected-exception-schedule-day-container .time-schedule-day-control .time-schedule-row {
  height: 100%;
}
.emax-limits-week-prog .body.has-footer {
  height: calc(100% - 79px);
}
.emax-limits-week-prog .time-schedules-caption-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  font-size: 16px;
  cursor: default;
  width: 100%;
  text-align: center;
  margin: 10px;
}
.emax-limits-week-prog .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.emax-limits-week-prog .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.emax-limits-week-prog .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.emax-limits-week-prog .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.emax-limits-week-prog .footer.save-cancel-area .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
/* square */
.switch-square {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* CSS3 on/off switches */
}
.switch-square + .label {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
.switch-square + .label::before {
  cursor: pointer;
  font-family: qanteon-icons;
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: "\a0";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
.switch-square:checked + .label::before {
  display: inline-block;
  content: '\f15d';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.switch-square + .label {
  margin: 0 4px;
  min-height: 24px;
}
.switch-square + .label::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 2px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  transition: text-indent 0.3s ease;
  top: auto;
}
.switch-square.switch-bootstrap + .label::before {
  font-family: qanteon-icons;
  content: "\f188";
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  transition: background 0.1s ease;
}
.switch-square.switch-bootstrap + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.switch-square.switch-bootstrap:checked + .label::before {
  content: "\f15d";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}
.switch-square.switch-qanteon + .label {
  margin: 2px 2px;
  min-height: 24px;
  display: inline-block;
}
.switch-square.switch-qanteon + .label::before {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  content: attr(data-off);
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 60px;
  height: 22px;
  line-height: 24px;
  text-align: right;
  padding-right: 4px;
  transition: background 0.1s ease;
}
.switch-square.switch-qanteon + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: right;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.switch-square.switch-qanteon:checked + .label::before {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  content: attr(data-on);
  text-indent: 6px;
  text-align: left;
  color: #FFF;
  border-color: #b7d3e5;
}
.switch-primary > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #337ab7;
}
.switch-success > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #5cb85c;
}
.switch-danger > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #d9534f;
}
.switch-info > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #5bc0de;
}
.switch-warning > .switch-square.switch-bootstrap:checked + .label::before {
  background-color: #f0ad4e;
}
.switch-square.switch-bootstrap:checked + .label::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.switch-square.switch-bootstrap + .label::after {
  border-radius: 2px;
}
.switch-square.switch-qanteon + .label::before {
  background-color: #d9534f;
}
.switch-square.switch-qanteon:checked + .label::before {
  background-color: #5cb85c;
  border-radius: 0;
}
.switch-square.switch-qanteon:checked + .label::after {
  left: 40px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.switch-square.switch-qanteon + .label::after {
  border-radius: 0;
}
.switch-title {
  line-height: 32px;
}
.emax-limits .emax-limits-controls {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.emax-limits .emax-limits-controls .category .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-limits .emax-limits-controls .category .controls-area .controls-sub-area {
  width: auto;
  margin-right: 5%;
}
.emax-limits .emax-limits-controls .category .controls-area .controls-sub-area .checkbox-label {
  height: auto;
}
.emax-limits .emax-limits-controls .category .controls-area .controls-week-checkbox-area {
  width: 190px;
}
.emax-limits .emax-limits-controls .category .controls-area .controls-week-button-area {
  width: 110px;
  text-align: right;
}
.emax-limits .emax-limits-controls .category .controls-area .controls-input-area {
  width: 258px;
}
.emax-limits .emax-limits-controls .category .line-height {
  line-height: 32px;
}
.emax-limits .emax-limits-controls .category .data-point-selector .InputField-widget {
  width: 266px;
  float: left;
}
.emax-limits .emax-limits-controls .category .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
}
.emax-limits .emax-limits-controls .category .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-limits .emax-limits-controls .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-limits .emax-limits-controls .controls-area .controls-sub-area {
  width: 200px;
  margin-right: 5%;
}
.emax-limits .emax-limits-controls .controls-area .controls-week-checkbox-area {
  width: 190px;
}
.emax-limits .emax-limits-controls .controls-area .controls-week-button-area {
  width: 110px;
  text-align: right;
}
.emax-limits .emax-limits-controls .controls-area .controls-input-area {
  width: 258px;
}
.emax-limits .emax-limits-controls .line-height {
  line-height: 32px;
}
.emax-limits .emax-limits-controls .data-point-selector .InputField-widget {
  width: 266px;
  float: left;
}
.emax-limits .emax-limits-controls .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
}
.emax-limits .emax-limits-controls .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-limits .emax-limits-controls .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-limits .emax-limits-controls .controls-area .controls-sub-area {
  width: 200px;
  margin-right: 5%;
}
.emax-limits .emax-limits-controls .controls-area .controls-week-checkbox-area {
  width: 190px;
}
.emax-limits .emax-limits-controls .controls-area .controls-week-button-area {
  width: 110px;
  text-align: right;
}
.emax-limits .emax-limits-controls .controls-area .controls-input-area {
  width: 258px;
}
.emax-limits .emax-limits-controls .line-height {
  line-height: 32px;
}
.emax-limits .emax-limits-controls .data-point-selector .InputField-widget {
  width: 266px;
  float: left;
}
.emax-limits .emax-limits-controls .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
}
.emax-limits .emax-limits-controls .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-limits .emax-limits-controls .category {
  padding: 20px;
}
.emax-limits .emax-limits-controls .category label {
  position: relative;
  width: 100%;
  display: inline-block;
}
.emax-limits .emax-limits-controls .category .inline-input-field {
  position: absolute;
  right: 0;
  top: -8px;
  width: 100px;
  display: inline-block;
}
.emax-limits .emax-limits-controls .inline-input-field-small {
  width: 120px;
  float: right;
}
.emax-limits .emax-limits-controls .content-row {
  width: 300px;
  margin: 0;
}
.emax-limits .emax-limits-controls .indented {
  padding-left: 42px;
  width: 350px;
}
.emax-limits .emax-limits-controls .removable-items-list .InputField-widget {
  display: inline-block;
  width: calc(100% - 37px);
  margin-right: 5px;
}
.emax-limits .emax-limits-controls .removable-items-list button {
  padding: 0;
  width: 32px;
  font-size: 28px;
  float: right;
}
.emax-limits .emax-limits-controls .removable-items-list .add:before {
  content: "\f172";
}
.emax-limits .emax-limits-controls .removable-items-list .remove:before {
  content: "\f1a3";
}
.emax-limits .emax-limits-controls .removable-items-list .items-container {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container > .scroll-wrapper {
  height: 100px;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container .removable-item {
  line-height: 32px;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container .removable-item span {
  margin-left: 10px;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container .removable-item button {
  display: none;
  background-color: transparent;
  border: none;
  margin-right: 20px;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container .removable-item button:hover {
  background-color: #80B4C7;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container .removable-item button:active {
  background-color: #005978;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container .removable-item:hover {
  background-color: #E6F0F4;
}
.emax-limits .emax-limits-controls .removable-items-list .items-container .removable-item:hover button {
  display: inline;
}
.emax-limits .emax-limits-controls .singlerow .input-label {
  line-height: 32px;
}
.emax-limits .emax-limits-controls .singlerow .InputField-widget {
  width: 100px;
  float: right;
}
.emax-limits .emax-limits-controls .checkbox-label {
  line-height: 32px;
}
.emax-module .emax-configuration .emax-configuration-controls {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area .controls-sub-area {
  width: 200px;
  margin-right: 5%;
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area .controls-sub-area {
  width: 200px;
  margin-right: 5%;
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area .controls-sub-area {
  width: 200px;
  margin-right: 5%;
}
.emax-module .emax-configuration .emax-configuration-controls .data-point-selector .InputField-widget {
  width: 258px;
  float: left;
}
.emax-module .emax-configuration .emax-configuration-controls .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
}
.emax-module .emax-configuration .emax-configuration-controls .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-configuration .emax-configuration-controls .controls-area-value .controls-sub-area {
  width: 150px;
  margin-right: 5%;
}
.emax-module .emax-configuration .emax-configuration-controls .data-point-selector .InputField-widget {
  width: 266px;
  float: left;
}
.emax-module .emax-configuration .emax-configuration-controls .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
}
.emax-module .emax-configuration .emax-configuration-controls .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-module .emax-configuration .emax-configuration-controls .category {
  padding: 20px;
}
.emax-module .emax-configuration .emax-configuration-controls .category label {
  position: relative;
  width: 100%;
  display: inline-block;
}
.emax-module .emax-configuration .emax-configuration-controls .category .inline-input-field {
  position: absolute;
  right: 0;
  top: -8px;
  width: 100px;
  display: inline-block;
}
.emax-module .emax-configuration .emax-configuration-controls .inline-input-field-small {
  width: 120px;
  float: right;
}
.emax-module .emax-configuration .emax-configuration-controls .content-row {
  width: 300px;
  margin: 0;
}
.emax-module .emax-configuration .emax-configuration-controls .indented {
  padding-left: 42px;
  width: 350px;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .InputField-widget {
  display: inline-block;
  width: calc(100% - 37px);
  margin-right: 5px;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list button {
  padding: 0;
  width: 32px;
  font-size: 28px;
  float: right;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .add:before {
  content: "\f172";
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .remove:before {
  content: "\f1a3";
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container > .scroll-wrapper {
  height: 100px;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container .removable-item {
  line-height: 32px;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container .removable-item span {
  margin-left: 10px;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container .removable-item button {
  display: none;
  background-color: transparent;
  border: none;
  margin-right: 20px;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container .removable-item button:hover {
  background-color: #80B4C7;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container .removable-item button:active {
  background-color: #005978;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container .removable-item:hover {
  background-color: #E6F0F4;
}
.emax-module .emax-configuration .emax-configuration-controls .removable-items-list .items-container .removable-item:hover button {
  display: inline;
}
.emax-module .emax-configuration .emax-configuration-controls .singlerow .input-label {
  line-height: 32px;
}
.emax-module .emax-configuration .emax-configuration-controls .singlerow .InputField-widget {
  width: 100px;
  float: right;
}
.emax-module .emax-configuration .emax-configuration-controls .checkbox-label {
  line-height: 32px;
}
.emax-module .emax-definition .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-details-row {
  background-color: #B3D2DD;
}
.emax-module .emax-definition .definition-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
}
.emax-module .emax-definition .definition-area .table-sub-area {
  width: 65%;
}
.emax-module .emax-definition .definition-area .table-sub-area .Table-table-column-container {
  width: 100% !important;
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container {
  display: inline-block;
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnAdd {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: 20px;
  color: #005978;
  background-color: transparent;
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnAdd:before {
  content: "\f172";
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnAdd:active,
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnAdd:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnAdd.disabled {
  color: #80B4C7;
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnAdd.disabled:hover {
  background-color: transparent;
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnDel {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: 10px;
  color: #005978;
  background-color: transparent;
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnDel:before {
  content: "\f197";
}
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnDel:active,
.emax-module .emax-definition .definition-area .table-sub-area .btnAdd-Container .btnDel:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.emax-module .emax-definition .definition-area .repair-sub-area {
  width: 35%;
  background-color: #E6F0F4;
  border: 1px solid #3387A5;
  text-align: right;
}
.emax-module .emax-definition .definition-area .label-sub-area {
  width: 30%;
  padding-right: 10px;
}
.emax-module .emax-definition .definition-area .browser-sub-area {
  width: 70%;
  text-align: right;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector.table-cell.fill {
  padding: 0 !important;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector .InputField-widget {
  width: calc(100% - 70px);
  float: right;
  height: 34px;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
  float: right;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-module .emax-definition .definition-area .base-combo {
  width: 290px;
}
.emax-module .emax-definition .table-cell .fill {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-definition .table-cell .fill .InputField-widget {
  width: calc(100% - 70px);
  float: right;
  height: 34px;
}
.emax-module .emax-definition .table-cell .fill button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
  float: right;
}
.emax-module .emax-definition .table-cell .fill button.data-point-button:before {
  content: "\f12f";
}
.emax-module .emax-definition .table-cell .fill .btnDelete {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: transparent;
}
.emax-module .emax-definition .table-cell .fill .btnDelete:before {
  content: "\f1a3";
}
.emax-module .emax-definition .table-cell .fill .btnDelete:active,
.emax-module .emax-definition .table-cell .fill .btnDelete:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.emax-module .emax-definition .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-details-row {
  background-color: #B3D2DD;
}
.emax-module .emax-definition .definition-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
}
.emax-module .emax-definition .definition-area .table-sub-area {
  width: 65%;
}
.emax-module .emax-definition .definition-area .repair-sub-area {
  width: 35%;
  background-color: #E6F0F4;
  border: 1px solid #3387A5;
  text-align: right;
}
.emax-module .emax-definition .definition-area .label-sub-area {
  width: 30%;
  padding-right: 10px;
}
.emax-module .emax-definition .definition-area .browser-sub-area {
  width: 70%;
  text-align: right;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector.table-cell.fill {
  padding: 0 !important;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector .InputField-widget {
  width: calc(100% - 70px);
  float: right;
  height: 34px;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
  float: right;
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-module .emax-definition .definition-area .browser-sub-area .data-point-selector input[type="text"] {
  height: 31px !important;
}
.emax-module .emax-definition .definition-area .base-combo {
  width: 290px;
}
.emax-module .emax-definition .data-point-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emax-module .emax-definition .data-point-selector.table-cell.fill {
  padding: 0 !important;
}
.emax-module .emax-definition .data-point-selector .InputField-widget {
  width: calc(100% - 70px);
  float: right;
  height: 34px;
}
.emax-module .emax-definition .data-point-selector button.data-point-button {
  display: inline-block;
  font-size: 30px;
  width: 34px;
  padding: 0;
  float: right;
}
.emax-module .emax-definition .data-point-selector button.data-point-button:before {
  content: "\f12f";
}
.emax-module .emax-definition .data-point-selector input[type="text"] {
  height: 31px !important;
}
.emax-module .emax-definition .data-point-selector .btnDelete {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: transparent;
}
.emax-module .emax-definition .data-point-selector .btnDelete:before {
  content: "\f1a3";
}
.emax-module .emax-definition .data-point-selector .btnDelete:active,
.emax-module .emax-definition .data-point-selector .btnDelete:hover {
  color: #FFFFFF;
  background-color: #B3D2DD;
}
.emax-module .emax-definition .data-point-selector .btnDelete.disabled {
  color: #80B4C7;
}
.emax-module .emax-definition .data-point-selector .btnDelete.disabled:hover {
  background-color: transparent;
}
.emax-module .emax-definition .data-point-selector .btnAdd-Container {
  display: inline-block;
}
.emax-module .emax-definition .data-point-selector .btnAdd-Container .btnAdd {
  font-size: 30px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: transparent;
}
.emax-module .emax-definition .data-point-selector .btnAdd-Container .btnAdd:before {
  content: "\f172";
}
.emax-module .emax-definition .data-point-selector .btnAdd-Container .btnAdd:active,
.emax-module .emax-definition .data-point-selector .btnAdd-Container .btnAdd:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.emax-module .emax-definition .data-point-selector .btnAdd-Container .btnAdd.disabled {
  color: #80B4C7;
}
.emax-module .emax-definition .data-point-selector .btnAdd-Container .btnAdd.disabled:hover {
  background-color: #F2F8F9;
}
.emax-module .emax-definition .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.emax-module .emax-definition .scroll-content .position-center {
  text-align: center;
}
.emax-module .emax-assignment {
  /* square */
}
.emax-module .emax-assignment .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-details-row {
  background-color: #B3D2DD;
}
.emax-module .emax-assignment .definition-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
}
.emax-module .emax-assignment .definition-area .table-sub-area {
  width: 100%;
}
.emax-module .emax-assignment .definition-area .table-sub-area .footer {
  background-color: #E6F0F4;
}
.emax-module .emax-assignment .table-cell {
  background-color: transparent;
}
.emax-module .emax-assignment .table-cell.newCombobox-widget {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.emax-module .emax-assignment .table-cell.newCombobox-widget .combobox-container {
  border: 0;
  border-top: 1px solid #80B4C7;
}
.emax-module .emax-assignment .table-cell.InputField-widget {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.emax-module .emax-assignment .table-cell.InputField-widget .inputfield-input {
  height: 33px;
  border: 0;
  border-top: 1px solid #80B4C7;
}
.emax-module .emax-assignment .Table-item-drag {
  border-left: 1px solid #80B4C7;
}
.emax-module .emax-assignment .combobox-container.validationElement.validation-error.with-border {
  border: 1px solid #F20C0C !important;
}
.emax-module .emax-assignment .inputfield-input.validationElement.validation-error.with-border {
  border: 1px solid #F20C0C !important;
}
.emax-module .emax-assignment .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.emax-module .emax-assignment .switch {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* CSS3 on/off switches */
}
.emax-module .emax-assignment .switch + .label {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
.emax-module .emax-assignment .switch + .label::before {
  cursor: pointer;
  font-family: qanteon-icons;
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: "\a0";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
.emax-module .emax-assignment .switch:checked + .label::before {
  display: inline-block;
  content: '\f15d';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.emax-module .emax-assignment .switch + .label {
  margin: 0 4px;
  min-height: 24px;
}
.emax-module .emax-assignment .switch + .label::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  transition: text-indent 0.3s ease;
  top: auto;
}
.emax-module .emax-assignment .switch.switch-bootstrap + .label::before {
  font-family: qanteon-icons;
  content: "\f188";
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  transition: background 0.1s ease;
}
.emax-module .emax-assignment .switch.switch-bootstrap + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.emax-module .emax-assignment .switch.switch-bootstrap:checked + .label::before {
  content: "\f15d";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}
.emax-module .emax-assignment .switch-primary > .switch.switch-bootstrap:checked + .label::before {
  background-color: #337ab7;
}
.emax-module .emax-assignment .switch-success > .switch.switch-bootstrap:checked + .label::before {
  background-color: #5cb85c;
}
.emax-module .emax-assignment .switch-danger > .switch.switch-bootstrap:checked + .label::before {
  background-color: #d9534f;
}
.emax-module .emax-assignment .switch-info > .switch.switch-bootstrap:checked + .label::before {
  background-color: #5bc0de;
}
.emax-module .emax-assignment .switch-warning > .switch.switch-bootstrap:checked + .label::before {
  background-color: #f0ad4e;
}
.emax-module .emax-assignment .switch.switch-bootstrap:checked + .label::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.emax-module .emax-assignment .assignment-switch-square {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
  /* CSS3 on/off switches */
}
.emax-module .emax-assignment .assignment-switch-square + .label {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}
.emax-module .emax-assignment .assignment-switch-square + .label::before {
  cursor: pointer;
  font-family: qanteon-icons;
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: "\a0";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}
.emax-module .emax-assignment .assignment-switch-square:checked + .label::before {
  display: inline-block;
  content: '\f15d';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
.emax-module .emax-assignment .assignment-switch-square + .label {
  margin: 0 4px;
  min-height: 24px;
}
.emax-module .emax-assignment .assignment-switch-square + .label::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 2px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  transition: text-indent 0.3s ease;
  top: auto;
}
.emax-module .emax-assignment .assignment-switch-square.switch-bootstrap + .label::before {
  font-family: qanteon-icons;
  content: "\f188";
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  transition: background 0.1s ease;
}
.emax-module .emax-assignment .assignment-switch-square.switch-bootstrap + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.emax-module .emax-assignment .assignment-switch-square.switch-bootstrap:checked + .label::before {
  content: "\f15d";
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon + .label {
  margin: 2px 2px;
  min-height: 24px;
  display: inline-block;
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon + .label::before {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  content: attr(data-off);
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 60px;
  height: 22px;
  line-height: 24px;
  text-align: right;
  padding-right: 4px;
  transition: background 0.1s ease;
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: right;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon:checked + .label::before {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  content: attr(data-on);
  text-indent: 6px;
  text-align: left;
  color: #FFF;
  border-color: #b7d3e5;
}
.emax-module .emax-assignment .switch-primary > .assignment-switch-square.switch-bootstrap:checked + .label::before {
  background-color: #337ab7;
}
.emax-module .emax-assignment .switch-success > .assignment-switch-square.switch-bootstrap:checked + .label::before {
  background-color: #5cb85c;
}
.emax-module .emax-assignment .switch-danger > .assignment-switch-square.switch-bootstrap:checked + .label::before {
  background-color: #d9534f;
}
.emax-module .emax-assignment .switch-info > .assignment-switch-square.switch-bootstrap:checked + .label::before {
  background-color: #5bc0de;
}
.emax-module .emax-assignment .switch-warning > .assignment-switch-square.switch-bootstrap:checked + .label::before {
  background-color: #f0ad4e;
}
.emax-module .emax-assignment .assignment-switch-square.switch-bootstrap:checked + .label::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.emax-module .emax-assignment .assignment-switch-square.switch-bootstrap + .label::after {
  border-radius: 2px;
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon + .label::before {
  background-color: #d9534f;
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon:checked + .label::before {
  background-color: #5cb85c;
  border-radius: 0;
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon:checked + .label::after {
  left: 40px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
.emax-module .emax-assignment .assignment-switch-square.switch-qanteon + .label::after {
  border-radius: 0;
}
.emax-module .emax-assignment .assignment-legend-block {
  padding: 2px;
  margin: 20px;
  margin-bottom: 0;
  display: inline-block;
  width: 190px;
  text-align: center;
}
.emax-module .emax-assignment .assignment-legend-block.text-block {
  width: calc(100% - 280px);
  text-align: left;
  margin-left: 0;
}
.emax-module .emax-assignment .assignment-legend-block.text-block .switch-text {
  padding-left: 20px;
}
.emax-module .emax-assignment .assignment-legend-block .bg {
  border: 1px solid #E6F0F4;
  min-height: 60px;
}
.emax-module .emax-assignment .assignment-legend-block .bg.bg-light {
  background-color: #E6F0F4;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container {
  display: table;
  width: 100%;
  min-height: 60px;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner {
  display: table-cell;
  vertical-align: middle;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title {
  width: 100%;
  display: block;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 20%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .blue {
  color: #004588;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .blue:before {
  border-bottom-color: #004588;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .red {
  color: #CC0000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .red:before {
  border-bottom-color: #CC0000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .green {
  color: #008C00;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .green:before {
  border-bottom-color: #008C00;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .black {
  color: #000000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .black:before {
  border-bottom-color: #000000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .orange {
  color: #FF6600;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .orange:before {
  border-bottom-color: #FF6600;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .yellow {
  color: #FFCC00;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .title .yellow:before {
  border-bottom-color: #FFCC00;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .switch-title {
  width: 100%;
  display: block;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 8px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value {
  width: 100%;
  margin-top: 2px;
  display: block;
  text-align: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 20%;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value:before {
  content: " ";
  width: 15%;
  margin-right: 5%;
  display: inline-block;
  border-bottom: 2px solid #000000;
  margin-bottom: 4px;
  margin-left: -20%;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.blue {
  color: #004588;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.blue:before {
  border-bottom-color: #004588;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.red {
  color: #CC0000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.red:before {
  border-bottom-color: #CC0000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.green {
  color: #008C00;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.green:before {
  border-bottom-color: #008C00;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.black {
  color: #000000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.black:before {
  border-bottom-color: #000000;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.orange {
  color: #FF6600;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.orange:before {
  border-bottom-color: #FF6600;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.yellow {
  color: #FFCC00;
}
.emax-module .emax-assignment .assignment-legend-block .bg .inner-container .inner .value.yellow:before {
  border-bottom-color: #FFCC00;
}
.emax-module .emax-assignment .switch-wrapper {
  border: 1px solid #E6F0F4;
  background: #FFFFFF;
  display: inline-block;
  height: 32px;
  padding: 2px;
  box-sizing: border-box;
}
.emax-module .emax-assignment .switch-wrapper .label-switch {
  display: inline-block;
  height: 100%;
}
.SelectPopover-widget-display .fixlegend-graph-color-picker-item,
.SelectPopover-widget-item .fixlegend-graph-color-picker-item {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.SelectPopover-widget-display .fixlegend-graph-visualization-picker-item,
.SelectPopover-widget-item .fixlegend-graph-visualization-picker-item {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #00698F;
  background-repeat: no-repeat;
  background-size: cover;
}
.SelectPopover-widget-item .fixlegend-graph-visualization-picker-item.interpolation {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_Diagram_kurve_l_EN.png');
}
.SelectPopover-widget-item .fixlegend-graph-visualization-picker-item.linear {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_Diagram_quadratlinie_l_EN.png');
}
.SelectPopover-widget-item .fixlegend-graph-visualization-picker-item.points {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_Anlagenbild_quadrate_l.png');
}
.SelectPopover-widget-item .fixlegend-graph-visualization-picker-item.states {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_Anlagenbild_orthogonal_l.png');
}
.SelectPopover-widget-display {
  width: 20px !important;
  height: 20px !important;
}
.SelectPopover-widget-display .fixlegend-graph-visualization-picker-item.interpolation {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_Diagram_kurve_s_EN.png');
}
.SelectPopover-widget-display .fixlegend-graph-visualization-picker-item.linear {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_ADiagram_quadratlinie_s_EN.png');
}
.SelectPopover-widget-display .fixlegend-graph-visualization-picker-item.points {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_Anlagenbild_quadrate_s.png');
}
.SelectPopover-widget-display .fixlegend-graph-visualization-picker-item.states {
  background-image: url('../../../modules/trendcharts/graph/fixlegend/assets/Icon_tooltip_Anlagenbild_orthogonal_s.png');
}
.input-area-navigation-area {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
}
.input-area-navigation-area-left {
  -ms-flex-order: 0;
      order: 0;
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
}
.input-area-navigation-area-right {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  -ms-flex-order: 2;
      order: 2;
}
.input-area-navigation-button {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
}
.input-area-navigation-button,
.input-area-navigation-button:active,
.input-area-navigation-button:hover,
.input-area-navigation-button:disabled,
.input-area-navigation-button:disabled:active,
.input-area-navigation-button:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input-area-navigation-button:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
.input-area-navigation-button:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
.input-area-navigation-button:disabled,
.input-area-navigation-button:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
.input-area-navigation-button-left {
  -ms-flex-order: 0;
      order: 0;
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
}
.input-area-navigation-button-left,
.input-area-navigation-button-left:active,
.input-area-navigation-button-left:hover,
.input-area-navigation-button-left:disabled,
.input-area-navigation-button-left:disabled:active,
.input-area-navigation-button-left:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input-area-navigation-button-left:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
.input-area-navigation-button-left:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
.input-area-navigation-button-left:disabled,
.input-area-navigation-button-left:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
.input-area-navigation-button-left:before {
  content: "\f10e";
}
.input-area-navigation-button-right {
  -ms-flex-order: 2;
      order: 2;
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
}
.input-area-navigation-button-right,
.input-area-navigation-button-right:active,
.input-area-navigation-button-right:hover,
.input-area-navigation-button-right:disabled,
.input-area-navigation-button-right:disabled:active,
.input-area-navigation-button-right:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.input-area-navigation-button-right:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
.input-area-navigation-button-right:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
.input-area-navigation-button-right:disabled,
.input-area-navigation-button-right:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
.input-area-navigation-button-right:before {
  content: "\f10f";
}
.input-area-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  min-height: 285px;
  -ms-flex-direction: column;
      flex-direction: column;
}
.input-area-container button {
  padding-left: 10px;
  padding-right: 10px;
}
.input-area-container .input-area-header {
  position: relative;
  height: 32px;
  background-color: #CCE1E9;
  padding-left: 20px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 32px;
  -ms-flex-positive: 0;
      flex-grow: 0;
}
.input-area-container .input-area-header span {
  cursor: default;
}
.input-area-container .input-area-header button {
  float: right;
  background-color: transparent;
  outline: 0px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.input-area-container .input-area-header button:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.input-area-container .input-area-header button:active {
  background-color: #005978;
  color: #FFFFFF;
}
.input-area-container .input-area-header button span {
  cursor: pointer;
}
.input-area-container .input-area-header .input-area-header-center-controls {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
}
.input-area-container .input-area-header .input-area-header-center-controls > button {
  -ms-flex-positive: 0;
      flex-grow: 0;
  background-position: center center;
}
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-left {
  -ms-flex-order: 0;
      order: 0;
}
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-right {
  -ms-flex-order: 2;
      order: 2;
}
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-left,
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-right {
  width: 32px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  color: #00698F;
}
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-left:hover,
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-right:hover,
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-left:active,
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-right:active {
  color: #FFFFFF;
}
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-left:disabled,
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-right:disabled,
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-left:disabled:hover,
.input-area-container .input-area-header .input-area-header-center-controls .input-area-navigation-button-right:disabled:hover {
  color: #80B4C7;
}
.input-area-container .input-area-header .input-area-header-center-controls .input-area-header-label {
  -ms-flex-positive: 0;
      flex-grow: 0;
  cursor: default;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
}
.input-area-container .input-area-header .input-area-header-plus-button {
  padding-right: 5px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.input-area-container .input-area-header .input-area-header-plus-button span {
  vertical-align: middle;
}
.input-area-container .input-area-header .input-area-header-plus-button .input-area-header-plus-button-icon {
  font-size: 28px;
}
.input-area-container .input-area-header .input-area-header-plus-button .input-area-header-plus-button-icon:before {
  content: "\f172";
}
.input-area-container .input-area-content {
  -ms-flex-preferred-size: calc(68%);
      flex-basis: calc(68%);
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  background-color: #E6F0F4;
  border-bottom: 1px solid #CCE1E9;
  border-top: 1px solid #F2F8F9;
}
.input-area-container .input-area-content .scroll-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
}
.input-area-container .input-area-content .scroll-wrapper .scroll-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -ms-flexbox;
  display: flex;
}
.input-area-container .input-area-content .input-area-navigation-button {
  width: 32px;
  padding: 0;
  font-size: 20px;
  color: #00698F;
  border: 0;
  background-color: #CCE1E9;
  background-position: center center;
  background-repeat: no-repeat;
}
.input-area-container .input-area-content .input-area-navigation-button:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.input-area-container .input-area-content .input-area-navigation-button:active {
  color: #FFFFFF;
  background-color: #005978;
}
.input-area-container .input-area-content .input-area-navigation-button.disabled,
.input-area-container .input-area-content .input-area-navigation-button:disabled {
  background-color: #CCE1E9;
  color: #FFFFFF;
}
.input-area-container .input-area-content .input-area-content-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 20px;
}
.input-area-container .input-area-content .input-area-content-form button.input-area-content-form-delete-btn {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
}
.input-area-container .input-area-content .input-area-content-form-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.input-area-container .input-area-content .input-area-content-form-vertical button.input-area-content-form-delete-btn {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
}
.input-area-container .input-area-content .input-area-content-form-light {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 20px;
  background-color: #F2F8F9;
  border-right: 1px solid #B3D2DD;
}
.input-area-container .input-area-content .input-area-content-form-light button.input-area-content-form-delete-btn {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20px;
}
.input-area-container .input-area-content .row {
  height: 32px;
  margin-bottom: 10px;
}
.input-area-container-left {
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%;
}
.input-area-container-right {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  margin-left: 10px;
}
.timeSchedulesTimeNavigationBtn {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
}
.timeSchedulesTimeNavigationBtn,
.timeSchedulesTimeNavigationBtn:active,
.timeSchedulesTimeNavigationBtn:hover,
.timeSchedulesTimeNavigationBtn:disabled,
.timeSchedulesTimeNavigationBtn:disabled:active,
.timeSchedulesTimeNavigationBtn:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.timeSchedulesTimeNavigationBtn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
.timeSchedulesTimeNavigationBtn:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
.timeSchedulesTimeNavigationBtn:disabled,
.timeSchedulesTimeNavigationBtn:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
.timeSchedulesTimeNavigationPrevious {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-right-width: 1px;
  left: 0;
}
.timeSchedulesTimeNavigationPrevious,
.timeSchedulesTimeNavigationPrevious:active,
.timeSchedulesTimeNavigationPrevious:hover,
.timeSchedulesTimeNavigationPrevious:disabled,
.timeSchedulesTimeNavigationPrevious:disabled:active,
.timeSchedulesTimeNavigationPrevious:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.timeSchedulesTimeNavigationPrevious:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
.timeSchedulesTimeNavigationPrevious:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
.timeSchedulesTimeNavigationPrevious:disabled,
.timeSchedulesTimeNavigationPrevious:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
.timeSchedulesTimeNavigationPrevious:before {
  content: "\f137";
}
.timeSchedulesTimeNavigationNext {
  height: auto;
  width: 32px;
  padding: 0px;
  border: 0 solid #FFFFFF;
  background-color: #CCE1E9;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  color: #00698F;
  width: 100px;
  font-size: 1.5em;
  position: absolute;
  top: 0;
  height: 48px;
  z-index: 6;
  border-left-width: 1px;
  right: 0;
}
.timeSchedulesTimeNavigationNext,
.timeSchedulesTimeNavigationNext:active,
.timeSchedulesTimeNavigationNext:hover,
.timeSchedulesTimeNavigationNext:disabled,
.timeSchedulesTimeNavigationNext:disabled:active,
.timeSchedulesTimeNavigationNext:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.timeSchedulesTimeNavigationNext:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
  font-size: 20px;
}
.timeSchedulesTimeNavigationNext:active {
  color: #FFFFFF;
  background-color: #005978;
  font-size: 20px;
}
.timeSchedulesTimeNavigationNext:disabled,
.timeSchedulesTimeNavigationNext:disabled:hover {
  color: #B3D2DD;
  background-color: #CCE1E9;
  border-color: #FFFFFF;
  font-size: 20px;
}
.timeSchedulesTimeNavigationNext:before {
  content: "\f138";
}
.time-schedules-selected-year {
  position: absolute;
  top: 5px;
  left: 100px;
  right: 100px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  cursor: default;
  z-index: 6;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers {
  height: 48px;
  padding-top: 24px;
  background-color: #CCE1E9;
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 10px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  width: 14.28571429%;
  text-align: center;
  padding: 0px;
  padding-top: 2px;
  cursor: default;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-view-week-day-label:first-child {
  margin-left: 0px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid {
  left: 0px;
  right: 0px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line {
  height: 20px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calendar-year-view-week-day-headers .time-schedules-calendar-year-week-grid-line:first-child {
  display: none;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container {
  max-height: calc(100% - 58px);
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-left .time-schedules-calendar-year-month-label,
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-right .time-schedules-calendar-year-month-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  cursor: default;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-left {
  width: 100px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-header-right {
  display: block;
  width: 100px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year- {
  position: relative;
  width: 100%;
  height: calc(100% - 68px);
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid {
  top: -16px;
  left: 100px;
  right: 100px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-0 {
  left: 0%;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-1 {
  left: 14.28571429%;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-2 {
  left: 28.57142857%;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-3 {
  left: 42.85714286%;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-4 {
  left: 57.14285714%;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-5 {
  left: 71.42857143%;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calendar-year-week-grid-line.time-schedules-calendar-year-week-grid-line-6 {
  left: 85.71428571%;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line {
  height: 9px;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row {
  width:  calc(100% - 100px - 100px) ;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row .time-schedules-calendar-year-week-date-label.time-schedules-calendar-year-week-date-label-filled {
  color: #00698F;
}
.timeSchedulesAlternativeCalendarViewWidgetLayout .time-schedules-calendar-year-view .time-schedules-calender-year-scroll-container .time-schedules-calender-year-week-time-line .time-schedules-calendar-year-week-row-week-separator {
  bottom: -2px;
  height: 2px;
  display: block;
}
.time-schedules-warn-dialog {
  padding: 20px;
}
.time-schedules-warn-dialog .form-row {
  height: 32px;
}
.time-schedules-warn-dialog .form-row .form-label {
  display: block;
  min-width: 200px;
  height: 100%;
  margin-right: 10px;
  float: left;
}
.time-schedules-warn-dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 33px;
  width: 100%;
  border-top: 1px solid #80B4C7;
}
.time-schedules-warn-dialog-footer button {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
  width: 25%;
}
/*
* Form styles
*/
.timeSchedulesFormColumn {
  float: left;
  margin-right: 20px;
  margin-left: 40px;
  width: calc(50% - 30px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.timeSchedulesFormColumn:first-of-type {
  margin-left: 0px;
}
.timeSchedulesFormColumn:last-of-type {
  margin-right: 0px;
}
.time-schedules-form-column {
  float: left;
  margin-right: 20px;
  margin-left: 40px;
  width: calc(50% - 30px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.time-schedules-form-column:first-of-type {
  margin-left: 0px;
}
.time-schedules-form-column:last-of-type {
  margin-right: 0px;
}
.time-schedules-input-area {
  height: 100%;
}
.time-schedules-input-area .time-schedules-form-column {
  margin-left: 0px;
  width: calc(50% - 10px);
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.time-schedules-input-area .time-schedules-form-column.time-schedules-one-third-width {
  width: calc(33.333% - 10px);
}
.time-schedules-input-area .time-schedules-form-column-space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.time-schedules-form-clear-element {
  clear: both;
}
.time-schedules-form-row {
  width: 100%;
  height: 32px;
  margin-bottom: 20px;
  white-space: nowrap;
}
.time-schedules-form-row .time-schedules-input-field {
  display: inline-block;
  min-width: 0;
  margin-bottom: 0px;
}
.time-schedules-form-row .time-schedules-input-label {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-left: 10px;
  margin-bottom: 0px;
  vertical-align: bottom;
}
.time-schedules-input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 5px;
  text-align: start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.time-schedules-input-field,
input[type="text"].time-schedules-input-field {
  min-width: 120px;
  height: 32px;
  margin-bottom: 20px;
}
.time-schedules-input-field-readonly {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 120px;
  height: 32px;
  margin-bottom: 20px;
  display: block;
  line-height: 12px;
  padding: 10px;
  border: 1px solid #B3D2DD;
  text-align: start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/**********************************************************
Flex
 */
.q-d-flex {
  display: -ms-flexbox;
  display: flex;
}
.q-flex-1-1-a {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.q-flex-1-0-a {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.q-flex-0-0-a {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.q-flex-1-0-100 {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}
.q-flex-1-1-30 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
}
.q-flex-1-1-50 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
}
.q-flex-1-1-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
.q-flex-1-1-0 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
}
.q-flex-none {
  -ms-flex: none;
      flex: none;
}
.q-flex-row {
  -ms-flex-direction: row;
      flex-direction: row;
}
.q-flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
.q-flex-align-center {
  -ms-flex-align: center;
      align-items: center;
}
.q-flex-align-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.q-flex-justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
/**********************************************************
Margins
 */
.q-mr-1 {
  margin-right: 5px;
}
.q-mr-2 {
  margin-right: 10px;
}
.q-mr-3 {
  margin-right: 15px;
}
.q-mr-4 {
  margin-right: 20px;
}
.q-mr-5 {
  margin-right: 25px;
}
.q-ml-1 {
  margin-left: 5px;
}
.q-ml-2 {
  margin-left: 10px;
}
.q-ml-3 {
  margin-left: 15px;
}
.q-ml-4 {
  margin-left: 20px;
}
.q-ml-5 {
  margin-left: 25px;
}
.q-mb-1 {
  margin-bottom: 5px;
}
.q-mb-2 {
  margin-bottom: 10px;
}
.q-mb-3 {
  margin-bottom: 15px;
}
.q-mb-4 {
  margin-bottom: 20px;
}
.q-mb-5 {
  margin-bottom: 25px;
}
.q-mt-1 {
  margin-top: 5px;
}
.q-mt-2 {
  margin-top: 10px;
}
.q-mt-3 {
  margin-top: 15px;
}
.q-mt-4 {
  margin-top: 20px;
}
.q-mt-5 {
  margin-top: 25px;
}
.q-mx-1 {
  margin: 0 5px;
}
.q-mx-2 {
  margin: 0 10px;
}
.q-mx-3 {
  margin: 0 15px;
}
.q-mx-4 {
  margin: 0 20px;
}
.q-mx-5 {
  margin: 0 25px;
}
.q-m-1 {
  margin: 5px;
}
.q-m-2 {
  margin: 10px;
}
.q-m-3 {
  margin: 15px;
}
.q-m-4 {
  margin: 20px;
}
.q-m-5 {
  margin: 25px;
}
.q-pr-1 {
  padding-right: 5px;
}
.q-pr-2 {
  padding-right: 10px;
}
.q-pr-3 {
  padding-right: 15px;
}
.q-pr-4 {
  padding-right: 20px;
}
.q-pr-5 {
  padding-right: 25px;
}
.q-pl-1 {
  padding-left: 5px;
}
.q-pl-2 {
  padding-left: 10px;
}
.q-pl-3 {
  padding-left: 15px;
}
.q-pl-4 {
  padding-left: 20px;
}
.q-pl-5 {
  padding-left: 25px;
}
.q-pb-1 {
  padding-bottom: 5px;
}
.q-pb-2 {
  padding-bottom: 10px;
}
.q-pb-3 {
  padding-bottom: 15px;
}
.q-pb-4 {
  padding-bottom: 20px;
}
.q-pb-5 {
  padding-bottom: 25px;
}
.q-pt-1 {
  padding-top: 5px;
}
.q-pt-2 {
  padding-top: 10px;
}
.q-pt-3 {
  padding-top: 15px;
}
.q-pt-4 {
  padding-top: 20px;
}
.q-pt-5 {
  padding-top: 25px;
}
.q-px-1 {
  padding: 0 5px;
}
.q-px-2 {
  padding: 0 10px;
}
.q-px-3 {
  padding: 0 15px;
}
.q-px-4 {
  padding: 0 20px;
}
.q-px-5 {
  padding: 0 25px;
}
.q-py-1 {
  padding: 5px 0;
}
.q-py-2 {
  padding: 10px 0;
}
.q-py-3 {
  padding: 15px 0;
}
.q-py-4 {
  padding: 20px 0;
}
.q-py-5 {
  padding: 25px 0;
}
.q-p-1 {
  padding: 5px;
}
.q-p-2 {
  padding: 10px;
}
.q-p-3 {
  padding: 15px;
}
.q-p-4 {
  padding: 20px;
}
.q-p-5 {
  padding: 25px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-error-notification {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 32px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content .time-schedules-period-view {
  padding: 20px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content .time-schedules-period-view .time-schedules-form-column.time-schedules-period-view-date-range-selected {
  width: 100%;
  margin-left: 0px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content .time-schedules-input-field.newCombobox-widget.validationElement.validation-error {
  width: calc(100% - 32px);
}
.time-schedules-time-options-dialog .form-row {
  height: 32px;
  margin-bottom: 10px;
}
.time-schedules-time-options-dialog .form-row .time-schedules-time-value-input {
  padding-left: 20px;
}
.time-schedules-time-options-dialog .form-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-footer button {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-content {
  padding: 20px;
  padding-bottom: 33px;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-content .selection-type-popup-content {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 10px;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-footer button {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.time-schedules-settings-dialog-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog {
  position: relative;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-content {
  background-color: #F2F8F9;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content.time-schedules-settings-dialog-content-warn-message {
  padding: 20px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .row {
  min-height: 32px;
  margin-bottom: 10px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .form-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .form-label-header {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 32px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-data-point-and-time-settings {
  position: relative;
  height: 100%;
  width: 100%;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-data-point-and-time-settings .time-schedules-settings-dialog-data-point-and-time-settings-inner {
  padding: 10px 20px 20px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-data-point-and-time-settings .time-schedules-side-container {
  display: inline-block;
  width: 150px;
  float: right;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-data-point-and-time-settings .time-schedules-schedule-value-view-value-label {
  display: none;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-data-point-and-time-settings .time-schedules-form-column {
  max-width: 50%;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .time-schedules-settings-dialog-target-settings-define-targets-btn {
  margin: 20px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .time-schedules-settings-dialog-target-settings-warning {
  position: relative;
  height: 72px;
  width: 100%;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-settings-remove-data-point-button {
  vertical-align: top;
  font-size: 32px;
  padding-left: 5px;
  padding-right: 5px;
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: #005978;
  border: none;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-settings-remove-data-point-button:before {
  content: "\f1a3";
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-settings-remove-data-point-button:hover,
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-settings-remove-data-point-button:active {
  background-color: transparent;
  border: none;
  color: #80B4C7;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .no-targets-label {
  margin: 20px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table {
  margin-left: 20px;
  margin-right: 20px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-body {
  width: 100%;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .time-schedules-input-field,
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .time-schedules-input-field-readonly,
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .time-schedules-input-label {
  min-width: 0;
  width: 100%;
  margin: 0;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row {
  width: 100%;
  margin-bottom: 20px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-header {
  width: 100%;
  height: 16px;
  margin-bottom: 3px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-header:before,
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-header:after {
  content: " ";
  display: table;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-header:after {
  clear: both;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-header:before,
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-header:after {
  content: " ";
  display: table;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-header:after {
  clear: both;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-body {
  width: 100%;
  height: 34px;
  margin-bottom: 10px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-body:before,
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-body:after {
  content: " ";
  display: table;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-body:after {
  clear: both;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-body:before,
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-body:after {
  content: " ";
  display: table;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .target-table-row .row-body:after {
  clear: both;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .table-column-data-point-reference {
  width: calc((100% - 2 * 20px) / 3);
  float: left;
  margin-right: 20px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .table-column-data-point-reference:last-child {
  margin: 0;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .table-column-property-id {
  float: left;
  margin-left: 20px;
  width: 150px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .table-column-present-value {
  float: left;
  margin-left: 20px;
  margin-left: 0;
  width: 90px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .row-body .table-column-present-value {
  text-align: center;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .table-column-array-index {
  float: left;
  margin-left: 20px;
  width: 120px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-content .time-schedules-settings-dialog-target-settings .target-table .table-column-remove-btn {
  float: right;
  width: 32px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-footer {
  -ms-flex-positive: 0;
      flex-grow: 0;
  height: 33px;
  background-color: #F2F8F9;
  border-top: 1px solid #80B4C7;
  line-height: 32px;
}
.time-schedules-settings-dialog-container .time-schedules-settings-dialog .time-schedules-settings-dialog-footer button {
  float: right;
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-error-notification {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 32px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content .time-schedules-period-view {
  padding: 20px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content .time-schedules-period-view .time-schedules-form-column.time-schedules-period-view-date-range-selected {
  width: 100%;
  margin-left: 0px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-content .time-schedules-input-field.newCombobox-widget.validationElement.validation-error {
  width: calc(100% - 32px);
}
.time-schedules-time-options-dialog .form-row {
  height: 32px;
  margin-bottom: 10px;
}
.time-schedules-time-options-dialog .form-row .time-schedules-time-value-input {
  padding-left: 20px;
}
.time-schedules-time-options-dialog .form-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.time-schedules-time-options-dialog .time-schedules-time-options-dialog-footer button {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.time-schedules-period-view .time-schedules-date-row .time-schedules-date-radio-container {
  -ms-flex: 0 0 170px;
      flex: 0 0 170px;
  margin-top: 20px;
}
.time-schedules-period-view .time-schedules-date-row .time-schedules-calendar-week-and-day-view {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.time-schedules-period-view .time-schedules-exception-schedule-priority-combobox .priority-color-box {
  width: 20px;
  height: 20px;
}
.popup-binding-container-content .priority-color-box {
  width: 20px;
  height: 20px;
}
.time-schedules-create-calendar-entry-dialog .dialog-content {
  padding: 20px;
  padding-bottom: 33px;
}
.time-schedules-create-calendar-entry-dialog .dialog-content .form-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.time-schedules-create-calendar-entry-dialog .dialog-content .row {
  min-height: 32px;
  margin-bottom: 10px;
}
.time-schedules-create-calendar-entry-dialog .dialog-content .row .time-schedules-time-value-input {
  padding-left: 20px;
}
.time-schedules-create-calendar-entry-dialog .dialog-content .row .time-schedules-calendar-date-view-label-col {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 992px) {
  .time-schedules-create-calendar-entry-dialog .dialog-content .row .time-schedules-calendar-date-view-label-col {
    float: left;
    width: 25%;
  }
}
.time-schedules-create-calendar-entry-dialog .dialog-content .row .time-schedules-calendar-date-view-value-col {
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 992px) {
  .time-schedules-create-calendar-entry-dialog .dialog-content .row .time-schedules-calendar-date-view-value-col {
    float: left;
    width: 50%;
  }
}
.time-schedules-create-calendar-entry-dialog .dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 33px;
  background-color: #F2F8F9;
  border-top: 1px solid #80B4C7;
}
.time-schedules-create-calendar-entry-dialog .dialog-footer button {
  float: right;
  margin: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-content {
  padding: 20px;
  padding-bottom: 33px;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-content .form-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-content .row {
  min-height: 32px;
  margin-bottom: 10px;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-content .row .time-schedules-new-switch-point-start,
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-content .row .time-schedules-new-switch-point-end {
  float: left;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.time-schedules-new-switch-point .time-schedules-dialog-new-switch-point-dialog-footer button {
  float: right;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0px 0px 0px 1px;
}
.time-schedules-widgets-short-date-view {
  position: relative;
  float: left;
}
.time-schedules-widgets-short-date-view .time-schedules-widgets-short-date-day-input,
.time-schedules-widgets-short-date-view .time-schedules-widgets-short-date-month-input {
  width: 28px;
  min-width: 28px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.time-schedules-year-schedule-entry-view {
  position: relative;
  width: 100%;
  height: 100%;
}
.time-schedules-year-schedule-entry-view .time-schedules-year-schedule-entry-view-end-date-wrapper {
  position: relative;
  float: left;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-row {
  -ms-flex-positive: 0;
      flex-grow: 0;
  min-height: 32px;
  max-height: 64px;
  border-bottom: 1px solid #FFFFFF;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-row .time-schedules-special-schedule-entry-view-table-cell {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #FFFFFF;
  margin-left: -1px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  max-height: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-row .time-schedules-special-schedule-entry-view-table-cell.time-schedules-special-schedule-entry-view-table-cell-less-padding {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-row .time-schedules-special-schedule-entry-view-table-cell-label {
  margin-left: 0px;
  border: 0px;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .scroll-wrapper {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .scroll-wrapper .scroll-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .time-schedules-special-schedule-entry-view-table-row {
  -ms-flex-positive: 0;
      flex-grow: 0;
  cursor: pointer;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .time-schedules-special-schedule-entry-view-table-row.time-schedules-special-schedule-entry-view-table-row-selected {
  background-color: #B3D2DD;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .time-schedules-special-schedule-entry-view-table-row:hover,
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .time-schedules-special-schedule-entry-view-table-row.time-schedules-special-schedule-entry-view-table-row-selected:hover {
  background-color: #80B4C7;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .time-schedules-special-schedule-entry-view-table-row:hover .Checkbox-checkbox,
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-body .time-schedules-special-schedule-entry-view-table-row.time-schedules-special-schedule-entry-view-table-row-selected:hover .Checkbox-checkbox {
  color: #000000;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-header-row {
  -ms-flex-positive: 0;
      flex-grow: 0;
  min-height: 32px;
  max-height: 64px;
  border-bottom: 1px solid #FFFFFF;
  background-color: #CCE1E9;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-header-row .time-schedules-special-schedule-entry-view-table-cell {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #FFFFFF;
  margin-left: -1px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  max-height: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-header-row .time-schedules-special-schedule-entry-view-table-cell.time-schedules-special-schedule-entry-view-table-cell-less-padding {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-header-row .time-schedules-special-schedule-entry-view-table-cell-label {
  margin-left: 0px;
  border: 0px;
}
.time-schedules-special-schedule-entry-view .time-schedules-special-schedule-entry-view-table .time-schedules-special-schedule-entry-view-table-header-row .time-schedules-special-schedule-entry-view-table-cell {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 32px;
}
.time-schedules-widgets-time-view {
  position: relative;
}
.time-schedules-widgets-time-view .time-schedules-input-field-group {
  display: inline-block;
  margin: 0px;
  padding: 0;
  height: 32px;
  border: solid 1px #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 32px;
  vertical-align: middle;
  background-color: #FFFFFF;
}
.time-schedules-widgets-time-view .time-schedules-input-field-group input {
  background-color: transparent;
  border: none;
  vertical-align: top;
}
.time-schedules-widgets-time-view .time-schedules-input-field-group input.validationElement.validation-error {
  margin-right: 0px;
}
.time-schedules-widgets-time-view .time-schedules-input-field-group.focus {
  outline: none;
  border-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 32px;
}
.time-schedules-widgets-time-view .time-schedules-input-field-group.focus input {
  color: #00698F;
}
.time-schedules-widgets-time-view .time-schedules-input-field-group.disabled {
  background: transparent;
}
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-hour-input,
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-minute-input,
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-second-input,
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-hundredth-input {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-hour-input input,
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-minute-input input,
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-second-input input,
.time-schedules-widgets-time-view .time-schedules-widgets-time-view-hundredth-input input {
  width: 28px;
  min-width: 28px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.time-schedules-widgets-time-view.time-schedules-widgets-time-view-expert-mode {
  min-width: 166px;
}
.time-schedules-widgets-time-view.time-schedules-widgets-time-view-expert-mode .time-schedules-widgets-time-view-hour-input input,
.time-schedules-widgets-time-view.time-schedules-widgets-time-view-expert-mode .time-schedules-widgets-time-view-minute-input input,
.time-schedules-widgets-time-view.time-schedules-widgets-time-view-expert-mode .time-schedules-widgets-time-view-second-input input,
.time-schedules-widgets-time-view.time-schedules-widgets-time-view-expert-mode .time-schedules-widgets-time-view-hundredth-input input {
  width: 34px;
  min-width: 34px;
}
.parameterization-overview {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: #F2F8F9;
}
.parameterization-overview .settings-group {
  height: calc(100% - 34px);
}
.parameterization-overview .settings-group .settings-group-content {
  position: relative;
  height: 100%;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog {
  padding: 0;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs {
  height: 50px;
  background-color: #666666;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab {
  position: relative;
  height: 50px;
  float: left;
  background-color: #66A5BC;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab > span {
  position: absolute;
  width: 90px;
  left: 50%;
  top: 45%;
  transform: translateX(-50%) translateY(-50%);
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child {
  margin-left: 0;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:last-child {
  margin-right: 0;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab.normal {
  border-top: 4px solid #008C00;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab.warning {
  border-top: 4px solid #FFCC00;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab.alarm {
  border-top: 4px solid #F20C0C;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab.selected {
  background-color: #F2F8F9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab.disabled {
  background-color: #F2F8F9;
  border-top: 4px solid #B3D2DD;
  border-bottom: 1px solid #B3D2DD;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  cursor: default;
  pointer-events: none;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display {
  z-index: 11;
  position: absolute;
  width: 50px;
  height: 50px;
  bottom: -25px;
  border: 3px solid #666666;
  border-radius: 50%;
  background-color: #66A5BC;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 44px;
  pointer-events: all;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display.lower {
  right: -27px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display.upper {
  left: -27px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display.not-valid {
  color: #FFFFFF;
  border: 4px solid #F20C0C;
  line-height: 42px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display .limit-value {
  display: block;
  width: 100%;
  padding: 0 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display .limit-floating {
  line-height: 44px;
  font-size: 18px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display .limit-floating:before {
  content: "\f163";
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display.selected {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 44px;
  background-color: #F2F8F9;
  height: 25px;
  bottom: 0;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom: 0;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display.disabled {
  pointer-events: all;
  line-height: 44px;
  color: #FFFFFF;
  font-size: 28px;
  vertical-align: inherit;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab .limit-display.disabled:before {
  content: "\f172";
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(1) {
  width: 100%;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(3),
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(3) ~ .tab {
  width: calc(100% / 3 - (2*2px));
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(3):first-child,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(3) ~ .tab:first-child,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(3):last-child,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(3) ~ .tab:last-child {
  width: calc(100% / 3 - 2px);
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(5),
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(5) ~ .tab {
  width: calc(100% / 5 - (2*2px));
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(5):first-child,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(5) ~ .tab:first-child,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(5):last-child,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tabs .tab:first-child:nth-last-child(5) ~ .tab:last-child {
  width: calc(100% / 5 - 2px);
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content {
  position: relative;
  height: calc(100% - 50px);
  clear: left;
  padding-top: 45px;
  padding-left: 20px;
  padding-right: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content > .scroll-wrapper {
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content > .scroll-wrapper .scroll-content > div:first-child:last-child {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .inputfield-narrow {
  display: inline-block;
  width: 120px;
  margin-right: 40px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .dropdown-left {
  display: block;
  float: left;
  width: 200px;
  margin-right: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .dropdown-left + div {
  margin-left: 220px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .dropdown-left + div .input-small {
  width: 120px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content textarea {
  width: 100%;
  height: 58px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser {
  position: relative;
  background-color: #FFFFFF;
  min-height: 32px;
  padding-right: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .inputfield-input {
  border-right: none;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 100%;
  font-size: 30px;
  padding: 0px;
  border-left: 1px solid #66A5BC;
  border-top: 1px solid #66A5BC;
  border-right: 1px solid #66A5BC;
  border-bottom: 1px solid #66A5BC;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button:active,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button:hover,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button:disabled,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button:disabled:active,
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-analog .tab-content .datapoint-browser .datapoint-browser-button:before {
  content: "\f12f";
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary {
  padding: 0;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .scroll-wrapper {
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .scroll-wrapper .scroll-content > div:first-child:last-child {
  margin: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .event-definition-binary-content {
  padding: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary textarea {
  width: 300px;
  height: 80px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .slider-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-bottom: 6px;
  text-align: start;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .slider-label > span {
  display: inline-block;
  width: 33%;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .slider-label .left {
  text-align: left;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .slider-label .right {
  text-align: right;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-binary .slider-label .center {
  text-align: center;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate {
  padding: 0;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .scroll-wrapper {
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .scroll-wrapper .scroll-content > div:first-child:last-child {
  margin: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate textarea {
  width: 300px;
  height: 80px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .event-definition-multistate-content {
  padding: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content .label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  text-align: start;
  float: left;
  width: 140px;
  min-height: 32px;
  padding-top: 8px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content .slider {
  padding-left: 150px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content .slider .state {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-bottom: 6px;
  text-align: start;
  display: inline-block;
  width: 33%;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content .slider .state.left {
  text-align: left;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content .slider .state.right {
  text-align: right;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content .slider .state.center {
  text-align: center;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content:before,
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content:before,
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-multistate .slider-content:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-notification {
  padding: 0;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-notification .scroll-wrapper {
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-notification .scroll-wrapper .scroll-content > div:first-child:last-child {
  margin: 20px;
}
.parameterization-overview .settings-group .settings-group-content.event-definition-notification .event-definition-notification-content {
  padding: 20px;
}
.parameterization-overview .settings-group .settings-group-content.notification-forwarding .content .value-column .value .InputField-widget.with-unit {
  width: calc(100% - 32px);
}
.parameterization-overview .settings-group .settings-group-content.notification-forwarding .content .value-column .value span.unit {
  text-align: right;
  width: 32px;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .slider-label {
  margin-bottom: 10px;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .slider-label span {
  display: inline-block;
  width: 33%;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .slider-label .left {
  text-align: left;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .slider-label .right {
  text-align: right;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .slider-label .center {
  text-align: center;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .NewHorizontalSlider-widget {
  margin-bottom: 20px;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser {
  position: relative;
  border: 1px solid #66A5BC;
  background-color: #FFFFFF;
  min-height: 32px;
  padding-right: 32px;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .item-pool span {
  display: inline-block;
  background-color: #E6F0F4;
  padding: 5px;
  margin: 5px;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 100%;
  font-size: 30px;
  padding: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button,
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button:active,
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button:hover,
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button:disabled,
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button:disabled:active,
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.parameterization-overview .settings-group .settings-group-content.notification-suppression .datapoint-browser .datapoint-browser-button:before {
  content: "\f12f";
}
.parameterization-overview .settings-group .settings-group-content.trend-definition .checkbox-label {
  display: inline-block;
}
.parameterization-overview .settings-group .settings-group-content.trend-definition .license-info {
  display: inline;
  margin-left: 6px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference {
  padding: 0;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference > .scroll-wrapper {
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference > .scroll-wrapper > .scroll-content > div:first-child:last-child {
  margin: 20px;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate {
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves .half {
  display: inline-block;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves .half:nth-child(1) {
  padding-left: 0;
  float: left;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves .half:nth-child(2) {
  padding-right: 0;
  float: right;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves:before,
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves:before,
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .halves:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate .Table-widget {
  height: 583px;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.multistate > .scroll-wrapper > .scroll-content > div:first-child:last-child {
  margin: 0;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row > div {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row > div:nth-child(1) {
  width: 20%;
  padding-left: 0;
  float: left;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row > div:nth-child(2) {
  width: 40%;
  float: left;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row > div:nth-child(3) {
  width: 40%;
  padding-right: 0;
  float: right;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row:before,
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row:before,
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.binary .row:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves .half {
  display: inline-block;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves .half:nth-child(1) {
  padding-left: 0;
  float: left;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves .half:nth-child(2) {
  padding-right: 0;
  float: right;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves:before,
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves:before,
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves:after {
  content: " ";
  display: table;
}
.parameterization-overview .settings-group .settings-group-content.valtextreference.analog .halves:after {
  clear: both;
}
.parameterization-overview .settings-group .settings-group-content.bacnet-properties .body {
  padding: 0;
}
.parameterization-overview .settings-group .settings-group-content.bacnet-properties .Table-widget {
  height: 583px;
}
.parameterization-overview .settings-group .settings-group-content.odbc-import .body .checkbox-group {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.parameterization-overview .settings-group .settings-group-content.odbc-import .body .checkbox-group .checkbox {
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
}
.parameterization-overview .settings-group .settings-group-content.odbc-import .body .checkbox-group .checkbox-label {
  margin-right: 10px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.parameterization-overview .settings-group .settings-group-content .content-row {
  display: block;
  width: 300px;
  margin: 0;
}
.parameterization-overview .settings-group .settings-group-content .vertical-spacer {
  height: 10px;
}
.parameterization-overview .settings-group .settings-group-content .large-vertical-spacer {
  height: 20px;
}
.parameterization-overview .settings-group .settings-group-content .Checkbox-widget {
  margin-right: 10px;
  float: left;
}
.parameterization-overview .settings-group .settings-group-content .checkbox-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
}
.parameterization-overview .settings-group .settings-group-content .DatePicker-widget .DatePicker-widget-container {
  width: 100%;
}
.parameterization-overview .settings-group .settings-group-content .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.parameterization-overview .settings-group .settings-group-content .right {
  float: right;
}
.parameterization-overview .settings-group .settings-group-content .label-column {
  float: left;
  padding-right: 32px;
}
.parameterization-overview .settings-group .settings-group-content .label-column .label {
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
}
.parameterization-overview .settings-group .settings-group-content .label-column .label.textarea {
  height: 66px;
}
.parameterization-overview .settings-group .settings-group-content .value-column {
  float: left;
}
.parameterization-overview .settings-group .settings-group-content .value-column.right {
  float: right;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value {
  width: 295px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value .right {
  float: right;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value input {
  width: 100%;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value .Checkbox-widget {
  vertical-align: middle;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value.textarea {
  height: 66px;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value.textarea textarea {
  width: 100%;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value .NumberSliderField-widget input {
  width: auto;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value.radio {
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value .radio-container {
  margin-bottom: 20px;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value .radio-container:last-child {
  margin-bottom: 0;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value .radio-container .radio-button {
  float: left;
}
.parameterization-overview .settings-group .settings-group-content .value-column .value .radio-container .radio-label {
  float: left;
  padding-left: 10px;
}
.parameterization-overview .settings-group .settings-group-content .clear {
  clear: left;
}
.parameterization-overview .settings-group .settings-group-content .body {
  padding: 20px;
  height: 100%;
}
.parameterization-overview .settings-group .settings-group-content .body.has-footer {
  height: calc(100% - 33px);
}
.parameterization-overview .settings-group .settings-group-content .footer {
  height: 33px;
  width: 100%;
  border-top: 1px solid #B3D2DD;
}
.parameterization-overview .settings-group .settings-group-content .footer .temporary-disable {
  float: left;
  line-height: 32px;
  padding-left: 20px;
}
.parameterization-overview .settings-group .settings-group-content .footer .discard-button,
.parameterization-overview .settings-group .settings-group-content .footer .save-button,
.parameterization-overview .settings-group .settings-group-content .footer .logbuffer-button {
  float: right;
}
.parameterization-overview .settings-group .settings-group-content .footer .clear {
  clear: both;
}
.parameterization-overview .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.parameterization-overview .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li.datapointdialog-listentry {
  padding: 0;
}
.parameterization-overview .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 30px;
  padding-right: 10px;
}
.parameterization-overview .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.parameterization-overview .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 5px;
}
.logbuffer .body {
  padding: 0;
  position: relative;
}
.logbuffer .Table-widget {
  height: 468px;
}
.logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li.datapointdialog-listentry {
  padding: 0;
}
.logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 30px;
  padding-right: 10px;
}
.logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.logbuffer .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 5px;
}
.page-content-title-bar .graphic-view-btn {
  padding: 0;
}
.page-content-title-bar .graphic-view-btn:before {
  content: "\f146";
}
.page-content-title-bar .graphic-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .summary-view-btn {
  padding: 0;
}
.page-content-title-bar .summary-view-btn:before {
  content: "\f123";
}
.page-content-title-bar .summary-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .detail-view-btn {
  padding: 0;
}
.page-content-title-bar .detail-view-btn:before {
  content: "\f135";
}
.page-content-title-bar .detail-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .table-view-btn {
  padding: 0;
}
.page-content-title-bar .table-view-btn:before {
  content: "\f190";
}
.page-content-title-bar .table-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .table-view-details-btn {
  padding: 0;
}
.page-content-title-bar .table-view-details-btn:before {
  content: "\f18f";
}
.page-content-title-bar .table-view-details-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .carpetplot-view-btn {
  padding: 0;
}
.page-content-title-bar .carpetplot-view-btn:before {
  content: "\f11e";
}
.page-content-title-bar .carpetplot-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .carpetplot-view-btn::before {
  font-size: 58px;
}
.page-content-title-bar .zoom-out {
  padding: 0;
}
.page-content-title-bar .zoom-out:before {
  content: "\f167";
}
.page-content-title-bar .zoom-out::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.page-content-title-bar .zoom-fit-to-screen {
  padding: 0;
}
.page-content-title-bar .zoom-fit-to-screen:before {
  content: "\f124";
}
.page-content-title-bar .zoom-fit-to-screen::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.page-content-title-bar .zoom-in {
  padding: 0;
}
.page-content-title-bar .zoom-in:before {
  content: "\f171";
}
.page-content-title-bar .zoom-in::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.page-content-title-bar .close-btn {
  padding: 0;
}
.page-content-title-bar .close-btn:before {
  content: "\f1a3";
}
.page-content-title-bar .close-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .clone-view {
  padding: 0;
}
.page-content-title-bar .clone-view:before {
  content: "\f106";
}
.page-content-title-bar .clone-view::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .plantimage-btn {
  padding: 0;
}
.page-content-title-bar .plantimage-btn:before {
  content: "\f125";
}
.page-content-title-bar .plantimage-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .plantimage-prev-btn {
  padding: 0;
}
.page-content-title-bar .plantimage-prev-btn:before {
  content: "\f10e";
}
.page-content-title-bar .plantimage-prev-btn::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.page-content-title-bar .plantimage-next-btn {
  padding: 0;
}
.page-content-title-bar .plantimage-next-btn:before {
  content: "\f10f";
}
.page-content-title-bar .plantimage-next-btn::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.page-content-title-bar .quadrant-view-btn {
  padding: 0;
}
.page-content-title-bar .quadrant-view-btn:before {
  content: "\f127";
}
.page-content-title-bar .quadrant-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .statistics-view-btn {
  padding: 0;
}
.page-content-title-bar .statistics-view-btn:before {
  content: "\f128";
}
.page-content-title-bar .statistics-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .piechart-view-btn {
  padding: 0;
}
.page-content-title-bar .piechart-view-btn:before {
  content: "\f16f";
}
.page-content-title-bar .piechart-view-btn::before {
  font-family: qanteon-icons;
  font-size: 44px;
  line-height: 46px;
}
.page-content-title-bar .device-refresh-btn {
  padding: 0;
}
.page-content-title-bar .device-refresh-btn:before {
  content: "\f17d";
}
.page-content-title-bar .device-refresh-btn::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.popover-template-container {
  width: 100%;
  pointer-events: none;
}
.popover-template-container .popover-value-container.single-value {
  width: 235px;
  height: 75px;
}
.popover-template-container .popover-value-container.others {
  height: 185px;
  width: 100%;
  pointer-events: auto;
  overflow: hidden;
}
.popover-template-container .popover-value-container .header-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-right: 20px;
}
.popover-template-container .popover-value-container .header-row .popover-text-spacer,
.popover-template-container .popover-value-container .header-row .popover-utility-title,
.popover-template-container .popover-value-container .header-row .popover-media-title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding-right: 5px;
}
.popover-template-container .popover-value-container .header-row .popover-year,
.popover-template-container .popover-value-container .header-row .popover-relative-value {
  -ms-flex: 1 0 75px;
      flex: 1 0 75px;
  text-align: right;
}
.popover-template-container .popover-value-container .header-row .popover-unit {
  -ms-flex: 1 0 95px;
      flex: 1 0 95px;
  text-align: right;
}
.popover-template-container .popover-value-container .header-row .popover-spacer {
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
}
.popover-template-container .popover-value-container .popover-others-table {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-right: 20px;
}
.popover-template-container .popover-value-container .popover-others-table .others-table-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 0 0 30px;
      flex: 0 0 30px;
  width: 100%;
}
.popover-template-container .popover-value-container .popover-others-table .others-table-row .column.title {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.popover-template-container .popover-value-container .popover-others-table .others-table-row .column.relative {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  -ms-flex: 0 0 75px;
      flex: 0 0 75px;
  text-align: right;
}
.popover-template-container .popover-value-container .popover-others-table .others-table-row .column.value {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  -ms-flex: 1 0 30%;
      flex: 1 0 30%;
  text-align: right;
}
.popover-template-container .popover-value-container .popover-media-title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.popover-template-container .popover-value-container .popover-title {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.popover-template-container .popover-value-container .popover-data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.popover-template-container .popover-value-container .popover-data * {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  margin-top: 15px;
}
.popover-template-container .popover-value-container .popover-data .data-absolute-value {
  text-align: right;
  -ms-flex: 1 1 100px;
      flex: 1 1 100px;
}
.popover-template-container .popover-value-container .popover-data .data-relative-value {
  text-align: right;
  -ms-flex: 0 0 58px;
      flex: 0 0 58px;
}
.popover-template-container .popover-value-container .popover-data .year {
  -ms-flex: 0 0 48px;
      flex: 0 0 48px;
}
.ppe-component-list.List-widget > .list-col.ListWidget-col .list-menu li {
  padding-left: 0px;
  padding-right: 0px;
}
.ppe-component-list-item {
  height: 32px;
}
.ppe-component-list-item > .ppe-component-list-spike-wall {
  float: left;
  height: 32px;
  width: 16px;
  background-color: #00698F;
  -webkit-clip-path: polygon(0 0, 60% 0, 60% 25%, 100% 50%, 60% 75%, 60% 100%, 0 100%);
          clip-path: polygon(0 0, 60% 0, 60% 25%, 100% 50%, 60% 75%, 60% 100%, 0 100%);
}
.ppe-component-list-item > .ppe-component-list-icon {
  float: left;
}
.ppe-component-list-item > .ppe-component-list-text {
  float: left;
}
.ppe-component-list-item > .ppe-component-list-drag-icon {
  float: right;
  line-height: 32px;
  height: 30px;
  width: 30px;
  font-size: 24px;
  text-align: center;
  padding: 0px;
  cursor: pointer;
  padding-right: 40px;
}
.ppe-component-list-item > .ppe-component-list-drag-icon:before {
  content: "\f13a";
}
.ppe-component-list-icon {
  font-size: 24px;
  height: 30px;
  width: 30px;
}
.ppe-component-list-icon.favorite-icon-inactive {
  color: #20202050 50;
}
.ppe-component-list-icon.favorite-icon-inactive:before {
  content: "\f131";
}
.ppe-component-list-icon.favorite-icon-active {
  color: #FFCC00;
}
.ppe-component-list-icon.favorite-icon-active:before {
  content: "\f131";
}
.ppe-component-list-shadow-element {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  opacity: 0.9;
  background-color: #FFFFFF !important;
  text-align: center;
  cursor: move;
  height: 32px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
  width: 200px;
}
.ppe-component-list-shadow-element > span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 32px;
}
/*!
 * Colr Pickr
 *
 * R-TEK
 * 
 * https://github.com/R-TEK/colr_pickr
 * 
 * MIT License
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes popUp {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
#color_picker input {
  height: 30px;
  border: 1px solid #ccc;
  outline: 0;
  font-family: monospace;
  font-size: 12px;
  color: #333;
  text-align: center;
}
#color_picker input:focus {
  border: 1px solid #007cff;
}
#color_picker input::-webkit-outer-spin-button,
#color_picker input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#color_picker input[type='number'] {
  -moz-appearance: textfield;
}
#color_picker {
  display: none;
  position: fixed;
  width: 265px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 99999;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  animation: popUp ease 0.2s;
}
#color_picker #sliders {
  width: 263px;
}
#color_picker #color_slider {
  position: relative;
  bottom: 1px;
}
#color_picker #color_text_values {
  padding: 3px 0 2px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  outline: 0;
  text-align: center;
}
#color_picker #switch_color_type {
  position: absolute;
  padding: 0;
  right: 9px;
  width: 24px;
  height: 23px;
  top: 200px;
  background: 0;
  border: 0;
  cursor: pointer;
}
#color_picker .label_text {
  position: relative;
  margin: 0 !important;
  height: 15px;
  top: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #555;
}
#color_picker #hex_input {
  width: 100px;
}
#color_picker .rgba_divider,
#color_picker .hsla_divider {
  display: inline-block;
}
#color_picker .rgba_input,
#color_picker .hsla_input {
  margin: 0 1px;
  width: 35px;
}
#color_picker #custom_colors {
  text-align: left;
}
#color_picker #custom_colors_header {
  height: 35px;
}
#color_picker #custom_colors_pallet_icon {
  margin: 9px 11px;
}
#color_picker #custom_colors_add {
  display: inline-block;
  position: absolute;
  margin: 6px 0;
  padding: 0;
  width: 24px;
  height: 23px;
  right: 9px;
  background: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
}
#color_picker #custom_colors_box {
  padding: 0 0 0 10px;
}
#color_picker .custom_colors_preview {
  position: relative;
  margin: 0 7px 6px 0;
  width: 24px;
  height: 24px;
  top: 1px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  outline: 0;
  cursor: pointer;
  transition: all .2s;
  padding: 0;
}
#color_picker .custom_colors_preview:hover {
  transform: scale(1.1);
}
#color_picker .custom_colors_preview:focus {
  transform: scale(1.1);
}
#color_picker #color_context_menu {
  display: none;
  position: fixed;
  padding: 3px 0;
  width: 115px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#color_picker #color_clear_single,
#color_picker #color_clear_all {
  padding: 4px;
  width: 100%;
  background: 0;
  border: 0;
  outline: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #111;
  text-align: left;
  cursor: pointer;
}
#color_picker #color_clear_single:hover,
#color_picker #color_clear_all:hover {
  background-color: #ececec;
}
#color_picker .add_outline:focus {
  outline: 1px solid #007cff !important;
}
#color_picker .remove_outline {
  outline: 0;
}
.ppe-property-background {
  display: block;
  background: #E6F0F4;
  padding: 10px;
}
.ppe-property-layer {
  display: block;
  background: #E6F0F4;
  padding: 10px;
}
.ppe-input-field .input-readonly {
  border: 1px solid #B3D2DD;
}
.ppe-active-drag > div > input {
  box-shadow: inset 0px 0px 0px 1px #008C00;
}
.ppe-drag-over > div > input {
  box-shadow: inset 0px 0px 0px 1px #008C00;
}
.lsb-name-popup {
  background-color: #FFFFFF;
}
.lsb-name-popup .lsb-name-text {
  padding: 20px;
}
.module.plantpictureeditor-module {
  height: 100%;
}
.module.plantpictureeditor-module .editor-navigation-btn {
  margin-right: 70px;
}
.module.plantpictureeditor-module .editor-view-btn {
  padding: 0;
}
.module.plantpictureeditor-module .editor-view-btn:before {
  content: "\f146";
}
.module.plantpictureeditor-module .editor-view-btn::before {
  font-family: qanteon-icons;
  font-size: 46px;
  line-height: 1px;
}
.module.plantpictureeditor-module .editor-lock-btn {
  padding: 0;
  margin-left: 70px;
}
.module.plantpictureeditor-module .editor-lock-btn:before {
  content: "\f160";
}
.module.plantpictureeditor-module .editor-lock-btn::before {
  font-family: qanteon-icons;
  font-size: 46px;
  line-height: 1px;
}
.module.plantpictureeditor-module .editor-tree-btn {
  padding: 0;
}
.module.plantpictureeditor-module .editor-tree-btn:before {
  content: "\f150";
}
.module.plantpictureeditor-module .editor-tree-btn::before {
  font-family: qanteon-icons;
  font-size: 46px;
  line-height: 1px;
}
.module.plantpictureeditor-module .editor-new-tree-btn {
  padding: 0;
}
.module.plantpictureeditor-module .editor-new-tree-btn:before {
  content: "\f169";
}
.module.plantpictureeditor-module .editor-new-tree-btn::before {
  font-family: qanteon-icons;
  font-size: 46px;
  line-height: 1px;
}
.module.plantpictureeditor-module .editor-pencil-btn {
  padding: 0;
  margin-left: 70px;
}
.module.plantpictureeditor-module .editor-pencil-btn:before {
  content: "\f13d";
}
.module.plantpictureeditor-module .editor-pencil-btn::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.module.plantpictureeditor-module .editor-trashcan-btn {
  padding: 0;
}
.module.plantpictureeditor-module .editor-trashcan-btn:before {
  content: "\f197";
}
.module.plantpictureeditor-module .editor-trashcan-btn::before {
  font-family: qanteon-icons;
  font-size: 30px;
  line-height: 46px;
}
.module.plantpictureeditor-module .editor-close-btn {
  padding: 0;
}
.module.plantpictureeditor-module .editor-close-btn:before {
  content: "\f1a3";
}
.module.plantpictureeditor-module .editor-close-btn::before {
  font-family: qanteon-icons;
  font-size: 46px;
  line-height: 1px;
}
.module.plantpictureeditor-module .table-view-btn {
  padding: 0;
}
.module.plantpictureeditor-module .table-view-btn:before {
  content: "\f190";
}
.module.plantpictureeditor-module .table-view-btn::before {
  font-family: qanteon-icons;
  font-size: 46px;
  line-height: 1px;
}
.module.plantpictureeditor-module .top-menu {
  -ms-flex: 0 0 46px;
      flex: 0 0 46px;
  background-color: #3387A5;
  box-sizing: border-box;
  height: 46px;
}
.module.plantpictureeditor-module .top-menu:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #80B4C7;
  position: absolute;
}
.module.plantpictureeditor-module .top-menu button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #3387A5;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  height: 46px;
}
.module.plantpictureeditor-module .top-menu button.active {
  background-color: #005978;
}
.module.plantpictureeditor-module .page-content {
  height: calc(100% - 46px);
}
.module.plantpictureeditor-module .content {
  height: 100%;
  width: 100%;
  background-color: #F2F8F9;
}
.module.plantpictureeditor-module .content.dynamicCanvas .canvas-container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.module.plantpictureeditor-module .content.dynamicCanvas .ppe-datapoint-browser-container {
  width: 100%;
  height: 97%;
  position: absolute;
  bottom: 0;
  border: 1px solid #3387A5;
  background-color: #F2F8F9;
}
.module.plantpictureeditor-module .content.dynamicCanvas .ppe-datapoint-browser-container .ppe-datapoint-browser-full-height {
  height: 100%;
}
.module.plantpictureeditor-module .content.dynamicCanvas .ppe-small-height {
  height: 60%;
}
.module.plantpictureeditor-module .content.dynamicCanvas .component-btn .component-btn-svg {
  width: 24px;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay {
  z-index: 999;
  background: white;
  height: 100%;
  max-width: 300px;
  transition: transform 0.7s;
  will-change: translate;
  transform: translate(70px);
  border-right: 1px solid #80B4C7;
  overflow-y: auto;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay.undo-hidden {
  transform: translate(-100%);
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul {
  list-style: none;
  padding: 0;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul.undo-working {
  pointer-events: none;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul.undo-working li {
  color: #a4a4a4;
  pointer-events: none;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul li {
  padding: 10px;
  cursor: pointer;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul li.disabled {
  color: #a4a4a4;
  text-decoration: line-through;
  pointer-events: none;
  cursor: default;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul li:nth-child(odd) {
  background-color: #cccccc;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul li:nth-child(even) {
  background-color: white;
}
.module.plantpictureeditor-module .content #ppe-undo-overlay ul li:hover {
  background-color: #80B4C7;
}
.module.plantpictureeditor-module .content #ppe-toolbar {
  z-index: 1000;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  background: white;
  /* Tooltip container */
}
.module.plantpictureeditor-module .content #ppe-toolbar .ppe-tooltip {
  position: relative;
  display: inline-block;
}
.module.plantpictureeditor-module .content #ppe-toolbar .ppe-tooltip:enabled:hover .ppe-tooltiptext {
  visibility: visible;
  opacity: 0.8;
}
.module.plantpictureeditor-module .content #ppe-toolbar .ppe-tooltip:enabled:hover .ppe-tooltiptext:hover {
  visibility: hidden;
  opacity: 0;
}
.module.plantpictureeditor-module .content #ppe-toolbar .ppe-tooltip .ppe-tooltiptext {
  visibility: hidden;
  position: absolute;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
}
.module.plantpictureeditor-module .content #ppe-toolbar .ppe-tooltip .ppe-tooltiptext.ppe-tooltip-right {
  left: 110%;
  line-height: 20px;
}
.module.plantpictureeditor-module .content #ppe-toolbar .ppe-tooltip .ppe-tooltiptext.ppe-tooltip-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;
}
.module.plantpictureeditor-module .content #ppe-toolbar .toolbar-btn {
  padding: 0;
  max-height: 35px;
}
.module.plantpictureeditor-module .content #ppe-toolbar .toolbar-btn:disabled img {
  opacity: 0.3;
}
.module.plantpictureeditor-module .content #ppe-toolbar .toolbar-toggle {
  max-height: 35px;
  padding: 0;
}
.module.plantpictureeditor-module .content #ppe-toolbar .toolbar-toggle img.last-button {
  height: 31px !important;
}
.module.plantpictureeditor-module .content #ppe-toolbar .toolbar-toggle.active img.white-svg {
  filter: invert(100%) sepia(14%) saturate(0%) hue-rotate(15deg) brightness(102%) contrast(106%);
}
.module.plantpictureeditor-module .content #ppe-toolbar .toolbar-toggle:disabled img {
  opacity: 0.3;
}
.module.plantpictureeditor-module .content #ppe-toolbar .toolbar-divider {
  -ms-flex: 1 0 35px;
      flex: 1 0 35px;
  background-color: #3387A5;
}
.module.plantpictureeditor-module .content #ppe-toolbar img {
  height: 35px;
}
.module.plantpictureeditor-module .content #ppe-footer {
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  background: #F2F8F9;
  border-top: 1px solid #80B4C7;
}
.module.plantpictureeditor-module .content #ppe-footer #ppe-zoom {
  border-top: none;
  border-bottom: none;
  padding: 0 5px 0 5px;
}
.module.plantpictureeditor-module .content #ppe-footer #footer-status {
  font-size: 1.1rem;
}
.module.plantpictureeditor-module .content #ppe-footer button {
  border-top: none;
  border-bottom: none;
}
.module.plantpictureeditor-module .content .ppe-property-tab-area {
  float: bottom;
  height: 34px;
  width: 490px;
}
.module.plantpictureeditor-module .content .ppe-property-tab-area.Tabs-widget > .Tabs-tab-area > .Tabs-tab-btn .text-element {
  font-size: 14px;
}
.module.plantpictureeditor-module .content .tab-invisible {
  display: none;
}
.module.plantpictureeditor-module .content .tab-selected {
  width: 490px;
  height: calc(100% - 34px - 18px);
  display: block;
  overflow: auto;
}
.module.plantpictureeditor-module .content .tab-selected > .selected-component-label {
  width: 100%;
  height: 32px;
  background: #3387A5;
  color: #FFFFFF;
  padding-left: 20px;
  padding-top: 5px;
}
.module.plantpictureeditor-module .content .tab-selected > .selected-component-label .ppe-refresh-intersection-button {
  width: 26px;
  height: 26px;
  font-size: 24px;
  text-align: center;
  border: solid 1px #80B4C7;
  float: right;
  margin-right: 5px;
}
.module.plantpictureeditor-module .content .tab-selected > .selected-component-label .ppe-refresh-intersection-button:before {
  content: "\f17d";
}
.module.plantpictureeditor-module #property-list-fabric-canvas-0 .Accordion-widget-entry-title::before {
  padding-right: 15px;
}
.ppe-property-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.ppe-property-content .ppe-property-accordions-wall {
  width: 10px;
  background-color: #005978;
}
.ppe-property-content .ppe-property-accordions-spike-wall {
  width: 10px;
  background-color: #005978;
  -webkit-clip-path: polygon(0 0, 60% 0, 60% 8px, 100% 16px, 60% 24px, 60% 100%, 0 100%);
          clip-path: polygon(0 0, 60% 0, 60% 8px, 100% 16px, 60% 24px, 60% 100%, 0 100%);
}
.ppe-property-content .ppe-property-accordions {
  -ms-flex: auto;
      flex: auto;
}
.ppe-property-content .ppe-property-accordions .Accordion-widget-entry-title {
  background-color: #E6F0F4 !important;
}
.ppe-property-content .ppe-property-accordions .Accordion-widget-entry-title:hover {
  color: #1A789A !important;
}
.ppe-property-content .ppe-property-accordions .active {
  background-color: #3387A5 !important;
}
.ppe-property-content .ppe-property-accordions .active:hover {
  color: #E6F0F4 !important;
}
.ppe-property-accordion-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ppe-property-pre-row {
  height: 10px;
}
.ppe-property-pre-row > .ppe-property-wall {
  float: left;
  height: 100%;
  width: calc(20px + calc(16px * 60 / 100));
  background-color: #3387A5;
  -webkit-clip-path: polygon(0 0, calc(16px * 60 / 100) 0, calc(16px * 60 / 100) 100%, 0 100%);
          clip-path: polygon(0 0, calc(16px * 60 / 100) 0, calc(16px * 60 / 100) 100%, 0 100%);
}
.ppe-property-row {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding-right: 20px;
}
.ppe-property-row > .ppe-property-spike-wall {
  float: left;
  height: 32px;
  width: 16px;
  background-color: #00698F;
  -webkit-clip-path: polygon(0 0, 60% 0, 60% 8px, 100% 16px, 60% 24px, 60% 100%, 0 100%);
          clip-path: polygon(0 0, 60% 0, 60% 8px, 100% 16px, 60% 24px, 60% 100%, 0 100%);
}
.ppe-property-row > .ppe-property-wall {
  float: left;
  height: 100%;
  width: calc(20px + calc(16px * 60 / 100));
  background-color: #3387A5;
  -webkit-clip-path: polygon(0 0, calc(16px * 60 / 100) 0, calc(16px * 60 / 100) 100%, 0 100%);
          clip-path: polygon(0 0, calc(16px * 60 / 100) 0, calc(16px * 60 / 100) 100%, 0 100%);
}
.ppe-property-row > .ppe-tree-item-label {
  float: left;
  width: calc(40% - 16px);
  margin-top: calc( 5px + 10px);
}
.ppe-property-row > .ppe-tree-item-value {
  padding: 10px 0 10px 0;
  float: left;
  width: 55%;
  height: calc( 32px + 10px + 10px);
}
.ppe-property-row .ppe-input-label {
  float: left;
}
.ppe-property-row .ppe-input-label.with-space {
  margin-left: 5px;
}
.ppe-property-row .ppe-input-field.InputField-widget {
  height: 32px;
  float: left;
  margin-right: 10px;
}
.ppe-property-row .ppe-input-field.InputField-widget > .inputfield-input {
  height: 32px;
}
.ppe-property-row .ppe-short-field.InputField-widget {
  height: 32px;
  width: 80px;
  float: left;
  margin-right: 10px;
}
.ppe-property-row .ppe-short-field.InputField-widget > .inputfield-input {
  height: 32px;
}
.ppe-property-row .ppe-long-field.InputField-widget {
  height: 32px;
  width: 100%;
  float: left;
}
.ppe-property-row .ppe-long-field.InputField-widget > .inputfield-input {
  height: 32px;
}
.ppe-property-row .ppe-tree-item-value-field-single-button {
  float: left;
  width: calc(100% - 32px);
}
.ppe-property-row .ppe-tree-item-value-field-double-button {
  float: left;
  width: calc(100% - (2 * 32px));
}
.ppe-property-row .ppe-button {
  width: 32px;
  height: 32px;
  font-size: 30px;
  text-align: center;
  border: solid 1px #80B4C7;
  float: left;
}
.ppe-property-row .ppe-icon-dp-select:before {
  content: "\f12f";
}
.ppe-property-row .ppe-icon-delete:before {
  content: "\f1a3";
}
/**********************************************************
General
 */
.q-d-none {
  display: none;
}
.q-position-relative {
  position: relative;
}
.q-position-absolute {
  position: absolute;
}
/**********************************************************
Flex
 */
.q-d-flex {
  display: -ms-flexbox;
  display: flex;
}
.q-d-inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.q-flex-1-1-a {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.q-flex-1-0-a {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.q-flex-0-0-a {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.q-flex-1-0-100 {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}
.q-flex-1-1-30 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
}
.q-flex-1-1-50 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
}
.q-flex-1-1-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
.q-flex-1-1-0 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
}
.q-flex-none {
  -ms-flex: none;
      flex: none;
}
.q-flex-row {
  -ms-flex-direction: row;
      flex-direction: row;
}
.q-flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
.q-flex-align-center {
  -ms-flex-align: center;
      align-items: center;
}
.q-flex-align-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.q-flex-justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.q-overflow-auto {
  overflow: auto !important;
}
.q-overflow-hidden {
  overflow: hidden !important;
}
.q-align-center {
  -ms-flex-align: center;
      align-items: center;
}
.q-justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
.q-flex-row-gap-1 {
  row-gap: 1em;
}
.q-flex-column-gap-1 {
  column-gap: 1em;
}
/**********************************************************
Margins
 */
.q-mr-1 {
  margin-right: 5px;
}
.q-mr-2 {
  margin-right: 10px;
}
.q-mr-3 {
  margin-right: 15px;
}
.q-mr-4 {
  margin-right: 20px;
}
.q-mr-5 {
  margin-right: 25px;
}
.q-mr-auto {
  margin-right: auto;
}
.q-ml-1 {
  margin-left: 5px;
}
.q-ml-2 {
  margin-left: 10px;
}
.q-ml-3 {
  margin-left: 15px;
}
.q-ml-4 {
  margin-left: 20px;
}
.q-ml-5 {
  margin-left: 25px;
}
.q-ml-auto {
  margin-left: auto;
}
.q-mb-1 {
  margin-bottom: 5px;
}
.q-mb-2 {
  margin-bottom: 10px;
}
.q-mb-3 {
  margin-bottom: 15px;
}
.q-mb-4 {
  margin-bottom: 20px;
}
.q-mb-5 {
  margin-bottom: 25px;
}
.q-mt-1 {
  margin-top: 5px;
}
.q-mt-2 {
  margin-top: 10px;
}
.q-mt-3 {
  margin-top: 15px;
}
.q-mt-4 {
  margin-top: 20px;
}
.q-mt-5 {
  margin-top: 25px;
}
.q-mx-1 {
  margin: 0 5px;
}
.q-mx-2 {
  margin: 0 10px;
}
.q-mx-3 {
  margin: 0 15px;
}
.q-mx-4 {
  margin: 0 20px;
}
.q-mx-5 {
  margin: 0 25px;
}
.q-m-1 {
  margin: 5px;
}
.q-m-2 {
  margin: 10px;
}
.q-m-3 {
  margin: 15px;
}
.q-m-4 {
  margin: 20px;
}
.q-m-5 {
  margin: 25px;
}
.q-pr-1 {
  padding-right: 5px;
}
.q-pr-2 {
  padding-right: 10px;
}
.q-pr-3 {
  padding-right: 15px;
}
.q-pr-4 {
  padding-right: 20px;
}
.q-pr-5 {
  padding-right: 25px;
}
.q-pl-1 {
  padding-left: 5px;
}
.q-pl-2 {
  padding-left: 10px;
}
.q-pl-3 {
  padding-left: 15px;
}
.q-pl-4 {
  padding-left: 20px;
}
.q-pl-5 {
  padding-left: 25px;
}
.q-pb-1 {
  padding-bottom: 5px;
}
.q-pb-2 {
  padding-bottom: 10px;
}
.q-pb-3 {
  padding-bottom: 15px;
}
.q-pb-4 {
  padding-bottom: 20px;
}
.q-pb-5 {
  padding-bottom: 25px;
}
.q-pt-1 {
  padding-top: 5px;
}
.q-pt-2 {
  padding-top: 10px;
}
.q-pt-3 {
  padding-top: 15px;
}
.q-pt-4 {
  padding-top: 20px;
}
.q-pt-5 {
  padding-top: 25px;
}
.q-px-1 {
  padding: 0 5px;
}
.q-px-2 {
  padding: 0 10px;
}
.q-px-3 {
  padding: 0 15px;
}
.q-px-4 {
  padding: 0 20px;
}
.q-px-5 {
  padding: 0 25px;
}
.q-py-1 {
  padding: 5px 0;
}
.q-py-2 {
  padding: 10px 0;
}
.q-py-3 {
  padding: 15px 0;
}
.q-py-4 {
  padding: 20px 0;
}
.q-py-5 {
  padding: 25px 0;
}
.q-p-1 {
  padding: 5px;
}
.q-p-2 {
  padding: 10px;
}
.q-p-3 {
  padding: 15px;
}
.q-p-4 {
  padding: 20px;
}
.q-p-5 {
  padding: 25px;
}
.q-h-100 {
  height: 100%;
}
#color_picker input {
  padding: 0;
}
.ppe-datapoint-browser {
  height: 100%;
  margin: 0;
  width: 100%;
}
.ppe-datapoint-browser .dialog-header {
  position: relative;
  height: 40px;
  background-color: #F2F8F9;
  border: none;
  padding: 0;
  border-bottom: solid 1px #005978;
  z-index: 100;
}
.ppe-datapoint-browser .dialog-header .dialog-button {
  display: inline-block;
  float: right;
  height: 36px;
  width: 64px;
  line-height: 36px;
  border: none;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
}
.ppe-datapoint-browser .dialog-header .dialog-button.close {
  font-size: 40px;
  font-weight: bold;
}
.ppe-datapoint-browser .dialog-header .dialog-button.close:before {
  content: "\f1a4";
}
.ppe-datapoint-browser .dialog-header .dialog-button.close:hover {
  color: #3387A5;
}
.ppe-datapoint-browser .dialog-header .dialog-button.close:active {
  color: #005978;
}
.ppe-datapoint-browser .dialog-header .dialog-button.changeSize {
  font-size: 25px;
}
.ppe-datapoint-browser .dialog-header .dialog-button.changeSize:before {
  content: "\f124";
}
.ppe-datapoint-browser .dialog-header .dialog-button.changeSize:hover {
  color: #3387A5;
}
.ppe-datapoint-browser .dialog-header .dialog-button.changeSize:active {
  color: #005978;
}
.ppe-datapoint-browser .dialog-header .dialog-title {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  line-height: 40px;
  margin-left: 85px;
  margin-right: 85px;
  max-width: calc(100% - 85px - 85px);
}
.ppe-datapoint-browser .data-point-browser {
  position: relative;
  height: calc(100% - 40px);
  width: 100%;
  background-color: #F2F8F9;
  z-index: 99;
  overflow: hidden;
}
.ppe-datapoint-browser .data-point-browser .circle-icon,
.ppe-datapoint-browser .data-point-browser .circle-icon:active,
.ppe-datapoint-browser .data-point-browser .circle-icon:hover,
.ppe-datapoint-browser .data-point-browser .circle-icon:disabled,
.ppe-datapoint-browser .data-point-browser .circle-icon:disabled:active,
.ppe-datapoint-browser .data-point-browser .circle-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ppe-datapoint-browser .data-point-browser .circle-icon:before {
  content: "\f122";
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-content {
  position: relative;
  height: calc(100% - 33px);
  background-color: #F2F8F9;
  padding-top: 32px;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-content .data-point-browser-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(10, 10, 10, 0.7);
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-content .dp-list {
  position: relative;
  width: 100%;
  height: 100%;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-content .dp-list .data-point-list-list {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 72px;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-content .dp-list .drag-element {
  line-height: 32px;
  text-align: center;
  font-size: 24px;
  height: 32px;
  width: 32px;
  cursor: pointer;
  padding-left: 15px;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-content .dp-list .drag-element:before {
  content: "\f13a";
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  height: auto;
  padding-bottom: 32px;
  z-index: 101;
  background-color: #F2F8F9;
  transform: translateY(-100%);
  transition: transform 200ms ease-out;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay.data-point-browser-filter-overlay-open {
  transform: translateY(-32px);
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-widget {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-button {
  position: absolute;
  bottom: 0;
  height: 32px;
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background-color: #F2F8F9;
  font-size: 12px;
  line-height: 32px;
  border: none;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-button:hover {
  background-color: #F2F8F9;
  color: #80B4C7;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-button:active {
  background-color: #F2F8F9;
  color: #005978;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container {
  padding-top: 0;
  background-color: #F2F8F9;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-add-button,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-remove-btn,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-apply-btn,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-settings-button {
  background-color: transparent;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button:hover,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-add-button:hover,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-remove-btn:hover,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-apply-btn:hover,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-settings-button:hover {
  background-color: #F2F8F9;
  color: #80B4C7;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button:active,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-add-button:active,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-remove-btn:active,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-apply-btn:active,
.ppe-datapoint-browser .data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-settings-button:active {
  background-color: #F2F8F9;
  color: #005978;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-pagination-widget {
  float: left;
  border-right: solid 1px #80B4C7;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-pagination-widget .pagination-content {
  height: 32px;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-selection {
  display: inline-block;
  float: left;
  color: #005978;
  font-size: 12px;
  height: 100%;
  line-height: 32px;
  margin-left: 16px;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-footer-cache-clear-btn,
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-footer-apply-btn,
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-footer-cancel-btn {
  display: inline-block;
  height: 100%;
  border-top-width: 0;
  border-bottom-width: 0;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-footer-cache-clear-btn {
  float: left;
  border-left-width: 0;
}
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-footer-apply-btn,
.ppe-datapoint-browser .data-point-browser .data-point-browser-footer .data-point-browser-footer-cancel-btn {
  float: right;
  border-right-width: 0;
}
.ppe-datapointlist {
  height: 100%;
}
.ppe-datapointlist.has-right {
  width: calc(100% - 320px);
  display: inline-block;
}
.ppe-datapointlist .table-datapointlist {
  height: 45%;
  border-bottom: solid 1px #005978;
}
.ppe-datapointlist .table-datapointlist.overwrite-height {
  height: 100%;
}
.ppe-datapointlist .filter-dialog-button {
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
  z-index: 111;
  top: 15px;
  right: 16px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.ppe-datapointlist .filter-dialog-button:before {
  content: "\f14b";
}
.ppe-datapointlist .filter-dialog-button.filter-active {
  background-color: #3387A5;
  color: #FFFFFF;
}
.ppe-datapointlist .filter-dialog-container {
  position: absolute;
  z-index: 111;
  top: 15px;
  right: 67px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.ppe-datapointlist .filter-dialog-container .filter-dialog {
  height: 100%;
  min-width: 600px;
}
.ppe-datapointlist .filter-dialog-container .filter-dialog-minimized {
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
}
.ppe-datapointlist .filter-dialog-container .filter-dialog-minimized:before {
  content: "\f14b";
}
.ppe-datapointlist .filter-dialog-container .filter-dialog-minimized:hover {
  background-color: #80B4C7;
}
.ppe-datapointlist .filter-dialog-container.config-menu-open {
  right: calc(16px + 320px);
}
.ppe-datapointlist .droparea {
  display: inline-block;
  width: calc(100% - 32px);
  height: 30px;
}
.ppe-datapointlist .droparea > .dropinputarea {
  height: 30px;
}
.ppe-datapointlist .droparea > .dropinputarea > input {
  height: 30px;
}
.ppe-datapointlist .ppeactivedrag > div > input {
  box-shadow: inset 0px 0px 0px 1px #008C00;
}
.ppe-datapointlist .ppedragover > div > input {
  box-shadow: inset 0px 0px 0px 1px #008C00;
}
.ppe-datapointlist .table-datapointbrowser {
  height: 55%;
}
.ppe-datapointlist .notification-box {
  top: 25% !important;
}
.ppe-datapointlist .ppe-button {
  width: 30px;
  height: 30px;
  font-size: 30px;
  text-align: center;
  background: #F2F8F9;
  color: #000000;
  border-top: solid 1px #80B4C7;
  border-right: solid 1px #80B4C7;
  border-bottom: solid 1px #80B4C7;
}
.ppe-datapointlist .ppe-button:hover {
  color: #F2F8F9;
  background: #005978;
}
.ppe-datapointlist .ppe-icon-delete:before {
  content: "\f1a3";
}
.table-configuration-menu {
  position: relative;
  float: right;
  height: 100%;
  width: 320px;
  background-color: #F2F8F9;
  border: 1px solid #B3D2DD;
  padding-top: 32px;
  line-height: 32px;
}
.table-configuration-menu .header-area {
  height: 32px;
  padding-right: 20px;
}
.table-configuration-menu .header-area .header-headline {
  margin-left: 20px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.table-configuration-menu .header-area .default-layout-button {
  float: right;
}
.ppe-search-replace {
  height: 100%;
}
.ppe-search-replace .button-restore-table {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translateX(-50%);
  z-index: 101;
}
.ppe-search-replace .table-search-replace {
  height: calc(100% - 32px);
}
.ppe-search-replace .table-search-replace .table-cell.fill {
  width: 85%;
  background: none;
}
.ppe-search-replace .table-search-replace .table-cell.fill.newCombobox-widget .disabled {
  color: #1A789A;
}
.ppe-search-replace .table-search-replace span.margin-left {
  margin-left: 25px;
}
.ppe-search-replace .filter-dialog-button {
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
  z-index: 111;
  top: 15px;
  right: 16px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.ppe-search-replace .filter-dialog-button:before {
  content: "\f14b";
}
.ppe-search-replace .filter-dialog-button.filter-active {
  background-color: #3387A5;
  color: #FFFFFF;
}
.ppe-search-replace .filter-dialog-container {
  position: absolute;
  z-index: 111;
  top: 15px;
  right: 67px;
  border: 1px solid #80B4C7;
  background-color: #FFFFFF;
  margin: 4px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.ppe-search-replace .filter-dialog-container .filter-dialog {
  height: 100%;
  max-width: 460px;
}
.ppe-search-replace .filter-dialog-container .filter-dialog .filter-container {
  min-width: 460px;
  width: 460px;
}
.ppe-search-replace .filter-dialog-container .filter-dialog .filter-dialog-body .sticky-filters-container {
  margin-bottom: 0 !important;
}
.ppe-search-replace .filter-dialog-container .filter-dialog .filter-dialog-body .filter-row .filter-template-column {
  width: 80%;
}
.ppe-search-replace .filter-dialog-container .filter-dialog .filter-dialog-body .filter-controls-column {
  width: 60px;
}
.ppe-search-replace .filter-dialog-container .filter-dialog .filter-dialog-body .filter-form-row-controls-apply-btn {
  width: 32px;
}
.ppe-search-replace .filter-dialog-container .filter-dialog-minimized {
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 52px;
}
.ppe-search-replace .filter-dialog-container .filter-dialog-minimized:before {
  content: "\f14b";
}
.ppe-search-replace .filter-dialog-container .filter-dialog-minimized:hover {
  background-color: #80B4C7;
}
.ppe-search-replace .filter-dialog-container.config-menu-open {
  right: calc(16px + 320px);
}
.ppe-search-replace .footer {
  width: 100%;
  height: 32px;
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  border-top: 1px solid #3387A5;
}
.ppe-search-replace .footer.save-cancel-area .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  border: 0;
  border-left: 1px solid #3387A5;
}
.ppe-search-replace .footer.save-cancel-area .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.ppe-search-replace .footer.save-cancel-area .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.popup-binding-container.search-replace-combobox-popup ul.combobox-popup .margin-left {
  margin-left: 25px;
}
.ppe-context-menu {
  display: none;
  position: absolute;
  z-index: 100;
  background: #fafafa;
  color: #444;
  box-shadow: dimgrey 3px 3px 11px;
  margin: 0;
}
.ppe-context-menu.ppe-active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.ppe-context-menu .ppe-menu-item-group .ppe-menu-item {
  padding: 0 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.ppe-context-menu .ppe-menu-item {
  position: relative;
  display: block;
  padding: 0 15px;
  margin-bottom: -1px;
  width: 100%;
  text-align: left;
  border: none;
  border-radius: 0;
}
.ppe-context-menu .ppe-menu-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.ppe-context-menu .ppe-menu-item:hover {
  border-radius: 0;
}
.ppe-context-menu .ppe-menu-item:hover svg {
  filter: invert(1);
}
.ppe-context-menu hr {
  width: 100%;
  margin: 5px 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.module-dialog-modal.data-point-browser-dialog .dialog-box {
  max-width: 1280px;
  width: 1280px;
}
.module-dialog-modal.data-point-browser-dialog .dialog-box .data-point-browser-filter-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.data-point-browser {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #F2F8F9;
}
.data-point-browser .circle-icon,
.data-point-browser .circle-icon:active,
.data-point-browser .circle-icon:hover,
.data-point-browser .circle-icon:disabled,
.data-point-browser .circle-icon:disabled:active,
.data-point-browser .circle-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.data-point-browser .circle-icon:before {
  content: "\f122";
}
.data-point-browser .data-point-browser-content {
  position: relative;
  height: calc(100% - 33px);
  background-color: #F2F8F9;
  padding-top: 32px;
}
.data-point-browser .data-point-browser-content .data-point-browser-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(10, 10, 10, 0.7);
}
.data-point-browser .data-point-browser-content .dp-list {
  position: relative;
  width: 100%;
  height: 100%;
}
.data-point-browser .data-point-browser-content .dp-list .data-point-list-list {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 72px;
}
.data-point-browser .data-point-browser-filter-overlay {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  height: auto;
  padding-bottom: 32px;
  z-index: 101;
  background-color: #F2F8F9;
  transform: translateY(-100%);
  transition: transform 200ms ease-out;
}
.data-point-browser .data-point-browser-filter-overlay.data-point-browser-filter-overlay-open {
  transform: translateY(-32px);
}
.data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-widget {
  margin-top: 20px;
}
.data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-button {
  position: absolute;
  bottom: 0;
  height: 32px;
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background-color: #F2F8F9;
  font-size: 12px;
  line-height: 32px;
  border: none;
}
.data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-button:hover {
  background-color: #F2F8F9;
  color: #80B4C7;
}
.data-point-browser .data-point-browser-filter-overlay .data-point-browser-filter-button:active {
  background-color: #F2F8F9;
  color: #005978;
}
.data-point-browser .data-point-browser-filter-overlay .filter-container {
  padding-top: 0;
  background-color: #F2F8F9;
}
.data-point-browser .data-point-browser-filter-overlay .filter-container button,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-add-button,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-remove-btn,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-apply-btn,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-settings-button {
  background-color: transparent;
}
.data-point-browser .data-point-browser-filter-overlay .filter-container button:hover,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-add-button:hover,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-remove-btn:hover,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-apply-btn:hover,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-settings-button:hover {
  background-color: #F2F8F9;
  color: #80B4C7;
}
.data-point-browser .data-point-browser-filter-overlay .filter-container button:active,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-add-button:active,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-remove-btn:active,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-form-row-controls-apply-btn:active,
.data-point-browser .data-point-browser-filter-overlay .filter-container button.filter-settings-button:active {
  background-color: #F2F8F9;
  color: #005978;
}
.data-point-browser .data-point-browser-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.data-point-browser .data-point-browser-footer .data-point-browser-pagination-widget {
  float: left;
  border-right: solid 1px #80B4C7;
}
.data-point-browser .data-point-browser-footer .data-point-browser-pagination-widget .pagination-content {
  height: 32px;
}
.data-point-browser .data-point-browser-footer .data-point-browser-selection {
  display: inline-block;
  float: left;
  color: #005978;
  font-size: 12px;
  height: 100%;
  line-height: 32px;
  margin-left: 16px;
}
.data-point-browser .data-point-browser-footer .data-point-browser-footer-cache-clear-btn,
.data-point-browser .data-point-browser-footer .data-point-browser-footer-apply-btn,
.data-point-browser .data-point-browser-footer .data-point-browser-footer-cancel-btn {
  display: inline-block;
  height: 100%;
  border-top-width: 0;
  border-bottom-width: 0;
}
.data-point-browser .data-point-browser-footer .data-point-browser-footer-cache-clear-btn {
  float: left;
  border-left-width: 0;
}
.data-point-browser .data-point-browser-footer .data-point-browser-footer-apply-btn,
.data-point-browser .data-point-browser-footer .data-point-browser-footer-cancel-btn {
  float: right;
  border-right-width: 0;
}
.dataPointFilter-widget .filter-container {
  height: 100%;
  padding: 10px;
  min-width: 640px;
  width: 640px;
}
.dataPointFilter-widget .filter-container .filter-add-button {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  width: 32px;
  height: 32px;
  border: none;
  line-height: 34px;
  font-size: 30px;
}
.dataPointFilter-widget .filter-container .filter-add-button:before {
  content: "\f172";
}
@media (min-width: 480px) {
  .dataPointFilter-widget .filter-container .filter-add-button.additional {
    margin-left: 16.66666667%;
  }
}
.dataPointFilter-widget .filter-container .filter-add-button:active,
.dataPointFilter-widget .filter-container .filter-add-button.active,
.dataPointFilter-widget .filter-container .filter-add-button:hover {
  color: #FFFFFF;
}
.dataPointFilter-widget .filter-container .filter-add-button.active {
  background-color: #005978;
}
.dataPointFilter-widget .filter-container .filter-form-row-controls-remove-btn {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  border: none;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 34px;
  font-size: 32px;
}
.dataPointFilter-widget .filter-container .filter-form-row-controls-remove-btn:before {
  content: "\f1a3";
}
.dataPointFilter-widget .filter-container .filter-form-row-controls-remove-btn:active,
.dataPointFilter-widget .filter-container .filter-form-row-controls-remove-btn:hover {
  color: #FFFFFF;
}
.dataPointFilter-widget .filter-container .filter-form-row-controls-apply-btn {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  float: right;
  margin-left: 10px;
  display: none;
  font-size: 28px;
}
.dataPointFilter-widget .filter-container .filter-form-row-controls-apply-btn:before {
  content: "\f17d";
}
.dataPointFilter-widget .filter-container .filter-form-row-controls-apply-btn:active,
.dataPointFilter-widget .filter-container .filter-form-row-controls-apply-btn:hover {
  color: #FFFFFF;
}
.dataPointFilter-widget .filter-container .filter-settings-button {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  width: 32px;
  height: 32px;
  border: none;
  display: block;
  line-height: 34px;
  font-size: 32px;
}
.dataPointFilter-widget .filter-container .filter-settings-button:before {
  content: "\f14b";
}
.dataPointFilter-widget .filter-container .filter-settings-button:active,
.dataPointFilter-widget .filter-container .filter-settings-button.active,
.dataPointFilter-widget .filter-container .filter-settings-button:hover {
  color: #FFFFFF;
}
.dataPointFilter-widget .filter-container .filter-settings-button.active {
  background-color: #005978;
}
.dataPointFilter-widget .filter-container .filter-form-row-controls-favorite-btn {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  display: block;
}
.dataPointFilter-widget .filter-container .filter-dialog-body {
  position: relative;
  padding: 0;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .sticky-filters-container {
  margin-bottom: 10px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row {
  margin-left: 0px;
  margin-right: 0px;
  line-height: 32px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row.additional {
  margin-top: -5px;
}
@media (min-width: 480px) {
  .dataPointFilter-widget .filter-container .filter-dialog-body .filter-row.additional .filter-form-row-filter .filter-input {
    margin-left: 25%;
  }
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .MultiCombobox-widget {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .Combobox-widget-picker {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input input:not(.DatePicker-widget-input) {
  width: 100%;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .DatePicker-widget {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .date-separator {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .filter-name {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-form-row-controls-add-btn {
  display: block;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-row .filter-form-row-controls-apply-btn {
  display: block;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-spacer {
  width: 100%;
  height: 10px;
}
.dataPointFilter-widget .filter-container .filter-dialog-body .filter-controls-column {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding-left: 5px;
}
.filter-save-dialog-container .filter-save-dialog-content {
  width: 100%;
}
.filter-save-dialog-container .filter-save-dialog-content .filter-save-dialog-input {
  float: left;
  width: 75%;
  height: 32px;
}
.filter-save-dialog-container .filter-save-dialog-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.filter-save-dialog-container .filter-save-dialog-footer .filter-save-dialog-button {
  float: right;
  width: 25%;
  height: 32px;
}
.filter-load-dialog-container .filter-load-dialog-content {
  width: 100%;
}
.filter-load-dialog-container .filter-load-dialog-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.filter-load-dialog-container .filter-load-dialog-footer .filter-load-dialog-button {
  float: right;
  width: 25%;
  height: 32px;
}
.add-filter-popup {
  min-width: 200px;
}
.add-filter-popup .add-filter-popup-item {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 30px;
  padding: 0 10px 0 10px;
  background-color: #FFFFFF;
  cursor: pointer;
  box-sizing: content-box;
}
.add-filter-popup .add-filter-popup-item:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.add-filter-popup .add-filter-popup-item:active {
  background-color: #0E4963;
  color: #FFFFFF;
}
.settings-popup {
  min-width: 200px;
}
.data-point-list-container {
  position: relative;
  height: 100%;
}
.data-point-list-container .data-point-list-list {
  min-height: 72px;
}
.data-point-list-container .data-point-list-list .TableView-item-select {
  padding: 0;
}
.data-point-list-container .data-point-list-list .TableView-item-select .Radio-widget {
  height: auto;
}
.data-point-list-container .data-point-list-list .Checkbox-widget {
  height: auto;
  padding-right: 0;
}
.data-point-list-draggable-container {
  position: relative;
  height: 100%;
}
.data-point-list-draggable-container .data-point-list-draggable {
  min-height: 72px;
}
.data-point-list-draggable-container .data-point-list-draggable .TableView-item-select {
  padding: 0;
}
.data-point-list-draggable-container .data-point-list-draggable .TableView-item-select .Radio-widget {
  height: auto;
}
.data-point-list-draggable-container .data-point-list-draggable .Checkbox-widget {
  height: auto;
  padding-right: 0;
}
.module-dialog-modal.test-connection-browser-dialog .dialog-box {
  height: 500px;
}
.module-dialog-modal.test-connection-browser-dialog .dialog-box .dialog-content {
  height: 436px;
}
.location-data-point-test-browser {
  position: relative;
  height: 100%;
}
.location-data-point-test-browser .location-data-point-test-browser-content {
  position: relative;
  height: calc(100% - 32px);
  background-color: #F2F8F9;
  padding: 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.location-data-point-test-browser .location-data-point-test-browser-content .large-vertical-spacer {
  height: 20px;
}
.location-data-point-test-browser .location-data-point-test-browser-content .additional-data-line {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.location-data-point-test-browser .location-data-point-test-browser-content .additional-data-line > div {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.location-data-point-test-browser .location-data-point-test-browser-content .test-connection-list.Table-widget {
  border: 1px solid #80B4C7;
}
.location-data-point-test-browser .location-data-point-test-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 32px;
  border-top: 1px solid #80B4C7;
}
.location-data-point-test-browser .location-data-point-test-footer .location-data-point-test-footer-ok-btn {
  display: inline-block;
  height: 100%;
  float: right;
  border-top: none;
  border-right: none;
  border-bottom: none;
  line-height: 100%;
}
.plantimage-chooser-widget {
  background-color: #FFFFFF;
  width: 280px;
  z-index: 200;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  color: #000000;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-list {
  max-height: 450px;
}
.plantimage-chooser-widget .plantimage-chooser-widget-footer {
  border-top: 1px solid #80B4C7;
}
.plantimage-chooser-widget .plantimage-chooser-widget-footer > label {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-left: 10px;
}
.plantimage-chooser-widget .plantimage-chooser-widget-footer .Checkbox-checkbox {
  border: 0px;
  margin-top: -2px;
  border-right: 1px solid #80B4C7;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry {
  width: 100%;
  display: inline-block;
  height: 30px;
  background-color: #FFFFFF;
  padding-left: 10px;
  vertical-align: middle;
  outline: none;
  box-shadow: none;
  line-height: 30px;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry:hover {
  cursor: pointer;
  background-color: #80B4C7;
  color: #FFFFFF;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry:active,
.plantimage-chooser-widget .plantimage-chooser-widget-entry.active {
  background-color: #005978;
  color: #FFFFFF;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-icon-list {
  max-height: 450px;
  padding-top: 10px;
}
.plantimage-chooser-widget .list-label {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
  background-color: #FFFFFF;
  margin-bottom: 5px;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .lock-icon:before {
  content: "\f160";
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .list-icon:before {
  content: "\f150";
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .new-list-icon:before {
  content: "\f169";
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .lock-icon,
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .list-icon,
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .new-list-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .lock-icon::before,
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .list-icon::before,
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons .new-list-icon::before {
  font-family: qanteon-icons;
  font-size: 28px;
  line-height: 28px;
  margin-left: 5px;
  margin-right: 10px;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons:hover {
  cursor: pointer;
  background-color: #80B4C7;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons:active,
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons.active {
  background-color: #005978;
  color: #FFFFFF;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons.deactivated {
  color: #999999;
}
.plantimage-chooser-widget .plantimage-chooser-widget-entry-with-icons.deactivated:hover {
  cursor: default;
}
.plantimage-nameeditor-widget {
  background-color: #FFFFFF;
  width: 100%;
  z-index: 200;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  color: #000000;
}
.plantimage-nameeditor-widget .flex-row {
  background-color: #FFFFFF;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 46px;
  color: #000000;
}
.plantimage-nameeditor-widget .flex-row .InputField-widget {
  width: 400px;
  padding-left: 5px;
  padding-right: 5px;
}
.plantimage-nameeditor-widget .flex-row .InputField-widget .inputfield-input {
  margin-bottom: 5px;
}
.plantimage-nameeditor-widget .flex-row.no-margin {
  margin: 0;
  -ms-flex-align: start;
      align-items: flex-start;
}
.plantimage-nameeditor-widget .flex-row .plantimage-name {
  display: -ms-flexbox;
  display: flex;
}
.plantimage-nameeditor-widget .flex-row .plantimage-name .header-button {
  display: inline-block;
  width: calc(45px);
  height: calc(45px);
  float: right;
  text-align: center;
  font-size: 22px;
}
.plantimage-nameeditor-widget .flex-row .plantimage-name .header-button:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.plantimage-nameeditor-widget .flex-row .plantimage-name .header-button:active {
  background-color: #005978;
}
.plantimage-nameeditor-widget .flex-row .plantimage-name .header-button .ok-icon {
  vertical-align: inherit;
  line-height: 46px;
  font-size: 32px;
}
.plantimage-nameeditor-widget .flex-row .plantimage-name .header-button .ok-icon:before {
  content: "\f16b";
}
.plantimage-nameeditor-widget .flex-row .plantimage-name .header-button .header-close-icon {
  vertical-align: inherit;
  line-height: 46px;
  font-size: 32px;
}
.plantimage-nameeditor-widget .flex-row .plantimage-name .header-button .header-close-icon:before {
  content: "\f1a3";
}
.popup-binding-container.emsdatapoint-calc-combobox-popup ul.combobox-popup .icon {
  font-size: 20px;
}
.popup-binding-container.emsdatapoint-calc-combobox-popup ul.combobox-popup .icon.addition:before {
  content: "\f171";
}
.popup-binding-container.emsdatapoint-calc-combobox-popup ul.combobox-popup .icon.minus:before {
  content: "\f167";
}
.datapoints-import-dialog .body {
  padding: 15px;
  height: calc(100% - 32px) !important;
}
.datapoints-import-dialog .body .with-border {
  border: 1px solid #3387A5;
}
.datapoints-import-dialog .button-box {
  height: 100%;
}
.datapoints-import-dialog .content-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.datapoints-import-dialog .content-row > div {
  width: 280px;
}
.datapoints-import-dialog .content-row > div .InputField-widget,
.datapoints-import-dialog .content-row > div .newCombobox-widget,
.datapoints-import-dialog .content-row > div .input-label,
.datapoints-import-dialog .content-row > div .TextArea-widget {
  width: 100%;
}
.datapoints-import-dialog .content-row.side-by-side {
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 280px;
}
.datapoints-import-dialog .content-row.side-by-side .file {
  font-size: 24px;
  padding: 0;
  border-left: none;
}
.datapoints-import-dialog .content-row.side-by-side .file:before {
  content: "\f116";
}
.datapoints-import-dialog .content-row.side-by-side > div {
  width: calc(280px - 31px);
}
.datapoints-import-dialog .content-row.side-by-side > button {
  width: 31px;
}
.datapoints-import-dialog .content-row .date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: inherit;
      flex-direction: inherit;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.datapoints-import-dialog .content-row .date > div:first-child {
  width: 50%;
}
.datapoints-import-dialog .content-row .date > div:last-child {
  width: 40%;
}
.datapoints-import-dialog .Table-widget {
  height: 250px;
}
.datapoints-import-dialog .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  height: 100%;
}
.datapoints-import-dialog .TextArea-widget {
  width: 100%;
  height: 250px;
}
.datapoints-export-dialog .body {
  padding: 15px;
  height: calc(100% - 32px) !important;
}
.datapoints-export-dialog .body .with-border {
  border: 1px solid #3387A5;
}
.datapoints-export-dialog .button-box {
  height: 100%;
}
.datapoints-export-dialog .content-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.datapoints-export-dialog .content-row > div {
  width: 280px;
}
.datapoints-export-dialog .content-row > div .InputField-widget,
.datapoints-export-dialog .content-row > div .newCombobox-widget,
.datapoints-export-dialog .content-row > div .input-label,
.datapoints-export-dialog .content-row > div .TextArea-widget {
  width: 100%;
}
.datapoints-export-dialog .content-row.side-by-side {
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 280px;
}
.datapoints-export-dialog .content-row.side-by-side > div {
  width: calc(280px - 31px);
}
.datapoints-export-dialog .content-row.side-by-side > button {
  width: 31px;
}
.datapoints-export-dialog .content-row .SortableList-widget {
  height: 250px;
  width: 100%;
}
.parameterization-ems-overview {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: #F2F8F9;
}
.parameterization-ems-overview .main-content {
  position: relative;
  height: 100%;
}
.parameterization-ems-overview .main-content .settings-groups {
  position: relative;
  height: calc(100% - 32px);
}
.parameterization-ems-overview .main-content .settings-groups.Accordion-widget {
  background-color: transparent;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content {
  padding: 20px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side {
  height: auto;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-wrapper {
  width: 200px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-connect {
  width: 50px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .TextArea-widget {
  width: 130px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .newCombobox-widget {
  width: 200px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .inputfield-input {
  width: 150px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .type-box {
  border: 1px solid #80b4c7;
  padding: 15px;
  background-color: white;
  max-height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .type-box > div {
  text-align: center;
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-connect {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-connect > .connector {
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-connect > .connector > .left-part {
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  width: 15px;
  height: 80px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-connect > .connector > .right-part {
  border: 1px solid black;
  height: 1px;
  width: 12px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-connect > div.factor-icon {
  font-size: 24px;
  font-weight: bold;
  color: black;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.recording-type .side-by-side .col-connect > div.factor-icon:before {
  content: "\f1a3";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.energysources {
  padding: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.energysources .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 200px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.energysources .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .newCombobox-widget {
  width: 100%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.energysources .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.center {
  text-align: center;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.energysources .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.energysources .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .okay-icon {
  font-weight: normal;
  font-size: 24px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.energysources .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .okay-icon:before {
  content: "\f16b";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.media-and-costs .side-by-side {
  height: 100px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.media-and-costs .side-by-side > .left {
  width: 65%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.media-and-costs .side-by-side > .right {
  width: 30%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.media-and-costs .price-category-combobox {
  width: 65%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.media-and-costs .description {
  height: 25px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.media-and-costs .input-label-substitute {
  height: 16px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .datapoint-picker-ems .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .datapoint-picker-ems .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li.datapointdialog-listentry {
  padding: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .datapoint-picker-ems .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 30px;
  padding-right: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .datapoint-picker-ems .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .datapoint-picker-ems .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 5px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 250px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .newCombobox-widget {
  width: 100%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .icon {
  font-size: 20px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .icon.addition:before {
  content: "\f171";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .icon.minus:before {
  content: "\f167";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.center {
  text-align: center;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .side-by-side {
  width: 100%;
  margin: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .side-by-side .InputField-widget {
  width: 100%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .data-point-picker {
  width: 100%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side {
  max-width: 772px;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side.data-point-picker {
  width: auto;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side > button {
  width: 65px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side.with-margin-left {
  margin-left: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side.with-margin-left .InputField-widget {
  margin-left: 80px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side .input-label {
  margin-bottom: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side .input-label.with-margin-left {
  margin-left: 28px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.calculation .side-by-side .division-line {
  width: 100%;
  height: 1px;
  border: 1px solid #cce1e9;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .side-by-side.period {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .side-by-side.period > div {
  margin-left: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .side-by-side.period > div.input-label {
  margin-bottom: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .side-by-side.period > div.DatePicker-widget {
  width: 150px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .side-by-side.period > div.newCombobox-widget {
  width: 200px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .side-by-side.period > div.align-center {
  margin-left: auto;
  margin-right: auto;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .scroll-content.with-padding {
  margin: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.control .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 200px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.mobile-recording .newCombobox-widget {
  width: 300px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.mobile-recording .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.mobile-recording .columns .column {
  margin-right: 20px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.mobile-recording .validation-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 300px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.mobile-recording .validation-value .input-label {
  margin-bottom: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.mobile-recording .validation-value > .InputField-widget {
  width: 120px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .side-by-side.period {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .side-by-side.period > div {
  margin-left: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .side-by-side.period > div.input-label {
  margin-bottom: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .side-by-side.period > div.DatePicker-widget {
  width: 180px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .side-by-side.period > div.newCombobox-widget {
  width: 280px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .scroll-content.with-padding {
  margin: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 200px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .count-of-selected-items {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  color: #00698F;
  float: left;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .footer.save-cancel-area .button {
  font-size: 24px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  min-width: 50px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  border: 0px;
  border-left: 1px solid #3387A5;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .footer .Pagination-widget {
  float: left;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.quarantine .transfer-button:before {
  content: "\f195";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .side-by-side.period {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .side-by-side.period > div {
  margin-left: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .side-by-side.period > div.input-label {
  margin-bottom: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .side-by-side.period > div.DatePicker-widget {
  width: 180px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .side-by-side.period > div.newCombobox-widget {
  width: 280px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .edit-button:before {
  content: "\f13d";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .edit-button.active {
  background-color: #3387a5;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .scroll-content.with-padding {
  margin: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 200px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell .time-input {
  width: 115px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.fill > input {
  width: 100%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .Table-widget .Table-table-container .Table-table-row .Table-table-column .table-cell.center {
  text-align: center;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .select-option-to-send .input-label {
  display: inline-block;
  margin-left: 10px;
  margin-right: 64px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .select-option-to-send .input-label:first-child {
  margin: auto 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .select-option-to-send .input-label:last-child {
  margin-right: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .count-of-selected-items {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  color: #00698F;
  float: left;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .footer.save-cancel-area .button {
  font-size: 24px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  min-width: 50px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  border: 0px;
  border-left: 1px solid #3387A5;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.datapoint-values .footer .Pagination-widget {
  float: left;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.alarms {
  padding: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters {
  padding: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-details-row {
  background-color: #B3D2DD;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters .Table-widget .Table-content .Table-item-table-div.scroll-wrapper {
  max-height: 370px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.fill {
  width: 100%;
  padding: 0;
  line-height: 31px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget {
  padding-top: 1px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters .Table-widget .Table-content .Table-item-table-div .Table-table-container .Table-table-row .Table-table-column .table-cell.DatePicker-widget .DatePicker-widget-container {
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters .scroll-content .Accordion-widget .scroll-content.with-border {
  border: 1px solid #3387A5;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.meters .NotificationLayer-widget {
  min-height: 100px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns {
  position: relative;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column {
  display: inline-block;
  min-width: 300px;
  vertical-align: top;
  margin-right: 40px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column:last-child {
  margin-right: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .content-row .TextArea-widget {
  height: 106px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .option {
  margin-top: 22px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .datapointaddress-button,
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .test-button {
  min-width: 200px;
  max-width: 300px;
  margin-top: 22px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .datapointaddress-button.opc-connection {
  margin-top: 96px;
  margin-bottom: 74px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .datapointaddress-button.data-logger-connection {
  margin-top: 96px;
  margin-bottom: 74px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .timer-description {
  width: 300px;
  margin-top: 6px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content.general .columns .column .timer-description span {
  display: inline;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .content-row {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  width: 300px;
  margin: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .vertical-spacer {
  height: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .large-vertical-spacer {
  height: 20px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .with-margin-left {
  margin-left: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .with-margin-right {
  margin-right: 10px;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .with-border {
  border: 1px solid #3387A5;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .side-by-side {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker {
  width: 300px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .InputField-widget {
  width: 100%;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .InputField-widget .inputfield-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .dataPointName {
  width: 100%;
  height: 32px;
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  border: solid 1px #B3D2DD;
  font-size: 12px;
  color: #80B4C7;
  line-height: 30px;
  background-color: transparent;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .dataPointName.validationElement .exclamation-mark {
  display: none;
  width: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .picker-icon {
  border-left: none;
  font-size: 24px;
  width: 44px;
  padding: 0;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .picker-icon:before {
  content: "\f12f";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .detach-icon {
  width: 31px;
  font-size: 31px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  height: 32px;
  padding: 0;
  color: #005978;
  background-color: transparent;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .detach-icon:before {
  content: "\f1a3";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .detach-icon:active,
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .detach-icon:hover {
  color: #FFFFFF;
  background-color: #B3D2DD;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .detach-icon.disabled {
  color: #80B4C7;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .detach-icon.disabled:hover {
  background-color: transparent;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .btnDelete {
  width: 31px;
  color: #005978;
  font-size: 31px;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .btnDelete:before {
  content: "\f1a3";
}
.parameterization-ems-overview .main-content .settings-groups .settings-group-content .data-point-picker .btnDelete.disabled {
  color: #cce1e9;
}
.parameterization-ems-overview .main-content .footer {
  width: 100%;
  height: 32px;
  border-top: 1px solid #3387A5;
}
.parameterization-ems-overview .main-content .footer .button {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  min-width: 100px;
  display: inline-block;
  height: 100%;
  margin: 0px;
  padding: 0 20px 0 20px;
  float: right;
  border: 0px;
  border-left: 1px solid #3387A5;
}
.parameterization-ems-overview .main-content .footer .button[disabled] {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
}
.parameterization-ems-overview .main-content .footer .button[disabled]:hover {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  background-color: #F2F8F9;
}
.parameterization-ems-overview .main-content .footer .button:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.contentManagement-widget .content-management {
  position: relative;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.contentManagement-widget .content-management .glyph-icon.add {
  font-size: 46px;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  position: relative;
}
.contentManagement-widget .content-management .glyph-icon.add:before {
  content: "\f172";
}
.contentManagement-widget .content-management .glyph-icon.add:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.contentManagement-widget .content-management .content-item-list {
  width: 620px;
  display: inline-block;
}
.contentManagement-widget .content-management .content-item-list .no-content {
  height: 32px;
  padding-top: 10px;
}
.contentManagement-widget .content-management .content-item-list .content-item .two-column .column .file-picker {
  border: 1px solid #80B4C7;
}
.contentManagement-widget .content-management .content-item-list .content-item .two-column .column .file-picker .file-name {
  width: 266px;
  height: 32px;
  background-color: #FFFFFF;
  padding: 8px 10px 8px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.contentManagement-widget .content-management .content-item-list .content-item .two-column .column .file-picker .glyph-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
}
.contentManagement-widget .content-management .content-item-list .content-item .two-column .column .file-picker .glyph-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.contentManagement-widget .content-management .content-item-list .content-item .two-column .column .file-picker .glyph-icon.file {
  font-size: 24px;
  padding: 0;
  float: right;
  border: none;
  border-left: 1px solid #80B4C7;
}
.contentManagement-widget .content-management .content-item-list .content-item .two-column .column .file-picker .glyph-icon.file:before {
  content: "\f116";
}
.contentManagement-widget .content-management .content-item-list .content-item {
  margin-bottom: 20px;
}
.contentManagement-widget .content-management .content-item-list .content-item .header {
  height: 32px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.contentManagement-widget .content-management .content-item-list .content-item .header > div:last-child {
  padding-top: 10px;
}
.contentManagement-widget .content-management .content-item-list .content-item .header .glyph-icon.options {
  font-size: 32px;
  float: right;
}
.contentManagement-widget .content-management .content-item-list .content-item .header .glyph-icon.options:before {
  content: "\f143";
}
.contentManagement-widget .content-management .content-item-list .content-item .title {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
}
.contentManagement-widget .content-management .content-item-list .content-item .title .InputField-widget {
  width: 300px;
}
.contentManagement-widget .content-management .content-item-list .content-item > .two-column:before,
.contentManagement-widget .content-management .content-item-list .content-item > .two-column:after {
  content: " ";
  display: table;
}
.contentManagement-widget .content-management .content-item-list .content-item > .two-column:after {
  clear: both;
}
.contentManagement-widget .content-management .content-item-list .content-item > .two-column:before,
.contentManagement-widget .content-management .content-item-list .content-item > .two-column:after {
  content: " ";
  display: table;
}
.contentManagement-widget .content-management .content-item-list .content-item > .two-column:after {
  clear: both;
}
.contentManagement-widget .content-management .content-item-list .content-item > .two-column > .column {
  display: inline-block;
  width: 300px;
}
.contentManagement-widget .content-management .content-item-list .content-item > .two-column > .column:first-child {
  margin-right: 20px;
  float: left;
}
.contentManagement-widget .content-management .NotificationLayer-widget {
  min-height: 100px;
}
.content-management-add-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.content-management-add-popup .popup-binding-container-content .add-type {
  padding: 0px 10px 0px 0px;
}
.content-management-add-popup .popup-binding-container-content .add-type:hover {
  background-color: #80B4C7;
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon.text {
  font-size: 20px;
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon.text:before {
  content: "\f193";
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon.link {
  font-size: 24px;
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon.link:before {
  content: "\f19c";
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon.file {
  font-size: 24px;
}
.content-management-add-popup .popup-binding-container-content .add-type .glyph-icon.file:before {
  content: "\f116";
}
.content-management-options-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.content-management-options-popup .popup-binding-container-content .option {
  padding: 5px 10px 5px 5px;
}
.content-management-options-popup .popup-binding-container-content .option:hover {
  background-color: #80B4C7;
}
.data-models-widget {
  max-width: 1000px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-header {
  background-color: #CCE1E9;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row {
  height: auto;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row.Table-odd-row:hover {
  background-color: #E6F0F4;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row.Table-even-row:hover {
  background-color: #F2F8F9;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container {
  height: auto;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column {
  cursor: default !important;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell {
  height: auto;
  padding: 0 20px 15px 20px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .Checkbox-checkbox.glyph-icon.large {
  margin-top: -2px;
  margin-right: 10px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .data-point-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .data-point-row .newCombobox-widget {
  width: 40%;
  margin-left: 5px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .data-point-row .InputField-widget {
  -ms-flex: 1;
      flex: 1;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .data-point-row .InputField-widget.invalid .inputfield-input.input-readonly {
  border-color: #F20C0C;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .data-point-row .button.glyph-icon.picker-icon {
  border-left: none;
  font-size: 24px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .data-point-row .button.glyph-icon.picker-icon:before {
  content: "\f12f";
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .date-picker {
  display: -ms-flexbox;
  display: flex;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .radio-buttons {
  display: -ms-flexbox;
  display: flex;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .radio-buttons .input-label-pair {
  margin-right: 30px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .radio-buttons .input-label-pair .checkbox-label {
  margin-left: 5px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .TextArea-widget {
  height: 80px;
}
.data-models-widget .elements-table .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell .DatePicker-widget {
  width: 225px;
}
.data-models-widget .with-border {
  border: 1px solid #3387A5;
}
.data-models-widget .with-border .Table-expanded-row .Table-details-row {
  background-color: #B3D2DD;
}
.data-models-widget .with-border .Table-expanded-row .Table-table-column:nth-of-type(3) {
  background-color: #F2F8F9;
}
.data-models-widget .inputfield-input {
  margin-top: -1px;
}
.bacnet-properties-table-widget {
  padding: 0;
}
.bacnet-properties-table-widget .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .no-padding {
  padding: 0;
}
.bacnet-properties-table-widget .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .no-padding input {
  text-overflow: ellipsis;
  height: 29px;
  margin-left: 10px;
  width: calc(100% - 20px);
}
.bacnet-properties-table-widget .inline-input {
  display: inline;
}
.bacnet-properties-table-widget .label {
  padding-left: 10px;
  padding-right: 10px;
}
.bacnet-properties-table-widget .prio-input {
  display: inline;
  width: 80px;
}
.bacnet-properties-table-widget .flex-container {
  display: -ms-flexbox;
  display: flex;
}
.logbuffer-table-widget {
  padding: 0;
}
.logbuffer-table-widget .filter-area {
  height: 140px;
  padding: 10px;
}
.logbuffer-table-widget .filter-area .left {
  width: 300px;
  float: left;
}
.logbuffer-table-widget .filter-area .left .range-combobox {
  width: 200px;
  float: left;
  margin-right: 10px;
}
.logbuffer-table-widget .filter-area .left .update-button {
  float: left;
}
.logbuffer-table-widget .filter-area .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.logbuffer-table-widget .filter-area .vertical-spacer {
  height: 10px;
}
.logbuffer-table-widget .filter-area .right {
  width: 300px;
  float: right;
}
.logbuffer-table-widget .filter-area .right .time-container {
  width: 300px;
}
.logbuffer-table-widget .filter-area .right .time-container .DatePicker-widget {
  width: 115px;
  maring: 0;
  float: left;
  margin-right: 5px;
}
.logbuffer-table-widget .filter-area .right .time-container .time-picker {
  float: left;
  margin-right: 5px;
}
.logbuffer-table-widget .filter-area .right .time-container .time-picker .InputField-widget {
  display: inline-block;
  width: 50%;
}
.logbuffer-table-widget .filter-area .right .time-container .button-short {
  width: 105px;
}
.logbuffer-table-widget .result-area {
  position: relative;
}
.logbuffer-table-widget .result-area .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .no-padding {
  padding: 0;
}
.logbuffer-table-widget .result-area .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .no-padding input {
  text-overflow: ellipsis;
  height: 29px;
  margin-left: 10px;
  width: calc(100% - 20px);
}
.logbuffer-table-widget .result-area .detail-table .with-border {
  border: 1px solid #3387A5;
  border-top: 0px;
}
.logbuffer-table-widget .result-area .detail-table .Table-widget {
  height: 100%;
}
.logbuffer-table-widget .result-area .inline-input {
  display: inline;
}
.logbuffer-table-widget .result-area .label {
  padding-left: 10px;
  padding-right: 10px;
}
.logbuffer-table-widget .result-area .prio-input {
  display: inline;
  width: 80px;
}
.logbuffer-table-widget .result-area .flex-container {
  display: -ms-flexbox;
  display: flex;
}
.audit-query-widget {
  padding: 0;
}
.audit-query-widget .filter-area {
  height: 140px;
  padding: 10px;
}
.audit-query-widget .filter-area .Checkbox-widget {
  margin-right: 10px;
}
.audit-query-widget .filter-area .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: inline-block;
  text-align: start;
  line-height: 36px;
}
.audit-query-widget .filter-area .padding-left {
  padding-left: 46px;
}
.audit-query-widget .filter-area .left-big {
  width: 300px;
  float: left;
  height: 36px;
}
.audit-query-widget .filter-area .right-big {
  width: 300px;
  float: right;
  height: 36px;
}
.audit-query-widget .filter-area .left {
  width: 200px;
  float: left;
  height: 36px;
}
.audit-query-widget .filter-area .large-vertical-spacer {
  height: 20px;
}
.audit-query-widget .filter-area .bottomcss {
  position: relative;
}
.audit-query-widget .filter-area .right {
  width: 200px;
  float: right;
  height: 36px;
}
.audit-query-widget .filter-area .right .update-button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.audit-query-widget .filter-area .right .time-container {
  width: 300px;
}
.audit-query-widget .filter-area .right .time-container .DatePicker-widget {
  width: 115px;
  maring: 0;
  float: left;
  margin-right: 5px;
}
.audit-query-widget .filter-area .right .time-container .time-picker {
  float: left;
  margin-right: 5px;
}
.audit-query-widget .filter-area .right .time-container .time-picker .InputField-widget {
  display: inline-block;
  width: 50%;
}
.audit-query-widget .filter-area .right .time-container .button-short {
  width: 105px;
}
.audit-query-widget .result-area {
  position: relative;
}
.audit-query-widget .result-area .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .no-padding {
  padding: 0;
}
.audit-query-widget .result-area .Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .no-padding input {
  text-overflow: ellipsis;
  height: 29px;
  margin-left: 10px;
  width: calc(100% - 20px);
}
.audit-query-widget .result-area .detail-table .with-border {
  border: 1px solid #3387A5;
  border-top: 0px;
}
.audit-query-widget .result-area .detail-table .Table-widget {
  height: 100%;
}
.audit-query-widget .result-area .inline-input {
  display: inline;
}
.audit-query-widget .result-area .label {
  padding-left: 10px;
  padding-right: 10px;
}
.audit-query-widget .result-area .prio-input {
  display: inline;
  width: 80px;
}
.audit-query-widget .result-area .flex-container {
  display: -ms-flexbox;
  display: flex;
}
.audit-query-result .body {
  padding: 0;
  position: relative;
}
.audit-query-result .Table-widget {
  height: 615px;
}
.audit-query-result .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu {
  margin-bottom: 2px;
}
.audit-query-result .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu li.datapointdialog-listentry {
  padding: 0;
}
.audit-query-result .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back {
  padding-left: 30px;
  padding-right: 10px;
}
.audit-query-result .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  content: "\f137";
}
.audit-query-result .SlidingList-widget.lookalike .sliding-container .List-widget ul.list-menu .navigate-back:before {
  left: 5px;
}
.alarmMessage-widget .alarm-message-container .glyph-icon.add {
  font-size: 46px;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  position: relative;
  margin-top: 5px;
}
.alarmMessage-widget .alarm-message-container .glyph-icon.add:before {
  content: "\f172";
}
.alarmMessage-widget .alarm-message-container .glyph-icon.add:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.alarmmessage-widget-placeholder-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.alarmmessage-widget-placeholder-popup .popup-binding-container-content .placeholder {
  padding: 5px 10px 5px 5px;
}
.alarmmessage-widget-placeholder-popup .popup-binding-container-content .placeholder:hover {
  background-color: #80B4C7;
}
.alarmsEms-widget .alarms-ems {
  position: relative;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.alarmsEms-widget .alarms-ems .alarm-header {
  width: 100%;
  height: 32px;
  background-color: #CCE1E9;
  margin-bottom: 1px;
}
.alarmsEms-widget .alarms-ems .alarm-header > div {
  display: inline-block;
  height: 32px;
  line-height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-header .title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  width: 200px;
  padding-left: 20px;
}
.alarmsEms-widget .alarms-ems .alarm-header .inactive {
  float: right;
  width: 100px;
  padding-left: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-header .glyph-icon.add {
  font-size: 46px;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  position: relative;
}
.alarmsEms-widget .alarms-ems .alarm-header .glyph-icon.add:before {
  content: "\f172";
}
.alarmsEms-widget .alarms-ems .alarm-header .glyph-icon.add:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.alarmsEms-widget .alarms-ems .alarm-list {
  width: 100%;
}
.alarmsEms-widget .alarms-ems .alarm-list .no-alarms {
  position: relative;
  height: 80px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .longer-combobox.newCombobox-widget {
  width: 435px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays {
  position: relative;
  height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday {
  position: absolute;
  width: calc(100% / 7);
  height: 100%;
  top: 0;
  background-color: #FFFFFF;
  border-right: 1px solid #F2F8F9;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:hover {
  background-color: #F2F8F9;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:active {
  background-color: #CCE1E9;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(1) {
  left: calc(100% / 7 * 0);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(2) {
  left: calc(100% / 7 * 1);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(3) {
  left: calc(100% / 7 * 2);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(4) {
  left: calc(100% / 7 * 3);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(5) {
  left: calc(100% / 7 * 4);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(6) {
  left: calc(100% / 7 * 5);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(7) {
  left: calc(100% / 7 * 6);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .Checkbox-widget {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .Checkbox-widget .Checkbox-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .day-name {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .indicator {
  position: absolute;
  width: calc(100% - 50px);
  height: 100%;
  background-color: #B3D2DD;
  margin: 0 25px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:not(.checked) .indicator {
  display: none;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.whole-day .weekday .indicator {
  width: 100%;
  margin: 0;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled .weekday {
  background-color: #B3D2DD;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled .weekday .Checkbox-widget {
  display: none;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled .weekday .indicator {
  background-color: #008C00;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled.whole-day .weekday.checked .day-name {
  color: #FFFFFF;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .recording {
  height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .recording div {
  display: inline-block;
  height: 100%;
  padding: 8px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .recording .name {
  width: calc(100% / 7 * 2);
  border-right: 1px solid #F2F8F9;
  background-color: #B3D2DD;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .location-data-point .recording .description {
  max-width: calc(100% / 7 * 5 - 5px);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .location-data-point {
  margin-bottom: 40px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .location-data-point .left {
  display: inline-block;
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 5px;
  line-height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .location-data-point .middle {
  display: inline-block;
  width: calc(100% - 300px);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .location-data-point .middle .InputField-widget {
  display: inline-block;
  float: left;
  width: 145px;
  margin-right: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .location-data-point .middle .Checkbox-widget {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-left: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .location-data-point .middle .checkbox-label {
  display: inline-block;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .location-data-point .middle .newCombobox-widget {
  display: inline-block;
  width: 300px;
  vertical-align: middle;
  margin-right: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .location-data-point .function-value {
  margin-bottom: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .location-data-point .function-value .InputField-widget {
  display: inline-block;
  width: 50px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .location-data-point .operation .newCombobox-widget {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  margin-right: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .location-data-point .operation .InputField-widget {
  display: inline-block;
  width: 50px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point svg {
  overflow: visible;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .line {
  stroke: #000000;
  stroke-width: 1;
  fill: none;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .red-bar {
  fill: #F20C0C;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .green-bar {
  fill: #008C00;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .bar-background {
  fill: #CCE1E9;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .dot {
  fill: #000000;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .axis path,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .axis line {
  fill: none;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .axis text {
  fill: #B3D2DD;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .time-interval-chooser {
  height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .time-interval-chooser .selected-time-interval-label {
  line-height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point {
  margin-bottom: 40px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row {
  width: 100%;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .left {
  display: inline-block;
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 5px;
  line-height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .left.interval {
  margin-top: 22px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle {
  display: inline-block;
  width: calc(100% - 300px);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .climate-corrected {
  display: inline-block;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .period-offset {
  display: inline-block;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .period-offset > div {
  display: inline-block;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .period-offset .InputField-widget {
  display: inline-block;
  margin: 0 5px;
  width: 50px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .newCombobox-widget {
  display: inline-block;
  width: 145px;
  vertical-align: middle;
  margin-right: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .Checkbox-widget {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-left: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .Checkbox-widget.separate-limits {
  margin-left: 50px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .checkbox-label {
  display: inline-block;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle.monitored-elements .newCombobox-widget {
  margin-right: 20px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval {
  position: relative;
  height: 54px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval .weekday,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval .month {
  position: absolute;
  height: 100%;
  top: 0;
  border-right: 1px solid transparent;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval .weekday .input-label,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval .month .input-label {
  text-align: center;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval .weekday .InputField-widget input,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval .month .InputField-widget input {
  text-align: center;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday {
  width: calc(100% / 7);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday:nth-child(1) {
  left: calc(100% / 7 * 0);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday:nth-child(2) {
  left: calc(100% / 7 * 1);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday:nth-child(3) {
  left: calc(100% / 7 * 2);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday:nth-child(4) {
  left: calc(100% / 7 * 3);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday:nth-child(5) {
  left: calc(100% / 7 * 4);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday:nth-child(6) {
  left: calc(100% / 7 * 5);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.days .weekday:nth-child(7) {
  left: calc(100% / 7 * 6);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month {
  width: calc(100% / 12);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(1) {
  left: calc(100% / 12 * 0);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(2) {
  left: calc(100% / 12 * 1);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(3) {
  left: calc(100% / 12 * 2);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(4) {
  left: calc(100% / 12 * 3);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(5) {
  left: calc(100% / 12 * 4);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(6) {
  left: calc(100% / 12 * 5);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(7) {
  left: calc(100% / 12 * 6);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(8) {
  left: calc(100% / 12 * 7);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(9) {
  left: calc(100% / 12 * 8);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(10) {
  left: calc(100% / 12 * 9);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(11) {
  left: calc(100% / 12 * 10);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.months .month:nth-child(12) {
  left: calc(100% / 12 * 11);
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.years .input-label {
  width: 300px;
  text-align: center;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.years .InputField-widget {
  width: 300px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .middle .interval.years .InputField-widget input {
  text-align: center;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right {
  display: inline-block;
  float: right;
  width: 100px;
  text-align: left;
  padding-left: 5px;
  line-height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button {
  background-color: #99C3D2;
  color: #005978;
  margin-top: 22px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button:active,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button:hover,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button:disabled,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button:disabled:active,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button.expand:before {
  content: "\f10d";
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top .non-location-data-point .content-row .right .button.condense:before {
  content: "\f110";
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .non-location-data-point .function-value {
  margin-bottom: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .non-location-data-point .function-value .InputField-widget {
  display: inline-block;
  width: 50px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .non-location-data-point .chart {
  height: 100%;
  min-height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .non-location-data-point .operation .newCombobox-widget {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  margin-right: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .special-properties .non-location-data-point .operation .InputField-widget {
  display: inline-block;
  width: 50px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .parent-drop-zone .upper-drop-zone,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .parent-drop-zone .lower-drop-zone {
  display: none;
  width: 100%;
  height: 32px;
  background-color: #CCE1E9;
  margin-bottom: 1px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .parent-drop-zone .upper-drop-zone.highlight,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .parent-drop-zone .lower-drop-zone.highlight {
  background-color: #B3D2DD;
  border: 1px solid #4D96B0;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .parent-drop-zone.drag-over .upper-drop-zone.visible,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .parent-drop-zone.drag-over .lower-drop-zone.visible {
  display: block;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header {
  width: 100%;
  height: 32px;
  position: relative;
  margin-bottom: 1px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header.expanded {
  height: 300px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header.expanded .graphical-display .non-location-data-point {
  height: 100%;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header.expanded .graphical-display .non-location-data-point .chart {
  height: calc(100% - 32px);
  position: relative;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .name {
  width: 200px;
  height: 100%;
  line-height: 32px;
  padding-left: 20px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .name .glyph-icon.options {
  font-size: 32px;
  float: right;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .name .glyph-icon.options:before {
  content: "\f143";
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display {
  position: absolute;
  width: calc(100% - 300px);
  height: 100%;
  top: 0;
  left: 200px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point {
  height: 100%;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .graphical-display .non-location-data-point .chart {
  height: 100%;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .active {
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .active .Checkbox-widget {
  display: inline-block;
  margin-left: 20px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .active .glyph-icon.drag {
  display: inline-block;
  font-size: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .header .active .glyph-icon.drag:before {
  content: "\f13a";
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 1px;
  background-color: #E6F0F4;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .Checkbox-widget {
  margin-right: 10px;
  float: left;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .checkbox-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .content-row {
  margin-bottom: 20px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .content-row.small-space {
  margin-bottom: 10px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details .top {
  width: 100%;
  margin-bottom: 20px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column {
  width: 100%;
  margin-left: 200px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column:before,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column:after {
  content: " ";
  display: table;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column:after {
  clear: both;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column:before,
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column:after {
  content: " ";
  display: table;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column:after {
  clear: both;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column > .column {
  display: inline-block;
  width: 300px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column > .column.common-properties {
  margin-right: 20px;
  float: left;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column > .column.common-properties .priority {
  position: relative;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column > .column.common-properties .priority .color-block {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 19px;
  height: 30px;
}
.alarmsEms-widget .alarms-ems .alarm-list .alarm-row .details > .two-column > .column.common-properties .priority .InputField-widget input {
  padding-left: 25px;
}
.alarmsEms-widget .alarms-ems .no-data {
  height: 80px;
}
.alarms-ems-add-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.alarms-ems-add-popup .popup-binding-container-content .add-type {
  padding: 5px 10px 5px 5px;
}
.alarms-ems-add-popup .popup-binding-container-content .add-type:hover {
  background-color: #80B4C7;
}
.alarms-ems-options-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.alarms-ems-options-popup .popup-binding-container-content .option {
  padding: 5px 10px 5px 5px;
}
.alarms-ems-options-popup .popup-binding-container-content .option:hover {
  background-color: #80B4C7;
}
.alarmsEmsGlobal-widget .alarms-ems-global {
  position: relative;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-header {
  width: 100%;
  height: 32px;
  background-color: #CCE1E9;
  margin-bottom: 1px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-header > div {
  display: inline-block;
  height: 32px;
  line-height: 32px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-header .title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  width: 200px;
  padding-left: 20px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-header .inactive {
  float: right;
  width: 100px;
  padding-left: 10px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-header .glyph-icon.add {
  font-size: 46px;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  position: relative;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-header .glyph-icon.add:before {
  content: "\f172";
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-header .glyph-icon.add:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list {
  width: 100%;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .no-alarms {
  position: relative;
  height: 80px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .longer-combobox.newCombobox-widget {
  width: 425px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays {
  position: relative;
  height: 32px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday {
  position: absolute;
  width: calc(100% / 7);
  height: 100%;
  top: 0;
  background-color: #FFFFFF;
  border-right: 1px solid #F2F8F9;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(1) {
  left: calc(100% / 7 * 0);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(2) {
  left: calc(100% / 7 * 1);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(3) {
  left: calc(100% / 7 * 2);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(4) {
  left: calc(100% / 7 * 3);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(5) {
  left: calc(100% / 7 * 4);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(6) {
  left: calc(100% / 7 * 5);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:nth-child(7) {
  left: calc(100% / 7 * 6);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .Checkbox-widget {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .Checkbox-widget .Checkbox-checkbox {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: default !important;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .Checkbox-widget .Checkbox-checkbox.glyph-icon {
  color: #000000;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .day-name {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday .indicator {
  position: absolute;
  width: calc(100% - 50px);
  height: 100%;
  background-color: #B3D2DD;
  margin: 0 25px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays .weekday:not(.checked) .indicator {
  display: none;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.whole-day .weekday .indicator {
  width: 100%;
  margin: 0;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled .weekday {
  background-color: #B3D2DD;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled .weekday .Checkbox-widget {
  display: none;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled .weekday .indicator {
  background-color: #008C00;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .weekdays.disabled.whole-day .weekday.checked .day-name {
  color: #FFFFFF;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .recording {
  height: 32px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .recording div {
  display: inline-block;
  height: 100%;
  padding: 8px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .recording .name {
  width: calc(100% / 7 * 2);
  border-right: 1px solid #F2F8F9;
  background-color: #B3D2DD;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .location-data-point .recording .description {
  max-width: calc(100% / 7 * 5 - 5px);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top .location-data-point {
  margin-bottom: 40px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top .location-data-point .left {
  display: inline-block;
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 5px;
  line-height: 32px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top .location-data-point .middle {
  display: inline-block;
  width: calc(100% - 300px);
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top .location-data-point .middle .InputField-widget {
  display: inline-block;
  float: left;
  width: 145px;
  margin-right: 10px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top .location-data-point .middle .Checkbox-widget {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-left: 10px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top .location-data-point .middle .checkbox-label {
  display: inline-block;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top .location-data-point .middle .newCombobox-widget {
  display: inline-block;
  width: 300px;
  vertical-align: middle;
  margin-right: 10px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .special-properties .location-data-point .function-value {
  margin-bottom: 10px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .special-properties .location-data-point .function-value .InputField-widget {
  display: inline-block;
  width: 50px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .special-properties .location-data-point .operation .newCombobox-widget {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  margin-right: 10px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .special-properties .location-data-point .operation .InputField-widget {
  display: inline-block;
  width: 50px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header {
  width: 100%;
  height: 32px;
  position: relative;
  margin-bottom: 1px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header.expanded {
  height: 300px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header.expanded .graphical-display .non-location-data-point {
  height: 100%;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header.expanded .graphical-display .non-location-data-point .chart {
  height: calc(100% - 32px);
  position: relative;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .name {
  width: 200px;
  height: 100%;
  line-height: 32px;
  padding-left: 20px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .name .glyph-icon.options {
  font-size: 32px;
  float: right;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .name .glyph-icon.options:before {
  content: "\f143";
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display {
  position: absolute;
  width: calc(100% - 300px);
  height: 100%;
  top: 0;
  left: 200px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .non-location-data-point {
  height: 100%;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .graphical-display .non-location-data-point .chart {
  height: 100%;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .active {
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .active .Checkbox-widget {
  display: inline-block;
  margin-left: 20px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .header .active .Checkbox-widget .Checkbox-checkbox {
  cursor: default !important;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 1px;
  background-color: #E6F0F4;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .input-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: block;
  margin-bottom: 6px;
  text-align: start;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .Checkbox-widget {
  margin-right: 10px;
  float: left;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .checkbox-label {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .content-row {
  margin-bottom: 20px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .content-row.small-space {
  margin-bottom: 10px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details .top {
  width: 100%;
  margin-bottom: 20px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column {
  width: 100%;
  margin-left: 200px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column:before,
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column:after {
  content: " ";
  display: table;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column:after {
  clear: both;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column:before,
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column:after {
  content: " ";
  display: table;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column:after {
  clear: both;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column > .column {
  display: inline-block;
  width: 300px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column > .column.common-properties {
  margin-right: 20px;
  float: left;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column > .column.common-properties .priority {
  position: relative;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column > .column.common-properties .priority .color-block {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 19px;
  height: 30px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .alarm-list .alarm-row .details > .two-column > .column.common-properties .priority .InputField-widget input {
  padding-left: 25px;
}
.alarmsEmsGlobal-widget .alarms-ems-global .no-data {
  height: 80px;
}
.alarms-ems-add-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.alarms-ems-add-popup .popup-binding-container-content .add-type {
  padding: 5px 10px 5px 5px;
}
.alarms-ems-add-popup .popup-binding-container-content .add-type:hover {
  background-color: #80B4C7;
}
.alarms-ems-options-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.alarms-ems-options-popup .popup-binding-container-content .option {
  padding: 5px 10px 5px 5px;
}
.alarms-ems-options-popup .popup-binding-container-content .option:hover {
  background-color: #80B4C7;
}
.monthView-widget {
  display: inline-block;
}
.monthView-widget table {
  border-spacing: 0;
}
.monthView-widget .tile {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.monthView-widget .tile.information {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
}
.monthView-widget .tile.day {
  background-color: #FFFFFF;
  border-top: solid 1px #F2F8F9;
  border-left: solid 1px #F2F8F9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: inherit;
}
.monthView-widget .tile.day.selected-week {
  background-color: #E6F0F4;
}
.monthView-widget .tile.day.other-month {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
  background-color: inherit;
}
.monthView-widget .tile.day.selected {
  background-color: #80B4C7;
}
.monthView-widget .tile.day.today {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: inherit;
}
.yearView-widget {
  display: block;
}
.yearView-widget .year-view-widget-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  min-height: 100%;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding: 20px 10px 10px;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  -ms-flex-align: stretch;
      align-items: stretch;
  min-height: 100%;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget {
  min-height: 280px;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view {
  display: inline-block;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view table {
  border-spacing: 0;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile {
  width: 32px;
  height: 32px;
  line-height: 38px;
  text-align: center;
  vertical-align: middle;
  padding: 0 0 6px 0;
  margin: 0;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile.information {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile.day {
  background-color: #FFFFFF;
  border-top: solid 1px #F2F8F9;
  border-left: solid 1px #F2F8F9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: inherit;
  position: relative;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile.day.selected-week {
  background-color: #E6F0F4;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile.day.other-month {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
  background-color: inherit;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile.day.in-the-past {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
  line-height: inherit;
  background-color: #E6E6E6;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile.day.selected {
  background-color: #80B4C7;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-view-widget .month-view .tile.day.today {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: inherit;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container {
  padding: 10px;
  /*
         *Z-indices of the exception layers
        */
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .label {
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
  text-align: center;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs {
  height: 6px;
  max-height: 6px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs > div {
  overflow: hidden;
  box-sizing: border-box;
  border: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs > div > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs > div > div:only-child {
  height: 6px;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs > div > div > .program-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs > div > div > .program-indicator.time-schedule-segment-value-null {
  background-color: #E6F0F4;
  /*background-image: url("assets/Hintergrund-Zeitprogramme.png");*/
  background-repeat: repeat;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs > div > div > .program-indicator.time-schedule-segment-value-one {
  background-color: #008C00;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs > div > div > .program-indicator.time-schedule-segment-value-two {
  background-color: #004588;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-15 {
  background-color: #004588;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-14 {
  background-color: #CC0000;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-13 {
  background-color: #FF6600;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-12 {
  background-color: #FFCC00;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-11 {
  background-color: #FFF400;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-10 {
  background-color: #008C00;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-9 {
  background-color: #33CC33;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-8 {
  background-color: #00A0FF;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-7 {
  background-color: #FF6699;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-6 {
  background-color: #660099;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-5 {
  background-color: #996633;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-4 {
  background-color: #666666;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-3 {
  background-color: #CC33CC;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-2 {
  background-color: #BBDDFF;
}
.yearView-widget .year-view-widget-wrapper .year-view-widget .month-container .programs .program-indicator-1 {
  background-color: #DAA671;
}
.day-view-widget {
  position: relative;
  width: 100%;
  height: 100%;
}
.day-view-widget .layer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.day-view-widget .layer.background .time-scale {
  height: 30px;
  border-bottom: 2px solid #E6F0F4;
}
.day-view-widget .layer.background .current-time-line {
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 2px solid #00698F;
}
.day-view-widget .layer.foreground .appointment {
  position: absolute;
}
.appointment-wrapper {
  width: calc(100% - 2px);
  margin-left: 2px;
  height: 100%;
  border-left: 10px solid #005978;
  background-color: #80B4C7;
  color: #000000;
  overflow: hidden;
}
.appointment-wrapper > div {
  width: 100%;
  padding: 5px 5px 0;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.appointment-wrapper .title {
  font-weight: bold;
}
.multiSelectButtonBar-widget .button-bar-button {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #005978;
  border-right: 0;
  color: #000000;
  text-align: center;
  line-height: 32px;
  background-color: #FFFFFF;
}
.multiSelectButtonBar-widget .button-bar-button:last-child {
  border-right: 1px solid #005978;
}
.multiSelectButtonBar-widget .button-bar-button.isSelected {
  background-color: #80B4C7;
}
.multiSelectButtonBar-widget .button-bar-button:hover {
  background-color: #3387A5;
}
.multiSelectButtonBar-widget .button-bar-button:active {
  background-color: #005978;
  color: #FFFFFF;
}
.clocktime-widget .clocktime-container {
  position: relative;
  width: 70px;
}
.clocktime-widget .clocktime-container .hours,
.clocktime-widget .clocktime-container .minutes {
  float: left;
  width: 50%;
}
.clocktime-widget .clocktime-container .hours input {
  border-right: 0;
}
.clocktime-widget .clocktime-container .minutes input {
  border-left: 0;
}
.clocktime-widget .clocktime-container .colon {
  height: 32px;
  line-height: 32px;
  position: absolute;
  left: 50%;
  right: 50%;
}
.carpetplot-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.carpetplot-container .carpetplot-plot {
  height: 100%;
  width: 100%;
}
.carpetplot-container .carpetplot-plot .clickable {
  cursor: pointer;
}
.carpetplot-container .carpetplot-highlighter {
  position: absolute;
  border: 1px dashed #FFFFFF;
  pointer-events: none;
}
.carpetplot-highlither-popup {
  z-index: 700;
}
.carpetplot-highlither-popup .popup-content {
  background-color: #FFFFFF;
  padding: 10px;
}
.carpetplot-highlither-popup .popup-content .row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}
.carpetplot-highlither-popup .popup-content .row.name {
  font-weight: bold;
}
.carpetplot-highlither-popup .popup-content .row .glyph-icon {
  height: 12px;
  width: 12px;
  font-size: 10px;
  color: #FFFFFF;
  text-align: center;
}
.carpetplot-highlither-popup .popup-content .row.max-value .glyph-icon {
  background-color: #F20C0C;
  line-height: 10px;
}
.carpetplot-highlither-popup .popup-content .row.max-value .glyph-icon:before {
  content: "\f114";
}
.carpetplot-highlither-popup .popup-content .row.min-value .glyph-icon {
  background-color: #00A0FF;
  line-height: 12px;
}
.carpetplot-highlither-popup .popup-content .row.min-value .glyph-icon:before {
  content: "\f111";
}
.carpetplot-highlither-popup .popup-content .row.average-value .glyph-icon {
  background-color: #3387A5;
  line-height: 14px;
}
.carpetplot-highlither-popup .popup-content .row.average-value .glyph-icon:before {
  content: "\f17d";
}
.carpetplot-highlither-popup .popup-content .row .value {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-left: 5px;
}
.colorscale-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.colorscale-container .color-scale {
  height: 100%;
  width: 100%;
}
.colorscale-container .drag-anchor {
  position: absolute;
  height: 32px;
  width: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #F2F8F9;
  border: 1px solid #80B4C7;
}
.colorscale-container .drag-anchor .color-icon {
  height: 16px;
  width: 16px;
  border: 1px solid #000000;
}
.colorscale-container .drag-anchor::after {
  content: ' ';
  position: absolute;
  height: 17px;
  width: 5px;
  top: 7px;
  left: 31px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 5px solid #80B4C7;
}
.piechart-labels-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.piechart-labels-widget .piechart-labels-container {
  position: relative;
  margin: auto;
}
.piechart-labels-widget .piechart-labels-container .piechart-label {
  display: block;
  position: absolute;
  height: 40px;
  left: -100px;
  top: -20px;
}
.piechart-labels-widget .piechart-labels-container .piechart-label .piechart-children {
  position: absolute;
}
.piechart-labels-widget .piechart-labels-container .piechart-label .piechart-children .piechart-label-text {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.piechart-labels-widget .piechart-labels-container .piechart-label .piechart-children .piechart-label-value {
  position: absolute;
  font-weight: bold;
}
.piechart-labels-widget .piechart-labels-container .piechart-label .piechart-label-pointer {
  position: absolute;
  border: solid #000000 1px;
}
.price-steps-widget {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 100%;
  margin: 16px 0 6px;
  cursor: default;
}
.price-steps-widget .price-steps-widget-entry {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  width: 800px;
}
.price-steps-widget .price-steps-widget-entry .price-steps-widget-entry-row {
  height: 32px;
  margin: 0 0 10px 10px;
}
.price-steps-widget .price-steps-widget-entry .price-steps-widget-entry-row .price-steps-widget-entry-icon {
  float: left;
  height: 32px;
  width: 32px;
  background-color: #F20C0C;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
}
.price-steps-widget .price-steps-widget-entry .price-steps-widget-entry-row .price-steps-widget-entry-input {
  margin: 0 10px 10px 10px;
  float: left;
  width: 60px;
}
.price-steps-widget .price-steps-widget-entry .price-steps-widget-entry-row .price-steps-widget-entry-input.label {
  margin: 0 50px 10px 0;
  width: 220px;
}
.price-steps-widget .glyph-icon.add:before {
  content: "\f172";
}
.price-steps-widget .glyph-icon.add {
  width: 32px;
  height: 32px;
  font-size: 32px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 12px;
}
.logBookFilter-widget .filter-container {
  height: 100%;
  padding: 10px;
  min-width: 640px;
  width: 640px;
}
.logBookFilter-widget .filter-container .filter-add-button {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  width: 32px;
  height: 32px;
  border: none;
  line-height: 34px;
  font-size: 30px;
}
.logBookFilter-widget .filter-container .filter-add-button:before {
  content: "\f172";
}
@media (min-width: 480px) {
  .logBookFilter-widget .filter-container .filter-add-button.additional {
    margin-left: 16.66666667%;
  }
}
.logBookFilter-widget .filter-container .filter-add-button:active,
.logBookFilter-widget .filter-container .filter-add-button.active,
.logBookFilter-widget .filter-container .filter-add-button:hover {
  color: #FFFFFF;
}
.logBookFilter-widget .filter-container .filter-add-button.active {
  background-color: #005978;
}
.logBookFilter-widget .filter-container .filter-form-row-controls-remove-btn {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  border: none;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 34px;
  font-size: 32px;
}
.logBookFilter-widget .filter-container .filter-form-row-controls-remove-btn:before {
  content: "\f1a3";
}
.logBookFilter-widget .filter-container .filter-form-row-controls-remove-btn:active,
.logBookFilter-widget .filter-container .filter-form-row-controls-remove-btn:hover {
  color: #FFFFFF;
}
.logBookFilter-widget .filter-container .filter-form-row-controls-apply-btn {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  float: right;
  margin-left: 10px;
  display: none;
  font-size: 28px;
}
.logBookFilter-widget .filter-container .filter-form-row-controls-apply-btn:before {
  content: "\f17d";
}
.logBookFilter-widget .filter-container .filter-form-row-controls-apply-btn:active,
.logBookFilter-widget .filter-container .filter-form-row-controls-apply-btn:hover {
  color: #FFFFFF;
}
.logBookFilter-widget .filter-container .filter-settings-button {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  width: 32px;
  height: 32px;
  border: none;
  display: block;
  line-height: 34px;
  font-size: 32px;
}
.logBookFilter-widget .filter-container .filter-settings-button:before {
  content: "\f14b";
}
.logBookFilter-widget .filter-container .filter-settings-button:active,
.logBookFilter-widget .filter-container .filter-settings-button.active,
.logBookFilter-widget .filter-container .filter-settings-button:hover {
  color: #FFFFFF;
}
.logBookFilter-widget .filter-container .filter-settings-button.active {
  background-color: #005978;
}
.logBookFilter-widget .filter-container .filter-form-row-controls-favorite-btn {
  width: 100%;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  display: block;
}
.logBookFilter-widget .filter-container .filter-dialog-body {
  position: relative;
  padding: 0;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .sticky-filters-container {
  margin-bottom: 10px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row {
  margin-left: 0px;
  margin-right: 0px;
  line-height: 32px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row.additional {
  margin-top: -5px;
}
@media (min-width: 480px) {
  .logBookFilter-widget .filter-container .filter-dialog-body .filter-row.additional .filter-form-row-filter .filter-input {
    margin-left: 25%;
  }
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .MultiCombobox-widget {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .Combobox-widget-picker {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input input:not(.DatePicker-widget-input) {
  width: 100%;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .DatePicker-widget {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .date-separator {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .filter-name {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-form-row-controls-add-btn {
  display: block;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-row .filter-form-row-controls-apply-btn {
  display: block;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-spacer {
  width: 100%;
  height: 10px;
}
.logBookFilter-widget .filter-container .filter-dialog-body .filter-controls-column {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding-left: 5px;
}
.add-filter-popup {
  min-width: 200px;
}
.add-filter-popup .add-filter-popup-item {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 30px;
  padding: 0 10px 0 10px;
  background-color: #FFFFFF;
  cursor: pointer;
  box-sizing: content-box;
}
.add-filter-popup .add-filter-popup-item:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.add-filter-popup .add-filter-popup-item:active {
  background-color: #0E4963;
  color: #FFFFFF;
}
.tableSubHeader-widget {
  position: relative;
  height: 100%;
  width: 100%;
}
.tableSubHeader-widget .tableSubHeader-content {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 32px;
  /* Class of a table cell that is not resizeable */
  /*
    * Reorder/Insert style
    */
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-shadow-layer {
  background-color: #000000;
  opacity: 0.6;
  position: absolute;
  pointer-events: none;
  top: 32px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 6;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container {
  position: relative;
  border-spacing: 0;
  border-width: 0;
  border-color: transparent;
  width: 100%;
  height: 100%;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row {
  height: 32px;
  width: 100%;
  clear: both;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-table-row-with-drag-anchor .tableSubHeader-table-column-container,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-table-row-with-selection .tableSubHeader-table-column-container {
  width: calc(100% - 34px);
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-table-row-with-drag-anchor {
  position: relative;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-table-row-with-drag-anchor .tableSubHeader-table-column-container {
  width: calc(100% - 54px);
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-table-row-with-selection.tableSubHeader-table-row-with-drag-anchor .tableSubHeader-table-column-container {
  width: calc(100% - 34px - 54px);
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-container {
  height: 32px;
  width: 100%;
  float: left;
  font-size: 0;
  white-space: nowrap;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column:last-of-type {
  border-right: none;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column div.Checkbox-widget {
  line-height: 14px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column .template-element {
  height: auto;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column input {
  vertical-align: middle;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column .table-cell {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper {
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper:last-of-type {
  border-right: none;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper div.Checkbox-widget {
  line-height: 14px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper .template-element {
  height: auto;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper input {
  vertical-align: middle;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper .table-cell {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper .table-widget-resize-anchor {
  cursor: e-resize;
  -ms-touch-action: none;
      touch-action: none;
  position: absolute;
  top: 0px;
  right: -11px;
  height: 100%;
  width: 20px;
  z-index: 2;
  display: block;
  font-size: 100%;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper:last-child {
  border-right: none;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper .column-header-drop-area {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-reorder-area-before,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-reorder-area-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-insert-area-before,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-insert-area-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
  display: none;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-insert-area-before.active-drag,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-insert-area-after.active-drag {
  display: block;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-reorder-area-before,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-insert-area-before {
  left: 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-reorder-area-after,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header-wrapper > .column-insert-area-after {
  right: 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-subheader {
  background-clip: padding-box;
  background-color: #CCE1E9;
  position: relative;
  height: 32px;
  vertical-align: middle;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 100%;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-subheader .table-cell {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header {
  background-clip: padding-box;
  background-color: #CCE1E9;
  position: relative;
  height: 32px;
  vertical-align: middle;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header input {
  vertical-align: middle;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header .tableSubHeader-header-cell {
  position: relative;
  font: inherit;
  text-overflow: inherit;
  white-space: inherit;
  vertical-align: middle;
  line-height: 32px;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  text-align: left;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header .tableSubHeader-header-cell span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.table-column-with-selection:hover {
  background-color: #B3D2DD;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-none:hover,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-desc:hover,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-asc:hover {
  cursor: pointer;
  background-color: #B3D2DD;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header::before {
  font-family: qanteon-icons;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 2px;
  height: 32px;
  line-height: 32px;
  color: #000000;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-none {
  position: relative;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-none:before {
  content: "\f139";
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-none > div {
  padding-right: 20px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-desc:before {
  content: "\f111";
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-desc > div {
  padding-right: 20px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-asc:before {
  content: "\f114";
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.sorted-asc > div {
  padding-right: 20px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-table-column-header.reorder-header {
  background-color: #FFFFFF;
  border: dashed 1px #4D96B0;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-select-wrapper,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drag-wrapper {
  position: relative;
  float: left;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-select-wrapper .drop-zone,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drag-wrapper .drop-zone {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 3;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-select {
  position: relative;
  width: 34px;
  float: left;
  text-align: center;
  vertical-align: middle;
  padding: 9px;
  line-height: 0px;
  color: #000000;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-select .tableSubHeader-table-cell-clickable-background {
  position: absolute;
  background-color: transparent;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
  z-index: 2;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-select .Checkbox-widget {
  position: relative;
  z-index: 3;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-select .Checkbox-widget.some-selected .Checkbox-checkbox {
  text-align: center;
  font-size: 10px;
  line-height: 12px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-select .Checkbox-widget.some-selected .Checkbox-checkbox:before {
  content: "\f167";
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drop {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 4;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drop.above {
  top: 0;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drop.below {
  bottom: 0;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drop.drag-over.above {
  background: linear-gradient(to bottom, #B3D2DD 0%, #B3D2DD 30%, transparent 100%);
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drop.drag-over.below {
  background: linear-gradient(to bottom, transparent 0%, #B3D2DD 70%, #B3D2DD 100%);
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drag {
  height: 32px;
  width: 54px;
  float: left;
  text-align: left;
  padding-left: 5px;
  vertical-align: middle;
  line-height: 0px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drag .drag-element {
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 24px;
  text-align: center;
  padding: 0px;
  cursor: pointer;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-item-drag .drag-element:before {
  content: "\f13a";
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row .tableSubHeader-details-row {
  width: 100%;
  float: left;
  overflow: hidden;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-even-row {
  background-color: #F2F8F9;
  height: 32px;
  line-height: 32px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-even-row:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-even-row:hover .tableSubHeader-table-column .table-cell {
  color: #FFFFFF;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-even-row-without-selection {
  background-color: #F2F8F9;
  height: 32px;
  line-height: 32px;
  cursor: default;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-odd-row {
  background-color: #E6F0F4;
  height: 32px;
  line-height: 32px;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-odd-row:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-odd-row:hover .tableSubHeader-table-column .table-cell {
  color: #FFFFFF;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-odd-row-without-selection {
  background-color: #E6F0F4;
  height: 32px;
  line-height: 32px;
  cursor: default;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row {
  background-color: #B3D2DD;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row:hover,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row.tableSubHeader-even-row:hover,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row.tableSubHeader-odd-row:hover {
  background-color: #B3D2DD;
  color: #000000;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row:hover .tableSubHeader-table-column .table-cell,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row.tableSubHeader-even-row:hover .tableSubHeader-table-column .table-cell,
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row.tableSubHeader-odd-row:hover .tableSubHeader-table-column .table-cell {
  color: #000000;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row .tableSubHeader-table-column {
  border-right: 1px solid #80B4C7;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row .tableSubHeader-table-column .table-cell {
  color: #000000;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row .tableSubHeader-item-select {
  border-right: 1px solid #80B4C7;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-container .tableSubHeader-table-row.tableSubHeader-expanded-row .tableSubHeader-table-column:last-child {
  border-right: none;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-fixed-column {
  text-overflow: clip;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-fixed-column span {
  text-overflow: clip;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-table-header {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 32px;
  width: 100%;
}
.tableSubHeader-widget .tableSubHeader-content .tableSubHeader-item-table-div {
  position: relative;
  height: 100%;
  width: 100%;
}
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header {
  height: 100%;
}
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row {
  height: 100%;
}
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-item-select-wrapper,
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-item-drag-wrapper {
  height: 100%;
}
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-table-column-container {
  height: 100%;
}
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-table-column-container .tableSubHeader-table-column-header-wrapper {
  height: 100%;
}
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-table-column-container .tableSubHeader-table-column-header-wrapper .column-insert-area-before,
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-table-column-container .tableSubHeader-table-column-header-wrapper .column-insert-area-after,
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-table-column-container .tableSubHeader-table-column-header-wrapper .column-reorder-area-before,
.tableSubHeader-widget .tableSubHeader-content.tableSubHeader-content-reorder-in-progress .tableSubHeader-table-header .tableSubHeader-table-header-row .tableSubHeader-table-column-container .tableSubHeader-table-column-header-wrapper .column-reorder-area-after {
  height: 100%;
}
.tableSubHeader-shadow-element {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  opacity: 0.4;
  background-color: #FFFFFF !important;
  text-align: center;
  cursor: move;
  height: 32px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
}
.tableSubHeader-shadow-element > span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 32px;
}
.module-dialog-modal.media-browser-dialog .dialog-box {
  max-width: 1280px;
  width: 1280px;
}
.media-browser {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #F2F8F9;
}
.media-browser .circle-icon,
.media-browser .circle-icon:active,
.media-browser .circle-icon:hover,
.media-browser .circle-icon:disabled,
.media-browser .circle-icon:disabled:active,
.media-browser .circle-icon:disabled:hover {
  font-family: qanteon-icons !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.media-browser .circle-icon:before {
  content: "\f122";
}
.media-browser .media-browser-content {
  position: relative;
  height: calc(100% - 33px);
  background-color: #F2F8F9;
}
.media-browser .media-browser-content .media-browser-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(10, 10, 10, 0.7);
}
.media-browser .media-browser-content .media-list {
  position: relative;
  width: 100%;
  height: 100%;
}
.media-browser .media-browser-content .media-list .media-list-list {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 72px;
}
.media-browser .media-browser-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.media-browser .media-browser-footer .media-browser-pagination-widget {
  float: left;
  border-right: solid 1px #80B4C7;
}
.media-browser .media-browser-footer .media-browser-pagination-widget .pagination-content {
  height: 32px;
}
.media-browser .media-browser-footer .media-browser-selection {
  display: inline-block;
  float: left;
  color: #005978;
  font-size: 12px;
  height: 100%;
  line-height: 32px;
  margin-left: 16px;
}
.media-browser .media-browser-footer .media-browser-footer-upload-btn,
.media-browser .media-browser-footer .media-browser-footer-apply-btn,
.media-browser .media-browser-footer .media-browser-footer-cancel-btn {
  display: inline-block;
  height: 100%;
  border-top-width: 0;
  border-bottom-width: 0;
}
.media-browser .media-browser-footer .media-browser-footer-upload-btn {
  float: left;
  border-left-width: 0;
}
.media-browser .media-browser-footer .media-browser-footer-apply-btn,
.media-browser .media-browser-footer .media-browser-footer-cancel-btn {
  float: right;
  border-right-width: 0;
}
.media-list-container {
  position: relative;
  height: 100%;
}
.media-list-container .media-list-list {
  min-height: 72px;
}
.media-list-container .media-list-list .TableView-item-select {
  padding: 0;
}
.media-list-container .media-list-list .TableView-item-select .Radio-widget {
  height: auto;
}
.media-list-container .media-list-list .Checkbox-widget {
  height: auto;
  padding-right: 0;
}
.ppeTableFilter-widget .filter-container {
  height: 100%;
  padding: 10px;
  min-width: 640px;
  width: 640px;
}
.ppeTableFilter-widget .filter-container .filter-add-button {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  width: 32px;
  height: 32px;
  border: none;
  line-height: 34px;
  font-size: 30px;
}
.ppeTableFilter-widget .filter-container .filter-add-button:before {
  content: "\f172";
}
@media (min-width: 480px) {
  .ppeTableFilter-widget .filter-container .filter-add-button.additional {
    margin-left: 16.66666667%;
  }
}
.ppeTableFilter-widget .filter-container .filter-add-button:active,
.ppeTableFilter-widget .filter-container .filter-add-button.active,
.ppeTableFilter-widget .filter-container .filter-add-button:hover {
  color: #FFFFFF;
}
.ppeTableFilter-widget .filter-container .filter-add-button.active {
  background-color: #005978;
}
.ppeTableFilter-widget .filter-container .filter-form-row-controls-remove-btn {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  border: none;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 34px;
  font-size: 32px;
}
.ppeTableFilter-widget .filter-container .filter-form-row-controls-remove-btn:before {
  content: "\f1a3";
}
.ppeTableFilter-widget .filter-container .filter-form-row-controls-remove-btn:active,
.ppeTableFilter-widget .filter-container .filter-form-row-controls-remove-btn:hover {
  color: #FFFFFF;
}
.ppeTableFilter-widget .filter-container .filter-form-row-controls-apply-btn {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  float: right;
  margin-left: 10px;
  display: none;
  font-size: 28px;
}
.ppeTableFilter-widget .filter-container .filter-form-row-controls-apply-btn:before {
  content: "\f17d";
}
.ppeTableFilter-widget .filter-container .filter-form-row-controls-apply-btn:active,
.ppeTableFilter-widget .filter-container .filter-form-row-controls-apply-btn:hover {
  color: #FFFFFF;
}
.ppeTableFilter-widget .filter-container .filter-settings-button {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  width: 32px;
  height: 32px;
  border: none;
  display: block;
  line-height: 34px;
  font-size: 32px;
}
.ppeTableFilter-widget .filter-container .filter-settings-button:before {
  content: "\f14b";
}
.ppeTableFilter-widget .filter-container .filter-settings-button:active,
.ppeTableFilter-widget .filter-container .filter-settings-button.active,
.ppeTableFilter-widget .filter-container .filter-settings-button:hover {
  color: #FFFFFF;
}
.ppeTableFilter-widget .filter-container .filter-settings-button.active {
  background-color: #005978;
}
.ppeTableFilter-widget .filter-container .filter-form-row-controls-favorite-btn {
  width: 100%;
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  display: block;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body {
  position: relative;
  padding: 0;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .first-radio,
.ppeTableFilter-widget .filter-container .filter-dialog-body .middle-radio,
.ppeTableFilter-widget .filter-container .filter-dialog-body .last-radio {
  display: inline-block;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .first-radio span,
.ppeTableFilter-widget .filter-container .filter-dialog-body .middle-radio span,
.ppeTableFilter-widget .filter-container .filter-dialog-body .last-radio span {
  margin-left: 5px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .middle-radio {
  margin-left: 40px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .last-radio {
  float: right;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .search-margin {
  margin-bottom: 10px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .replace-margin {
  margin-bottom: 10px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .relation-margin {
  margin-bottom: 10px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .first-choice,
.ppeTableFilter-widget .filter-container .filter-dialog-body .last-choice {
  display: inline-block;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .first-choice span,
.ppeTableFilter-widget .filter-container .filter-dialog-body .last-choice span {
  margin-left: 5px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .last-choice {
  margin-left: 40px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .sticky-filters-container {
  margin-bottom: 10px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row {
  margin-left: 0px;
  margin-right: 0px;
  line-height: 32px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row.additional {
  margin-top: -5px;
}
@media (min-width: 480px) {
  .ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row.additional .filter-form-row-filter .filter-input {
    margin-left: 25%;
  }
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .MultiCombobox-widget {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .Combobox-widget-picker {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input input:not(.DatePicker-widget-input) {
  width: 100%;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .DatePicker-widget {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .date-separator {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-template-column .filter-input .filter-name {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-form-row-controls-add-btn {
  display: block;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-row .filter-form-row-controls-apply-btn {
  display: block;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-spacer {
  width: 100%;
  height: 10px;
}
.ppeTableFilter-widget .filter-container .filter-dialog-body .filter-controls-column {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding-left: 5px;
}
.add-filter-popup {
  min-width: 200px;
}
.add-filter-popup .add-filter-popup-item {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 30px;
  padding: 0 10px 0 10px;
  background-color: #FFFFFF;
  cursor: pointer;
  box-sizing: content-box;
}
.add-filter-popup .add-filter-popup-item:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.add-filter-popup .add-filter-popup-item:active {
  background-color: #0E4963;
  color: #FFFFFF;
}
.module-dialog-modal.facilities-tree-dialog .dialog-box {
  max-width: 460px;
  width: 460px;
}
.facilities-tree {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #F2F8F9;
}
.facilities-tree .glyph-icon.plant-image {
  font-size: 24px;
}
.facilities-tree .glyph-icon.plant-image:before {
  content: "\f150";
}
.facilities-tree .facilities-tree-container {
  position: relative;
  height: calc(100% - 33px);
}
.facilities-tree .facilities-tree-container.multi-select-available {
  height: calc(100% - 46px - 34px);
}
.facilities-tree .facilities-tree-container .tree-view {
  height: 100%;
  overflow: auto;
}
.facilities-tree .facilities-tree-container .tree-view .tree-view-widget-entry-label {
  width: calc(100% - 14px);
}
.facilities-tree .facilities-tree-container .facilities-tree-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(10, 10, 10, 0.7);
}
.facilities-tree .facilities-tree-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 33px;
  border-top: 1px solid #80B4C7;
}
.facilities-tree .facilities-tree-footer .facilities-tree-footer-apply-btn,
.facilities-tree .facilities-tree-footer .facilities-tree-footer-cancel-btn {
  display: inline-block;
  height: 100%;
  border-top-width: 0;
  border-bottom-width: 0;
  float: right;
  border-right-width: 0;
}
.Accordion-widget {
  display: block;
  background-color: #CCE1E9;
  clear: both;
  padding: 0;
  margin: 0;
}
.Accordion-widget .Accordion-widget-list {
  display: block;
  background-color: #CCE1E9;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry {
  display: block;
  background-color: #CCE1E9;
  clear: both;
  padding: 0;
  margin: 0;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title {
  display: block;
  padding: 0;
  padding-left: 20px;
  padding-right: 6px;
  margin: 0;
  height: 32px;
  border: none;
  border-top: solid 2px #FFFFFF;
  background-color: #CCE1E9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  vertical-align: middle;
  position: relative;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title:before {
  content: "\f10f";
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title::before {
  font-size: 18px;
  color: #005978;
  line-height: 32px;
  position: absolute;
  right: 2px;
  font-family: qanteon-icons;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title:hover {
  cursor: pointer;
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title:hover::before {
  color: #FFFFFF;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title.active,
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title:active {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title.active:before,
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title:active:before {
  content: "\f10d";
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title.active::before,
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title:active::before {
  color: #FFFFFF;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm {
  display: block;
  padding: 0;
  padding-left: 20px;
  padding-right: 6px;
  margin: 0;
  height: 32px;
  border: none;
  border-top: solid 2px #FFFFFF;
  background-color: #F20C0C;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  vertical-align: middle;
  position: relative;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm:before {
  content: "\f10f";
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm::before {
  font-size: 18px;
  color: #F20C0C;
  line-height: 32px;
  position: absolute;
  right: 2px;
  font-family: qanteon-icons;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm:hover {
  cursor: pointer;
  background-color: #CC0000;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm:hover::before {
  color: #FFFFFF;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm.active,
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm:active {
  background-color: #F20C0C;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm.active:before,
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm:active:before {
  content: "\f10d";
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm.active::before,
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-title-alarm:active::before {
  color: #FFFFFF;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry .Accordion-widget-entry-content {
  background-color: #F2F8F9;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.Accordion-widget .Accordion-widget-list .Accordion-widget-entry:first-child .Accordion-widget-entry-title {
  border-top: none;
}
.page-title-bar {
  color: #FFFFFF;
  background-color: #3387A5;
  height: 46px;
  position: relative;
  width: 100%;
  z-index: 99;
}
.page-title-bar .controls > * {
  float: left;
  margin: 0;
}
.page-title-bar:after {
  content: '';
  width: calc(100% - 2px);
  height: 0px;
  display: block;
  position: absolute;
  top: 100%;
  left: 1px;
  box-shadow: 0px 0px 6px 1px #000000;
  z-index: 1;
  opacity: 0.7;
}
.page-title-bar .slider-icon-zoom-max {
  position: relative;
  border: none;
  height: 100%;
  min-width: 40px;
  color: #FFFFFF;
  background: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Max.png') center no-repeat, transparent;
  box-shadow: none;
  padding: 0 15px;
  margin: 0;
}
.page-title-bar .slider-icon-zoom-max:hover {
  margin-left: -1px;
  width: calc(40px + 1px);
  padding-left: 1px;
}
.page-title-bar .slider-icon-zoom-max.active {
  margin-left: -1px;
  width: calc(40px + 1px);
}
.page-title-bar .slider-icon-zoom-max:active {
  margin-left: -1px;
  width: calc(40px + 1px);
}
.page-title-bar .slider-icon-zoom-max:hover {
  background-color: #1A789A;
}
.page-title-bar .slider-icon-zoom-max.no-hover:hover {
  background-color: transparent;
}
.page-title-bar .slider-icon-zoom-max.active,
.page-title-bar .slider-icon-zoom-max:active {
  background-color: #005978;
}
.page-title-bar .slider-icon-zoom-max:hover,
.page-title-bar .slider-icon-zoom-max:active,
.page-title-bar .slider-icon-zoom-max.active {
  margin-left: 0;
  width: 40px;
}
.page-title-bar .slider-icon-zoom-min,
.page-title-bar .slider-icon-zoom-min.active {
  position: relative;
  border: none;
  height: 100%;
  min-width: 40px;
  color: #FFFFFF;
  background: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Min.png') center no-repeat, transparent;
  box-shadow: none;
  padding: 0 15px;
  margin: 0;
}
.page-title-bar .slider-icon-zoom-min:hover,
.page-title-bar .slider-icon-zoom-min.active:hover {
  margin-left: -1px;
  width: calc(40px + 1px);
  padding-left: 1px;
}
.page-title-bar .slider-icon-zoom-min.active,
.page-title-bar .slider-icon-zoom-min.active.active {
  margin-left: -1px;
  width: calc(40px + 1px);
}
.page-title-bar .slider-icon-zoom-min:active,
.page-title-bar .slider-icon-zoom-min.active:active {
  margin-left: -1px;
  width: calc(40px + 1px);
}
.page-title-bar .slider-icon-zoom-min:hover,
.page-title-bar .slider-icon-zoom-min.active:hover {
  background-color: #1A789A;
}
.page-title-bar .slider-icon-zoom-min.no-hover:hover,
.page-title-bar .slider-icon-zoom-min.active.no-hover:hover {
  background-color: transparent;
}
.page-title-bar .slider-icon-zoom-min.active,
.page-title-bar .slider-icon-zoom-min.active.active,
.page-title-bar .slider-icon-zoom-min:active,
.page-title-bar .slider-icon-zoom-min.active:active {
  background-color: #005978;
}
.page-title-bar .slider-icon-zoom-min:hover,
.page-title-bar .slider-icon-zoom-min.active:hover,
.page-title-bar .slider-icon-zoom-min:active,
.page-title-bar .slider-icon-zoom-min.active:active,
.page-title-bar .slider-icon-zoom-min.active,
.page-title-bar .slider-icon-zoom-min.active.active {
  margin-left: 0;
  width: 40px;
}
.page-title-bar .background {
  color: #FFFFFF;
  background-color: #3387A5;
  height: 46px;
  position: absolute;
  border-top: 1px solid #599DB6;
  border-bottom: 1px solid #00698F;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.page-title-bar .background .controls > * {
  float: left;
  margin: 0;
}
.page-title-bar .items-container-left,
.page-title-bar .items-container-right {
  display: block;
  height: 100%;
  position: relative;
  z-index: 3;
}
.page-title-bar .items-container-left {
  float: left;
}
.page-title-bar .items-container-right {
  float: right;
  left: 1px;
  border-right: 1px solid #00698F;
}
.page-title-bar .item-container {
  height: 100%;
  float: left;
  display: block;
  border-left: 1px solid #599DB6;
  border-right: 1px solid #00698F;
}
.page-title-bar .item-container > * {
  height: 100%;
  border-top: 2px solid #599DB6;
  border-bottom: 2px solid #00698F;
  border: none;
}
.page-title-bar .item-container:last-child {
  border-right: none;
}
.page-title-bar .item-container.active:enabled {
  border-left: 1px solid #00698F;
}
.page-title-bar .item-container.active:enabled > * {
  border-top: 2px solid #00698F;
}
.page-title-bar .item-container.thick-border-right {
  border-right: 2px solid #00698F;
}
.page-title-bar .title {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0 0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 46px;
  font-size: 18px;
}
.page-title-bar button.page-title-bar-button {
  position: relative;
  border: none;
  height: 100%;
  min-width: 70px;
  color: #FFFFFF;
  background: none center no-repeat, transparent;
  box-shadow: none;
  padding: 0 15px;
  margin: 0;
}
.page-title-bar button.page-title-bar-button:hover {
  margin-left: -1px;
  width: calc(70px + 1px);
  padding-left: 1px;
}
.page-title-bar button.page-title-bar-button.active {
  margin-left: -1px;
  width: calc(70px + 1px);
}
.page-title-bar button.page-title-bar-button:active {
  margin-left: -1px;
  width: calc(70px + 1px);
}
.page-title-bar button.page-title-bar-button:hover {
  background-color: #1A789A;
}
.page-title-bar button.page-title-bar-button.no-hover:hover {
  background-color: transparent;
}
.page-title-bar button.page-title-bar-button.active,
.page-title-bar button.page-title-bar-button:active {
  background-color: #005978;
}
.page-title-bar button.page-title-bar-button.active {
  margin-left: -1px;
  padding-left: 1px;
}
.page-title-bar button.page-title-bar-text-button {
  background: none;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
}
.page-title-bar button.page-title-bar-text-button:hover:enabled {
  background: #00698F;
  margin-left: -1px;
  padding-left: 21px;
}
.page-title-bar button.page-title-bar-text-button.active:enabled {
  background: #005978;
  margin-left: -1px;
  padding-left: 21px;
}
.page-title-bar button.page-title-bar-text-button:disabled,
.page-title-bar button.page-title-bar-text-button:disabled:hover,
.page-title-bar button.page-title-bar-text-button:disabled:active {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  color: #66A5BC;
}
.page-title-bar .DatePicker-widget {
  min-width: 70px;
  background-color: transparent;
  margin-left: 0px;
}
.page-title-bar .DatePicker-widget button.DatePicker-widget-button {
  height: 100%;
  min-width: 70px;
  margin-left: 0px;
  background-color: transparent;
  background-image: url('../../../core/widgets/pagetitlebar/assets/Icon_Contenthandling_Time_m_EN.png');
}
.page-title-bar .newCombobox-widget .combobox-default-template {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
}
.page-title-bar .newCombobox-widget:hover .combobox-default-template {
  margin-left: 1px;
}
.page-title-bar .zoomarea {
  padding: 0px;
  border: none;
}
.page-title-bar .zoomarea .separator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 22px;
  position: absolute;
  left: 0;
  border-right: 1px solid #00698F;
}
.page-title-bar .navigationarea {
  border-top: none;
}
.page-title-bar .navigationarea > button {
  border-left: 1px solid #599DB6;
  border-right: 1px solid #00698F;
  padding-top: 2px;
}
.page-title-bar .navigationarea > button.no-left-border {
  border-left: none;
}
.page-title-bar .navigationarea > button:last-child {
  border-right: none;
}
.page-title-bar .navigationarea .select-container {
  border-left: 1px solid #599DB6;
  border-right: 1px solid #00698F;
  padding-top: 2px;
  height: 100%;
}
.page-title-bar .navigationarea .select-container select {
  width: 255px;
}
.page-title-bar .checkboxarea > *,
.page-title-bar .navigationarea > * {
  float: left;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container {
  height: 46px;
  min-width: 250px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-minus {
  height: 46px;
  width: 44px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-minus.light {
  background-color: #3387A5;
  border: none;
  border-top: 1px solid #66A5BC;
  border-bottom: 1px solid #00698F;
  background-image: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Min.png');
  background-position: -1px 0;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-minus.light:hover {
  margin-left: -1px;
  background-color: #1A789A;
  border-top: 1px solid #1A789A;
  border-bottom: 1px solid #1A789A;
  background-image: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Min.png');
  background-position: 0 0;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-minus.light:active {
  margin-left: -1px;
  background-color: #0E4963;
  border-top: 1px solid #0E4963;
  border-bottom: 1px solid #0E4963;
  background-image: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Min.png');
  background-position: 0 0;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-plus {
  height: 46px;
  width: 44px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-plus.light {
  background-color: #3387A5;
  border: none;
  border-top: 1px solid #66A5BC;
  border-bottom: 1px solid #00698F;
  background-image: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Max.png');
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-plus.light:hover {
  background-color: #1A789A;
  border-top: 1px solid #1A789A;
  border-bottom: 1px solid #1A789A;
  background-image: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Max.png');
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .button-plus.light:active {
  background-color: #0E4963;
  border-top: 1px solid #0E4963;
  border-bottom: 1px solid #0E4963;
  background-image: url('../../../core/widgets/pagetitlebar/assets/Icon_Slider_Zoom_Max.png');
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field {
  height: 46px;
  padding-left: 54px;
  padding-right: 54px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field.light {
  background-color: #3387A5;
  border: none;
  border-top: 1px solid #66A5BC;
  border-bottom: 1px solid #00698F;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-steps {
  height: 46px;
  padding-left: 54px;
  padding-right: 54px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step {
  margin-top: 18px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step.light {
  border-right: 1px solid #FFFFFF;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step.light:first-child {
  border-left: 1px solid #FFFFFF;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-top {
  height: 22px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-top.light {
  border-bottom: 1px solid #FFFFFF;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-bottom {
  height: 22px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-bottom.light {
  border-top: 1px solid #FFFFFF;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-separator {
  position: absolute;
  width: 1px;
  height: 22px;
  top: 12px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-separator.left {
  left: 44px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-separator.right {
  right: 44px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-field-separator.light {
  background-color: #00698F;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-handle {
  top: 11px;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-handle.light {
  background-color: #FFFFFF;
}
.page-title-bar .NewHorizontalSlider-widget .slider-container .slider-handle.light:hover {
  background-color: #CCE1E9;
}
.TableView-widget {
  /* Class of a table cell that is not resizeable */
}
.TableView-widget .TableView-shadow-layer {
  background-color: #000000;
  opacity: 0.6;
  position: absolute;
  pointer-events: none;
  top: 32px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.TableView-widget .TableView-column-heads {
  position: relative;
  top: 0px;
  left: 0px;
}
.TableView-widget table {
  table-layout: fixed;
  border-spacing: 0;
  border-width: 0;
  border-color: transparent;
  width: 100%;
}
.TableView-widget table thead tr {
  height: 32px;
}
.TableView-widget table td {
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  padding: 0;
}
.TableView-widget table td > div {
  padding: 0 5px 0 0;
  margin: 0;
  line-height: 32px;
  height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.TableView-widget table td .template-element {
  height: auto;
}
.TableView-widget table td input {
  vertical-align: middle;
}
.TableView-widget table td .table-cell {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.TableView-widget table td:last-child {
  border-right: none;
}
.TableView-widget table th {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  background-clip: padding-box;
  background-color: #CCE1E9;
  position: relative;
  height: 32px;
  vertical-align: middle;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px;
}
.TableView-widget table th input {
  vertical-align: middle;
}
.TableView-widget table th .TableView-header-cell {
  position: relative;
  font: inherit;
  text-overflow: inherit;
  white-space: inherit;
  vertical-align: middle;
  line-height: 32px;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  text-align: left;
}
.TableView-widget table th .TableView-header-cell > span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.TableView-widget table th:hover,
.TableView-widget table th.sorted-none:hover,
.TableView-widget table th.sorted-desc:hover,
.TableView-widget table th.sorted-asc:hover {
  cursor: pointer;
  background-color: #B3D2DD;
}
.TableView-widget table th::before {
  font-family: qanteon-icons;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 2px;
  height: 32px;
  line-height: 32px;
  color: #000000;
}
.TableView-widget table th.sorted-none {
  position: relative;
}
.TableView-widget table th.sorted-none:before {
  content: "\f139";
}
.TableView-widget table th.sorted-none > div {
  padding-right: 20px;
}
.TableView-widget table th.sorted-desc:before {
  content: "\f111";
}
.TableView-widget table th.sorted-desc > div {
  padding-right: 20px;
}
.TableView-widget table th.sorted-asc:before {
  content: "\f114";
}
.TableView-widget table th.sorted-asc > div {
  padding-right: 20px;
}
.TableView-widget table th.reorder-header {
  background-color: #FFFFFF;
  border: dashed 1px #4D96B0;
}
.TableView-widget table th .resize-helper {
  cursor: e-resize;
  position: absolute;
  top: 0px;
  right: -11px;
  height: 100%;
  width: 20px;
  display: block;
  font-size: 100%;
}
.TableView-widget table th:last-child {
  border-right: none;
}
.TableView-widget table th .column-header-drop-area {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
}
.TableView-widget table th > .column-reorder-area-before,
.TableView-widget table th > .column-reorder-area-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
}
.TableView-widget table th > .column-insert-area-before,
.TableView-widget table th > .column-insert-area-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
  display: none;
}
.TableView-widget table th > .column-insert-area-before.active-drag,
.TableView-widget table th > .column-insert-area-after.active-drag {
  display: block;
}
.TableView-widget table th > .column-reorder-area-before,
.TableView-widget table th > .column-insert-area-before {
  left: 0px;
}
.TableView-widget table th > .column-reorder-area-after,
.TableView-widget table th > .column-insert-area-after {
  right: 0px;
}
.TableView-widget .TableView-item-select {
  width: 34px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  padding: 9px;
  line-height: 0px;
  color: #000000;
}
.TableView-widget .TableView-item-drag {
  width: 34px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  line-height: 0px;
  height: 100%;
}
.TableView-widget .TableView-item-drag .drag-element {
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 24px;
  text-align: center;
  padding: 0px;
}
.TableView-widget .TableView-item-drag .drag-element:before {
  content: "\f13a";
}
.TableView-widget .TableView-fixed-column {
  text-overflow: clip;
}
.TableView-widget .TableView-fixed-column span {
  text-overflow: clip;
}
.TableView-widget table tbody tr {
  cursor: pointer;
}
.TableView-widget table tbody tr.TableView-even-row {
  background-color: #F2F8F9;
  height: 32px;
  line-height: 32px;
}
.TableView-widget table tbody tr.TableView-even-row:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.TableView-widget table tbody tr.TableView-even-row:hover td .table-cell {
  color: #FFFFFF;
}
.TableView-widget table tbody tr.TableView-odd-row {
  background-color: #E6F0F4;
  height: 32px;
  line-height: 32px;
}
.TableView-widget table tbody tr.TableView-odd-row:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.TableView-widget table tbody tr.TableView-odd-row:hover td .table-cell {
  color: #FFFFFF;
}
.TableView-widget table tbody tr.TableView-expanded-row {
  background-color: #B3D2DD;
}
.TableView-widget table tbody tr.TableView-expanded-row:hover {
  background-color: #B3D2DD;
}
.TableView-widget table tbody tr.TableView-expanded-row td {
  border-right: 1px solid #80B4C7;
}
.TableView-widget table tbody tr.TableView-expanded-row td .table-cell {
  color: #000000;
}
.TableView-widget table tbody tr.TableView-expanded-row td:nth-child(n + 3) {
  border-right: none;
}
.TableView-widget table tbody tr.TableView-hidden-details-row {
  background-color: #66A5BC;
}
.TableView-widget table tbody tr.TableView-hidden-details-row td {
  padding: 0;
}
.TableView-widget table tbody tr.TableView-hidden-details-row td div.TableView-hidden-details {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  display: none;
  padding: 15px;
  background-color: #66A5BC;
}
.TableView-item-table-div {
  height: calc(100% - 32px);
}
.TableView-shadow-element {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  opacity: 0.4;
  background-color: #FFFFFF !important;
  text-align: center;
  cursor: move;
  height: 32px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
}
.TableView-shadow-element > span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 32px;
}
.DatapointBrowser-shadow-element {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  opacity: 0.9;
  background-color: #FFFFFF !important;
  text-align: center;
  cursor: move;
  height: 32px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
  width: 200px;
}
.DatapointBrowser-shadow-element > span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 32px;
}
.Table-widget {
  position: relative;
  height: 100%;
  width: 100%;
}
.Table-widget .Table-content {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 32px;
  /* Class of a table cell that is not resizeable */
  /*
    * Reorder/Insert style
    */
}
.Table-widget .Table-content .Table-shadow-layer {
  background-color: #000000;
  opacity: 0.6;
  position: absolute;
  pointer-events: none;
  top: 32px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 6;
}
.Table-widget .Table-content .Table-table-container {
  position: relative;
  border-spacing: 0;
  border-width: 0;
  border-color: transparent;
  width: 100%;
  height: 100%;
}
.Table-widget .Table-content .Table-table-container .Table-table-row {
  height: 32px;
  width: 100%;
  clear: both;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-table-row-with-drag-anchor .Table-table-column-container,
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-table-row-with-selection .Table-table-column-container {
  width: calc(100% - 34px);
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-table-row-with-drag-anchor {
  position: relative;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-table-row-with-drag-anchor .Table-table-column-container {
  width: calc(100% - 54px);
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-table-row-with-selection.Table-table-row-with-drag-anchor .Table-table-column-container {
  width: calc(100% - 34px - 54px);
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-container {
  height: 32px;
  width: 100%;
  float: left;
  font-size: 0;
  white-space: nowrap;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column:last-of-type {
  border-right: none;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column div.Checkbox-widget {
  line-height: 14px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .template-element {
  height: auto;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column input {
  vertical-align: middle;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column .table-cell {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper {
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  height: 100%;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper:last-of-type {
  border-right: none;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper div.Checkbox-widget {
  line-height: 14px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper .template-element {
  height: auto;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper input {
  vertical-align: middle;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper .table-cell {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  height: 32px;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper .table-widget-resize-anchor {
  cursor: e-resize;
  -ms-touch-action: none;
      touch-action: none;
  position: absolute;
  top: 0px;
  right: -11px;
  height: 100%;
  width: 20px;
  z-index: 2;
  display: block;
  font-size: 100%;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper:last-child {
  border-right: none;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper .column-header-drop-area {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-reorder-area-before,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-reorder-area-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-insert-area-before,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-insert-area-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 50%;
  display: none;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-insert-area-before.active-drag,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-insert-area-after.active-drag {
  display: block;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-reorder-area-before,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-insert-area-before {
  left: 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-reorder-area-after,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header-wrapper > .column-insert-area-after {
  right: 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header {
  background-clip: padding-box;
  background-color: #CCE1E9;
  position: relative;
  height: 32px;
  vertical-align: middle;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header input {
  vertical-align: middle;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header .Table-header-cell {
  position: relative;
  font: inherit;
  text-overflow: inherit;
  white-space: inherit;
  vertical-align: middle;
  line-height: 32px;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  text-align: left;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header .Table-header-cell span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.table-column-with-selection:hover {
  background-color: #B3D2DD;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-none:hover,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-desc:hover,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-asc:hover {
  cursor: pointer;
  background-color: #B3D2DD;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header::before {
  font-family: qanteon-icons;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 2px;
  height: 32px;
  line-height: 32px;
  color: #000000;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-none {
  position: relative;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-none:before {
  content: "\f139";
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-none > div {
  padding-right: 20px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-desc:before {
  content: "\f111";
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-desc > div {
  padding-right: 20px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-asc:before {
  content: "\f114";
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.sorted-asc > div {
  padding-right: 20px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-table-column-header.reorder-header {
  background-color: #FFFFFF;
  border: dashed 1px #4D96B0;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-select-wrapper,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drag-wrapper {
  position: relative;
  float: left;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-select-wrapper .drop-zone,
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drag-wrapper .drop-zone {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 3;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-select {
  position: relative;
  width: 34px;
  float: left;
  text-align: center;
  vertical-align: middle;
  padding: 9px;
  line-height: 0px;
  color: #000000;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-select .Table-table-cell-clickable-background {
  position: absolute;
  background-color: transparent;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
  z-index: 2;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-select .Checkbox-widget {
  position: relative;
  z-index: 3;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-select .Checkbox-widget.some-selected .Checkbox-checkbox {
  text-align: center;
  font-size: 10px;
  line-height: 12px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-select .Checkbox-widget.some-selected .Checkbox-checkbox:before {
  content: "\f167";
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drop {
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 4;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drop.above {
  top: 0;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drop.below {
  bottom: 0;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drop.drag-over.above {
  background: linear-gradient(to bottom, #B3D2DD 0%, #B3D2DD 30%, transparent 100%);
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drop.drag-over.below {
  background: linear-gradient(to bottom, transparent 0%, #B3D2DD 70%, #B3D2DD 100%);
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drag {
  height: 32px;
  width: 54px;
  float: left;
  text-align: left;
  padding-left: 5px;
  vertical-align: middle;
  line-height: 0px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drag .drag-element {
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 24px;
  text-align: center;
  padding: 0px;
  cursor: pointer;
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-item-drag .drag-element:before {
  content: "\f13a";
}
.Table-widget .Table-content .Table-table-container .Table-table-row .Table-details-row {
  width: 100%;
  float: left;
  overflow: hidden;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-even-row {
  background-color: #F2F8F9;
  height: 32px;
  line-height: 32px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-even-row:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-even-row:hover .Table-table-column .table-cell {
  color: #FFFFFF;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-even-row-without-selection {
  background-color: #F2F8F9;
  height: 32px;
  line-height: 32px;
  cursor: default;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-odd-row {
  background-color: #E6F0F4;
  height: 32px;
  line-height: 32px;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-odd-row:hover {
  color: #FFFFFF;
  background-color: #80B4C7;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-odd-row:hover .Table-table-column .table-cell {
  color: #FFFFFF;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-odd-row-without-selection {
  background-color: #E6F0F4;
  height: 32px;
  line-height: 32px;
  cursor: default;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row {
  background-color: #B3D2DD;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row:hover,
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row.Table-even-row:hover,
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row.Table-odd-row:hover {
  background-color: #B3D2DD;
  color: #000000;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row:hover .Table-table-column .table-cell,
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row.Table-even-row:hover .Table-table-column .table-cell,
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row.Table-odd-row:hover .Table-table-column .table-cell {
  color: #000000;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row .Table-table-column {
  border-right: 1px solid #80B4C7;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row .Table-table-column .table-cell {
  color: #000000;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row .Table-item-select {
  border-right: 1px solid #80B4C7;
}
.Table-widget .Table-content .Table-table-container .Table-table-row.Table-expanded-row .Table-table-column:last-child {
  border-right: none;
}
.Table-widget .Table-content .Table-fixed-column {
  text-overflow: clip;
}
.Table-widget .Table-content .Table-fixed-column span {
  text-overflow: clip;
}
.Table-widget .Table-content .Table-table-header {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 32px;
  width: 100%;
}
.Table-widget .Table-content .Table-item-table-div {
  position: relative;
  height: 100%;
  width: 100%;
}
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header {
  height: 100%;
}
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row {
  height: 100%;
}
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-item-select-wrapper,
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-item-drag-wrapper {
  height: 100%;
}
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-table-column-container {
  height: 100%;
}
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-table-column-container .Table-table-column-header-wrapper {
  height: 100%;
}
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-table-column-container .Table-table-column-header-wrapper .column-insert-area-before,
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-table-column-container .Table-table-column-header-wrapper .column-insert-area-after,
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-table-column-container .Table-table-column-header-wrapper .column-reorder-area-before,
.Table-widget .Table-content.Table-content-reorder-in-progress .Table-table-header .Table-table-header-row .Table-table-column-container .Table-table-column-header-wrapper .column-reorder-area-after {
  height: 100%;
}
.Table-shadow-element {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  opacity: 0.4;
  background-color: #FFFFFF !important;
  text-align: center;
  cursor: move;
  height: 32px;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
}
.Table-shadow-element > span {
  font: inherit;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 32px;
}
.TableColumnList-widget .table-column-list-container {
  position: relative;
  width: 100%;
}
.TableColumnList-widget .table-column-list-container.fill {
  height: 100%;
}
.TableColumnList-widget .table-column-list-container .drop-layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background: #F2F8F9;
  display: none;
}
.TableColumnList-widget .table-column-list-container .drop-layer.drag-in-progress {
  display: block;
}
.TableColumnList-widget .table-column-list-container .drop-layer .drop-icon {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 64px;
  width: 64px;
  line-height: 64px;
  font-size: 64px;
}
.TableColumnList-widget .table-column-list-container .drop-layer .drop-icon:before {
  content: "\f133";
}
.TableColumnList-widget .table-column-list-container .drop-layer .drop-icon.active:before {
  content: "\f134";
}
.TableColumnList-widget .table-column-list-container .table-column-list-entry {
  height: 32px;
  width: 100%;
  padding-left: 10px;
}
.TableColumnList-widget .table-column-list-container .table-column-list-entry:hover {
  background-color: #FFFFFF;
}
.TableColumnList-widget .table-column-list-container .table-column-list-entry.is-drag-active {
  border: 1px dashed #3387A5;
  background-color: #FFFFFF;
}
.TableColumnList-widget .table-column-list-container .table-column-list-entry .table-column-list-entry-label {
  float: left;
  font-size: 12px;
  width: calc(100% - (32px + 10px));
  line-height: 32px;
  color: #00698F;
}
.TableColumnList-widget .table-column-list-container .table-column-list-entry .table-column-list-entry-label.is-available {
  color: #000000;
}
.TableColumnList-widget .table-column-list-container .table-column-list-entry .table-column-list-entry-drag-anchor {
  float: left;
  width: 32px;
  height: 32px;
  font-size: 24px;
  text-align: center;
  line-height: 32px;
}
.TableColumnList-widget .table-column-list-container .table-column-list-entry .table-column-list-entry-drag-anchor:before {
  content: "\f13a";
}
.TreeView-widget {
  height: 100%;
  background-color: #F2F8F9;
  padding: 0px;
}
.TreeView-widget .tree-view-widget-body {
  overflow: auto;
  height: 100%;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  /*
     * Root level
     */
}
.TreeView-widget .tree-view-widget-body ul {
  list-style-type: none;
  padding: 0px;
}
.TreeView-widget .tree-view-widget-body ul li {
  cursor: pointer;
  width: 100%;
  position: relative;
  padding: 0px;
  clear: both;
}
.TreeView-widget .tree-view-widget-body ul li .tree-view-widget-label {
  display: block;
  width: 100%;
  padding-left: 10px;
  padding-right: 33px;
  line-height: 32px;
  min-height: 32px;
  background-color: #F2F8F9;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select {
  float: right;
  position: relative;
  height: 32px;
  width: 32px;
}
.TreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget {
  color: inherit;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  background-color: #E6F0F4;
  -ms-touch-action: none;
      touch-action: none;
}
.TreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget .Checkbox-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  border: none;
  background-color: transparent;
}
.TreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget .Checkbox-checkbox.checked:before {
  content: "\f19a";
}
.TreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children:before {
  content: "\f198";
}
.TreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
}
.TreeView-widget .tree-view-widget-body ul li.not-expandable.selected > .tree-view-widget-label {
  color: #00698F;
  background-color: #E6F0F4;
}
.TreeView-widget .tree-view-widget-body ul li.not-expandable.selected > .tree-view-widget-label:before {
  content: "\f10f";
}
.TreeView-widget .tree-view-widget-body ul li.not-expandable.selected > .tree-view-widget-label::before {
  font-family: qanteon-icons;
  font-size: 18px;
  position: absolute;
  right: 5px;
}
.TreeView-widget .tree-view-widget-body ul li.not-expandable.selected > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #CCE1E9;
}
.TreeView-widget .tree-view-widget-body ul li.expandable.selected > .tree-view-widget-label {
  color: #FFFFFF;
}
.TreeView-widget .tree-view-widget-body ul li.expandable.selected > .tree-view-widget-label:before {
  content: "\f10f";
}
.TreeView-widget .tree-view-widget-body ul li.expandable.selected > .tree-view-widget-label::before {
  font-family: qanteon-icons;
  font-size: 18px;
  position: absolute;
  right: 5px;
}
.TreeView-widget .tree-view-widget-body ul li.expanded > .tree-view-widget-label {
  color: #FFFFFF;
}
.TreeView-widget .tree-view-widget-body ul li.selected.expanded > .tree-view-widget-label:before {
  content: "\f10f";
}
.TreeView-widget .tree-view-widget-body ul li.selected.expanded > .tree-view-widget-label::before {
  font-size: 18px;
  font-family: qanteon-icons;
  position: absolute;
  right: 5px;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root {
  position: relative;
  background-color: #005978;
  /**
      * Mixin to color a specific level
      */
  /*
      * level 1
      */
  /*
      * level 2
      */
  /*
      * Level 3
      */
  /**
      * Level 4
      */
  /**
      * Level 5
      */
  /**
      * Level 6
      */
  /**
      * Level 7
      */
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li {
  background-color: #E6F0F4;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > .tree-view-widget-label {
  text-transform: uppercase;
  background-color: #005978;
  color: #FFFFFF;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > .tree-view-widget-label > .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #0E4963;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.expanded,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.not-expandable {
  background-color: #005978;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label {
  background-color: #005978;
  color: #FFFFFF;
  border-color: #005978;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label:before,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label:before {
  content: "\f10f";
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label::before,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label::before {
  font-size: 18px;
  font-family: qanteon-icons;
  position: absolute;
  right: 5px;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root ul {
  margin-left: 10px;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li.expandable:not(.expanded) {
  position: relative;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li.expandable:not(.expanded)::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -29px;
  transform: scaleX(0.5) rotate(45deg);
  background-color: #005978;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #0E4963;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul {
  background-color: #3387A5;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expandable:not(.expanded) {
  position: relative;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -29px;
  transform: scaleX(0.5) rotate(45deg);
  background-color: #3387A5;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #3387A5;
  border-color: #3387A5;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #1A789A;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul {
  background-color: #66A5BC;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded) {
  position: relative;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -29px;
  transform: scaleX(0.5) rotate(45deg);
  background-color: #66A5BC;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #66A5BC;
  border-color: #66A5BC;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #4D96B0;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul {
  background-color: #80B4C7;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded) {
  position: relative;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -29px;
  transform: scaleX(0.5) rotate(45deg);
  background-color: #80B4C7;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #80B4C7;
  border-color: #80B4C7;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #66A5BC;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul {
  background-color: #B3D2DD;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded) {
  position: relative;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -29px;
  transform: scaleX(0.5) rotate(45deg);
  background-color: #B3D2DD;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #B3D2DD;
  border-color: #B3D2DD;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #99C3D2;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul {
  background-color: #CCE1E9;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded) {
  position: relative;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -29px;
  transform: scaleX(0.5) rotate(45deg);
  background-color: #CCE1E9;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #CCE1E9;
  border-color: #CCE1E9;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #B3D2DD;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul {
  background-color: #F2F8F9;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded) {
  position: relative;
  overflow: hidden;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expandable:not(.expanded)::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -29px;
  transform: scaleX(0.5) rotate(45deg);
  background-color: #F2F8F9;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label,
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.selected.expandable > .tree-view-widget-label {
  background-color: #F2F8F9;
  border-color: #F2F8F9;
}
.TreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li > * > ul > li.expanded > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #E6F0F4;
}
.side-menu-tree .new-tree-container {
  height: calc(100% - 46px);
}
.side-menu-tree .new-tree-container.multi-select-available {
  height: calc(100% - 46px - 34px);
}
.side-menu-tree .new-tree-container .tree-view {
  height: calc(100% - 5px);
  overflow: auto;
}
.side-menu-tree .new-tree-container .tree-view .tree-view-widget-entry-label {
  display: inline-block;
  line-height: 16px;
  color: #005978;
}
.NewTreeView-widget {
  height: 100%;
  background-color: #F2F8F9;
  padding: 0px;
}
.NewTreeView-widget .glyph-icon.plant-image {
  font-size: 18px !important;
  color: #000000;
}
.NewTreeView-widget .glyph-icon.plant-image:before {
  content: "\f150";
}
.NewTreeView-widget .tree-view-widget-body {
  overflow: auto;
  height: 100%;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  /*
     * Root level
     */
}
.NewTreeView-widget .tree-view-widget-body ul {
  list-style-type: none;
  padding: 0px;
}
.NewTreeView-widget .tree-view-widget-body ul li {
  cursor: pointer;
  width: 100%;
  position: relative;
  padding: 0px;
  clear: both;
  color: #00698F;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-label {
  display: block;
  width: 100%;
  padding-left: 5px;
  line-height: 32px;
  min-height: 32px;
  color: #00698F;
  background-color: #F2F8F9;
  white-space: nowrap;
  overflow: hidden;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-label::before {
  font-family: qanteon-icons;
  color: #B3D2DD;
  padding-left: 2px;
  padding-right: 2px;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select {
  float: right;
  position: relative;
  height: 32px;
  width: 32px;
  margin-right: 14px;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget {
  color: #00698F;
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  background-color: #E6F0F4;
  -ms-touch-action: none;
      touch-action: none;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children-threeclick {
  padding: 3px;
  background-color: #2d84a3 !important;
  background-clip: content-box;
  border: 3px solid #2d84a3;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children-threeclick::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget .Checkbox-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  border: none;
  background-color: transparent;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget .Checkbox-checkbox.checked {
  color: #00698F !important;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget .Checkbox-checkbox.checked:before {
  content: "\f19a";
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children:before {
  content: "\f198";
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children-threeclick {
  padding: 3px;
  background-color: #2d84a3;
  background-clip: content-box;
  border: 3px solid #2d84a3;
}
.NewTreeView-widget .tree-view-widget-body ul li .tree-view-widget-multi-select .Checkbox-widget.has-selected-children-threeclick::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
}
.NewTreeView-widget .tree-view-widget-body ul li.not-expandable.selected:not(.image-element) > .tree-view-widget-label {
  background-color: #66A5BC;
}
.NewTreeView-widget .tree-view-widget-body ul li.not-expandable.selected:not(.image-element) > .tree-view-widget-label .tree-view-widget-entry-label {
  color: #F2F8F9;
  border-bottom: 1px solid #F2F8F9;
}
.NewTreeView-widget .tree-view-widget-body ul li.not-expandable.selected:not(.image-element) > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #CCE1E9;
}
.NewTreeView-widget .tree-view-widget-body ul li.not-expandable.selected.image-element > .tree-view-widget-label {
  background-color: #66A5BC;
}
.NewTreeView-widget .tree-view-widget-body ul li.not-expandable.selected.image-element > .tree-view-widget-label .tree-view-widget-entry-label {
  color: #F2F8F9;
}
.NewTreeView-widget .tree-view-widget-body ul li.not-expandable.selected.image-element > .tree-view-widget-label .glyph-icon.plant-image {
  color: #F2F8F9;
}
.NewTreeView-widget .tree-view-widget-body ul li.not-expandable.selected.image-element > .tree-view-widget-label .tree-view-widget-multi-select .Checkbox-widget {
  background-color: #CCE1E9;
}
.NewTreeView-widget .tree-view-widget-body ul li.expandable.selected > .tree-view-widget-label {
  background-color: #66A5BC;
}
.NewTreeView-widget .tree-view-widget-body ul li.expandable.selected > .tree-view-widget-label .tree-view-widget-entry-label {
  color: #F2F8F9;
  border-bottom: 1px solid #F2F8F9;
}
.NewTreeView-widget .tree-view-widget-body ul li.expanded > .tree-view-widget-label .tree-view-widget-entry-label {
  border-bottom: 1px solid #00698F;
}
.NewTreeView-widget .tree-view-widget-body ul li.lse-element > .tree-view-widget-label:before {
  content: "\f113";
}
.NewTreeView-widget .tree-view-widget-body ul li.image-element > .tree-view-widget-label {
  background-color: #FFFFFF;
}
.NewTreeView-widget .tree-view-widget-body ul li.dp-element > .tree-view-widget-label {
  background-color: #FFFFFF;
  color: #000000;
}
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root {
  position: relative;
  background-color: #F2F8F9;
}
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li {
  background-color: #E6F0F4;
}
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li > .tree-view-widget-label {
  background-color: #F2F8F9;
  color: #005978;
}
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.expanded,
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected,
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.not-expandable {
  background-color: #F2F8F9;
}
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.expanded > .tree-view-widget-label,
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root > li.selected.not-expandable > .tree-view-widget-label {
  background-color: #66A5BC;
  color: #F2F8F9;
  border-color: #005978;
}
.NewTreeView-widget .tree-view-widget-body ul.tree-view-widget-root ul {
  margin-left: 10px;
}
.Timeline-widget {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #D9E8EE;
  color: #267FA0;
  font-family: inherit;
  font-weight: bold;
  font-size: 12px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Timeline-widget .timeline-widget-entry-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.Timeline-widget .timeline-widget-entry-container .timeline-widget-entry {
  position: absolute;
  top: 10px;
}
.Timeline-widget .timeline-widget-entry-container .timeline-widget-entry > span {
  position: relative;
  left: -50%;
  white-space: nowrap;
}
.Timeline-widget .slider {
  position: absolute;
  top: 0px;
  margin-left: -30px;
  width: 60px;
  height: 30px;
  background-image: url(../../../core/widgets/timeline/assets/slider.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.Timeline-widget .slider > span {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  width: 100%;
}
.Tabs-widget {
  background-color: #666666;
}
.Tabs-widget .Tabs-tab-area {
  background-color: #666666;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
}
.Tabs-widget .Tabs-tab-area.horizontal {
  width: 100%;
  white-space: nowrap;
}
.Tabs-widget .Tabs-tab-area.horizontal.top-space {
  padding-top: 10px;
}
.Tabs-widget .Tabs-tab-area.horizontal.top-space.normal {
  height: 62px;
}
.Tabs-widget .Tabs-tab-area.horizontal.top-space.large {
  height: 143px;
}
.Tabs-widget .Tabs-tab-area.horizontal.no-top-space.normal {
  height: 52px;
}
.Tabs-widget .Tabs-tab-area.horizontal.no-top-space.large {
  height: 133px;
}
.Tabs-widget .Tabs-tab-area.vertical {
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}
.Tabs-widget .Tabs-tab-area.vertical.top-space {
  padding-left: 10px;
}
.Tabs-widget .Tabs-tab-area.vertical.top-space.normal {
  width: 62px;
}
.Tabs-widget .Tabs-tab-area.vertical.top-space.large {
  width: 143px;
}
.Tabs-widget .Tabs-tab-area.vertical.no-top-space.normal {
  width: 52px;
}
.Tabs-widget .Tabs-tab-area.vertical.no-top-space.large {
  width: 133px;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.15);
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  background-color: #66A5BC;
  padding: 0;
  margin: 0;
  overflow: hidden;
  -ms-flex: 1;
      flex: 1;
  border-top: solid 1px #99C3D2;
  border-left: solid 1px #99C3D2;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.active {
  color: #00698F;
  background-color: #F2F8F9;
  cursor: auto;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.vertical {
  margin-bottom: 10px;
  border-bottom: solid 1px #3387A5;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.vertical.active {
  border: solid 1px #FFFFFF;
  border-right: solid 1px #F2F8F9;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.vertical:last-of-type {
  margin-bottom: 0;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.vertical.normal {
  width: 52px;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.vertical.large {
  width: 133px;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.horizontal {
  float: left;
  margin-right: 10px;
  border-right: solid 1px #3387A5;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.horizontal.active {
  border: solid 1px #FFFFFF;
  border-bottom: solid 1px #F2F8F9;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.horizontal:last-of-type {
  margin-right: 0;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.horizontal.normal {
  height: 52px;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn.horizontal.large {
  height: 133px;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn .Tabs-text-template {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  display: inline-block;
  white-space: nowrap;
  color: inherit;
  padding: 0 10px;
  margin: 0;
  text-align: center;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn .Tabs-text-template.normal {
  height: 50px;
  line-height: 50px;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn .Tabs-text-template.large {
  height: 131px;
  line-height: 131px;
}
.Tabs-widget .Tabs-tab-area .Tabs-tab-btn .Tabs-text-template.vertical {
  transform: translateX(-50%) rotate(-90deg) translateY(50%);
}
.SelectPopover-widget {
  display: inline-block;
  vertical-align: middle;
}
.SelectPopover-widget .SelectPopover-widget-display {
  position: relative;
}
.SelectPopover-widget-popup .SelectPopover-widget-content {
  background-color: #FFFFFF;
  padding: 5px;
}
.SelectPopover-widget-popup .SelectPopover-widget-content .SelectPopover-widget-item {
  display: inline-block;
  cursor: pointer;
  padding: 0px;
  margin: 5px;
}
.DatePicker-widget {
  height: 32px;
  width: 100%;
  min-height: 32px;
  min-width: 100px;
  background-color: #FFFFFF;
}
.DatePicker-widget .DatePicker-widget-container {
  overflow: auto;
  border: 1px solid #80B4C7;
  cursor: default;
}
.DatePicker-widget .DatePicker-widget-container .DatePicker-widget-input {
  display: inline-block;
  border: none;
  background-color: #FFFFFF;
  outline: none;
  float: left;
  height: 30px;
  width: calc(100% - (32px + 1px));
  box-shadow: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 30px;
}
.DatePicker-widget .DatePicker-widget-container .DatePicker-widget-label {
  display: inline-block;
  border: none;
  background-color: transparent;
  outline: none;
  float: left;
  height: 30px;
  width: auto;
  box-shadow: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 30px;
}
.DatePicker-widget .DatePicker-widget-container .DatePicker-widget-button {
  display: inline-block;
  float: right;
  outline: none;
  height: 30px;
  width: 31px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
  border-left: 1px solid #80B4C7;
  background-color: #FFFFFF;
  font-size: 25px;
  line-height: 30px;
}
.DatePicker-widget .DatePicker-widget-container .DatePicker-widget-button:before {
  content: "\f11d";
}
.DatePicker-widget .DatePicker-widget-container:hover .DatePicker-widget-input {
  outline: none;
}
.DatePicker-widget .DatePicker-widget-container:hover .DatePicker-widget-button {
  cursor: pointer;
  background-color: #80B4C7;
  color: #FFFFFF;
}
.DatePicker-widget .DatePicker-widget-container.active,
.DatePicker-widget .DatePicker-widget-container:active {
  border-color: #005978;
}
.DatePicker-widget .DatePicker-widget-container.active .DatePicker-widget-input,
.DatePicker-widget .DatePicker-widget-container:active .DatePicker-widget-input {
  outline: none;
}
.DatePicker-widget .DatePicker-widget-container.active .DatePicker-widget-button,
.DatePicker-widget .DatePicker-widget-container:active .DatePicker-widget-button {
  border-color: #005978;
  background-color: #005978;
  color: #FFFFFF;
}
.DatePicker-widget .DatePicker-widget-container.disabled {
  background-color: transparent;
  border-color: #B3D2DD;
}
.DatePicker-widget .DatePicker-widget-container.disabled .DatePicker-widget-input {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  line-height: 30px;
}
.DatePicker-widget .DatePicker-widget-container.disabled .DatePicker-widget-button {
  cursor: auto;
  border-color: #B3D2DD;
  background-color: transparent;
  color: #999999;
}
.DatePicker-widget.display-inline {
  height: 100%;
  min-width: 225px;
  width: auto;
  margin: auto;
  background-color: transparent;
  text-align: center;
  border: none;
}
.DatePicker-widget.display-inline .DatePicker-widget-container {
  border: none;
  outline: none;
}
.DatePicker-widget.display-inline .DatePicker-widget-container .DatePicker-widget-button {
  float: none;
  width: auto;
  border: none;
  background-color: transparent;
  color: #00698F;
  font-size: 25px;
  line-height: 30px;
}
.DatePicker-widget.display-inline .DatePicker-widget-container .DatePicker-widget-button:before {
  content: "\f11d";
}
.DatePicker-widget.display-inline .DatePicker-widget-container .DatePicker-widget-label {
  float: none;
}
.DatePicker-widget.display-inline .DatePicker-widget-container:hover .DatePicker-widget-label {
  outline: none;
}
.DatePicker-widget.display-inline .DatePicker-widget-container:hover .DatePicker-widget-button {
  cursor: pointer;
  background-color: transparent;
  color: #00698F;
  font-size: 25px;
  line-height: 30px;
}
.DatePicker-widget.display-inline .DatePicker-widget-container.active,
.DatePicker-widget.display-inline .DatePicker-widget-container:active {
  border: none;
}
.DatePicker-widget.display-inline .DatePicker-widget-container.active .DatePicker-widget-label,
.DatePicker-widget.display-inline .DatePicker-widget-container:active .DatePicker-widget-label {
  outline: none;
}
.DatePicker-widget.display-inline .DatePicker-widget-container.active .DatePicker-widget-button,
.DatePicker-widget.display-inline .DatePicker-widget-container:active .DatePicker-widget-button {
  border: none;
  background-color: transparent;
  color: #00698F;
}
.DatePicker-widget.display-inline .DatePicker-widget-container.disabled {
  background-color: transparent;
  border-color: transparent;
}
.DatePicker-widget.display-inline .DatePicker-widget-container.disabled .DatePicker-widget-label {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  line-height: 30px;
}
.DatePicker-widget-picker {
  width: 225px;
  background-color: #3387A5;
}
.DatePicker-widget-picker[data-type='week'] {
  width: 257px;
}
.DatePicker-widget-picker .header {
  border: solid 1px #005978;
  border-top: solid 1px #66A5BC;
  border-bottom: none;
  height: 30px;
  background-color: #3387A5;
}
.DatePicker-widget-picker .header .header-text {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  height: 30px;
  width: calc(100% - 32px - 32px);
  background-color: #3387A5;
  border: none;
  border-left: solid 1px #66A5BC;
  border-right: solid 1px #005978;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
}
.DatePicker-widget-picker .header .header-button {
  display: block;
  height: 30px;
  width: 32px;
  padding: 0;
  margin: 0;
  background-color: #3387A5;
  border: none;
  box-shadow: none;
}
.DatePicker-widget-picker .header .header-button:hover {
  cursor: pointer;
}
.DatePicker-widget-picker .header .next-button {
  float: right;
  border-left: solid 1px #66A5BC;
  color: #FFFFFF;
  line-height: 30px;
  font-size: 15px;
  background: center no-repeat transparent;
}
.DatePicker-widget-picker .header .next-button:before {
  content: "\f10f";
}
.DatePicker-widget-picker .header .next-button:hover {
  background: #1A789A;
}
.DatePicker-widget-picker .header .next-button:active {
  background: #005978;
}
.DatePicker-widget-picker .header .next-button:disabled {
  color: #005978;
}
.DatePicker-widget-picker .header .prev-button {
  float: left;
  background: center no-repeat transparent;
  border-right: solid 1px #005978;
  color: #FFFFFF;
  line-height: 30px;
  font-size: 15px;
}
.DatePicker-widget-picker .header .prev-button:before {
  content: "\f10e";
}
.DatePicker-widget-picker .header .prev-button:hover {
  background: #1A789A;
}
.DatePicker-widget-picker .header .prev-button:active {
  background: #005978;
}
.DatePicker-widget-picker .header .prev-button:disabled {
  color: #005978;
}
.DatePicker-widget-picker .body {
  margin: 0;
  border: 1px solid #005978;
  border-collapse: separate;
  border-spacing: 0;
}
.DatePicker-widget-picker .body tr th.day-tile {
  background-color: #E6F0F4;
  line-height: 31px;
}
.DatePicker-widget-picker .body tr th.day-tile.index {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
}
.DatePicker-widget-picker .body tr.active th.day-tile {
  background-color: #E6F0F4;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
}
.DatePicker-widget-picker .body tr td.day-tile {
  background-color: #FFFFFF;
  line-height: 31px;
}
.DatePicker-widget-picker .body tr .day-tile {
  padding: 0;
  margin: 0;
  border-top: solid 1px #F2F8F9;
  border-left: solid 1px #F2F8F9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
}
.DatePicker-widget-picker .body tr .day-tile:first-child {
  border-left: none;
}
.DatePicker-widget-picker .body tr .day-tile div {
  width: 31px;
  height: 31px;
  padding: 0;
  margin: 0;
  line-height: 31px;
  text-align: center;
  vertical-align: middle;
  font: inherit;
  background-color: inherit;
}
.DatePicker-widget-picker .body tr .day-tile.week div {
  width: 31px;
}
.DatePicker-widget-picker .body tr .day-tile.month div,
.DatePicker-widget-picker .body tr .day-tile.year div {
  width: 55px;
}
.DatePicker-widget-picker .body tr:first-child .day-tile {
  border-top: none;
}
.DatePicker-widget-picker .body tr th.is-sunday {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 31px;
}
.DatePicker-widget-picker .body tr .from-current-month.is-sunday:not(.disabled) {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  line-height: 31px;
}
.DatePicker-widget-picker .body tr .from-current-month.is-sunday:not(.disabled).active:not(.disabled) {
  color: #FFFFFF;
}
.DatePicker-widget-picker .body tr .from-current-month:not(.disabled),
.DatePicker-widget-picker .body tr .from-current-year:not(.disabled),
.DatePicker-widget-picker .body tr .from-current-period:not(.disabled) {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 31px;
}
.DatePicker-widget-picker .body tr .active:not(.disabled) {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 31px;
  background-color: #005978;
}
.DatePicker-widget-picker .body tr .active:not(.disabled).week {
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #CCCCCC;
}
.DatePicker-widget-picker .body tr .active:not(.disabled).week.from-current-month {
  color: #FFFFFF;
  background-color: #005978;
  border-top-color: #005978;
  border-left-color: #005978;
}
.DatePicker-widget-picker .body tr .day-description {
  background-color: #E6F0F4;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 31px;
}
.DatePicker-widget-picker .body.weeks tr:hover th.index:not(.disabled) {
  cursor: pointer;
  background-color: #3387A5;
  border-color: #3387A5;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 31px;
}
.DatePicker-widget-picker .body.weeks tr:hover td[data-bind*="click"]:not(.disabled) {
  cursor: pointer;
  background-color: #80B4C7;
  border-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 31px;
}
.DatePicker-widget-picker .body [data-bind*="click"]:not(.disabled) {
  cursor: pointer;
}
.DatePicker-widget-picker .body [data-bind*="click"]:not(.disabled):hover {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 31px;
}
.DatePicker-widget-picker .body [data-bind*="click"].disabled {
  cursor: default;
}
.newCombobox-widget {
  height: 32px;
  width: 100%;
  min-height: 30px;
  min-width: 100px;
  background-color: #FFFFFF;
}
.newCombobox-widget .combobox-dropdown-button {
  font-size: 18px;
  text-align: center;
}
.newCombobox-widget .combobox-dropdown-button:before {
  content: "\f10d";
}
.newCombobox-widget .combobox-dropdown-button::before {
  position: relative;
  top: -1px;
}
.newCombobox-widget .combobox-container {
  height: 32px;
  border: 1px solid #80B4C7;
  outline: none;
}
.newCombobox-widget .combobox-container.popup-open {
  border-color: #005978;
}
.newCombobox-widget .combobox-container.popup-open .combobox-dropdown-button {
  border-color: #005978;
  background-color: #005978;
  color: #FFFFFF;
}
.newCombobox-widget .combobox-container.disabled {
  border-color: #B3D2DD;
}
.newCombobox-widget .combobox-container:active {
  border-color: #0E4963;
}
.newCombobox-widget .combobox-container:active.disabled {
  border-color: #B3D2DD;
}
.newCombobox-widget .combobox-selection-display {
  border: none;
  background-color: #FFFFFF;
  float: left;
  height: 100%;
  width: calc(100% - 32px);
  box-shadow: none;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 30px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.newCombobox-widget .combobox-dropdown-button {
  display: inline-block;
  border: 0;
  float: right;
  height: 30px;
  width: 31px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-left: 1px solid #80B4C7;
  background-color: #FFFFFF;
}
.newCombobox-widget:hover {
  cursor: pointer;
}
.newCombobox-widget:hover .combobox-dropdown-button {
  cursor: pointer;
  background-color: #80B4C7;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
}
.newCombobox-widget:hover .combobox-dropdown-button:before {
  content: "\f10d";
}
.newCombobox-widget:hover .combobox-dropdown-button.titlebar {
  background-color: transparent;
}
.newCombobox-widget:active {
  border-color: #0E4963;
}
.newCombobox-widget:active .combobox-dropdown-button {
  border-color: #0E4963;
  background-color: #0E4963;
  color: #FFFFFF;
}
.newCombobox-widget.disabled {
  cursor: auto;
  border-color: #B3D2DD;
  background-color: transparent;
}
.newCombobox-widget.disabled .combobox-selection-display.disabled {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  line-height: 30px;
}
.newCombobox-widget.disabled .combobox-dropdown-button.disabled {
  cursor: auto;
  background-color: transparent;
  border-color: #B3D2DD;
  color: #B3D2DD;
}
.page-title-bar .newCombobox-widget {
  border-left: none;
  border-right: none;
  background: transparent;
}
.page-title-bar .newCombobox-widget .combobox-container {
  height: 46px;
  border: none;
}
.page-title-bar .newCombobox-widget .combobox-container.popup-open {
  background-color: #005978;
  margin-left: -1px;
  width: 201px;
}
.page-title-bar .newCombobox-widget .combobox-container:hover {
  background-color: #00698F;
  margin-left: -1px;
  width: 201px;
}
.page-title-bar .newCombobox-widget .combobox-selection-display {
  width: 170px;
  background-color: transparent;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 46px;
}
.page-title-bar .newCombobox-widget .combobox-dropdown-button {
  height: 46px;
  width: 30px;
  min-width: 30px;
  border-left: none;
  background-color: transparent;
  color: #FFFFFF;
}
.page-title-bar .newCombobox-widget .combobox-dropdown-button:hover,
.page-title-bar .newCombobox-widget .combobox-dropdown-button:active,
.page-title-bar .newCombobox-widget .combobox-dropdown-button.active {
  margin: 0;
}
.page-title-bar .newCombobox-widget.active,
.page-title-bar .newCombobox-widget:active {
  background-color: #005978;
  border: none;
}
.page-title-bar .newCombobox-widget.active .combobox-dropdown-button,
.page-title-bar .newCombobox-widget:active .combobox-dropdown-button,
.page-title-bar .newCombobox-widget.active .combobox-selection-display,
.page-title-bar .newCombobox-widget:active .combobox-selection-display {
  background-color: #005978;
}
.page-title-bar .newCombobox-widget.active .combobox-selection-display,
.page-title-bar .newCombobox-widget:active .combobox-selection-display {
  margin-left: -1px;
  padding-left: 11px;
  width: 171px;
}
.popup-binding-container .combobox-popup {
  max-height: 165px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  list-style-type: none;
  background-color: #FFFFFF;
  border: solid 1px #005978;
  border-top: none;
  padding: 0;
  margin: 0;
  z-index: 700;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup-binding-container .combobox-popup ul {
  background-color: #FFFFFF;
}
.popup-binding-container .combobox-popup li {
  padding-left: 10px;
  padding-right: 10px;
  height: 32px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.popup-binding-container .combobox-popup li:hover {
  cursor: pointer;
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.popup-binding-container .combobox-popup li:active {
  background-color: #0E4963;
}
.popup-binding-container .combobox-popup li .combobox-entry {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popup-binding-container .combobox-popup li.active {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.popup-binding-container .combobox-popup li.active:hover {
  background-color: #80B4C7;
}
.page-title-bar .combobox-popup {
  background-color: #267FA0;
  border: none;
  line-height: 32px;
  max-height: 320px;
}
.page-title-bar .combobox-popup li {
  background-color: #267FA0;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.page-title-bar .combobox-popup li:hover {
  cursor: pointer;
  background-color: #0D7094;
}
.page-title-bar .combobox-popup li.active {
  background-color: #005978;
}
.page-title-bar .combobox-popup li:active {
  background-color: #0E4963;
}
.popup-binding-container.opened-to-top .combobox-popup {
  border: solid 1px #005978;
  border-bottom: none;
}
.Checkbox-widget {
  display: inline-block;
  color: #000000;
}
.Checkbox-widget .Checkbox-checkbox {
  height: 14px;
  width: 14px;
  border: solid 1px #80B4C7;
  background-color: #FFFFFF;
}
.Checkbox-widget .Checkbox-checkbox:hover {
  cursor: pointer;
  border-color: #00698F;
  background-color: #F2F8F9;
}
.Checkbox-widget .Checkbox-checkbox:active {
  border-color: #005978;
  background-color: #CCE1E9;
}
.Checkbox-widget .Checkbox-checkbox.large {
  height: 32px;
  width: 32px;
}
.Checkbox-widget .Checkbox-checkbox.checked {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
}
.Checkbox-widget .Checkbox-checkbox.checked:before {
  content: "\f16b";
}
.Checkbox-widget .Checkbox-checkbox.checked.large {
  font-size: 24px;
  line-height: 32px;
}
.Checkbox-widget .Checkbox-checkbox.disabled,
.Checkbox-widget .Checkbox-checkbox.disabled:hover,
.Checkbox-widget .Checkbox-checkbox.disabled:active {
  cursor: auto;
  border-color: #B3D2DD;
  background-color: transparent;
  color: #CCCCCC;
}
.checkbox-titlebar {
  position: relative;
  color: #FFFFFF;
  height: 44px;
}
.checkbox-titlebar:hover {
  cursor: pointer;
  background: #1A789A;
}
.checkbox-titlebar:hover .indicator .inner-indicator {
  background: #1A789A;
}
.checkbox-titlebar:active {
  background: #005978;
}
.checkbox-titlebar:active .indicator .inner-indicator {
  background: #005978;
}
.checkbox-titlebar .indicator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  float: left;
  width: 8px;
  height: 8px;
  margin-left: 14px;
  margin-right: 10px;
  background: white;
}
.checkbox-titlebar .indicator .inner-indicator {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  left: 1px;
  background: #267FA0;
}
.checkbox-titlebar.checked > .indicator > .inner-indicator {
  background: #FFFFFF;
}
.checkbox-titlebar .text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  float: left;
  height: 22px;
  padding-right: 20px;
  line-height: 24px;
}
.Radio-widget {
  display: inline-block;
}
.Radio-widget .Radio-radio {
  height: 14px;
  width: 14px;
  border: solid 1px #80B4C7;
  border-radius: 7px;
  background-color: #FFFFFF;
  text-align: center;
}
.Radio-widget .Radio-radio:hover {
  cursor: pointer;
  border-color: #00698F;
  background-color: #F2F8F9;
}
.Radio-widget .Radio-radio:active {
  border-color: #005978;
  background-color: #CCE1E9;
}
.Radio-widget .Radio-radio.large {
  height: 32px;
  width: 32px;
  border-radius: 16px;
}
.Radio-widget .Radio-radio.selected {
  line-height: 12px;
  font-size: 8px;
}
.Radio-widget .Radio-radio.selected .radio-circle {
  background-color: black;
  width: 6px;
  height: 6px;
  background-color: #000000;
  border: 1px solid black;
  border-radius: 3px;
  position: relative;
  top: 3px;
  left: 3px;
}
.Radio-widget .Radio-radio.selected.large .radio-circle {
  height: 10px;
  width: 10px;
  top: 10px;
  left: 10px;
  border-radius: 5px;
}
.Radio-widget .Radio-radio.disabled,
.Radio-widget .Radio-radio.disabled:hover,
.Radio-widget .Radio-radio.disabled:active {
  cursor: auto;
  border-color: #B3D2DD;
  background-color: transparent;
  color: #CCCCCC;
}
.Radio-widget .Radio-radio.disabled.selected,
.Radio-widget .Radio-radio.disabled:hover.selected,
.Radio-widget .Radio-radio.disabled:active.selected {
  line-height: 12px;
  font-size: 8px;
}
.Radio-widget .Radio-radio.disabled.selected .radio-circle,
.Radio-widget .Radio-radio.disabled:hover.selected .radio-circle,
.Radio-widget .Radio-radio.disabled:active.selected .radio-circle {
  background-color: black;
  width: 6px;
  height: 6px;
  background-color: #000000;
  border: 1px solid black;
  border-radius: 3px;
  position: relative;
  top: 3px;
  left: 3px;
}
.Radio-widget .Radio-radio.disabled.selected.large .radio-circle,
.Radio-widget .Radio-radio.disabled:hover.selected.large .radio-circle,
.Radio-widget .Radio-radio.disabled:active.selected.large .radio-circle {
  height: 10px;
  width: 10px;
  top: 10px;
  left: 10px;
  border-radius: 5px;
}
.HorizontalSlider-widget {
  position: relative;
  width: 250px;
}
.HorizontalSlider-widget .horizontal-slider-button {
  width: 40px;
  min-width: 40px;
  height: 100%;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  float: left;
}
.HorizontalSlider-widget .horizontal-slider-button-min {
  width: 40px;
  min-width: 40px;
  height: 100%;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  float: left;
}
.HorizontalSlider-widget .horizontal-slider-button-max {
  width: 40px;
  min-width: 40px;
  height: 100%;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  float: left;
}
.HorizontalSlider-widget .slider-separator {
  float: left;
}
.HorizontalSlider-widget .slider-separator-right,
.HorizontalSlider-widget .slider-separator-left {
  width: 1px;
  height: 100%;
}
.HorizontalSlider-widget .slider-space {
  position: relative;
  display: inline-block;
  width: calc(100% - 2 * 40px) - 2 * 1px;
  height: 100%;
  float: left;
  background-size: auto 100%;
  background: url('../../../core/widgets/horizontalslider/assets/Slider-Background.png') repeat-x;
}
.HorizontalSlider-widget .slider-space .slider-raster {
  height: 100%;
  display: inline;
  float: left;
}
.HorizontalSlider-widget .slider-space .slider-drag-element {
  position: absolute;
  top: 0px;
  height: 30px;
  width: 20px;
  margin-top: 9px;
  background-size: auto 100%;
  background: url('../../../core/widgets/horizontalslider/assets/slider.png') center center;
  color: #FFFFFF;
  text-align: center;
}
#help-wizard-information-box {
  z-index: 600;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 300px;
  height: 200px;
  padding: 10px;
  background-color: white;
  margin: auto;
}
#help-wizard-information-box.v-top {
  margin-top: 0;
}
#help-wizard-information-box.v-bottom {
  margin-bottom: 0;
}
#help-wizard-information-box.h-leading {
  margin-left: 0;
}
#help-wizard-information-box.h-trailing {
  margin-right: 0;
}
#help-wizard-information-box .precious-notice {
  background-color: #F20C0C;
  color: #FFFFFF;
}
#help-wizard-information-box .information-box-content {
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100% - 32px);
}
#help-wizard-black-wall {
  width: 0;
  height: 0;
}
#help-wizard-black-wall .help-wizard-black-wall-piece {
  z-index: 500;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.55);
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border {
  background-color: transparent;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.tl {
  background-image: url('../../../core/widgets/helpwizard/assets/tl-corner.png');
  background-position: top left;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.tr {
  background-image: url('../../../core/widgets/helpwizard/assets/tr-corner.png');
  background-position: top right;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.bl {
  background-image: url('../../../core/widgets/helpwizard/assets/bl-corner.png');
  background-position: bottom left;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.br {
  background-image: url('../../../core/widgets/helpwizard/assets/br-corner.png');
  background-position: bottom right;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.top {
  height: 10px;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.bottom {
  height: 10px;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.left {
  width: 10px;
}
#help-wizard-black-wall .help-wizard-black-wall-piece.border.right {
  width: 10px;
}
.time-interval-chooser {
  position: relative;
  width: 100%;
  height: 46px;
  border-bottom: 1px solid #80B4C7;
}
.time-interval-chooser .time-interval-navigation-btn {
  position: absolute;
  top: 0;
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  z-index: 6;
  min-width: 72px;
  color: #00698F;
  background: none center no-repeat, transparent;
  background-color: #CCE1E9;
  padding: 0 15px;
  margin: 0;
}
.time-interval-chooser .time-interval-navigation-btn:hover {
  background-color: #80B4C7;
  color: #FFFFFF;
}
.time-interval-chooser .time-interval-navigation-btn.no-hover:hover {
  background-color: transparent;
}
.time-interval-chooser .time-interval-navigation-btn.active,
.time-interval-chooser .time-interval-navigation-btn:active {
  background-color: #0E4963;
  color: #FFFFFF;
}
.time-interval-chooser .time-interval-navigation-btn.disabled,
.time-interval-chooser .time-interval-navigation-btn:disabled {
  background-color: #CCE1E9;
  color: #FFFFFF;
}
.time-interval-chooser .previous-interval-btn {
  left: 0;
}
.time-interval-chooser .previous-interval-btn:before {
  content: "\f10e";
}
.time-interval-chooser .next-interval-btn {
  right: 0;
}
.time-interval-chooser .next-interval-btn:before {
  content: "\f10f";
}
.time-interval-chooser .glyph-icon,
.time-interval-chooser .glyph-icon:hover {
  font-size: 18px;
}
.time-interval-chooser .selected-time-interval-label {
  position: absolute;
  top: 0;
  left: 73px;
  right: 73px;
  bottom: 0;
  background-color: #CCE1E9;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  text-align: center;
  line-height: 46px;
}
.time-interval-chooser .selected-time-interval-label .prefix {
  color: #80B4C7;
}
.pie-chart-container {
  width: 50px;
  height: 50px;
}
.List-widget {
  width: 100%;
  overflow: hidden;
  /* Clearfix */
  zoom: 1;
  /* Triggering "hasLayout" in IE */
  display: block;
  /* Element must be a block to wrap around contents. */
}
.List-widget ul.list-menu {
  list-style-type: none;
  cursor: pointer;
  padding: 0px;
  color: #000000;
}
.List-widget ul.list-menu li {
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.List-widget ul.list-menu li:hover,
.List-widget ul.list-menu li.active {
  background-color: #E6F0F4;
  color: #3387A5;
}
.List-widget ul.list-menu li.active {
  position: relative;
}
.List-widget ul.list-menu li.active:before {
  content: "\f10f";
}
.List-widget ul.list-menu li.active::before {
  font-family: qanteon-icons;
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 18px;
}
.List-widget .list-loading-indicator {
  padding: 20px;
  text-align: center;
  color: #B3D2DD;
}
.InputField-widget {
  display: block;
  position: relative;
  height: 32px;
  width: 100%;
}
.InputField-widget .inputfield-input {
  width: 100%;
}
.InputField-widget .inputfield-input.highlight {
  border: 2px solid #F20C0C;
}
.InputField-widget .input-readonly {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  background-color: #F2F8F9;
  border-color: #B3D2DD;
}
.InputField-widget .inputfield-placeholder {
  color: #999999;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  font-style: italic;
}
.InputField-widget .inputfield-overlay {
  height: 100%;
  padding-right: 10px;
  position: absolute;
  top: 0;
  font-size: 12px;
  line-height: 32px;
  pointer-events: none;
}
.InputField-widget .inputfield-placeholder {
  height: 100%;
  padding-right: 10px;
  position: absolute;
  top: 0;
  font-size: 12px;
  line-height: 32px;
  pointer-events: none;
  color: #999999;
  left: 0;
  width: 100%;
  padding-left: 10px;
}
.InputField-widget .inputfield-unit {
  height: 100%;
  padding-right: 10px;
  position: absolute;
  top: 0;
  font-size: 12px;
  line-height: 32px;
  pointer-events: none;
  color: inherit;
  right: 0;
  padding-left: 5px;
}
.InputField-widget .inputfield-unit.disabled {
  color: #B3D2DD;
}
.MultiCombobox-widget {
  height: 32px;
  width: 100%;
  min-height: 30px;
  min-width: 100px;
}
.MultiCombobox-widget.titlebar {
  border-left: none;
  border-right: none;
  background: transparent;
}
.MultiCombobox-widget .multi-combobox-container {
  height: 32px;
  border: 1px solid #80B4C7;
}
.MultiCombobox-widget .multi-combobox-container.popup-open {
  border-color: #005978;
}
.MultiCombobox-widget .multi-combobox-container.popup-open .multi-combobox-dropdown-button {
  border-color: #005978;
  background-color: #005978;
  text-align: center;
  color: #FFFFFF;
}
.MultiCombobox-widget .multi-combobox-container.popup-open .multi-combobox-dropdown-button:before {
  content: "\f10d";
}
.MultiCombobox-widget .multi-combobox-container.disabled {
  border-color: #B3D2DD;
}
.MultiCombobox-widget .multi-combobox-container:active {
  border-color: #0E4963;
}
.MultiCombobox-widget .multi-combobox-selection-display {
  border: none;
  background-color: #FFFFFF;
  float: left;
  width: calc(100% - 32px);
  height: 100%;
  box-shadow: none;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 30px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.MultiCombobox-widget .multi-combobox-selection-display.titlebar {
  width: 170px;
  background-color: transparent;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 46px;
}
.MultiCombobox-widget .multi-combobox-selection-display .multi-combobox-default-template {
  display: block;
  margin-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.MultiCombobox-widget .multi-combobox-dropdown-button {
  display: inline-block;
  border: 0;
  float: right;
  height: 30px;
  width: 31px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-left: 1px solid #80B4C7;
  background-color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  color: #000000;
}
.MultiCombobox-widget .multi-combobox-dropdown-button:before {
  content: "\f10d";
}
.MultiCombobox-widget .multi-combobox-dropdown-button.titlebar {
  height: 46px;
  width: 30px;
  min-width: 30px;
  border-left: none;
  background-color: transparent;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
}
.MultiCombobox-widget .multi-combobox-dropdown-button.titlebar:before {
  content: "\f10d";
}
.MultiCombobox-widget .multi-combobox-dropdown-button.titlebar:hover,
.MultiCombobox-widget .multi-combobox-dropdown-button.titlebar:active,
.MultiCombobox-widget .multi-combobox-dropdown-button.titlebar.active {
  margin: 0;
}
.MultiCombobox-widget:hover {
  cursor: pointer;
}
.MultiCombobox-widget:hover .multi-combobox-dropdown-button {
  cursor: pointer;
  background-color: #4D96B0;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
}
.MultiCombobox-widget:hover .multi-combobox-dropdown-button:before {
  content: "\f10d";
}
.MultiCombobox-widget:hover .multi-combobox-dropdown-button.titlebar {
  background-color: transparent;
}
.MultiCombobox-widget.active,
.MultiCombobox-widget:active {
  border-color: #005978;
}
.MultiCombobox-widget.active .multi-combobox-dropdown-button,
.MultiCombobox-widget:active .multi-combobox-dropdown-button {
  border-color: #005978;
  background-color: #005978;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
}
.MultiCombobox-widget.active .multi-combobox-dropdown-button:before,
.MultiCombobox-widget:active .multi-combobox-dropdown-button:before {
  content: "\f10d";
}
.MultiCombobox-widget.active.titlebar,
.MultiCombobox-widget:active.titlebar {
  background-color: #005978;
  border: none;
}
.MultiCombobox-widget.active.titlebar .multi-combobox-dropdown-button,
.MultiCombobox-widget:active.titlebar .multi-combobox-dropdown-button,
.MultiCombobox-widget.active.titlebar .multi-combobox-selection-display,
.MultiCombobox-widget:active.titlebar .multi-combobox-selection-display {
  background-color: #005978;
}
.MultiCombobox-widget.active.titlebar .multi-combobox-selection-display,
.MultiCombobox-widget:active.titlebar .multi-combobox-selection-display {
  margin-left: -1px;
  padding-left: 11px;
  width: 171px;
}
.MultiCombobox-widget.disabled {
  cursor: auto;
  border-color: #B3D2DD;
  background-color: transparent;
}
.MultiCombobox-widget.disabled .multi-combobox-selection-display.disabled {
  background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #80B4C7;
  line-height: 30px;
}
.MultiCombobox-widget.disabled .multi-combobox-dropdown-button.disabled {
  cursor: auto;
  background-color: transparent;
  border-color: #B3D2DD;
  text-align: center;
  font-size: 18px;
  color: #CCCCCC;
}
.MultiCombobox-widget.disabled .multi-combobox-dropdown-button.disabled:before {
  content: "\f10d";
}
.multi-combobox-popup {
  border: solid 1px #005978;
  position: relative;
  top: -1px;
}
.multi-combobox-popup .multi-combobox-default-template {
  display: block;
  margin-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.scroll-wrapper > .scroll-content.multi-select-list {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.multi-select-list {
  max-height: 175px;
  position: relative;
  list-style-type: none;
  background-color: #FFFFFF;
  padding: 0;
  margin: 0;
  display: block;
}
.multi-select-list li {
  padding-left: 0;
  padding-right: 15px;
  height: 32px;
  width: 100%;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
}
.multi-select-list li:hover {
  cursor: pointer;
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.multi-select-list li:hover + li .multi-select-list-checkbox {
  border-top: 1px solid transparent;
}
.multi-select-list li:hover:last-child + li .multi-select-list-checkbox {
  border-top: 0;
}
.multi-select-list li .multi-select-list-checkbox {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-right: 1px solid #80B4C7;
  border-top: 1px solid #80B4C7;
  vertical-align: top;
  margin-right: 5px;
}
.multi-select-list li:first-child .multi-select-list-checkbox {
  border-top: none;
}
.multi-select-list li.multi-select-list-entry .multi-select-list-default-item-template {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.multi-select-list li.selected {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.multi-select-list li.selected .multi-select-list-checkbox {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  border-right: 1px solid #005978;
  border-top: 1px solid #005978;
}
.multi-select-list li.selected .multi-select-list-checkbox:before {
  content: "\f16b";
}
.multi-select-list li.selected + li .multi-select-list-checkbox {
  border-top: 1px solid transparent;
}
.multi-select-list li.selected:last-child + li .multi-select-list-checkbox {
  border-top: 0;
}
.multi-select-list li.selected:hover {
  background-color: #80B4C7;
}
.multi-select-list li.selected:hover .multi-select-list-checkbox {
  border-right: 1px solid #80B4C7;
  border-top: 1px solid #80B4C7;
}
.multi-select-list li:active {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.multi-select-list li:active .multi-select-list-checkbox {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  border-right: 1px solid #005978;
  border-top: 1px solid #005978;
}
.multi-select-list li:active .multi-select-list-checkbox:before {
  content: "\f16b";
}
.multi-select-list li:active + li .multi-select-list-checkbox {
  border-top: 1px solid transparent;
}
.multi-select-list li:active:last-child + li .multi-select-list-checkbox {
  border-top: 0;
}
.multi-select-list.titlebar {
  background-color: #3387A5;
  border: none;
  line-height: 32px;
  max-height: 320px;
}
.multi-select-list.titlebar li {
  background-color: #3387A5;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.multi-select-list.titlebar li:hover {
  cursor: pointer;
  background-color: #1A789A;
}
.multi-select-list.titlebar li.selected {
  background-color: #005978;
}
.SlidingList-widget .sliding-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.SlidingList-widget .sliding-container > ul {
  list-style: none;
  height: 100%;
  width: 200%;
  overflow: hidden;
  position: relative;
  left: 0;
  margin: 0;
  padding-left: 0;
  transition: left 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.SlidingList-widget .sliding-container > ul > li {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.SlidingList-widget .sliding-container > ul > li .template {
  height: 100%;
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  line-height: 32px;
  background-color: #CCE1E9;
  border-bottom: 2px solid #F2F8F9;
  padding-right: 40px;
  color: #005978;
  position: relative;
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li:before {
  content: "\f138";
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li::before {
  font-size: 18px;
  position: absolute;
  top: 0px;
  right: 15px;
  font-family: qanteon-icons;
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li:last-child {
  border: none;
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li:hover {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li:hover::before {
  color: #FFFFFF;
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li:active {
  background-color: #0E4963;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 32px;
}
.SlidingList-widget .sliding-container .List-widget ul.list-menu li:active::before {
  color: #FFFFFF;
}
.SortableList-widget {
  overflow: hidden;
  min-height: 30px;
  background-color: #FFFFFF;
}
.SortableList-widget .sortable-list-entry {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  position: relative;
  height: 30px;
  line-height: 30px;
  border: 1px solid #3387A5;
  border-bottom: 0;
}
.SortableList-widget .sortable-list-entry:last-child {
  height: 31px;
  border-bottom: 1px solid #3387A5;
}
.SortableList-widget .sortable-list-entry .sortable-list-entry-cell {
  padding-left: 10px;
  margin-left: 32px;
  width: calc(100% - 32px);
}
.SortableList-widget .sortable-list-entry .sortable-list-entry-cell .template {
  display: inline-block;
  width: calc(100% - 32px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.SortableList-widget .sortable-list-entry .index-field {
  display: inline-block;
  width: 30px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  float: left;
  text-align: center;
  border-right: 1px solid #3387A5;
  line-height: 30px;
  height: 30px;
}
.SortableList-widget .sortable-list-entry .drag-anchor {
  float: right;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
}
.SortableList-widget .sortable-list-entry .drag-anchor:before {
  content: "\f13a";
}
.SortableList-widget .sortable-list-entry:hover,
.SortableList-widget .sortable-list-entry.active,
.SortableList-widget .sortable-list-entry.reorder-header {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 30px;
}
.SortableList-widget .sortable-list-entry:hover .index-field,
.SortableList-widget .sortable-list-entry.active .index-field,
.SortableList-widget .sortable-list-entry.reorder-header .index-field {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 30px;
}
.SortableList-widget .sortable-list-entry.reorder-header {
  border: 1px dashed #3387A5;
}
.SortableList-widget .sortable-list-entry > .entry-reorder-area-before,
.SortableList-widget .sortable-list-entry > .entry-reorder-area-after {
  position: absolute;
  height: 15px;
  width: 100%;
}
.SortableList-widget .sortable-list-entry > .entry-insert-area-before,
.SortableList-widget .sortable-list-entry > .entry-insert-area-after {
  position: absolute;
  height: 15px;
  width: 100%;
  display: none;
}
.SortableList-widget .sortable-list-entry > .entry-insert-area-before.active-drag,
.SortableList-widget .sortable-list-entry > .entry-insert-area-after.active-drag {
  display: block;
}
.SortableList-widget .sortable-list-entry > .entry-reorder-area-before,
.SortableList-widget .sortable-list-entry > .entry-insert-area-before {
  top: 0px;
  left: 0px;
}
.SortableList-widget .sortable-list-entry > .entry-reorder-area-after,
.SortableList-widget .sortable-list-entry > .entry-insert-area-after {
  bottom: 0px;
  left: 0px;
}
.SortableList-widget .empty-list-dropzone {
  height: 100%;
  width: 100%;
  padding-left: 10px;
  line-height: 30px;
  border: 1px solid #3387A5;
}
.SortableList-widget .empty-list-dropzone.active-drag {
  border: 1px dashed #3387A5;
}
.SortableList-shadow-element {
  opacity: 0.4;
  background-color: #FFFFFF !important;
  cursor: move;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.SortableListWithCheckbox-widget {
  overflow: hidden;
  min-height: 35px;
  background-color: #F2F8F9;
  width: 100%;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  position: relative;
  height: 35px;
  line-height: 35px;
  border: none;
  border-bottom: 0;
  margin-bottom: 5px;
  background-color: #E6F0F4;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry:last-child {
  height: 35px;
  border-bottom: none;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry .sortable-list-with-checkbox-entry-cell {
  padding-left: 10px;
  padding-right: 10px;
  width: calc(100% - 32px);
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry .sortable-list-with-checkbox-entry-cell .template {
  display: inline-block;
  width: calc(100% - 32px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry .sortable-list-with-checkbox-entry-cell .template-span {
  padding-left: 10px;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry .index-field {
  display: inline-block;
  width: 30px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  float: left;
  text-align: center;
  border-right: 0px solid #3387A5;
  line-height: 35px;
  height: 35px;
  background-color: #CCE1E9;
  margin-right: 3px;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry .drag-anchor {
  float: right;
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry .drag-anchor:before {
  content: "\f13a";
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry:hover,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry.active,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry.reorder-header {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
  line-height: 35px;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry:hover .index-field,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry.active .index-field,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry.reorder-header .index-field {
  line-height: 35px;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry.reorder-header {
  border: 0px dashed #3387A5;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-reorder-area-before,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-reorder-area-after {
  position: absolute;
  height: 17.5px;
  width: 100%;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-insert-area-before,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-insert-area-after {
  position: absolute;
  height: 17.5px;
  width: 100%;
  display: none;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-insert-area-before.active-drag,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-insert-area-after.active-drag {
  display: block;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-reorder-area-before,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-insert-area-before {
  top: 0px;
  left: 0px;
}
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-reorder-area-after,
.SortableListWithCheckbox-widget .sortable-list-with-checkbox-entry > .entry-insert-area-after {
  bottom: 0px;
  left: 0px;
}
.SortableListWithCheckbox-widget .empty-list-dropzone {
  height: 100%;
  width: 100%;
  padding-left: 10px;
  line-height: 35px;
  border: 0px solid #3387A5;
}
.SortableListWithCheckbox-widget .empty-list-dropzone.active-drag {
  border: 0px dashed #3387A5;
}
.SortableListWithCheckbox-shadow-element {
  opacity: 0.4;
  background-color: #FFFFFF !important;
  cursor: move;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 35px;
}
.NewHorizontalSlider-widget {
  height: 32px;
  width: 100%;
}
.NewHorizontalSlider-widget .slider-container {
  position: relative;
  height: 32px;
  min-width: 200px;
  width: 100%;
}
.NewHorizontalSlider-widget .slider-container .button-minus {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  cursor: pointer;
  text-align: center;
  line-height: 32px;
}
.NewHorizontalSlider-widget .slider-container .button-minus:before {
  content: "\f167";
}
.NewHorizontalSlider-widget .slider-container .button-minus.light {
  background-color: #FFFFFF;
  border: 1px solid #66A5BC;
  color: #000000;
}
.NewHorizontalSlider-widget .slider-container .button-minus.light:hover {
  background-color: #66A5BC;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-minus.light:active {
  background-color: #005978;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-minus.dark {
  background-color: #3387A5;
  border: 1px solid #0E4963;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-minus.dark:before {
  content: "\f167";
}
.NewHorizontalSlider-widget .slider-container .button-minus.dark:hover {
  background-color: #00698F;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-minus.dark:active {
  background-color: #005978;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-plus {
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0;
  right: 0;
  cursor: pointer;
  text-align: center;
  line-height: 32px;
}
.NewHorizontalSlider-widget .slider-container .button-plus:before {
  content: "\f171";
}
.NewHorizontalSlider-widget .slider-container .button-plus.light {
  background-color: #FFFFFF;
  border: 1px solid #66A5BC;
  color: #000000;
}
.NewHorizontalSlider-widget .slider-container .button-plus.light:hover {
  background-color: #66A5BC;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-plus.light:active {
  background-color: #005978;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-plus.dark {
  background-color: #3387A5;
  border: 1px solid #0E4963;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-plus.dark:hover {
  background-color: #00698F;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .button-plus.dark:active {
  background-color: #005978;
  color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .slider-field {
  position: relative;
  width: 100%;
  min-width: 32px;
  height: 32px;
  padding-left: 42px;
  padding-right: 42px;
}
.NewHorizontalSlider-widget .slider-container .slider-field.light {
  background-color: #FFFFFF;
  border-top: 1px solid #66A5BC;
  border-bottom: 1px solid #66A5BC;
}
.NewHorizontalSlider-widget .slider-container .slider-field.dark {
  background-color: #3387A5;
  border-top: 1px solid #0E4963;
  border-bottom: 1px solid #0E4963;
}
.NewHorizontalSlider-widget .slider-container .slider-field.disabled {
  background-color: transparent;
}
.NewHorizontalSlider-widget .slider-container .slider-field-steps {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 0;
  left: 0;
  padding-left: 42px;
  padding-right: 42px;
}
.NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step {
  display: inline;
  float: left;
  height: 8px;
  margin-top: 11px;
}
.NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step.light {
  border-right: 1px solid #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step.light:first-child {
  border-left: 1px solid #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step.dark {
  border-right: 1px solid #0E4963;
}
.NewHorizontalSlider-widget .slider-container .slider-field-steps .slider-step.dark:first-child {
  border-left: 1px solid #0E4963;
}
.NewHorizontalSlider-widget .slider-container .slider-field-top {
  width: 100%;
  min-width: 32px;
  height: 15px;
  border: none;
}
.NewHorizontalSlider-widget .slider-container .slider-field-top.light {
  border-bottom: 1px solid #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container .slider-field-top.dark {
  border-bottom: 1px solid #0E4963;
}
.NewHorizontalSlider-widget .slider-container .slider-field-bottom {
  width: 100%;
  min-width: 32px;
  height: 15px;
  border: none;
}
.NewHorizontalSlider-widget .slider-container .slider-field-bottom.light {
  border-top: 1px solid #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container .slider-field-bottom.dark {
  border-top: 1px solid #0E4963;
}
.NewHorizontalSlider-widget .slider-container .slider-field-separator {
  position: absolute;
  width: 1px;
  height: 16px;
  top: 8px;
}
.NewHorizontalSlider-widget .slider-container .slider-field-separator.left {
  left: 32px;
}
.NewHorizontalSlider-widget .slider-container .slider-field-separator.right {
  right: 32px;
}
.NewHorizontalSlider-widget .slider-container .slider-field-separator.light {
  background-color: #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container .slider-field-separator.dark {
  background-color: #0E4963;
}
.NewHorizontalSlider-widget .slider-container .slider-handle {
  position: absolute;
  top: 4px;
  height: 22px;
  width: 9px;
  -ms-touch-action: none;
      touch-action: none;
  cursor: pointer;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
}
.NewHorizontalSlider-widget .slider-container .slider-handle.light {
  background-color: #005978;
}
.NewHorizontalSlider-widget .slider-container .slider-handle.light:active {
  background-color: #CCE1E9;
}
.NewHorizontalSlider-widget .slider-container .slider-handle.dark {
  background-color: #FFFFFF;
}
.NewHorizontalSlider-widget .slider-container .slider-handle.dark:active {
  background-color: #CCE1E9;
}
.NewHorizontalSlider-widget .slider-container .slider-handle.disabled {
  background-color: #B3D2DD;
  box-shadow: none;
}
.NewHorizontalSlider-widget .slider-container.disabled {
  background-color: transparent;
}
.NewHorizontalSlider-widget .slider-container.disabled .disabled-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(255, 255, 255, 0);
}
.NewHorizontalSlider-widget .slider-container.disabled .slider-field {
  border-top: 1px solid #B3D2DD;
  border-bottom: 1px solid #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container.disabled .button-minus {
  border: 1px solid #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container.disabled .button-minus:hover {
  cursor: default;
  background-repeat: no-repeat;
  background-position: center center;
}
.NewHorizontalSlider-widget .slider-container.disabled .button-minus.light:hover {
  background-color: #FFFFFF;
  background-image: url('../../../core/widgets/newhorizontalslider/assets/slider_minus_EN.png');
}
.NewHorizontalSlider-widget .slider-container.disabled .button-minus.dark:hover {
  background-color: #3387A5;
  background-image: url('../../../core/widgets/newhorizontalslider/assets/slider_minus_PRS.png');
}
.NewHorizontalSlider-widget .slider-container.disabled .button-minus.disabled {
  background-color: transparent;
  color: #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container.disabled .button-plus {
  border: 1px solid #B3D2DD;
}
.NewHorizontalSlider-widget .slider-container.disabled .button-plus:hover {
  cursor: default;
  background-repeat: no-repeat;
  background-position: center center;
}
.NewHorizontalSlider-widget .slider-container.disabled .button-plus.light:hover {
  background-color: #FFFFFF;
  background-image: url('../../../core/widgets/newhorizontalslider/assets/slider_plus_EN.png');
}
.NewHorizontalSlider-widget .slider-container.disabled .button-plus.dark:hover {
  background-color: #3387A5;
  background-image: url('../../../core/widgets/newhorizontalslider/assets/slider_plus_PRS.png');
}
.NewHorizontalSlider-widget .slider-container.disabled .button-plus.disabled {
  background-color: transparent;
  color: #B3D2DD;
}
.NotificationLayer-widget .notification-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(230, 240, 244, 0.5);
}
.NotificationLayer-widget .notification-layer .notification-box {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.NotificationLayer-widget .notification-layer .notification-box.small {
  position: relative;
  width: 47px;
  height: 47px;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  cursor: pointer;
  line-height: 50px;
  font-size: 46px;
  color: #005978;
}
.NotificationLayer-widget .notification-layer .notification-box.small:before {
  content: "\f13e";
}
.NotificationLayer-widget .notification-layer .notification-box.large {
  position: relative;
  min-width: 200px;
  max-width: 200px;
  min-height: 46px;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.NotificationLayer-widget .notification-layer .notification-box.large.extra-large {
  max-width: 295px;
}
.NotificationLayer-widget .notification-layer .notification-box.large .icon {
  width: 46px;
  height: 46px;
  float: left;
  line-height: 50px;
  font-size: 46px;
  color: #3387A5;
}
.NotificationLayer-widget .notification-layer .notification-box.large .icon:before {
  content: "\f13e";
}
.NotificationLayer-widget .notification-layer .notification-box.large .text {
  line-height: 26px;
  padding: 10px 10px 10px 46px;
}
.NotificationLayer-widget .notification-layer .notification-box.large .text > span {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
  overflow: hidden;
}
.popup-binding-container .notification-popup {
  max-width: 200px;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.popup-binding-container .notification-popup .header {
  height: 64px;
  border-bottom: 1px solid #80B4C7;
}
.popup-binding-container .notification-popup .header .close-icon {
  width: 64px;
  height: 64px;
  float: right;
  cursor: pointer;
  line-height: 66px;
  font-size: 64px;
  text-align: center;
  padding: 0;
}
.popup-binding-container .notification-popup .header .close-icon:before {
  content: "\f1a4";
}
.popup-binding-container .notification-popup .content {
  min-height: 46px;
}
.popup-binding-container .notification-popup .content .icon {
  width: 46px;
  height: 46px;
  float: left;
  line-height: 50px;
  font-size: 46px;
  color: #3387A5;
}
.popup-binding-container .notification-popup .content .icon:before {
  content: "\f13e";
}
.popup-binding-container .notification-popup .content .text {
  line-height: 26px;
  padding: 10px 10px 10px 46px;
}
.popup-binding-container .notification-popup .content .text > span {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
  overflow: hidden;
}
.ProgressBar-widget {
  background-color: #FFFFFF;
}
.ProgressBar-widget .progress-bar-widget-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.ProgressBar-widget .progress-bar-widget-container .progress-bar-widget-segment-container {
  height: 100%;
  width: 100%;
  background-color: #FFFFFF;
}
.ProgressBar-widget .progress-bar-widget-container .progress-bar-widget-segment-container .progress-bar-widget-segment-inner {
  width: 100%;
  height: 100%;
  background-color: #333333;
  display: block;
  transition: width 1s linear;
}
.ProgressBar-widget .progress-bar-widget-container .progress-bar-widget-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.collapsed-tree {
  width: 46px;
  position: relative;
  z-index: 200;
}
.collapsed-tree .nav-button {
  border-bottom: 1px solid #00698F;
  border-top: 1px solid #599DB6;
  width: 46px;
  height: 46px;
  background-color: #3387A5;
  color: #B3D2DD;
  text-align: center;
  font-size: 28px;
  line-height: 46px;
}
.collapsed-tree .nav-button.enabled {
  color: #FFFFFF;
}
.collapsed-tree .nav-button.enabled:hover {
  background-color: #1A789A;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.collapsed-tree .navigate-in:before {
  content: "\f12d";
}
.collapsed-tree .navigate-out:before {
  content: "\f12c";
}
.collapsed-tree .navigate-up:before {
  content: "\f114";
}
.collapsed-tree .navigate-down:before {
  content: "\f111";
}
.collapsed-tree .bottom-buttons {
  margin-top: 10px;
}
.collapsed-tree .bottom-buttons .nav-button {
  line-height: 40px;
}
.DayPicker-widget-picker {
  width: 225px;
  height: calc(100% -1px);
  z-index: 700;
}
.DayPicker-widget-picker .body {
  margin: 0px;
  border: 1px solid #80B4C7;
  border-collapse: separate;
  border-spacing: 0px;
}
.DayPicker-widget-picker .body tr th.day-tile {
  background-color: #E6F0F4;
}
.DayPicker-widget-picker .body tr .day-tile {
  padding: 0px;
  margin: 0px;
  border-right: solid 1px #F2F8F9;
  border-bottom: solid 1px #F2F8F9;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.DayPicker-widget-picker .body tr .day-tile:first-child {
  border-left: none;
}
.DayPicker-widget-picker .body tr .day-tile:last-child {
  border-right: none;
}
.DayPicker-widget-picker .body tr .day-tile div {
  width: 31px;
  height: 31px;
  padding: 0px;
  margin: 0px;
  line-height: 31px;
  text-align: center;
  background-color: inherit;
}
.DayPicker-widget-picker .body tr:first-child .day-tile {
  border-top: none;
  top: 1px;
}
.DayPicker-widget-picker .body tr:last-child .day-tile {
  border-bottom: none;
}
.DayPicker-widget-picker .body tr .active:not(.disabled) {
  background-color: #005978;
}
.DayPicker-widget-picker .body tr .day-description {
  background-color: #E6F0F4;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.DayPicker-widget-picker .body tr .non-selected-day {
  background-color: #FFFFFF;
}
.DayPicker-widget-picker .body tr .selected-day {
  background-color: #005978;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
}
.DayPicker-widget-picker .body [data-bind*="click"]:not(.disabled):hover {
  background-color: #80B4C7;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  line-height: 16px;
}
.NewPageTitleBar-widget {
  width: 100%;
  height: 46px;
  position: relative;
}
.NewPageTitleBar-widget .background {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3387A5;
  height: 46px;
  width: 100%;
  border-top: 1px solid #80B4C7;
  border-bottom: 1px solid #005978;
}
.NewPageTitleBar-widget .needs-right-border {
  border-right: 1px solid #005978;
}
.NewPageTitleBar-widget .needs-left-border {
  border-left: 1px solid #80B4C7;
}
.NewPageTitleBar-widget .panel {
  height: 46px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0;
      flex: 0;
}
.NewPageTitleBar-widget .panel > div {
  height: 46px;
}
.NewPageTitleBar-widget .left,
.NewPageTitleBar-widget .label {
  float: left;
}
.NewPageTitleBar-widget .right {
  float: right;
}
.NewPageTitleBar-widget .pagetitlebar-item {
  position: relative;
  height: 46px;
  border-left: 1px solid #80B4C7;
  border-top: 1px solid #80B4C7;
  border-right: 1px solid #005978;
  border-bottom: 1px solid #005978;
}
.NewPageTitleBar-widget .pagetitlebar-item.pagetitlebar-label {
  border-right: 0;
}
.NewPageTitleBar-widget .pagetitlebar-item:active,
.NewPageTitleBar-widget .pagetitlebar-item.active,
.NewPageTitleBar-widget .pagetitlebar-item.active:hover {
  border-left: 1px solid #005978;
  border-top: 1px solid #005978;
}
.NewPageTitleBar-widget .pagetitlebar-item:active.disabled,
.NewPageTitleBar-widget .pagetitlebar-item.active.disabled,
.NewPageTitleBar-widget .pagetitlebar-item.active:hover.disabled {
  border-left: 1px solid #80B4C7;
  border-top: 1px solid #80B4C7;
}
.NewPageTitleBar-widget .nice-border-spacer-right {
  position: relative;
  height: 46px;
  width: 1px;
  float: right;
  border-right: 1px solid #005978;
}
.NewPageTitleBar-widget .nice-border-spacer-left {
  position: relative;
  height: 46px;
  width: 1px;
  float: left;
  border-left: 1px solid #80B4C7;
}
.NewPageTitleBar-widget .pagetitlebar-button {
  padding: 0 20px;
  background-color: #3387A5;
  position: relative;
  height: 46px;
}
.NewPageTitleBar-widget .pagetitlebar-button:hover {
  background-color: #1A789A;
}
.NewPageTitleBar-widget .pagetitlebar-button:hover.disabled {
  background-color: #3387A5;
}
.NewPageTitleBar-widget .pagetitlebar-button.active,
.NewPageTitleBar-widget .pagetitlebar-button:active,
.NewPageTitleBar-widget .pagetitlebar-button.active:hover {
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-button.active.disabled,
.NewPageTitleBar-widget .pagetitlebar-button:active.disabled,
.NewPageTitleBar-widget .pagetitlebar-button.active:hover.disabled {
  background-color: #3387A5;
}
.NewPageTitleBar-widget .pagetitlebar-button.is-icon {
  width: 70px;
  color: #FFFFFF;
}
.NewPageTitleBar-widget .pagetitlebar-button.is-icon.disabled {
  color: #66A5BC;
}
.NewPageTitleBar-widget .pagetitlebar-button.is-icon::before {
  font-family: qanteon-icons;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.NewPageTitleBar-widget .pagetitlebar-button.is-icon .pagetitlebar-button-text {
  display: none;
}
.NewPageTitleBar-widget .pagetitlebar-button.is-text {
  width: auto;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 46px;
}
.NewPageTitleBar-widget .pagetitlebar-button.is-text.disabled {
  color: #66A5BC;
}
.NewPageTitleBar-widget .pagetitlebar-button.is-text .pagetitlebar-button-text {
  display: inline;
}
.NewPageTitleBar-widget .pagetitlebar-button .pagetitlebar-button-clickarea {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.NewPageTitleBar-widget .pagetitlebar-icon {
  padding: 0 20px;
  background-color: #3387A5;
  position: relative;
  height: 46px;
}
.NewPageTitleBar-widget .pagetitlebar-icon:hover {
  background-color: #3387A5;
}
.NewPageTitleBar-widget .pagetitlebar-icon:hover.disabled {
  background-color: #3387A5;
}
.NewPageTitleBar-widget .pagetitlebar-icon.active,
.NewPageTitleBar-widget .pagetitlebar-icon:active,
.NewPageTitleBar-widget .pagetitlebar-icon.active:hover {
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-icon.active.disabled,
.NewPageTitleBar-widget .pagetitlebar-icon:active.disabled,
.NewPageTitleBar-widget .pagetitlebar-icon.active:hover.disabled {
  background-color: #3387A5;
}
.NewPageTitleBar-widget .pagetitlebar-icon.is-icon {
  width: 70px;
  color: #FFFFFF;
}
.NewPageTitleBar-widget .pagetitlebar-icon.is-icon.disabled {
  color: #66A5BC;
}
.NewPageTitleBar-widget .pagetitlebar-icon.is-icon::before {
  font-family: qanteon-icons;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.NewPageTitleBar-widget .pagetitlebar-icon.is-icon .pagetitlebar-button-text {
  display: none;
}
.NewPageTitleBar-widget .pagetitlebar-icon.is-text {
  width: auto;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 46px;
}
.NewPageTitleBar-widget .pagetitlebar-icon.is-text.disabled {
  color: #66A5BC;
}
.NewPageTitleBar-widget .pagetitlebar-icon.is-text .pagetitlebar-button-text {
  display: inline;
}
.NewPageTitleBar-widget .pagetitlebar-icon .pagetitlebar-button-noclickarea {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: default;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup {
  border: none;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup:hover,
.NewPageTitleBar-widget .pagetitlebar-itemgroup:active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup.active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup.active:hover {
  border: none;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item {
  float: left;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:first-child .pagetitlebar-item,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:first-child .pagetitlebar-item:hover,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:first-child .pagetitlebar-item:active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:first-child .pagetitlebar-item.active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:first-child .pagetitlebar-item.active:hover {
  border-left: 1px solid #80B4C7;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator .pagetitlebar-item {
  position: relative;
  border-left: 0;
  border-right: 0;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator .pagetitlebar-item:hover,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator .pagetitlebar-item:active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator .pagetitlebar-item.active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator .pagetitlebar-item.active:hover {
  border-left: 0;
  border-right: 0;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator .pagetitlebar-item::after {
  content: ' ';
  position: absolute;
  top: 25%;
  right: 0;
  height: 50%;
  width: 1px;
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item:hover,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item:active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item.active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item.active:hover {
  border-right: 1px solid #005978;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item::after,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item:hover::after,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item:active::after,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item.active::after,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item.active:hover::after {
  width: 0;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-minimized {
  position: relative;
  height: 46px;
  font-size: 22px;
  color: #FFFFFF;
  padding: 0 20px;
  background-color: #3387A5;
  width: 70px;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-minimized:before {
  content: "\f111";
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-minimized::before {
  font-family: qanteon-icons;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-minimized:hover {
  background-color: #1A789A;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-minimized.active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-minimized:active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup .pagetitlebar-itemgroup-minimized.active:hover {
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-itemgroup:last-child .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item,
.NewPageTitleBar-widget .pagetitlebar-itemgroup:last-child .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item:hover,
.NewPageTitleBar-widget .pagetitlebar-itemgroup:last-child .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item:active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup:last-child .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item.active,
.NewPageTitleBar-widget .pagetitlebar-itemgroup:last-child .pagetitlebar-itemgroup-item.useSeparator:last-child .pagetitlebar-item.active:hover {
  border-right: 0;
}
.NewPageTitleBar-widget .pagetitlebar-label {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  padding: 0 20px;
  height: 46px;
  line-height: 46px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.NewPageTitleBar-widget .pagetitlebar-label:hover,
.NewPageTitleBar-widget .pagetitlebar-label.active,
.NewPageTitleBar-widget .pagetitlebar-label:active,
.NewPageTitleBar-widget .pagetitlebar-label.active:hover {
  border-left: 1px solid #80B4C7;
  border-top: 1px solid #80B4C7;
}
.NewPageTitleBar-widget .pagetitlebar-combobox {
  height: 46px;
  width: 200px;
  border: none;
}
.NewPageTitleBar-widget .pagetitlebar-combobox:active,
.NewPageTitleBar-widget .pagetitlebar-combobox.active,
.NewPageTitleBar-widget .pagetitlebar-combobox.active:hover {
  border: none;
}
.NewPageTitleBar-widget .pagetitlebar-combobox .pagetitlebar-combobox-widget {
  height: 44px;
}
.NewPageTitleBar-widget .pagetitlebar-combobox .pagetitlebar-combobox-widget .popup-open.combobox-container {
  border-left: 1px solid #005978;
  border-top: 1px solid #005978;
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-combobox .pagetitlebar-combobox-widget .popup-open.combobox-container .combobox-selection-display {
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-combobox .pagetitlebar-combobox-widget .popup-open.combobox-container .combobox-dropdown-button {
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-combobox .pagetitlebar-combobox-widget .combobox-container {
  height: 46px;
  background-color: #3387A5;
  border-left: 1px solid #80B4C7;
  border-top: 1px solid #80B4C7;
  border-right: 1px solid #005978;
  border-bottom: 1px solid #005978;
}
.NewPageTitleBar-widget .pagetitlebar-combobox .pagetitlebar-combobox-widget .combobox-container .combobox-selection-display {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 44px;
  background-color: #3387A5;
}
.NewPageTitleBar-widget .pagetitlebar-combobox .pagetitlebar-combobox-widget .combobox-dropdown-button {
  height: 44px;
  line-height: 44px;
  background-color: #3387A5;
  color: #FFFFFF;
  border: 0;
}
.NewPageTitleBar-widget .pagetitlebar-slider {
  height: 46px;
}
.NewPageTitleBar-widget .pagetitlebar-slider:active,
.NewPageTitleBar-widget .pagetitlebar-slider.active,
.NewPageTitleBar-widget .pagetitlebar-slider.active:hover {
  border-top: 1px solid #80B4C7;
  border-left: 1px solid #80B4C7;
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container {
  height: 46px;
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .slider-field {
  background-color: #3387A5;
  border: none;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .slider-field .slider-step,
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .slider-field .slider-field-top,
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .slider-field .slider-field-bottom {
  border-color: #FFFFFF;
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .slider-field .slider-field-separator {
  background-color: #FFFFFF;
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-minus,
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-plus {
  background-color: #3387A5;
  color: #FFFFFF;
  border: none;
  height: 44px;
  line-height: 44px;
  font-size: 32px;
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-minus:hover,
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-plus:hover {
  background-color: #1A789A;
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-minus:active,
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-plus:active {
  background-color: #005978;
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-minus:before {
  content: "\f1a1";
}
.NewPageTitleBar-widget .pagetitlebar-slider .pagetitlebar-slider-widget .slider-container .button-plus:before {
  content: "\f1a0";
}
.NewPageTitleBar-widget .pagetitlebar-additional-row {
  position: absolute;
  top: 46px;
  left: 0;
  width: 100%;
  height: 46px;
  display: none;
  z-index: 101;
}
.popup-binding-container.pagetitlebar-combobox-popup ul.combobox-popup,
.popup-binding-container.pagetitlebar-combobox-popup-auto-height ul.combobox-popup {
  background-color: #3387A5;
}
.popup-binding-container.pagetitlebar-combobox-popup ul.combobox-popup li,
.popup-binding-container.pagetitlebar-combobox-popup-auto-height ul.combobox-popup li {
  font-size: 18px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 46px;
  height: 46px;
}
.popup-binding-container.pagetitlebar-combobox-popup ul.combobox-popup li:hover,
.popup-binding-container.pagetitlebar-combobox-popup-auto-height ul.combobox-popup li:hover {
  background-color: #1A789A;
}
.popup-binding-container.pagetitlebar-combobox-popup ul.combobox-popup li.active,
.popup-binding-container.pagetitlebar-combobox-popup-auto-height ul.combobox-popup li.active {
  background-color: #005978;
}
.popup-binding-container.pagetitlebar-combobox-popup-auto-height ul.combobox-popup {
  max-height: none;
}
.time-period-widget {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.time-period-widget .period-top-row {
  display: block;
  height: 24px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.time-period-widget .left {
  float: left;
}
.time-period-widget .right {
  float: right;
}
.time-period-widget .period-progress-content {
  height: 24px;
  background-color: #33CC33;
}
.time-period-widget .period-progress-content .period-progression {
  background-color: #CCCCCC;
  height: 100%;
}
.time-period-widget .inactive-period-progress-content {
  height: 24px;
  background-size: 24px 16px;
  background-color: white;
  background-image: linear-gradient(135deg, #CCCCCC 10%, transparent 10%, transparent 20%, #CCCCCC 20%, #CCCCCC 30%, transparent 30%, transparent 40%, #CCCCCC 40%, #CCCCCC 50%, transparent 50%, transparent 60%, #CCCCCC 60%, #CCCCCC 70%, transparent 70%, transparent 80%, #CCCCCC 80%, #CCCCCC 90%, transparent 90%, transparent 100%);
  -pie-background: linear-gradient(135deg, #CCCCCC 10%, transparent 10%, transparent 20%, #CCCCCC 20%, #CCCCCC 30%, transparent 30%, transparent 40%, #CCCCCC 40%, #CCCCCC 50%, transparent 50%, transparent 60%, #CCCCCC 60%, #CCCCCC 70%, transparent 70%, transparent 80%, #CCCCCC 80%, #CCCCCC 90%, transparent 90%, transparent 100%);
}
.time-period-widget .inactive-period-progress-content .period-progression {
  background-color: #CCCCCC;
  height: 100%;
}
.time-period-widget .period-bottom-row {
  margin-top: 10px;
  display: block;
  height: 16px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.SpreadSheet-widget {
  border-top: 1px solid #00698F;
  border-left: 1px solid #00698F;
  display: table;
}
.SpreadSheet-widget .row .column {
  height: 100%;
  float: left;
}
.SpreadSheet-widget .row .column:first-child {
  border-left: 0;
}
.SpreadSheet-widget .row .column .cell {
  height: 100%;
  width: 100%;
}
.SpreadSheet-widget .row .column .cell .template {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border-right: 1px solid #00698F;
  border-bottom: 1px solid #00698F;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.SpreadSheet-widget .row .column .cell .template.heading {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #00698F;
  line-height: 16px;
  background-color: #CCE1E9;
  padding: 0 5px;
}
.SpreadSheet-widget .row .column .cell .template.text {
  padding: 0 5px;
}
.SpreadSheet-widget .row .column .cell .template.button button {
  border: 0;
  height: 100%;
  width: 100%;
}
.SpreadSheet-widget .row .column .cell .template.edit .inputfield-input {
  border: 0;
  height: 100%;
}
.SpreadSheet-widget .row .column .cell .template.empty {
  border: 0;
}
.popup-binding-container.input-field-with-options-widget-popup {
  background-color: #FFFFFF;
  z-index: 700;
  border: solid 1px #005978;
}
.popup-binding-container.input-field-with-options-widget-popup.opened-to-top {
  border-bottom: 0;
}
.popup-binding-container.input-field-with-options-widget-popup.opened-to-bottom {
  border-top: 0;
}
.popup-binding-container.input-field-with-options-widget-popup .scroll-container {
  max-height: 165px;
  height: 100%;
}
.popup-binding-container.input-field-with-options-widget-popup .option {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  height: 32px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
}
.popup-binding-container.input-field-with-options-widget-popup .option.clickable {
  cursor: pointer;
}
.popup-binding-container.input-field-with-options-widget-popup .option:hover {
  background-color: #3387A5;
  color: #FFFFFF;
}
.popup-binding-container.input-field-with-options-widget-popup .option:active {
  background-color: #005978;
  color: #FFFFFF;
}
.ModalNumberSliderField-widget {
  display: inline-block;
  position: relative;
}
.ModalNumberSliderField-widget .input-field-box {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ModalNumberSliderField-widget .input-field-box > button.glyph-icon {
  display: none;
  height: 32px;
  width: 32px;
  padding: 0;
  font-size: 26px;
}
.ModalNumberSliderField-widget .input-field-box > button.glyph-icon:before {
  content: "\f170";
}
.ModalNumberSliderField-widget .slider-box {
  display: none;
  position: absolute;
  height: 32px;
  top: 0;
  right: -68px;
}
.ModalNumberSliderField-widget .slider-box .NewHorizontalSlider-widget {
  padding-right: 5px;
}
.ModalNumberSliderField-widget .slider-box .NewHorizontalSlider-widget .slider-container {
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
}
.ModalNumberSliderField-widget .slider-box > button.glyph-icon {
  display: block;
  height: 32px;
  width: 32px;
  padding: 0;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.45);
  background-color: #3387A5;
  border: 1px solid #0E4963;
  color: #FFFFFF;
}
.ModalNumberSliderField-widget .slider-box > button.glyph-icon:hover {
  background-color: #00698F;
  color: #FFFFFF;
}
.ModalNumberSliderField-widget .slider-box > button.glyph-icon:active {
  background-color: #005978;
  color: #FFFFFF;
}
.ModalNumberSliderField-widget .slider-box > button.glyph-icon.cancel {
  font-size: 32px;
  width: 31px;
  border-right: 0;
}
.ModalNumberSliderField-widget .slider-box > button.glyph-icon.cancel:before {
  content: "\f1a3";
}
.ModalNumberSliderField-widget .slider-box > button.glyph-icon.confirm {
  font-size: 26px;
}
.ModalNumberSliderField-widget .slider-box > button.glyph-icon.confirm:before {
  content: "\f16b";
}
.ModalNumberSliderField-widget .wall {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: default !important;
  background-color: #000000;
  opacity: 0.5;
}
.ModalNumberSliderField-widget .input-mode .input-field-box {
  z-index: 702;
}
.ModalNumberSliderField-widget .input-mode .input-field-box > button.glyph-icon {
  background-color: #005978;
  border-color: #005978;
  color: #FFFFFF;
}
.ModalNumberSliderField-widget .input-mode .slider-box {
  display: -ms-flexbox;
  display: flex;
  z-index: 702;
}
.ModalNumberSliderField-widget .input-mode .wall {
  display: block;
  z-index: 701;
}
.ModalNumberSliderField-widget .with-limits .input-field-box .InputField-widget {
  width: calc(100% - 32px);
}
.ModalNumberSliderField-widget .with-limits .input-field-box .InputField-widget .inputfield-input {
  border-right: none;
}
.ModalNumberSliderField-widget .with-limits .input-field-box > button.glyph-icon {
  display: block;
}
.ModalNumberSliderField-widget .with-limits .slider-box {
  top: 32px;
  right: auto;
  left: -31px;
}
.TextArea-widget {
  display: block;
  position: relative;
  height: 120px;
  width: 100%;
}
.TextArea-widget .scroll-wrapper {
  height: 100%;
  border: 1px solid #80B4C7;
}
.TextArea-widget .scroll-wrapper.readonly {
  border-color: #B3D2DD;
}
.TextArea-widget .scroll-wrapper.highlight {
  border-color: 2px solid #F20C0C;
}
.TextArea-widget .textarea-input {
  width: 100%;
  height: auto;
  min-height: 100%;
  border: none;
  display: block;
}
.TextArea-widget .textarea-input.readonly {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  background-color: #F2F8F9;
}
.TextArea-widget .textarea-placeholder {
  color: #999999;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  font-style: italic;
  display: block;
  position: absolute;
  top: 14px;
  left: 10px;
}
.Pagination-widget {
  display: inline-block;
}
.Pagination-widget .pagination-content {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 30px;
  min-height: 30px;
}
.Pagination-widget .pagination-content .glyph-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  width: 32px;
  font-size: 24px;
  border-top: none;
  border-bottom: none;
  padding: 0;
}
.Pagination-widget .pagination-content .glyph-icon.first {
  border-left: none;
  border-right: none;
}
.Pagination-widget .pagination-content .glyph-icon.first:before {
  content: "\f10e";
}
.Pagination-widget .pagination-content .glyph-icon.first span {
  left: 5px;
}
.Pagination-widget .pagination-content .glyph-icon.previous {
  width: 34px;
}
.Pagination-widget .pagination-content .glyph-icon.previous:before {
  content: "\f10e";
}
.Pagination-widget .pagination-content .glyph-icon.next {
  width: 34px;
}
.Pagination-widget .pagination-content .glyph-icon.next:before {
  content: "\f10f";
}
.Pagination-widget .pagination-content .glyph-icon.last {
  border-left: none;
  border-right: none;
}
.Pagination-widget .pagination-content .glyph-icon.last:before {
  content: "\f10f";
}
.Pagination-widget .pagination-content .glyph-icon.last span {
  right: 5px;
}
.Pagination-widget .pagination-content .glyph-icon.next-block {
  border-top: none;
  border-bottom: none;
}
.Pagination-widget .pagination-content .glyph-icon.next-block:before {
  content: "\f138";
}
.Pagination-widget .pagination-content .glyph-icon.next-block span {
  right: 5px;
}
.Pagination-widget .pagination-content .glyph-icon span {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 1px));
  font-size: 19px;
  line-height: normal;
  font-weight: bold;
  color: inherit;
}
.Pagination-widget .pagination-content .goto {
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  height: 100%;
  padding: 0 10px;
  background-color: #CCE1E9;
  color: #00698F;
}
.Pagination-widget-popup .popup-binding-container-content {
  background-color: #FFFFFF;
  border: 1px solid #80B4C7;
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000000;
  line-height: 16px;
}
.Pagination-widget-popup .popup-binding-container-content .InputField-widget {
  display: inline-block;
  width: 50px;
  margin-left: 5px;
}