@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html, body {
  height: 100%;
}

body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFFFFF;
  color: #697280;
}

a {
  text-decoration: none;
  color: #4D87EB;
}
a:hover {
  color: #65C1A8;
}

p {
  font-size: 1em;
  margin-bottom: 1em;
}
p:last-of-type {
  margin-bottom: 0;
}

ul {
  font-size: 1em;
  margin-bottom: 1em;
}
ul:last-of-type {
  margin-bottom: 0;
}

h2, h3, h4, h5, h6 {
  line-height: 1;
  margin-top: 1em;
  margin-bottom: 0.2em;
}
h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type {
  margin-top: 0;
}

h1 {
  font-size: 1.8em;
}

h2 {
  font-size: 2em;
  text-transform: uppercase;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 0.9em;
  font-weight: bold;
}

strong {
  font-weight: bold;
}

/* CONFIRM */
.confirm-container {
  text-align: center;
  background-color: #fff;
}
.confirm-container .modal-header h2 {
  float: none;
}
.confirm-container .message {
  margin: 0;
  padding: 1em 1em 0 1em;
}
.confirm-container .error {
  margin: 0;
  background: #f1f1f1;
  text-align: left;
  padding: 0.5em;
  margin-top: 1em;
  font-size: 0.9em;
  border-color: #a5a5a5;
  border-bottom: solid 1px;
  border-top: solid 1px;
}
.confirm-container .warning {
  font-weight: bold;
  color: #E44646;
}

.event-comment {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.target-list {
  width: 100%;
}
.target-list td {
  width: 33.333%;
}

.dn {
  display: none;
}

textarea.autologon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 15px 10px;
  border: solid 1px #ccc;
  white-space: nowrap;
}

.no-data {
  padding: 1em;
  background: #f1f1f1;
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.tooltip-help {
  position: absolute;
  z-index: 999;
  left: -9999px;
  background-color: #333;
  padding: 5px;
  border: 2px solid;
  border-color: #333;
}
.tooltip-help p {
  margin: 0;
  padding: 0;
  color: #fff;
  padding: 0px 7px;
  font-size: 0.8em;
  text-align: center;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 20px 0;
}

.warning-to-many-data {
  border: solid 1px #ffacac;
  border-radius: 5px;
  color: #000;
  background: #fff1f1;
  margin: 0 auto;
  text-align: center;
  width: 50%;
  padding: 1rem;
}

.wrapper {
  padding-top: 60px;
}

#container {
  margin-left: 90px;
  min-width: calc(100% - 90px);
  float: left;
}
#container:before, #container:after {
  content: " ";
  display: table;
}
#container:after {
  clear: both;
}

.content {
  margin-top: 40px;
}

.tiny-menu #container {
  margin-left: 50px;
  min-width: calc(100% - 50px);
}

.wrap-filter {
  background-color: #EDEFF2;
  padding: 0.5em 1em 0em 1em;
}

.wrap-data {
  padding: 1em;
  position: relative;
}
.wrap-data.nospace {
  padding: 0;
}

.header-page {
  position: fixed;
  border-bottom: solid 1px #d1d1d1;
  background-color: #e1e1e1;
  right: 0;
  left: 90px;
  z-index: 2;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1em;
}
.header-page .right {
  position: absolute;
  right: 10px;
  top: 0px;
  margin-left: 1em;
  display: inline-block;
}
.header-page h2 {
  font-size: 1.5em;
  color: #405B6B;
  margin: 0;
  padding: 0;
  text-transform: inherit;
  display: inline-block;
}
.header-page div.fav-action {
  display: inline-block;
  margin-left: 1em;
}
.header-page div.fav-action a {
  display: inline-block;
  margin-left: 0.5em;
}

.tiny-menu .header-page {
  left: 50px;
}

.error-message {
  text-align: center;
  padding: 2em 0;
  color: #E12D2D;
}

.refresh-data {
  width: 100%;
  margin-top: 1em;
  text-align: center;
  padding: 0.5em;
}
.refresh-data td {
  background: #f1f1f1;
  font-weight: bold;
  padding: 0.5em 0;
}

.var-container {
  white-space: nowrap;
}
.var-container.wrap {
  white-space: normal;
}
.var-container .var-unit {
  font-size: 0.8em;
  padding: 0 2px;
  color: #a3001e;
  vertical-align: 1px;
}
.var-container .var-unit:after {
  content: "]";
}
.var-container .var-unit:before {
  content: "[";
}
.var-container .var-fct {
  font-size: 0.8em;
  padding: 0 2px;
  color: #999;
}

a .var-container:hover span {
  color: #000;
}

#pageHeader {
  background-color: #37414A;
  height: 60px;
  position: fixed;
  z-index: 10;
  width: 100%;
}
#pageHeader .logo {
  display: block;
  text-indent: -10000px;
  width: 250px;
  height: 60px;
  background-color: transparent;
  background-image: url("../images/logo.png?v=59040605");
  background-size: 250px 60px;
  background-repeat: no-repeat;
  float: left;
}
#pageHeader .logo.logo-optimization-reports {
  background-image: url("../images/logo-optimization-reports.png?v=59040605");
}
#pageHeader .right {
  float: right;
  height: 60px;
}
#pageHeader .right .header-search {
  display: inline-block;
  height: 60px;
  line-height: 60px;
}
#pageHeader .right .header-search #global-search {
  background-color: #4d5b67;
  border: none;
  border-radius: 1em;
  padding: 0.5em 1em;
  margin-right: 0.5em;
  color: white;
}
#pageHeader .right .header-search #global-search::-webkit-input-placeholder {
  color: #b7c0c9;
}
#pageHeader .right .header-search #global-search::-moz-placeholder {
  color: #b7c0c9;
}
#pageHeader .right .header-search #global-search:-ms-input-placeholder {
  color: #b7c0c9;
}
#pageHeader .right .header-search #global-search::-ms-input-placeholder {
  color: #b7c0c9;
}
#pageHeader .right .header-search #global-search::placeholder {
  color: #b7c0c9;
}
#pageHeader .right .header-search #global-search:focus {
  outline: none;
  background-color: #536270;
}
#pageHeader .right .mill-list-wrap a {
  padding-left: 1.5em !important;
}
#pageHeader .right > a, #pageHeader .right .header-sub-menu .header-sub-menu-button {
  display: inline-block;
  border-left: solid 1px;
  border-color: #161a1e;
  height: 60px;
  color: #fff;
  padding: 0 1em 0 1em;
  vertical-align: top;
}
#pageHeader .right > a .text, #pageHeader .right .header-sub-menu .header-sub-menu-button .text {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageHeader .right > a:hover, #pageHeader .right .header-sub-menu .header-sub-menu-button:hover {
  background-color: #161a1e;
}
#pageHeader .right > a.active, #pageHeader .right .header-sub-menu .header-sub-menu-button.active {
  background-color: #2c343b;
}
#pageHeader .right > a i, #pageHeader .right .header-sub-menu .header-sub-menu-button i {
  margin-left: 2em;
}
#pageHeader .right > a.nosub i, #pageHeader .right .header-sub-menu .header-sub-menu-button.nosub i {
  margin-left: 0;
}
#pageHeader .right > a.admin-htrc:hover, #pageHeader .right .header-sub-menu .header-sub-menu-button.admin-htrc:hover {
  color: #E5028C !important;
}
#pageHeader .right .mill-info {
  display: block;
  color: #b7c0c9;
}
#pageHeader .header-sub-menu {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#pageHeader .header-sub-menu .header-sub-menu-button {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
}
#pageHeader .header-sub-menu .header-sub-menu-button.open {
  color: #666;
  background-color: #fff !important;
  border-color: #d5d5d5;
}
#pageHeader .header-sub-menu .header-sub-menu-content {
  text-align: left;
  min-width: 330px;
  max-width: 400px;
  border-left: solid 1px;
  border-bottom: solid 1px;
  background-color: #fff;
  border-color: #d5d5d5;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  display: none;
  position: absolute;
  top: 60px;
  right: 0px;
}
#pageHeader .header-sub-menu .header-sub-menu-content.small {
  min-width: 229px;
}
#pageHeader .header-sub-menu .header-sub-menu-content h6 {
  padding: 15px 15px 0 14px;
}
#pageHeader .header-sub-menu .header-sub-menu-content a, #pageHeader .header-sub-menu .header-sub-menu-content h3, #pageHeader .header-sub-menu .header-sub-menu-content span, #pageHeader .header-sub-menu .header-sub-menu-content p {
  padding: 0.4em 1em;
  white-space: nowrap;
}
#pageHeader .header-sub-menu .header-sub-menu-content a {
  display: block;
  color: #666;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#pageHeader .header-sub-menu .header-sub-menu-content a:hover {
  background-color: #E5E5E5;
  color: #000;
}
#pageHeader .header-sub-menu .header-sub-menu-content .app-version {
  color: #bbb;
}
#pageHeader .header-sub-menu .header-sub-menu-content .app-version span {
  display: block;
}
#pageHeader .header-sub-menu .header-sub-menu-content .app-version i {
  vertical-align: -8px;
}
#pageHeader .header-sub-menu .header-sub-menu-content .sepa {
  border-top: solid 1px #d5d5d5;
}
#pageHeader .header-sub-menu .header-sub-menu-content .joint a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0.5em 1em 0.7em 1em;
  text-align: center;
}
#pageHeader .header-sub-menu .header-sub-menu-content .joint a i {
  padding-right: 1em;
}

.modal-content h3 {
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.modal-content h3:first-child {
  margin-top: 0em;
}

nav#nav {
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99;
  width: 90px;
  top: 60px;
  left: 0;
  bottom: 0px;
  background-color: #4A5864;
}
nav#nav .logo {
  display: none;
}
nav#nav ul {
  width: 90px;
}
nav#nav ul li.split {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  margin: 10px 10%;
}
nav#nav ul li {
  margin: 0;
  position: relative;
  white-space: nowrap;
}
nav#nav ul li a {
  display: block;
  padding: 1em 0 1em 0;
  text-overflow: ellipsis;
  width: 90px;
  overflow: hidden;
  zoom: 1;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 0.9em;
  text-align: center;
}
nav#nav ul li a:before {
  background-image: url("../images/menu.png?v=59040605");
  background-size: 72px 120px;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: -3px;
}
nav#nav ul li a.active, nav#nav ul li a:hover {
  background-color: #607281;
  color: #fff;
}
nav#nav ul li a.active .counter, nav#nav ul li a:hover .counter {
  border-color: #607281;
}
nav#nav ul li a .counter {
  color: #fff, #fff, #fff;
  background-color: #f66, #f66, #f66;
  border-radius: 50px;
  margin-left: 0.3em;
  font-size: 0.7em;
  padding: 1px 6px 2px 6px;
  display: inline-block;
  border: solid 2px;
  position: absolute;
  right: 10px;
  border-color: #4A5864;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
nav#nav ul li a .counter.hide {
  display: none;
}
nav#nav ul li a.home-icon:before {
  background-position: 0px 0px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8px;
}
nav#nav ul li a.data-icon:before {
  background-position: 0px -16px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8px;
}
nav#nav ul li a.trend-icon:before {
  background-position: 0px -32px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8px;
}
nav#nav ul li a.info-icon:before {
  background-position: 0px -48px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8px;
}
nav#nav ul li a.alarm-icon:before {
  background-position: 0px -64px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8px;
}
nav#nav ul li a.collapse-icon:before {
  background-position: 0px -80px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8px;
}
nav#nav ul li a.expand-icon:before {
  background-position: 0px -96px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8px;
}
nav#nav ul li a:hover.home-icon:before, nav#nav ul li a.active.home-icon:before {
  background-position: -16px 0px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
}
nav#nav ul li a:hover.data-icon:before, nav#nav ul li a.active.data-icon:before {
  background-position: -16px -16px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
}
nav#nav ul li a:hover.trend-icon:before, nav#nav ul li a.active.trend-icon:before {
  background-position: -16px -32px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
}
nav#nav ul li a:hover.info-icon:before, nav#nav ul li a.active.info-icon:before {
  background-position: -16px -48px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
}
nav#nav ul li a:hover.alarm-icon:before, nav#nav ul li a.active.alarm-icon:before {
  background-position: -16px -64px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
}
nav#nav ul li a:hover.collapse-icon:before, nav#nav ul li a.active.collapse-icon:before {
  background-position: -16px -80px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
}
nav#nav ul li a:hover.expand-icon:before, nav#nav ul li a.active.expand-icon:before {
  background-position: -16px -96px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  display: block;
}

.wrap-option {
  background: #e2e5e8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0.5em;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap-option .option-block {
  margin-left: 1em;
  margin-right: 1em;
}
.wrap-option.right {
  text-align: right;
}

.option-menu > a {
  color: #666;
}
.option-menu > a:hover {
  color: #000;
}

.sub-menu-wrap {
  background-color: #464646;
  color: #c6c6c6;
  border: solid 1px black;
  min-width: 200px;
  -webkit-box-shadow: 0 10px 6px -6px #999;
          box-shadow: 0 10px 6px -6px #999;
  padding: 0.2em;
}
.sub-menu-wrap form {
  padding: 0.5em;
}
.sub-menu-wrap label {
  display: block;
}
.sub-menu-wrap a {
  color: #c6c6c6;
  display: block;
  padding: 0.5em;
}
.sub-menu-wrap a:hover {
  background-color: #606060;
}
.sub-menu-wrap hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #606060;
  margin: 0.2em auto;
  padding: 0;
  width: 95%;
}
.sub-menu-wrap.admin-htrc {
  background-color: #E5028C;
  border-color: #E5028C;
  color: #fff !important;
}
.sub-menu-wrap.admin-htrc hr {
  border-color: #cc027d;
}
.sub-menu-wrap.admin-htrc a {
  color: #fff;
}
.sub-menu-wrap.admin-htrc a:hover {
  color: #fff !important;
  background-color: #fd1da5;
}
.sub-menu-wrap .space {
  margin: 0.5em 0;
}
.sub-menu-wrap .button-group {
  margin-top: 1em;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  vertical-align: middle;
}
.pagination ul li {
  display: inline-block;
  margin-right: 1px;
}
.pagination ul li a, .pagination ul li span {
  padding: 0.2em 1em 0.3em 1em;
  text-decoration: none;
}
.pagination ul li.disabled span i {
  opacity: 0.4;
}

.table {
  border-spacing: 0;
  border-bottom: none;
  margin-bottom: 1em;
}
.table th, .table td {
  padding: 0.4em 0.4em;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
}
.table th:first-child, .table th:first-child, .table td:first-child, .table td:first-child {
  border-left: none;
}
.table tr:last-child td {
  border-bottom: none;
}
.table th {
  font-weight: bold;
  vertical-align: bottom;
  border-bottom-color: #aaaaaa;
}
.table tr.top td, .table tr.top th {
  vertical-align: top;
}
.table td {
  vertical-align: top;
}
.table td.nowrap, .table th.nowrap {
  white-space: nowrap;
}
.table.valign-center td {
  vertical-align: middle;
}

.table-condensed th, .table-condensed td {
  padding: 0.2em 0.5em;
}

.table-bordered {
  border: solid 1px #ddd;
}
.table-striped tbody tr:nth-of-type(odd) td {
  background-color: #f8f8f8;
}

.table-hover tbody tr:hover td {
  background-color: #E1F0F6;
}

.table:last-of-type {
  margin-bottom: 0;
}

.table100 {
  min-width: 100%;
}

.table50 {
  width: 50%;
}
@media only screen and (max-width: 860px) {
  .table50 {
    width: 100%;
  }
}

tr.right td, tr.right th,
td.right, th.right {
  text-align: right;
}

tr.left td, tr.left th,
td.left, th.left {
  text-align: left;
}

tr.center td, tr.center th,
td.center, th.center {
  text-align: center;
}

td.action, th.action {
  width: 24px;
  white-space: nowrap;
}

tr.disabled {
  opacity: 0.5;
}

th.l2 {
  background-color: #DBDBDB;
  color: #555;
  font-size: 1.1em;
  font-weight: bold;
}

.selected {
  background-color: #f1f5fb;
}

.deleted td {
  opacity: 0.4;
}

.tHeader {
  margin-bottom: 1em;
}

.tHeader:last-of-type {
  margin-bottom: 0;
}

td.success {
  background-color: #BFE39F;
  color: #1a290d;
}

td.info, td.waiting {
  background-color: #C1D2DF;
  color: #3E617C;
}

td.error, td.failure {
  background-color: #EBC8CA;
  color: #AA0F0F;
}

td.warning {
  background-color: #FFE1AC;
  color: #894916;
}

td.cancel {
  background-color: #eee;
  color: #333;
}

th span.detail {
  font-size: 0.8em;
}

tr.table-footer {
  background-color: #fcfcfc;
}
tr.table-footer.global-separator {
  border-top: solid 3px #999;
}

tr.separator {
  background-color: #e9e9e9;
  height: 10px;
  line-height: 0;
  padding: 0;
}

td.prominent, th.prominent {
  background-color: #f1f1f1;
}

td.separator-v, th.separator-v {
  border-right: solid 3px #aaa;
}

a.od:after {
  font-size: 0.8em;
  content: " ▲";
  display: inline-block;
  padding-left: 0.5em;
}

a.oa:after {
  font-size: 0.8em;
  content: " ▼";
  display: inline-block;
  padding-left: 0.5em;
}

.production-emphasis {
  font-size: 0.8em;
  color: #aaa;
  white-space: nowrap;
}

.small-detail {
  font-size: 0.8em;
}

td.q1 {
  background-color: #000 !important;
}

td.q2 {
  background-color: #E2F2E2 !important;
}

td.q3 {
  background-color: #F1E9DA !important;
}

td.q4 {
  background-color: #F1E0E0 !important;
}

.code-table {
  margin-top: 1em;
  padding-top: 1em;
  border-top: solid 1px #ccc;
}
.code-table .code-table-item {
  color: #000;
  display: inline-block;
  margin-right: 2.5em;
  vertical-align: top;
  font-size: 0.8em;
}
.code-table span {
  color: #aaa;
  min-width: 2em;
  display: inline-block;
}

.c-yes {
  color: green;
}

.c-no {
  color: red;
}

.quartile {
  margin: 0.5em 0 1em 0;
}
.quartile td {
  padding: 0 !important;
}

.bls {
  display: none;
  position: absolute;
  min-width: 100px;
  text-align: left;
  white-space: nowrap;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.bls li {
  border-bottom: solid 1px;
  border-color: #f2f2f2;
}
.bls li:last-child {
  border: none;
}
.bls a {
  display: block;
  padding: 0.8em 2.5em 0.8em 1em;
  color: #777;
}
.bls a:hover {
  color: #65C1A8;
}
.bls a i {
  margin-right: 0.5em;
}
.bls a.disabled {
  opacity: 0.5;
}
.bls a.disabled:hover {
  color: #777;
}

.action-inline {
  display: inline;
  margin-left: 0.5em;
}

[class^=icona-] {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -3px;
}
[class^=icona-]:before {
  background-image: url("../images/menu-action-icon16.png?v=59040605");
  background-size: 180px 506px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
}

.icona-add:before {
  background-position: 0px -2px;
}

a:not(.disabled):hover .icona-add:before {
  background-position: -18px -2px;
}

a:not(.disabled).icona-add:hover:before {
  background-position: -18px -2px;
}

.icona-add-admin:before {
  background-position: -36px -2px;
}

a:not(.disabled):hover .icona-add-admin:before {
  background-position: -54px -2px;
}

a:not(.disabled).icona-add-admin:hover:before {
  background-position: -54px -2px;
}

.icona-add-disabled:before {
  background-position: -72px -2px;
}

a:not(.disabled):hover .icona-add-disabled:before {
  background-position: -90px -2px;
}

a:not(.disabled).icona-add-disabled:hover:before {
  background-position: -90px -2px;
}

.icona-delete:before {
  background-position: 0px -20px;
}

a:not(.disabled):hover .icona-delete:before {
  background-position: -18px -20px;
}

a:not(.disabled).icona-delete:hover:before {
  background-position: -18px -20px;
}

.icona-delete-admin:before {
  background-position: -36px -20px;
}

a:not(.disabled):hover .icona-delete-admin:before {
  background-position: -54px -20px;
}

a:not(.disabled).icona-delete-admin:hover:before {
  background-position: -54px -20px;
}

.icona-delete-disabled:before {
  background-position: -72px -20px;
}

a:not(.disabled):hover .icona-delete-disabled:before {
  background-position: -90px -20px;
}

a:not(.disabled).icona-delete-disabled:hover:before {
  background-position: -90px -20px;
}

.icona-edit:before {
  background-position: 0px -38px;
}

a:not(.disabled):hover .icona-edit:before {
  background-position: -18px -38px;
}

a:not(.disabled).icona-edit:hover:before {
  background-position: -18px -38px;
}

.icona-edit-admin:before {
  background-position: -36px -38px;
}

a:not(.disabled):hover .icona-edit-admin:before {
  background-position: -54px -38px;
}

a:not(.disabled).icona-edit-admin:hover:before {
  background-position: -54px -38px;
}

.icona-edit-disabled:before {
  background-position: -72px -38px;
}

a:not(.disabled):hover .icona-edit-disabled:before {
  background-position: -90px -38px;
}

a:not(.disabled).icona-edit-disabled:hover:before {
  background-position: -90px -38px;
}

.icona-copy:before {
  background-position: 0px -56px;
}

a:not(.disabled):hover .icona-copy:before {
  background-position: -18px -56px;
}

a:not(.disabled).icona-copy:hover:before {
  background-position: -18px -56px;
}

.icona-copy-admin:before {
  background-position: -36px -56px;
}

a:not(.disabled):hover .icona-copy-admin:before {
  background-position: -54px -56px;
}

a:not(.disabled).icona-copy-admin:hover:before {
  background-position: -54px -56px;
}

.icona-copy-disabled:before {
  background-position: -72px -56px;
}

a:not(.disabled):hover .icona-copy-disabled:before {
  background-position: -90px -56px;
}

a:not(.disabled).icona-copy-disabled:hover:before {
  background-position: -90px -56px;
}

.icona-import:before {
  background-position: 0px -74px;
}

a:not(.disabled):hover .icona-import:before {
  background-position: -18px -74px;
}

a:not(.disabled).icona-import:hover:before {
  background-position: -18px -74px;
}

.icona-import-admin:before {
  background-position: -36px -74px;
}

a:not(.disabled):hover .icona-import-admin:before {
  background-position: -54px -74px;
}

a:not(.disabled).icona-import-admin:hover:before {
  background-position: -54px -74px;
}

.icona-import-disabled:before {
  background-position: -72px -74px;
}

a:not(.disabled):hover .icona-import-disabled:before {
  background-position: -90px -74px;
}

a:not(.disabled).icona-import-disabled:hover:before {
  background-position: -90px -74px;
}

.icona-export:before {
  background-position: 0px -92px;
}

a:not(.disabled):hover .icona-export:before {
  background-position: -18px -92px;
}

a:not(.disabled).icona-export:hover:before {
  background-position: -18px -92px;
}

.icona-export-admin:before {
  background-position: -36px -92px;
}

a:not(.disabled):hover .icona-export-admin:before {
  background-position: -54px -92px;
}

a:not(.disabled).icona-export-admin:hover:before {
  background-position: -54px -92px;
}

.icona-export-disabled:before {
  background-position: -72px -92px;
}

a:not(.disabled):hover .icona-export-disabled:before {
  background-position: -90px -92px;
}

a:not(.disabled).icona-export-disabled:hover:before {
  background-position: -90px -92px;
}

.icona-email:before {
  background-position: 0px -110px;
}

a:not(.disabled):hover .icona-email:before {
  background-position: -18px -110px;
}

a:not(.disabled).icona-email:hover:before {
  background-position: -18px -110px;
}

.icona-email-admin:before {
  background-position: -36px -110px;
}

a:not(.disabled):hover .icona-email-admin:before {
  background-position: -54px -110px;
}

a:not(.disabled).icona-email-admin:hover:before {
  background-position: -54px -110px;
}

.icona-email-disabled:before {
  background-position: -72px -110px;
}

a:not(.disabled):hover .icona-email-disabled:before {
  background-position: -90px -110px;
}

a:not(.disabled).icona-email-disabled:hover:before {
  background-position: -90px -110px;
}

.icona-pdf:before {
  background-position: 0px -128px;
}

a:not(.disabled):hover .icona-pdf:before {
  background-position: -18px -128px;
}

a:not(.disabled).icona-pdf:hover:before {
  background-position: -18px -128px;
}

.icona-pdf-admin:before {
  background-position: -36px -128px;
}

a:not(.disabled):hover .icona-pdf-admin:before {
  background-position: -54px -128px;
}

a:not(.disabled).icona-pdf-admin:hover:before {
  background-position: -54px -128px;
}

.icona-pdf-disabled:before {
  background-position: -72px -128px;
}

a:not(.disabled):hover .icona-pdf-disabled:before {
  background-position: -90px -128px;
}

a:not(.disabled).icona-pdf-disabled:hover:before {
  background-position: -90px -128px;
}

.icona-settings:before {
  background-position: 0px -146px;
}

a:not(.disabled):hover .icona-settings:before {
  background-position: -18px -146px;
}

a:not(.disabled).icona-settings:hover:before {
  background-position: -18px -146px;
}

.icona-settings-admin:before {
  background-position: -36px -146px;
}

a:not(.disabled):hover .icona-settings-admin:before {
  background-position: -54px -146px;
}

a:not(.disabled).icona-settings-admin:hover:before {
  background-position: -54px -146px;
}

.icona-settings-disabled:before {
  background-position: -72px -146px;
}

a:not(.disabled):hover .icona-settings-disabled:before {
  background-position: -90px -146px;
}

a:not(.disabled).icona-settings-disabled:hover:before {
  background-position: -90px -146px;
}

.icona-show:before {
  background-position: 0px -164px;
}

a:not(.disabled):hover .icona-show:before {
  background-position: -18px -164px;
}

a:not(.disabled).icona-show:hover:before {
  background-position: -18px -164px;
}

.icona-show-admin:before {
  background-position: -36px -164px;
}

a:not(.disabled):hover .icona-show-admin:before {
  background-position: -54px -164px;
}

a:not(.disabled).icona-show-admin:hover:before {
  background-position: -54px -164px;
}

.icona-show-disabled:before {
  background-position: -72px -164px;
}

a:not(.disabled):hover .icona-show-disabled:before {
  background-position: -90px -164px;
}

a:not(.disabled).icona-show-disabled:hover:before {
  background-position: -90px -164px;
}

.icona-hide:before {
  background-position: 0px -182px;
}

a:not(.disabled):hover .icona-hide:before {
  background-position: -18px -182px;
}

a:not(.disabled).icona-hide:hover:before {
  background-position: -18px -182px;
}

.icona-hide-admin:before {
  background-position: -36px -182px;
}

a:not(.disabled):hover .icona-hide-admin:before {
  background-position: -54px -182px;
}

a:not(.disabled).icona-hide-admin:hover:before {
  background-position: -54px -182px;
}

.icona-hide-disabled:before {
  background-position: -72px -182px;
}

a:not(.disabled):hover .icona-hide-disabled:before {
  background-position: -90px -182px;
}

a:not(.disabled).icona-hide-disabled:hover:before {
  background-position: -90px -182px;
}

.icona-reset-password:before {
  background-position: 0px -200px;
}

a:not(.disabled):hover .icona-reset-password:before {
  background-position: -18px -200px;
}

a:not(.disabled).icona-reset-password:hover:before {
  background-position: -18px -200px;
}

.icona-reset-password-admin:before {
  background-position: -36px -200px;
}

a:not(.disabled):hover .icona-reset-password-admin:before {
  background-position: -54px -200px;
}

a:not(.disabled).icona-reset-password-admin:hover:before {
  background-position: -54px -200px;
}

.icona-reset-password-disabled:before {
  background-position: -72px -200px;
}

a:not(.disabled):hover .icona-reset-password-disabled:before {
  background-position: -90px -200px;
}

a:not(.disabled).icona-reset-password-disabled:hover:before {
  background-position: -90px -200px;
}

.icona-switch-user:before {
  background-position: 0px -218px;
}

a:not(.disabled):hover .icona-switch-user:before {
  background-position: -18px -218px;
}

a:not(.disabled).icona-switch-user:hover:before {
  background-position: -18px -218px;
}

.icona-switch-user-admin:before {
  background-position: -36px -218px;
}

a:not(.disabled):hover .icona-switch-user-admin:before {
  background-position: -54px -218px;
}

a:not(.disabled).icona-switch-user-admin:hover:before {
  background-position: -54px -218px;
}

.icona-switch-user-disabled:before {
  background-position: -72px -218px;
}

a:not(.disabled):hover .icona-switch-user-disabled:before {
  background-position: -90px -218px;
}

a:not(.disabled).icona-switch-user-disabled:hover:before {
  background-position: -90px -218px;
}

.icona-unit:before {
  background-position: 0px -236px;
}

a:not(.disabled):hover .icona-unit:before {
  background-position: -18px -236px;
}

a:not(.disabled).icona-unit:hover:before {
  background-position: -18px -236px;
}

.icona-unit-admin:before {
  background-position: -36px -236px;
}

a:not(.disabled):hover .icona-unit-admin:before {
  background-position: -54px -236px;
}

a:not(.disabled).icona-unit-admin:hover:before {
  background-position: -54px -236px;
}

.icona-unit-disabled:before {
  background-position: -72px -236px;
}

a:not(.disabled):hover .icona-unit-disabled:before {
  background-position: -90px -236px;
}

a:not(.disabled).icona-unit-disabled:hover:before {
  background-position: -90px -236px;
}

.icona-list:before {
  background-position: 0px -254px;
}

a:not(.disabled):hover .icona-list:before {
  background-position: -18px -254px;
}

a:not(.disabled).icona-list:hover:before {
  background-position: -18px -254px;
}

.icona-list-admin:before {
  background-position: -36px -254px;
}

a:not(.disabled):hover .icona-list-admin:before {
  background-position: -54px -254px;
}

a:not(.disabled).icona-list-admin:hover:before {
  background-position: -54px -254px;
}

.icona-list-disabled:before {
  background-position: -72px -254px;
}

a:not(.disabled):hover .icona-list-disabled:before {
  background-position: -90px -254px;
}

a:not(.disabled).icona-list-disabled:hover:before {
  background-position: -90px -254px;
}

.icona-start:before {
  background-position: 0px -272px;
}

a:not(.disabled):hover .icona-start:before {
  background-position: -18px -272px;
}

a:not(.disabled).icona-start:hover:before {
  background-position: -18px -272px;
}

.icona-start-admin:before {
  background-position: -36px -272px;
}

a:not(.disabled):hover .icona-start-admin:before {
  background-position: -54px -272px;
}

a:not(.disabled).icona-start-admin:hover:before {
  background-position: -54px -272px;
}

.icona-start-disabled:before {
  background-position: -72px -272px;
}

a:not(.disabled):hover .icona-start-disabled:before {
  background-position: -90px -272px;
}

a:not(.disabled).icona-start-disabled:hover:before {
  background-position: -90px -272px;
}

.icona-share:before {
  background-position: 0px -290px;
}

a:not(.disabled):hover .icona-share:before {
  background-position: -18px -290px;
}

a:not(.disabled).icona-share:hover:before {
  background-position: -18px -290px;
}

.icona-share-admin:before {
  background-position: -36px -290px;
}

a:not(.disabled):hover .icona-share-admin:before {
  background-position: -54px -290px;
}

a:not(.disabled).icona-share-admin:hover:before {
  background-position: -54px -290px;
}

.icona-share-disabled:before {
  background-position: -72px -290px;
}

a:not(.disabled):hover .icona-share-disabled:before {
  background-position: -90px -290px;
}

a:not(.disabled).icona-share-disabled:hover:before {
  background-position: -90px -290px;
}

.form-table td {
  padding-bottom: 0.5em;
  padding-right: 0.5em;
}

.filter-inline form {
  display: inline;
}

span.q0 {
  color: black;
  text-align: right;
}

span.q1 {
  color: black;
  text-align: right;
}

span.chgGrade {
  color: #0A0AFF;
  font-weight: bold;
}

span.q2 {
  color: #1FB81F;
  text-align: right;
}

span.q3 {
  color: #FFA800;
  text-decoration: none;
  text-align: right;
}

span.q4 {
  color: #FF0000;
  text-decoration: none;
  text-align: right;
}

span.evt0 {
  color: #000000;
}

span.evt1 {
  color: #8000ff;
}

span.evt2 {
  color: #80c8ff;
}

span.valHigh {
  background: #EAC6C6;
  color: #691212;
  padding: 0 2px;
}

span.valLow {
  background: #D4D4F0;
  padding: 0 2px;
  color: #26177F;
}

span.valHighBold {
  color: red;
  font-weight: bold;
}

span.valLowBold {
  color: blue;
  font-weight: bold;
}

td.tdSectTitle {
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  text-align: left;
  background: #e5ecf9;
  color: #3366cc;
  border-top: 1px solid;
  border-top-color: #7aa5d6;
  border-left: 1px solid;
  border-left-color: #c5d7ef;
  border-right: 1px solid;
  border-right-color: #c5d7ef;
}

td.tdSectImg {
  border: 0px;
  border-collapse: collapse;
  border-collapse: collapse;
  width: 20px;
}

td.tdHeaderCol {
  font-size: 14px;
  font-weight: bold;
  width: 150px;
  font-family: Calibri;
}

td.tdHeaderPrint {
  font-size: 12px;
  font-family: Calibri;
}

td.tdHeaderTitlePage {
  font-size: 30px;
  font-weight: bold;
  font-family: Calibri;
}

td.tdSectTxt {
  color: #3366cc;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

td.tdTCol {
  color: #3366cc;
  width: 72px;
  text-align: Center;
  font-size: 12px;
  font-weight: bold;
}

#sTColFilter {
  color: #3366cc;
  width: 230px;
  text-align: Center;
  font-size: 16px;
  font-weight: bold;
}

#sTColPer {
  color: #3366cc;
  width: 140px;
  text-align: Center;
  font-size: 16px;
  font-weight: bold;
}

td.tdTColPer {
  color: #3366cc;
  width: 140px;
  text-align: Center;
  font-size: 16px;
  font-weight: bold;
}

td.tdTColFilter {
  color: #3366cc;
  width: 230px;
  text-align: Center;
  font-size: 16px;
  font-weight: bold;
}

span.sErrorMsg {
  color: red;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
}

tr.trFirstLineLog {
  font-size: 10px;
  font-weight: bold;
  color: navy;
}

td.tdInfoFilter2 {
  font-size: 10px;
  font-style: italic;
  color: navy;
}

span.sTitleTicket1 {
  font-size: 30px;
  width: 975px;
  font-family: Calibri;
  font-weight: bold;
  background-color: transparent;
  color: #0a0ac0;
  line-height: 130%;
  text-align: center;
}

span.sTitleAllReel {
  font-size: 20px;
  font-family: Calibri;
  font-weight: bold;
  background-color: transparent;
  color: #0a0ac0;
  line-height: 175%;
  text-align: left;
}

span.sLink {
  font-size: 18px;
  font-family: Calibri;
  background-color: transparent;
  color: #0a0ac0;
  text-align: left;
}

span.sAddLink {
  font-size: 14px;
  font-family: Calibri;
  background-color: transparent;
  text-align: left;
}

td.tdTitleTicket2 {
  font-size: 22px;
  height: 30px;
  width: 700px;
  font-family: Calibri;
  font-weight: bold;
  background: #e5ecf9;
  color: #0a0ac0;
  line-height: 150%;
  color: navy;
}

td.tdTitleTicket2:hover {
  color: #4d87eb;
}

span.sTitleTicket3Test {
  position: relative;
  font-size: 16px;
  width: 975px;
  font-family: Calibri;
  font-weight: bold;
  background-color: transparent;
  color: #4d87eb;
  line-height: 150%;
}

span.sPopShort {
  font-weight: bold;
}

span.sUser {
  color: #FF0000;
  font-size: 16px;
  font-weight: bold;
}

table.dglobal {
  padding-left: 0px;
  border: 0px;
  border-collapse: collapse;
}

table.dfavorite {
  border-left: 1px solid;
  text-align: left;
  font-family: Calibri;
}

table.dfavorite td {
  padding-left: 0px;
  border: 1px solid;
  border-collapse: collapse;
  border-top: none;
  border-left: none;
  font-size: 16px;
}

table.dfavorite th {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  background: #4d87eb;
  color: white;
  padding-left: 0px;
  border: 1px solid;
  border-collapse: collapse;
  border-top: none;
  border-left: none;
}

table.dfavorite, table.dfavorite td, table.dfavorite th {
  border-color: #CCC;
}

table.dfavorite th a:link, table.dfavorite th a:visited {
  color: #FFF;
}

table.dfavorite td a:hover {
  color: #005AC7;
}

table.dtable {
  text-align: center;
}

table.tTicket {
  border-color: #EEE;
  padding: 0px;
  text-align: left;
}

table.tTicket td {
  padding: 4px;
  border: 1px solid;
  border-collapse: collapse;
}

table.tTicket th {
  font-weight: bold;
  text-align: left;
  background: #4d87eb;
  color: white;
  padding-left: 0px;
  border: 1px solid;
  border-collapse: collapse;
  border-top: none;
  border-left: none;
}

table.tTicket, table.tTicket td, table.tTicket th {
  border-color: #EEEEEE;
}

table.tTicket th a:link, table.tTicket th a:visited {
  color: #FFF;
}

.graph-matrix td {
  padding: 5px 5px 0px 5px;
}

select.error, input[type=text].error, input[type=password].error, input[type=number].error, textarea.error {
  border: solid 1px red;
}

.error-list {
  color: red;
}

.user {
  width: 200px;
  font-size: 14;
}

form {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.inline-form {
  display: inline-block;
}

.form-group {
  margin-bottom: 1em;
}
.form-group label {
  display: block;
  margin-bottom: 0.5em;
}
.form-group .form-description {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.form-inline .form-group {
  display: inline-block;
  margin-right: 1em;
  vertical-align: top;
}

.btnDefault {
  width: 75px;
}

select.cmbGrpFilter {
  width: 292px;
  font-size: 14;
}

select.cmbGrpVariable {
  width: 590px;
  font-size: 14;
}

select.cmbHeaderCompany {
  width: 140px;
  font-size: 14;
}

.form-element {
  padding-bottom: 5px;
}
.form-element label {
  display: block;
  font-weight: bold;
  line-height: 1.8em;
}
.form-element .form-description {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.form-inline .form-element {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  margin-right: 0.5em;
}

.form-inline .button-group {
  vertical-align: bottom;
  display: inline-block;
}

.button-group.block {
  display: block !important;
  margin-top: 0.3em !important;
}

select,
input[type=text],
input[type=search],
input[type=password],
input[type=number],
input[type=date],
input[type=time],
input[type=datetime],
textarea {
  background: #fff;
  padding: 5px;
  font-size: 1em;
  border: solid 1px #ccc;
  border-radius: 0;
}
select:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
textarea:focus {
  background: #F3F8FF;
}

select option {
  background: #fff;
}
select option:disabled {
  color: #ccc;
}

.form {
  border: solid 1px #ccc;
  border-top-width: 5px;
  border-top-color: #3d8ee5;
  padding: 10px;
  width: 940px;
  background: #fff;
  margin-top: 50px;
}
.form label, .form p {
  line-height: 1;
  padding: 0;
}
.form label {
  float: left;
  width: 200px;
}
.form .form__element {
  overflow: hidden;
  padding: 10px 0;
}
.form .form__item {
  margin-left: 200px;
}
.form .form__item--hidden {
  display: none;
}
.form .form__error {
  color: red;
  line-height: 1.8;
}
.form input[type=submit] {
  background: #3d8ee5;
  cursor: pointer;
  color: #fff;
  border: none;
  padding: 5px 15px;
}
.form input[type=submit]:hover {
  background: #1b6dc4;
}

.gen-filter {
  border-bottom: solid 2px #ccc;
  margin: 10px 0;
}
.gen-filter::after {
  clear: both;
  content: "";
  display: table;
}
.gen-filter .form-element {
  float: left;
  margin-right: 5px;
}
.gen-filter .form-element span.value {
  padding: 5px 0;
  display: block;
  min-width: 100px;
}
.gen-filter .group {
  overflow: hidden;
  width: 960px;
}

input[type=submit] {
  padding: 0.5em 1em;
  background-color: #ddd;
  border: solid 1px #ccc;
}

input[type=radio] + label, input[type=checkbox] + label, .form-group .around-label {
  display: inline-block;
  margin: 0 30px 0 0;
  font-weight: normal;
  cursor: pointer;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
  color: #1C7E76;
}

.btn, .btn-mini,
button,
input[type=submit] input[type=button] {
  border-radius: 3px;
  border: none;
  color: #fff;
  background: #6E8DAA;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  display: inline-block;
  cursor: pointer;
}
.btn:hover, .btn-mini:hover,
button:hover,
input[type=submit] input[type=button]:hover {
  color: #fff;
  background: #557390;
}

.btn-mini {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  font-size: 0.9em;
}

.btn.warning, .btn-mini.warning {
  background-color: #D43D3D;
}
.btn.warning:hover, .btn-mini.warning:hover {
  background: #b62828;
}

.btn.success, .btn-mini.success {
  background-color: #86CB48;
}
.btn.success:hover, .btn-mini.success:hover {
  background: #6dae32;
}

.btn.neutral, .btn-mini.neutral {
  background-color: #A4A4A4;
}
.btn.neutral:hover, .btn-mini.neutral:hover {
  background: #8b8b8b;
}

.btn.info, .btn-mini.info {
  background-color: #4197D4;
}
.btn.info:hover, .btn-mini.info:hover {
  background: #2a7db8;
}

.filter-form td {
  padding: 0 1em 1em 0;
}
.filter-form .edit-filter-item {
  display: inline-block;
}

.group-var-selector .gvs__selected {
  background: #fff;
  color: #000;
  padding: 5px 10px;
  font-size: 1em;
  border: solid 1px #ccc;
  border-radius: 0;
  min-width: 200px;
  line-height: 1.3;
  cursor: default;
  display: inline-block;
}
.group-var-selector .gvs__selected:after {
  content: " ▾";
  float: right;
}
.group-var-selector .gvs__selected span.sub {
  opacity: 0.4;
}
.group-var-selector .selector-content {
  position: absolute;
  display: none;
  min-width: 300px;
  min-height: 80px;
  background: #fff;
}
.group-var-selector .selector-content input {
  border: solid 1px #ccc;
  border-bottom: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-var-selector .selector-content input:focus {
  outline: none;
}
.group-var-selector .selector-content .gvs__list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 300px;
  background: #fff;
  border: solid 1px #ccc;
  z-index: 1;
  position: relative;
  overflow-y: scroll;
  max-height: 60vh;
  min-height: 100px;
}
.group-var-selector .selector-content .gvs__list .gvs__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 15px 5px 0;
  cursor: default;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.group-var-selector .selector-content .gvs__list .gvs__content.active {
  background: #eee;
}
.group-var-selector .selector-content .gvs__list a {
  cursor: default;
  color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.group-var-selector .selector-content .gvs__list a i {
  margin-left: 5px;
  margin-bottom: 2px;
}
.group-var-selector .selector-content .gvs__list .gvs__content:hover {
  background: #e1e1e1;
}
.group-var-selector .selector-content .gvs__list div.gvs__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.group-var-selector .selector-content .gvs__list div.gvs__item.admin-htrc .gvs__content {
  color: #E5028C;
}
.group-var-selector .selector-content .gvs__list div.gvs__item.admin-htrc .gvs__content a {
  color: #E5028C;
}
.group-var-selector .selector-content .gvs__list div.gvs__item.admin-htrc .gvs__content a:hover {
  color: #E5028C !important;
}

#HTRCOnlyA {
  color: #E5028C;
}

#HTRCOnlyC {
  color: #E5028C;
}

.HTRCOnly {
  color: #E5028C;
}

.admin-htrc {
  color: #E5028C !important;
}

a.admin-htrc:hover, .admin-htrc a:hover {
  color: #80014e !important;
}

.bloc-admin-htrc {
  color: #fff;
  background: #E5028C !important;
}

.icon-disable {
  opacity: 0.3;
}

[class^=icon-] {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -3px;
}
[class^=icon-]:before {
  background-image: url("../images/icon16.png?v=59040605");
  background-size: 180px 506px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
}

.icon-add:before {
  background-position: 0px -2px;
}

a:not(.disabled):hover .icon-add:before {
  background-position: -18px -2px;
}

a:not(.disabled).icon-add:hover:before {
  background-position: -18px -2px;
}

.icon-add-admin:before {
  background-position: -36px -2px;
}

a:not(.disabled):hover .icon-add-admin:before {
  background-position: -54px -2px;
}

a:not(.disabled).icon-add-admin:hover:before {
  background-position: -54px -2px;
}

.icon-add-disabled:before {
  background-position: -72px -2px;
}

a:not(.disabled):hover .icon-add-disabled:before {
  background-position: -90px -2px;
}

a:not(.disabled).icon-add-disabled:hover:before {
  background-position: -90px -2px;
}

.icon-add-w:before {
  background-position: -108px -2px;
}

a:not(.disabled):hover .icon-add-w:before {
  background-position: -126px -2px;
}

a:not(.disabled).icon-add-w:hover:before {
  background-position: -126px -2px;
}

.icon-delete:before {
  background-position: 0px -20px;
}

a:not(.disabled):hover .icon-delete:before {
  background-position: -18px -20px;
}

a:not(.disabled).icon-delete:hover:before {
  background-position: -18px -20px;
}

.icon-delete-admin:before {
  background-position: -36px -20px;
}

a:not(.disabled):hover .icon-delete-admin:before {
  background-position: -54px -20px;
}

a:not(.disabled).icon-delete-admin:hover:before {
  background-position: -54px -20px;
}

.icon-delete-disabled:before {
  background-position: -72px -20px;
}

a:not(.disabled):hover .icon-delete-disabled:before {
  background-position: -90px -20px;
}

a:not(.disabled).icon-delete-disabled:hover:before {
  background-position: -90px -20px;
}

.icon-delete-w:before {
  background-position: -108px -20px;
}

a:not(.disabled):hover .icon-delete-w:before {
  background-position: -126px -20px;
}

a:not(.disabled).icon-delete-w:hover:before {
  background-position: -126px -20px;
}

.icon-edit:before {
  background-position: 0px -38px;
}

a:not(.disabled):hover .icon-edit:before {
  background-position: -18px -38px;
}

a:not(.disabled).icon-edit:hover:before {
  background-position: -18px -38px;
}

.icon-edit-admin:before {
  background-position: -36px -38px;
}

a:not(.disabled):hover .icon-edit-admin:before {
  background-position: -54px -38px;
}

a:not(.disabled).icon-edit-admin:hover:before {
  background-position: -54px -38px;
}

.icon-edit-disabled:before {
  background-position: -72px -38px;
}

a:not(.disabled):hover .icon-edit-disabled:before {
  background-position: -90px -38px;
}

a:not(.disabled).icon-edit-disabled:hover:before {
  background-position: -90px -38px;
}

.icon-edit-w:before {
  background-position: -108px -38px;
}

a:not(.disabled):hover .icon-edit-w:before {
  background-position: -126px -38px;
}

a:not(.disabled).icon-edit-w:hover:before {
  background-position: -126px -38px;
}

.icon-add-simple:before {
  background-position: 0px -56px;
}

a:not(.disabled):hover .icon-add-simple:before {
  background-position: -18px -56px;
}

a:not(.disabled).icon-add-simple:hover:before {
  background-position: -18px -56px;
}

.icon-add-simple-admin:before {
  background-position: -36px -56px;
}

a:not(.disabled):hover .icon-add-simple-admin:before {
  background-position: -54px -56px;
}

a:not(.disabled).icon-add-simple-admin:hover:before {
  background-position: -54px -56px;
}

.icon-add-simple-disabled:before {
  background-position: -72px -56px;
}

a:not(.disabled):hover .icon-add-simple-disabled:before {
  background-position: -90px -56px;
}

a:not(.disabled).icon-add-simple-disabled:hover:before {
  background-position: -90px -56px;
}

.icon-add-simple-w:before {
  background-position: -108px -56px;
}

a:not(.disabled):hover .icon-add-simple-w:before {
  background-position: -126px -56px;
}

a:not(.disabled).icon-add-simple-w:hover:before {
  background-position: -126px -56px;
}

.icon-delete-simple:before {
  background-position: 0px -74px;
}

a:not(.disabled):hover .icon-delete-simple:before {
  background-position: -18px -74px;
}

a:not(.disabled).icon-delete-simple:hover:before {
  background-position: -18px -74px;
}

.icon-delete-simple-admin:before {
  background-position: -36px -74px;
}

a:not(.disabled):hover .icon-delete-simple-admin:before {
  background-position: -54px -74px;
}

a:not(.disabled).icon-delete-simple-admin:hover:before {
  background-position: -54px -74px;
}

.icon-delete-simple-disabled:before {
  background-position: -72px -74px;
}

a:not(.disabled):hover .icon-delete-simple-disabled:before {
  background-position: -90px -74px;
}

a:not(.disabled).icon-delete-simple-disabled:hover:before {
  background-position: -90px -74px;
}

.icon-delete-simple-w:before {
  background-position: -108px -74px;
}

a:not(.disabled):hover .icon-delete-simple-w:before {
  background-position: -126px -74px;
}

a:not(.disabled).icon-delete-simple-w:hover:before {
  background-position: -126px -74px;
}

.icon-edit-simple:before {
  background-position: 0px -92px;
}

a:not(.disabled):hover .icon-edit-simple:before {
  background-position: -18px -92px;
}

a:not(.disabled).icon-edit-simple:hover:before {
  background-position: -18px -92px;
}

.icon-edit-simple-admin:before {
  background-position: -36px -92px;
}

a:not(.disabled):hover .icon-edit-simple-admin:before {
  background-position: -54px -92px;
}

a:not(.disabled).icon-edit-simple-admin:hover:before {
  background-position: -54px -92px;
}

.icon-edit-simple-disabled:before {
  background-position: -72px -92px;
}

a:not(.disabled):hover .icon-edit-simple-disabled:before {
  background-position: -90px -92px;
}

a:not(.disabled).icon-edit-simple-disabled:hover:before {
  background-position: -90px -92px;
}

.icon-edit-simple-w:before {
  background-position: -108px -92px;
}

a:not(.disabled):hover .icon-edit-simple-w:before {
  background-position: -126px -92px;
}

a:not(.disabled).icon-edit-simple-w:hover:before {
  background-position: -126px -92px;
}

.icon-copy:before {
  background-position: 0px -110px;
}

a:not(.disabled):hover .icon-copy:before {
  background-position: -18px -110px;
}

a:not(.disabled).icon-copy:hover:before {
  background-position: -18px -110px;
}

.icon-copy-admin:before {
  background-position: -36px -110px;
}

a:not(.disabled):hover .icon-copy-admin:before {
  background-position: -54px -110px;
}

a:not(.disabled).icon-copy-admin:hover:before {
  background-position: -54px -110px;
}

.icon-copy-disabled:before {
  background-position: -72px -110px;
}

a:not(.disabled):hover .icon-copy-disabled:before {
  background-position: -90px -110px;
}

a:not(.disabled).icon-copy-disabled:hover:before {
  background-position: -90px -110px;
}

.icon-copy-w:before {
  background-position: -108px -110px;
}

a:not(.disabled):hover .icon-copy-w:before {
  background-position: -126px -110px;
}

a:not(.disabled).icon-copy-w:hover:before {
  background-position: -126px -110px;
}

.icon-share:before {
  background-position: 0px -128px;
}

a:not(.disabled):hover .icon-share:before {
  background-position: -18px -128px;
}

a:not(.disabled).icon-share:hover:before {
  background-position: -18px -128px;
}

.icon-share-admin:before {
  background-position: -36px -128px;
}

a:not(.disabled):hover .icon-share-admin:before {
  background-position: -54px -128px;
}

a:not(.disabled).icon-share-admin:hover:before {
  background-position: -54px -128px;
}

.icon-share-disabled:before {
  background-position: -72px -128px;
}

a:not(.disabled):hover .icon-share-disabled:before {
  background-position: -90px -128px;
}

a:not(.disabled).icon-share-disabled:hover:before {
  background-position: -90px -128px;
}

.icon-share-w:before {
  background-position: -108px -128px;
}

a:not(.disabled):hover .icon-share-w:before {
  background-position: -126px -128px;
}

a:not(.disabled).icon-share-w:hover:before {
  background-position: -126px -128px;
}

.icon-email:before {
  background-position: 0px -146px;
}

a:not(.disabled):hover .icon-email:before {
  background-position: -18px -146px;
}

a:not(.disabled).icon-email:hover:before {
  background-position: -18px -146px;
}

.icon-email-admin:before {
  background-position: 0px -164px;
}

a:not(.disabled):hover .icon-email-admin:before {
  background-position: -18px -164px;
}

a:not(.disabled).icon-email-admin:hover:before {
  background-position: -18px -164px;
}

.icon-print:before {
  background-position: 0px -182px;
}

a:not(.disabled):hover .icon-print:before {
  background-position: -18px -182px;
}

a:not(.disabled).icon-print:hover:before {
  background-position: -18px -182px;
}

.icon-print-admin:before {
  background-position: 0px -200px;
}

a:not(.disabled):hover .icon-print-admin:before {
  background-position: -18px -200px;
}

a:not(.disabled).icon-print-admin:hover:before {
  background-position: -18px -200px;
}

.icon-next:before {
  background-position: 0px -218px;
}

a:not(.disabled):hover .icon-next:before {
  background-position: -18px -218px;
}

a:not(.disabled).icon-next:hover:before {
  background-position: -18px -218px;
}

.icon-prev:before {
  background-position: 0px -236px;
}

a:not(.disabled):hover .icon-prev:before {
  background-position: -18px -236px;
}

a:not(.disabled).icon-prev:hover:before {
  background-position: -18px -236px;
}

.icon-last:before {
  background-position: 0px -254px;
}

a:not(.disabled):hover .icon-last:before {
  background-position: -18px -254px;
}

a:not(.disabled).icon-last:hover:before {
  background-position: -18px -254px;
}

.icon-first:before {
  background-position: 0px -272px;
}

a:not(.disabled):hover .icon-first:before {
  background-position: -18px -272px;
}

a:not(.disabled).icon-first:hover:before {
  background-position: -18px -272px;
}

.icon-help:before {
  background-position: 0px -290px;
}

a:not(.disabled):hover .icon-help:before {
  background-position: -18px -290px;
}

a:not(.disabled).icon-help:hover:before {
  background-position: -18px -290px;
}

.icon-option:before {
  background-position: 0px -308px;
}

a:not(.disabled):hover .icon-option:before {
  background-position: -18px -308px;
}

a:not(.disabled).icon-option:hover:before {
  background-position: -18px -308px;
}

.icon-option-w:before {
  background-position: 0px -326px;
}

a:not(.disabled):hover .icon-option-w:before {
  background-position: -18px -326px;
}

a:not(.disabled).icon-option-w:hover:before {
  background-position: -18px -326px;
}

.icon-close-modal:before {
  background-position: 0px -344px;
}

a:not(.disabled):hover .icon-close-modal:before {
  background-position: -18px -344px;
}

a:not(.disabled).icon-close-modal:hover:before {
  background-position: -18px -344px;
}

.icon-drag:before {
  background-position: 0px -362px;
}

a:not(.disabled):hover .icon-drag:before {
  background-position: -18px -362px;
}

a:not(.disabled).icon-drag:hover:before {
  background-position: -18px -362px;
}

.icon-drag-w:before {
  background-position: 0px -380px;
}

a:not(.disabled):hover .icon-drag-w:before {
  background-position: -18px -380px;
}

a:not(.disabled).icon-drag-w:hover:before {
  background-position: -18px -380px;
}

.icon-account:before {
  background-position: 0px -398px;
}

a:not(.disabled):hover .icon-account:before {
  background-position: -18px -398px;
}

a:not(.disabled).icon-account:hover:before {
  background-position: -18px -398px;
}

.icon-lock:before {
  background-position: 0px -416px;
}

a:not(.disabled):hover .icon-lock:before {
  background-position: -18px -416px;
}

a:not(.disabled).icon-lock:hover:before {
  background-position: -18px -416px;
}

.icon-config:before {
  background-position: 0px -434px;
}

a:not(.disabled):hover .icon-config:before {
  background-position: -18px -434px;
}

a:not(.disabled).icon-config:hover:before {
  background-position: -18px -434px;
}

.icon-small-next:before {
  background-position: 0px -470px;
}

a:not(.disabled):hover .icon-small-next:before {
  background-position: -18px -470px;
}

a:not(.disabled).icon-small-next:hover:before {
  background-position: -18px -470px;
}

.icon-small-prev:before {
  background-position: 0px -488px;
}

a:not(.disabled):hover .icon-small-prev:before {
  background-position: -18px -488px;
}

a:not(.disabled).icon-small-prev:hover:before {
  background-position: -18px -488px;
}

.icon-goto:before {
  background-position: -36px -200px;
}

a:not(.disabled):hover .icon-goto:before {
  background-position: -54px -200px;
}

a:not(.disabled).icon-goto:hover:before {
  background-position: -54px -200px;
}

.icon-info-global:before {
  background-position: -36px -218px;
}

a:not(.disabled):hover .icon-info-global:before {
  background-position: -54px -218px;
}

a:not(.disabled).icon-info-global:hover:before {
  background-position: -54px -218px;
}

.icon-lock-user:before {
  background-position: -36px -254px;
}

a:not(.disabled):hover .icon-lock-user:before {
  background-position: -54px -254px;
}

a:not(.disabled).icon-lock-user:hover:before {
  background-position: -54px -254px;
}

.icon-menu:before {
  background-position: -36px -272px;
}

a:not(.disabled):hover .icon-menu:before {
  background-position: -54px -272px;
}

a:not(.disabled).icon-menu:hover:before {
  background-position: -54px -272px;
}

.icon-menu-admin:before {
  background-position: -72px -272px;
}

a:not(.disabled):hover .icon-menu-admin:before {
  background-position: -90px -272px;
}

a:not(.disabled).icon-menu-admin:hover:before {
  background-position: -90px -272px;
}

.icon-event:before {
  background-position: -36px -308px;
}

a:not(.disabled):hover .icon-event:before {
  background-position: -54px -308px;
}

a:not(.disabled).icon-event:hover:before {
  background-position: -54px -308px;
}

.icon-reset-password-disabled:before {
  background-position: -36px -308px;
}

a:not(.disabled):hover .icon-reset-password-disabled:before {
  background-position: -54px -308px;
}

a:not(.disabled).icon-reset-password-disabled:hover:before {
  background-position: -54px -308px;
}

.icon-switch-user-disabled:before {
  background-position: -36px -326px;
}

a:not(.disabled):hover .icon-switch-user-disabled:before {
  background-position: -54px -326px;
}

a:not(.disabled).icon-switch-user-disabled:hover:before {
  background-position: -54px -326px;
}

.icon-login-shortcut:before {
  background-position: -36px -344px;
}

a:not(.disabled):hover .icon-login-shortcut:before {
  background-position: -54px -344px;
}

a:not(.disabled).icon-login-shortcut:hover:before {
  background-position: -54px -344px;
}

.icon-export:before {
  background-position: -36px -380px;
}

a:not(.disabled):hover .icon-export:before {
  background-position: -54px -380px;
}

a:not(.disabled).icon-export:hover:before {
  background-position: -54px -380px;
}

.icon-down:before {
  background-position: -36px -398px;
}

a:not(.disabled):hover .icon-down:before {
  background-position: -54px -398px;
}

a:not(.disabled).icon-down:hover:before {
  background-position: -54px -398px;
}

.icon-down-w:before {
  background-position: -36px -416px;
}

a:not(.disabled):hover .icon-down-w:before {
  background-position: -54px -416px;
}

a:not(.disabled).icon-down-w:hover:before {
  background-position: -54px -416px;
}

.icon-reset-email-admin:before {
  background-position: -36px -434px;
}

a:not(.disabled):hover .icon-reset-email-admin:before {
  background-position: -54px -434px;
}

a:not(.disabled).icon-reset-email-admin:hover:before {
  background-position: -54px -434px;
}

.icon-info-mail:before {
  background-position: -36px -470px;
}

a:not(.disabled):hover .icon-info-mail:before {
  background-position: -54px -470px;
}

a:not(.disabled).icon-info-mail:hover:before {
  background-position: -54px -470px;
}

.icon-info-customgraph:before {
  background-position: -36px -488px;
}

a:not(.disabled):hover .icon-info-customgraph:before {
  background-position: -54px -488px;
}

a:not(.disabled).icon-info-customgraph:hover:before {
  background-position: -54px -488px;
}

.icon-fold:before {
  background-position: -72px -200px;
}

a:not(.disabled):hover .icon-fold:before {
  background-position: -90px -200px;
}

a:not(.disabled).icon-fold:hover:before {
  background-position: -90px -200px;
}

.icon-unfold:before {
  background-position: -72px -218px;
}

a:not(.disabled):hover .icon-unfold:before {
  background-position: -90px -218px;
}

a:not(.disabled).icon-unfold:hover:before {
  background-position: -90px -218px;
}

.icon-group-user:before {
  background-position: -72px -236px;
}

a:not(.disabled):hover .icon-group-user:before {
  background-position: -90px -236px;
}

a:not(.disabled).icon-group-user:hover:before {
  background-position: -90px -236px;
}

.icon-group-mill:before {
  background-position: -72px -254px;
}

a:not(.disabled):hover .icon-group-mill:before {
  background-position: -90px -254px;
}

a:not(.disabled).icon-group-mill:hover:before {
  background-position: -90px -254px;
}

.icon-logout:before {
  background-position: -144px -110px;
}

a:not(.disabled):hover .icon-logout:before {
  background-position: -162px -110px;
}

a:not(.disabled).icon-logout:hover:before {
  background-position: -162px -110px;
}

.icon-settings:before {
  background-position: -144px -128px;
}

a:not(.disabled):hover .icon-settings:before {
  background-position: -162px -128px;
}

a:not(.disabled).icon-settings:hover:before {
  background-position: -162px -128px;
}

.icon-success:before {
  background-position: -144px -218px;
}

a:not(.disabled):hover .icon-success:before {
  background-position: -162px -218px;
}

a:not(.disabled).icon-success:hover:before {
  background-position: -162px -218px;
}

.icon-warning:before {
  background-position: -144px -236px;
}

a:not(.disabled):hover .icon-warning:before {
  background-position: -162px -236px;
}

a:not(.disabled).icon-warning:hover:before {
  background-position: -162px -236px;
}

.icon-error:before {
  background-position: -144px -254px;
}

a:not(.disabled):hover .icon-error:before {
  background-position: -162px -254px;
}

a:not(.disabled).icon-error:hover:before {
  background-position: -162px -254px;
}

.icon-info:before {
  background-position: -144px -272px;
}

a:not(.disabled):hover .icon-info:before {
  background-position: -162px -272px;
}

a:not(.disabled).icon-info:hover:before {
  background-position: -162px -272px;
}

.icon-bullet-admin:before {
  background-position: -144px -290px;
}

a:not(.disabled):hover .icon-bullet-admin:before {
  background-position: -162px -290px;
}

a:not(.disabled).icon-bullet-admin:hover:before {
  background-position: -162px -290px;
}

.icon-w:before {
  background-position: -144px -488px;
}

a:not(.disabled):hover .icon-w:before {
  background-position: -162px -488px;
}

a:not(.disabled).icon-w:hover:before {
  background-position: -162px -488px;
}

[class^=iconb-] {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: -3px;
}
[class^=iconb-]:before {
  background-image: url("../images/icon24.png?v=59040605");
  background-size: 182px 548px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
}

.iconb-down-menu:before {
  background-position: 0px -2px;
}

a:not(.disabled):hover .iconb-down-menu:before {
  background-position: -26px -2px;
}

a:not(.disabled).iconb-down-menu:hover:before {
  background-position: -26px -2px;
}

.iconb-up-menu:before {
  background-position: 0px -28px;
}

a:not(.disabled):hover .iconb-up-menu:before {
  background-position: -26px -28px;
}

a:not(.disabled).iconb-up-menu:hover:before {
  background-position: -26px -28px;
}

.iconb-help:before {
  background-position: 0px -54px;
}

a:not(.disabled):hover .iconb-help:before {
  background-position: -26px -54px;
}

a:not(.disabled).iconb-help:hover:before {
  background-position: -26px -54px;
}

.iconb-adminunactive:before {
  background-position: 0px -80px;
}

a:not(.disabled):hover .iconb-adminunactive:before {
  background-position: -26px -80px;
}

a:not(.disabled).iconb-adminunactive:hover:before {
  background-position: -26px -80px;
}

.iconb-adminactive:before {
  background-position: 0px -106px;
}

a:not(.disabled):hover .iconb-adminactive:before {
  background-position: -26px -106px;
}

a:not(.disabled).iconb-adminactive:hover:before {
  background-position: -26px -106px;
}

.iconb-unactive:before {
  background-position: 0px -132px;
}

a:not(.disabled):hover .iconb-unactive:before {
  background-position: -26px -132px;
}

a:not(.disabled).iconb-unactive:hover:before {
  background-position: -26px -132px;
}

.iconb-active:before {
  background-position: 0px -158px;
}

a:not(.disabled):hover .iconb-active:before {
  background-position: -26px -158px;
}

a:not(.disabled).iconb-active:hover:before {
  background-position: -26px -158px;
}

.iconb-email:before {
  background-position: 0px -184px;
}

a:not(.disabled):hover .iconb-email:before {
  background-position: -26px -184px;
}

a:not(.disabled).iconb-email:hover:before {
  background-position: -26px -184px;
}

.iconb-favorite:before {
  background-position: 0px -210px;
}

a:not(.disabled):hover .iconb-favorite:before {
  background-position: -26px -210px;
}

a:not(.disabled).iconb-favorite:hover:before {
  background-position: -26px -210px;
}

.iconb-custom:before {
  background-position: 0px -236px;
}

a:not(.disabled):hover .iconb-custom:before {
  background-position: -26px -236px;
}

a:not(.disabled).iconb-custom:hover:before {
  background-position: -26px -236px;
}

.iconb-next:before {
  background-position: 0px -262px;
}

a:not(.disabled):hover .iconb-next:before {
  background-position: -26px -262px;
}

a:not(.disabled).iconb-next:hover:before {
  background-position: -26px -262px;
}

.iconb-prev:before {
  background-position: 0px -288px;
}

a:not(.disabled):hover .iconb-prev:before {
  background-position: -26px -288px;
}

a:not(.disabled).iconb-prev:hover:before {
  background-position: -26px -288px;
}

.iconb-last:before {
  background-position: 0px -314px;
}

a:not(.disabled):hover .iconb-last:before {
  background-position: -26px -314px;
}

a:not(.disabled).iconb-last:hover:before {
  background-position: -26px -314px;
}

.iconb-first:before {
  background-position: 0px -340px;
}

a:not(.disabled):hover .iconb-first:before {
  background-position: -26px -340px;
}

a:not(.disabled).iconb-first:hover:before {
  background-position: -26px -340px;
}

.iconb-size-4:before {
  background-position: 0px -366px;
}

a:not(.disabled):hover .iconb-size-4:before {
  background-position: -26px -366px;
}

a:not(.disabled).iconb-size-4:hover:before {
  background-position: -26px -366px;
}

.iconb-size-2:before {
  background-position: 0px -392px;
}

a:not(.disabled):hover .iconb-size-2:before {
  background-position: -26px -392px;
}

a:not(.disabled).iconb-size-2:hover:before {
  background-position: -26px -392px;
}

.iconb-size-3:before {
  background-position: 0px -418px;
}

a:not(.disabled):hover .iconb-size-3:before {
  background-position: -26px -418px;
}

a:not(.disabled).iconb-size-3:hover:before {
  background-position: -26px -418px;
}

.iconb-size-1:before {
  background-position: 0px -444px;
}

a:not(.disabled):hover .iconb-size-1:before {
  background-position: -26px -444px;
}

a:not(.disabled).iconb-size-1:hover:before {
  background-position: -26px -444px;
}

.iconb-delete:before {
  background-position: 0px -470px;
}

a:not(.disabled):hover .iconb-delete:before {
  background-position: -26px -470px;
}

a:not(.disabled).iconb-delete:hover:before {
  background-position: -26px -470px;
}

.iconb-big:before {
  background-position: 0px -496px;
}

a:not(.disabled):hover .iconb-big:before {
  background-position: -26px -496px;
}

a:not(.disabled).iconb-big:hover:before {
  background-position: -26px -496px;
}

.iconb-close:before {
  background-position: 0px -522px;
}

a:not(.disabled):hover .iconb-close:before {
  background-position: -26px -522px;
}

a:not(.disabled).iconb-close:hover:before {
  background-position: -26px -522px;
}

.iconb-admin-down-menu:before {
  background-position: -52px -80px;
}

a:not(.disabled):hover .iconb-admin-down-menu:before {
  background-position: -78px -80px;
}

a:not(.disabled).iconb-admin-down-menu:hover:before {
  background-position: -78px -80px;
}

.iconb-admin-up-menu:before {
  background-position: -52px -106px;
}

a:not(.disabled):hover .iconb-admin-up-menu:before {
  background-position: -78px -106px;
}

a:not(.disabled).iconb-admin-up-menu:hover:before {
  background-position: -78px -106px;
}

.iconb-alert:before {
  background-position: -52px -2px;
}

a:not(.disabled):hover .iconb-alert:before {
  background-position: -78px -2px;
}

a:not(.disabled).iconb-alert:hover:before {
  background-position: -78px -2px;
}

.iconb-autologon:before {
  background-position: -52px -158px;
}

a:not(.disabled):hover .iconb-autologon:before {
  background-position: -78px -158px;
}

a:not(.disabled).iconb-autologon:hover:before {
  background-position: -78px -158px;
}

.iconb-logout:before {
  background-position: -52px -184px;
}

a:not(.disabled):hover .iconb-logout:before {
  background-position: -78px -184px;
}

a:not(.disabled).iconb-logout:hover:before {
  background-position: -78px -184px;
}

.iconb-action:before {
  background-position: -52px -210px;
}

a:not(.disabled):hover .iconb-action:before {
  background-position: -78px -210px;
}

a:not(.disabled).iconb-action:hover:before {
  background-position: -78px -210px;
}

.iconb-data:before {
  background-position: -52px -496px;
}

a:not(.disabled):hover .iconb-data:before {
  background-position: -78px -496px;
}

a:not(.disabled).iconb-data:hover:before {
  background-position: -78px -496px;
}

[class^=icons-] {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: -2px;
}
[class^=icons-]:before {
  background-image: url("../images/icon12.png?v=59040605");
  background-size: 120px 120px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
}

.icons-info:before {
  background-position: 0px -2px;
}

a:not(.disabled):hover .icons-info:before {
  background-position: -14px -2px;
}

a:not(.disabled).icons-info:hover:before {
  background-position: -14px -2px;
}

.login-page {
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
.login-page input:-webkit-autofill,
.login-page input:-webkit-autofill:hover,
.login-page input:-webkit-autofill:focus,
.login-page input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100px white inset !important;
}
.login-page.bg1 {
  background-image: url(../images/bg/bg1.jpg);
}
.login-page.bg2 {
  background-image: url(../images/bg/bg2.jpg);
}
.login-page.bg3 {
  background-image: url(../images/bg/bg3.jpg);
}
.login-page.bg4 {
  background-image: url(../images/bg/bg4.jpg);
}
.login-page .form-login {
  position: absolute;
  width: 50vw;
  height: 100vh;
  z-index: 1;
  background-color: #fff;
}
@media only screen and (max-width: 860px) {
  .login-page .form-login {
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  .login-page .form-login .conn-wrap {
    padding: 2em;
  }
}
.login-page .form-login .logo-htrc {
  width: 330px;
  height: 60px;
  text-indent: -10000px;
  display: block;
  background-image: url(../images/logo-login.png);
  background-repeat: no-repeat;
  background-size: 330px 60px;
  margin: 0 auto;
  margin-bottom: 2em;
}
.login-page .form-login .lock-attempt {
  background-color: #fff;
  width: 330px;
  margin: 100px auto;
  padding: 2em;
  text-align: center;
}
.login-page .form-login .forgot {
  font-size: 0.9em;
  margin-top: 1.5em;
  text-align: right;
}
.login-page .form-login .forgot a {
  color: #5f6369;
}
.login-page .form-login .expired {
  background-color: #fff;
  width: 350px;
  margin: 100px auto;
  padding: 2em;
  text-align: center;
}

.conn-wrap {
  width: 400px;
  background-color: #fff;
  margin: 30% auto 0 auto;
}
.conn-wrap .form-group {
  margin-bottom: 2.5em;
}
.conn-wrap label {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.8em;
}
.conn-wrap input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px 0 10px 0;
  border: none;
  border-bottom: solid 1px #ccc;
}
.conn-wrap input:focus {
  outline: none;
  border-color: #000;
}
.conn-wrap input[type=submit] {
  padding: 15px;
  font-size: 1.2em;
  text-transform: uppercase;
  background: #727982;
  border: none;
  color: #fff;
}
.conn-wrap input[type=submit]:hover {
  background: #3a414a;
  cursor: pointer;
}
.conn-wrap .error-list {
  text-align: center;
  padding: 1em 0;
}
.conn-wrap .cancel-button {
  display: block;
  margin-top: 1em;
  text-align: center;
}

.bubble {
  display: none;
  position: absolute;
  z-index: 2000;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.bubble-box {
  border: 1px solid #ddd;
  background-color: #fff;
  min-width: 400px;
  max-width: 500px;
  border-radius: 3px;
}
.bubble-box .bubble-header {
  padding: 1em;
  background-color: #f1f1f1;
}
.bubble-box .bubble-header .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.bubble-box .bubble-header h3 {
  font-size: 1.4em;
  margin: 0 15px 0 0;
  padding: 0;
  line-height: 1.5;
}
.bubble-box .bubble-header .unitAndDetail {
  font-size: 0.9em;
  margin-top: 0.5em;
}
.bubble-box .bubble-header .date {
  font-size: 0.8em;
  margin-top: 0.5em;
  display: block;
}
.bubble-box .bubble-header .action {
  white-space: nowrap;
}
.bubble-box .bubble-content {
  padding: 1em;
  overflow: hidden;
  height: 1%;
}
.bubble-box .bubble-content h4 {
  font-size: 1.2em;
  margin: 0 0 0.5em 0;
}
.bubble-box .bubble-content .report-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bubble-box .bubble-content .report-list ul {
  margin-bottom: 1em;
  margin-right: 2.5em;
}
.bubble-box .bubble-content .report-list ul:last-of-type {
  margin-right: 0;
}
.bubble-box .bubble-content .report-list a:before {
  white-space: nowrap;
  content: "- ";
}
.bubble-box .bubble-content .target-list li {
  display: inline-block;
  margin-right: 2.5em;
}
.bubble-box .bubble-content .target-list li:last-of-type {
  margin-right: 0;
}
.bubble-box .bubble-content.collapse {
  padding: 0em;
}

.bubble-var-description {
  font-size: 0.9em;
  padding-top: 0.6em;
}

.bubble-tip {
  cursor: pointer;
  color: #268061;
}
.bubble-tip:hover {
  color: black;
}
.bubble-tip:before {
  content: "";
  width: 9px;
  height: 9px;
  background-image: url("../images/bubble-tip.png");
  background-size: 9px 9px;
  vertical-align: 1px;
  font-size: 0.8em;
  margin-right: 0.5em;
  display: inline-block;
}

.group-link {
  color: #333;
  margin-right: 1.5em;
}
.group-link:hover {
  color: #666;
}
.group-link .sub {
  opacity: 0.5;
}

.bubble-tip-nowrap {
  white-space: nowrap;
}

.group-sub-wrap {
  background-color: #fff;
  color: #c6c6c6;
  border: solid 1px #ccc;
  min-width: 200px;
  padding: 0.2em;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.group-sub-wrap a {
  color: #000;
  display: block;
  padding: 0.5em;
}
.group-sub-wrap a:hover {
  color: #999;
}
.group-sub-wrap a .sub {
  opacity: 0.4;
}

.your-search {
  background-color: #f1f1f1;
  padding: 0.5em;
}

.wrap-search-result {
  padding-left: 0.5em;
  padding-right: 0.5em;
  overflow: hidden;
}
.wrap-search-result .result {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em 0.5em;
  position: relative;
  float: left;
}
.wrap-search-result.ncol1 .result {
  width: 50%;
}
.wrap-search-result.ncol2 .result {
  width: 50%;
}
.wrap-search-result.ncol3 .result {
  width: 33.33333%;
}
.wrap-search-result .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.5em;
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.wrap-search-result .loading {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  color: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  text-align: center;
  padding-top: 2em;
  font-size: 2em;
}
.wrap-search-result .pagination a, .wrap-search-result .pagination span {
  color: #5E7291;
  text-transform: uppercase;
  margin-left: 0.5em;
}
.wrap-search-result .pagination a i, .wrap-search-result .pagination span i {
  vertical-align: -3px;
}
.wrap-search-result .pagination a:hover {
  color: #65C1A8;
}
.wrap-search-result .pagination span {
  opacity: 0.5;
}

.search-item {
  padding: 0.5em 0.5em 1em 0.5em;
  margin-bottom: 0.5em;
  color: #000;
  border-bottom: solid 1px #eee;
}
.search-item a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1px;
  display: block;
}
.search-item span.pm {
  display: block;
  color: #333;
  font-size: 0.8em;
}
.search-item span.date {
  display: block;
  color: #999;
  font-size: 0.8em;
}
.search-item span.grade {
  display: block;
  color: #7B1818;
  font-size: 0.8em;
}
.search-item span.description {
  display: block;
  color: #000;
}

.tag {
  background: #5A878B;
  color: #fff;
  padding: 0.1em 0.5em;
  border-radius: 3px;
  font-size: 0.8em;
  white-space: nowrap;
}

.tag-error {
  background: #D12727;
}

.tag-warning {
  background: #E78E26;
}

.tag-success {
  background: #92C55C;
}

.tag-info {
  background: #82D2D9;
}

.tag-neutral {
  background: #464646;
}

.tag-positive {
  background: #35966a;
}

.tag-negative {
  background: #dc4f4f;
}

.tag-htrc {
  background-color: #3366cc;
}

.tag-admin {
  background-color: #E5028C;
}

.nav-tabs {
  margin: 1em 0 0 0;
  padding-left: 0.5em;
  list-style: none;
  border-bottom: solid 1px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom-color: #ddd;
  /* For IE 6/7 only */
  *zoom: 1;
}
.nav-tabs:before, .nav-tabs:after {
  content: " ";
  display: table;
}
.nav-tabs:after {
  clear: both;
}
.nav-tabs li {
  float: none;
  display: inline-block;
  position: relative;
  margin-bottom: -1px;
}
.nav-tabs li a {
  position: relative;
  margin-right: 0.1em;
  padding: 0.5em 1.2em;
  display: block;
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
  background-color: #8491a3;
  color: #fff;
  text-decoration: none;
}
.nav-tabs li a.super-user {
  color: #E5028C;
}
.nav-tabs li a.super-user:hover, .nav-tabs li a.super-user:focus {
  background-color: #E5028C;
  color: #fff;
  text-decoration: none;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
  background-color: #a1abb9;
  color: #fff;
}
.nav-tabs li.active a.super-user {
  color: #fff;
  background-color: #E5028C !important;
}
.nav-tabs li.disabled a {
  color: #ccc;
}
.nav-tabs li.disabled a:hover, .nav-tabs li.disabled a:focus {
  color: #ccc;
  background-color: transparent;
  text-decoration: none;
  cursor: not-allowed;
}

.nav-tabs-level2 li {
  font-size: 0.9em;
}
.nav-tabs-level2 li.active a, .nav-tabs-level2 li.active a:hover, .nav-tabs-level2 li.active a:focus {
  background-color: #dbdfe5;
}

.nav-tabs-content:last-child {
  margin-bottom: 0;
}

.nav-tabs-content.no-border {
  border: none;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#overlay-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#overlay-loader img {
  margin: auto;
  width: 100px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

.data-loader {
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  z-index: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.data-loader img {
  margin: auto;
  width: 60px;
  margin-top: 60px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

.switch-mill .switch-mill__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8em;
  text-transform: uppercase;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.switch-mill .switch-mill__content {
  max-height: 400px;
  overflow: auto;
  border-top: solid 1px #ccc;
  background: #f9f9f9;
  padding: 0.5em 0;
}
.switch-mill .switch-mill__content h3 {
  font-size: 1em;
  font-weight: bold;
  color: #698CAB;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0.5em;
}
.switch-mill .switch-mill__content h4 {
  font-size: 1.2em;
  color: #698CAB;
  padding: 0 0.8em;
  margin-bottom: 0.2em;
  margin-top: 0.4em;
}
.switch-mill .switch-mill__content a.disabled {
  color: #bbb !important;
}
.switch-mill .switch-mill__content a.active {
  font-weight: bold;
}
.switch-mill .switch-mill__content a, .switch-mill .switch-mill__content h3, .switch-mill .switch-mill__content span, .switch-mill .switch-mill__content p {
  padding: 0.4em 1em;
}
.switch-mill .switch-mill__content a {
  padding-left: 1.5em;
  display: block;
  color: #666;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.switch-mill .switch-mill__content a:hover {
  background-color: #E5E5E5;
  color: #000;
}
.switch-mill .switch-mill__content a.dn {
  display: none !important;
}

.bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
}

.ci-1, .cw-1 {
  width: 960px;
}

.ci-2, .cw-2 {
  width: 475px;
}

.ci-3, .cw-3 {
  width: 960px;
}

.ci-4, .cw-4 {
  width: 310px;
}

.ci-5, .cw-5 {
  width: 1920px;
}

.ci-1.enlarge {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.chart-wrap {
  position: relative;
}
.chart-wrap .go-to-data {
  display: none;
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 5px;
  font-size: 0.8em;
  background-color: #fff;
}
.chart-wrap .go-to-data i {
  vertical-align: -8px;
  margin-right: 5px;
}

.mediaviewer-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  overflow: auto;
  display: none;
}
.mediaviewer-overlay .mediaviewer-header {
  height: 24px;
  padding: 10px 0;
  position: fixed;
  z-index: 10010;
  width: 100%;
  color: #fff;
}
.mediaviewer-overlay .mediaviewer-header .mediaviewer-action {
  position: absolute;
  right: 10px;
}
.mediaviewer-overlay .mediaviewer-body {
  display: block;
  top: 60px;
  bottom: 20px;
  left: 10px;
  right: 10px;
  z-index: 10001;
  position: absolute;
}
.mediaviewer-overlay .mediaviewer-body img {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mediaviewer-overlay .mediaviewer-body .loadingChartImage {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #666;
  z-index: 10020;
}
.mediaviewer-overlay .mediaviewer-body .go-to-data {
  display: none;
  position: absolute;
  right: 2px;
  top: 2px;
  padding: 10px;
  font-size: 0.8em;
  background-color: #fff;
  z-index: 10002;
}
.mediaviewer-overlay .mediaviewer-body .go-to-data i {
  vertical-align: -8px;
  margin-right: 5px;
}

.unsubscribe {
  margin: 0 auto;
  padding-top: 50px;
  width: 500px;
}
.unsubscribe h3 {
  line-height: 1.5;
}
.unsubscribe form {
  text-align: center;
}

table.quartile-selector {
  border-left: solid 1px #bbb;
}
table.quartile-selector td {
  border: solid 1px #bbb;
  border-left: none;
  padding: 0;
}
table.quartile-selector a {
  min-width: 100px;
  display: block;
  padding: 0.3em 1em;
  text-align: center;
}
table.quartile-selector a.selected {
  background-color: #ddd;
}
table.quartile-selector .quartile0 {
  color: #999;
}
table.quartile-selector .quartile1 {
  color: #000;
}
table.quartile-selector .quartile2 {
  color: #1FB81F;
}
table.quartile-selector .quartile3 {
  color: #FFA800;
}
table.quartile-selector .quartile4 {
  color: #FF0000;
}
table.quartile-selector .quartile5 {
  color: #000;
}

.ranking {
  padding: 0 5px 0 5px;
  border: solid 1px;
  border-radius: 2px;
  color: #666;
  display: inline-block;
  line-height: 1.1;
  white-space: nowrap;
}

span span.ranking {
  color: inherit;
}

.ranking1 {
  background: #f1f1f1;
  border-color: #aaa;
}

.ranking2 {
  background: #E8FFED;
  border-color: #A2C0A9;
}

.ranking3 {
  background: #FFFBF2;
  border-color: #F2A100;
}

.ranking4 {
  background: #FFF4F4;
  border-color: #FFA4A4;
}

.overlay-alert-service {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100000;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlay-alert-service .message-wrap {
  color: #CC1111;
  background-color: #fff;
  margin: 0 auto;
  padding: 25px;
  font-size: 1.3em;
  line-height: 2;
  border: solid 5px #CC1111;
  border-radius: 10px;
}
.overlay-alert-service .message-wrap .date {
  font-size: 1.2em;
}
.overlay-alert-service .button-wrap {
  text-align: center;
}
.overlay-alert-service .button-wrap button {
  padding: 0 3em;
  background-color: #CC1111;
  color: #fff;
  margin-top: 15px;
}
.overlay-alert-service .button-wrap button:hover {
  background-color: #921414;
}

#pageHeader .global-service-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 20px 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  float: left;
  height: 50px;
  margin-top: 5px;
  border-radius: 5px;
}
#pageHeader .alert {
  background: #ad2c2c;
}
#pageHeader .alert span {
  margin-left: 1em;
}

.service-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
}
.service-message.alert {
  display: inline-block;
  padding: 10px;
  background-color: #ad2c2c;
  color: #fff;
}