/*!***********************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../node_modules/foundation-datepicker/css/foundation-datepicker.css ***!
  \***********************************************************************************************************************************************/
.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr; }
  .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 18px; }
    .datepicker.dropdown-menu th {
      padding: 4px 5px; }
    .datepicker.dropdown-menu td {
      padding: 4px 5px; }
  .datepicker table {
    border: 0;
    margin: 0;
    width: auto; }
    .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
  .datepicker td {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker td.active.day, .datepicker td.active.year {
      background: #2ba6cb; }
    .datepicker td.old, .datepicker td.new {
      color: #999; }
    .datepicker td span.active {
      background: #2ba6cb; }
    .datepicker td.day.disabled {
      color: #eee; }
    .datepicker td span.month.disabled, .datepicker td span.year.disabled {
      color: #eee; }
  .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker th.active.day, .datepicker th.active.year {
      background: #2ba6cb; }
    .datepicker th.date-switch {
      width: 145px; }
    .datepicker th span.active {
      background: #2ba6cb; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
  .datepicker.days div.datepicker-days {
    display: block; }
  .datepicker.months div.datepicker-months {
    display: block; }
  .datepicker.years div.datepicker-years {
    display: block; }
  .datepicker thead tr:first-child th {
    cursor: pointer; }
    .datepicker thead tr:first-child th.cw {
      cursor: default;
      background-color: transparent; }
  .datepicker tfoot tr:first-child th {
    cursor: pointer; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }
  .datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../node_modules/postcss-loader/lib/index.js!../node_modules/sass-loader/lib/loader.js??ruleSet[1].rules[2].use[3]!./styles/app-styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.tippy-touch {
  cursor: pointer !important; }

.tippy-notransition {
  -webkit-transition: none !important;
  transition: none !important; }

.tippy-popper {
  max-width: 400px;
  -webkit-perspective: 800px;
          perspective: 800px;
  z-index: 9999;
  outline: 0;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none; }
  .tippy-popper.html-template {
    max-width: 96%;
    max-width: calc(100% - 20px); }
  .tippy-popper[x-placement^=top] [x-arrow] {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 9px; }
    .tippy-popper[x-placement^=top] [x-arrow].arrow-small {
      border-top: 5px solid #333;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      bottom: -5px; }
    .tippy-popper[x-placement^=top] [x-arrow].arrow-big {
      border-top: 10px solid #333;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      bottom: -10px; }
  .tippy-popper[x-placement^=top] [x-circle] {
    -webkit-transform-origin: 0% 33%;
            transform-origin: 0% 33%; }
    .tippy-popper[x-placement^=top] [x-circle].enter {
      -webkit-transform: scale(1) translate(-50%, -55%);
              transform: scale(1) translate(-50%, -55%);
      opacity: 1; }
    .tippy-popper[x-placement^=top] [x-circle].leave {
      -webkit-transform: scale(0.15) translate(-50%, -50%);
              transform: scale(0.15) translate(-50%, -50%);
      opacity: 0; }
  .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
    background-color: white; }
  .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
    border-top: 7px solid white;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }
    .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
      border-top: 5px solid white;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
    .tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
      border-top: 10px solid white;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent; }
  .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }
  .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
    border-top: 7px solid rgba(0, 0, 0, 0.7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }
    .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
      border-top: 5px solid rgba(0, 0, 0, 0.7);
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
    .tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
      border-top: 10px solid rgba(0, 0, 0, 0.7);
      border-right: 10px solid transparent;
      border-left: 10px solid transparent; }
  .tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
            transform-origin: bottom; }
    .tippy-popper[x-placement^=top] [data-animation=perspective].enter {
      opacity: 1;
      -webkit-transform: translateY(-10px) rotateX(0);
              transform: translateY(-10px) rotateX(0); }
    .tippy-popper[x-placement^=top] [data-animation=perspective].leave {
      opacity: 0;
      -webkit-transform: translateY(0) rotateX(90deg);
              transform: translateY(0) rotateX(90deg); }
  .tippy-popper[x-placement^=top] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  .tippy-popper[x-placement^=top] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  .tippy-popper[x-placement^=top] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  .tippy-popper[x-placement^=top] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .tippy-popper[x-placement^=top] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
            transform: translateY(-10px) scale(1); }
  .tippy-popper[x-placement^=top] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
            transform: translateY(0) scale(0); }
  .tippy-popper[x-placement^=bottom] [x-arrow] {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 9px; }
    .tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
      border-bottom: 5px solid #333;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      top: -5px; }
    .tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
      border-bottom: 10px solid #333;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      top: -10px; }
  .tippy-popper[x-placement^=bottom] [x-circle] {
    -webkit-transform-origin: 0% -50%;
            transform-origin: 0% -50%; }
    .tippy-popper[x-placement^=bottom] [x-circle].enter {
      -webkit-transform: scale(1) translate(-50%, -45%);
              transform: scale(1) translate(-50%, -45%);
      opacity: 1; }
    .tippy-popper[x-placement^=bottom] [x-circle].leave {
      -webkit-transform: scale(0.15) translate(-50%, -5%);
              transform: scale(0.15) translate(-50%, -5%);
      opacity: 0; }
  .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
    background-color: white; }
  .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
    border-bottom: 7px solid white;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }
    .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
      border-bottom: 5px solid white;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
    .tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
      border-bottom: 10px solid white;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent; }
  .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }
  .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
    border-bottom: 7px solid rgba(0, 0, 0, 0.7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent; }
    .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
      border-bottom: 5px solid rgba(0, 0, 0, 0.7);
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
    .tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
      border-bottom: 10px solid rgba(0, 0, 0, 0.7);
      border-right: 10px solid transparent;
      border-left: 10px solid transparent; }
  .tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
            transform-origin: top; }
    .tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
      opacity: 1;
      -webkit-transform: translateY(10px) rotateX(0);
              transform: translateY(10px) rotateX(0); }
    .tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
      opacity: 0;
      -webkit-transform: translateY(0) rotateX(-90deg);
              transform: translateY(0) rotateX(-90deg); }
  .tippy-popper[x-placement^=bottom] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  .tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  .tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  .tippy-popper[x-placement^=bottom] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
            transform: translateY(10px) scale(1); }
  .tippy-popper[x-placement^=bottom] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
            transform: translateY(0) scale(0); }
  .tippy-popper[x-placement^=left] [x-arrow] {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 6px 0; }
    .tippy-popper[x-placement^=left] [x-arrow].arrow-small {
      border-left: 5px solid #333;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      right: -5px; }
    .tippy-popper[x-placement^=left] [x-arrow].arrow-big {
      border-left: 10px solid #333;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      right: -10px; }
  .tippy-popper[x-placement^=left] [x-circle] {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%; }
    .tippy-popper[x-placement^=left] [x-circle].enter {
      -webkit-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
      opacity: 1; }
    .tippy-popper[x-placement^=left] [x-circle].leave {
      -webkit-transform: scale(0.15) translate(-50%, -50%);
              transform: scale(0.15) translate(-50%, -50%);
      opacity: 0; }
  .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
    background-color: white; }
  .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
    border-left: 7px solid white;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
      border-left: 5px solid white;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent; }
    .tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
      border-left: 10px solid white;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
  .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }
  .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
    border-left: 7px solid rgba(0, 0, 0, 0.7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
      border-left: 5px solid rgba(0, 0, 0, 0.7);
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent; }
    .tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
      border-left: 10px solid rgba(0, 0, 0, 0.7);
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
  .tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
            transform-origin: right; }
    .tippy-popper[x-placement^=left] [data-animation=perspective].enter {
      opacity: 1;
      -webkit-transform: translateX(-10px) rotateY(0);
              transform: translateX(-10px) rotateY(0); }
    .tippy-popper[x-placement^=left] [data-animation=perspective].leave {
      opacity: 0;
      -webkit-transform: translateX(0) rotateY(-90deg);
              transform: translateX(0) rotateY(-90deg); }
  .tippy-popper[x-placement^=left] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  .tippy-popper[x-placement^=left] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  .tippy-popper[x-placement^=left] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  .tippy-popper[x-placement^=left] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .tippy-popper[x-placement^=left] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
            transform: translateX(-10px) scale(1); }
  .tippy-popper[x-placement^=left] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
            transform: translateX(0) scale(0); }
  .tippy-popper[x-placement^=right] [x-arrow] {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 6px 0; }
    .tippy-popper[x-placement^=right] [x-arrow].arrow-small {
      border-right: 5px solid #333;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      left: -5px; }
    .tippy-popper[x-placement^=right] [x-arrow].arrow-big {
      border-right: 10px solid #333;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      left: -10px; }
  .tippy-popper[x-placement^=right] [x-circle] {
    -webkit-transform-origin: -50% 0%;
            transform-origin: -50% 0%; }
    .tippy-popper[x-placement^=right] [x-circle].enter {
      -webkit-transform: scale(1) translate(-50%, -50%);
              transform: scale(1) translate(-50%, -50%);
      opacity: 1; }
    .tippy-popper[x-placement^=right] [x-circle].leave {
      -webkit-transform: scale(0.15) translate(-50%, -50%);
              transform: scale(0.15) translate(-50%, -50%);
      opacity: 0; }
  .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
    background-color: white; }
  .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
    border-right: 7px solid white;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
      border-right: 5px solid white;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent; }
    .tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
      border-right: 10px solid white;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
  .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, 0.7); }
  .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
    border-right: 7px solid rgba(0, 0, 0, 0.7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; }
    .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
      border-right: 5px solid rgba(0, 0, 0, 0.7);
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent; }
    .tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
      border-right: 10px solid rgba(0, 0, 0, 0.7);
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
  .tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
            transform-origin: left; }
    .tippy-popper[x-placement^=right] [data-animation=perspective].enter {
      opacity: 1;
      -webkit-transform: translateX(10px) rotateY(0);
              transform: translateX(10px) rotateY(0); }
    .tippy-popper[x-placement^=right] [data-animation=perspective].leave {
      opacity: 0;
      -webkit-transform: translateX(0) rotateY(90deg);
              transform: translateX(0) rotateY(90deg); }
  .tippy-popper[x-placement^=right] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  .tippy-popper[x-placement^=right] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  .tippy-popper[x-placement^=right] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  .tippy-popper[x-placement^=right] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .tippy-popper[x-placement^=right] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
            transform: translateX(10px) scale(1); }
  .tippy-popper[x-placement^=right] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
            transform: translateX(0) scale(0); }
  .tippy-popper .tippy-tooltip.transparent-theme {
    background-color: rgba(0, 0, 0, 0.7); }
    .tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
      background-color: transparent; }
  .tippy-popper .tippy-tooltip.light-theme {
    color: #26323d;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
            box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
    background-color: white; }
    .tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
      background-color: transparent; }

.tippy-tooltip {
  position: relative;
  color: white;
  border-radius: 4px;
  font-size: 0.95rem;
  padding: 0.4rem 0.8rem;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333; }
  .tippy-tooltip--small {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem; }
  .tippy-tooltip--big {
    padding: 0.6rem 1.2rem;
    font-size: 1.2rem; }
  .tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent; }
  .tippy-tooltip[data-interactive] {
    pointer-events: auto; }
  .tippy-tooltip[data-inertia] {
    -webkit-transition-timing-function: cubic-bezier(0.53, 1, 0.36, 0.85);
    transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85); }
  .tippy-tooltip [x-arrow] {
    position: absolute;
    width: 0;
    height: 0; }
  .tippy-tooltip [x-circle] {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 130%;
    width: calc(110% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: all ease;
    transition: all ease; }
    .tippy-tooltip [x-circle]::before {
      content: '';
      padding-top: 90%;
      float: left; }

@media (max-width: 450px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px); } }

/**
 * Foundation for Sites by ZURB
 * Version 6.5.2
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #4D4D4D;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 4px; }

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 4px; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 4px;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2.78571rem;
  margin: 0 0 1.14286rem;
  padding: 0.57143rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 1.14286rem;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #999;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 5px #cacaca;
            box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px; }

input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

::-webkit-input-placeholder {
  color: #cacaca; }

::-moz-placeholder {
  color: #cacaca; }

::-ms-input-placeholder {
  color: #cacaca; }

::placeholder {
  color: #cacaca; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1.14286rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.57143rem;
  margin-right: 1.14286rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.57143rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.8;
  color: #4D4D4D; }
  label.middle {
    margin: 0 0 1.14286rem;
    padding: 0.64286rem 0; }

.help-text {
  margin-top: -0.57143rem;
  font-size: 0.92857rem;
  font-style: italic;
  color: #000000; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1.14286rem; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 0 0 0 0; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: 2.78571rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.14286rem; }

.input-group .input-group-button {
  display: table-cell; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.57143rem; }

.fieldset {
  margin: 1.28571rem 0;
  padding: 1.42857rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.21429rem;
    padding: 0 0.21429rem; }

select {
  height: 2.78571rem;
  margin: 0 0 1.14286rem;
  padding: 0.57143rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #FAFAFA;
  font-family: inherit;
  font-size: 1.14286rem;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1.14286rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.71429rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #999;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 5px #cacaca;
            box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #faedeb; }
  .is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus)::-moz-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus)::-ms-input-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -0.57143rem;
  margin-bottom: 1.14286rem;
  font-size: 0.85714rem;
  font-weight: bold;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 1.71429rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 1.42857rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 1.35714rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.28571rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.21429rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1.14286rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3.42857rem; }
  h2, .h2 {
    font-size: 2.85714rem; }
  h3, .h3 {
    font-size: 2.21429rem; }
  h4, .h4 {
    font-size: 1.78571rem; }
  h5, .h5 {
    font-size: 1.42857rem; }
  h6, .h6 {
    font-size: 1.14286rem; } }

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #1468a0; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 1400px;
  height: 0;
  margin: 1.42857rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.64286rem 1.42857rem 0 1.35714rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.92857rem;
  color: #8a8a8a; }
  cite:before {
    content: "\2014   "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.14286rem 0.35714rem 0.07143rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000000; }

kbd {
  margin: 0;
  padding: 0.14286rem 0.28571rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000000;
  border-radius: 4px; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 17.5px;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

.row {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' '; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -0.71429rem;
    margin-left: -0.71429rem; }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
  .row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.71429rem;
  padding-left: 0.71429rem; }
  @media print, screen and (min-width: 40em) {
    .column, .columns {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  .column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.71429rem;
  padding-left: 0.71429rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0; }
  .small-uncentered, .small-uncentered:last-child:not(:first-child),
  .small-push-0,
  .small-push-0:last-child:not(:first-child),
  .small-pull-0,
  .small-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .small-uncentered:last-child:not(:first-child),
  .small-push-0:last-child:not(:first-child),
  .small-pull-0:last-child:not(:first-child) {
    float: right; }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .medium-uncentered, .medium-uncentered:last-child:not(:first-child),
    .medium-push-0,
    .medium-push-0:last-child:not(:first-child),
    .medium-pull-0,
    .medium-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .medium-uncentered:last-child:not(:first-child),
    .medium-push-0:last-child:not(:first-child),
    .medium-pull-0:last-child:not(:first-child) {
      float: right; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0; }
    .large-uncentered, .large-uncentered:last-child:not(:first-child),
    .large-push-0,
    .large-push-0:last-child:not(:first-child),
    .large-pull-0,
    .large-pull-0:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .large-uncentered:last-child:not(:first-child),
    .large-push-0:last-child:not(:first-child),
    .large-pull-0:last-child:not(:first-child) {
      float: right; } }

.column-block {
  margin-bottom: 1.42857rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .column-block {
      margin-bottom: 2.14286rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

.row {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .row .row {
    margin-right: -0.71429rem;
    margin-left: -0.71429rem; }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -1.07143rem;
        margin-left: -1.07143rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row.is-collapse-child,
  .row.collapse > .column > .row,
  .row.collapse > .columns > .row {
    margin-right: 0;
    margin-left: 0; }

.column, .columns {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding-right: 0.71429rem;
  padding-left: 0.71429rem;
  min-width: 0; }
  @media print, screen and (min-width: 40em) {
    .column, .columns {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }

.column.row.row, .row.row.columns {
  float: none;
  display: block; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-1 > .column, .small-up-1 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }

.small-up-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-2 > .column, .small-up-2 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }

.small-up-3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-3 > .column, .small-up-3 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }

.small-up-4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-4 > .column, .small-up-4 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }

.small-up-5 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-5 > .column, .small-up-5 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%; }

.small-up-6 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-6 > .column, .small-up-6 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }

.small-up-7 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-7 > .column, .small-up-7 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
            flex: 0 0 14.28571%;
    max-width: 14.28571%; }

.small-up-8 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .small-up-8 > .column, .small-up-8 > .columns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.71429rem;
  padding-left: 0.71429rem; }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-1 > .column, .medium-up-1 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
  .medium-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-2 > .column, .medium-up-2 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
  .medium-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-3 > .column, .medium-up-3 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33333%;
              flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .medium-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-4 > .column, .medium-up-4 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; }
  .medium-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-5 > .column, .medium-up-5 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%;
      max-width: 20%; }
  .medium-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-6 > .column, .medium-up-6 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 16.66667%;
              flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .medium-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-7 > .column, .medium-up-7 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 14.28571%;
              flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .medium-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .medium-up-8 > .column, .medium-up-8 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 12.5%;
              flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; } }

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media print, screen and (min-width: 40em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }

@media print, screen and (min-width: 40em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-1 > .column, .large-up-1 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
  .large-up-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-2 > .column, .large-up-2 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
  .large-up-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-3 > .column, .large-up-3 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33333%;
              flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .large-up-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-4 > .column, .large-up-4 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      max-width: 25%; }
  .large-up-5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-5 > .column, .large-up-5 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 20%;
              flex: 0 0 20%;
      max-width: 20%; }
  .large-up-6 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-6 > .column, .large-up-6 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 16.66667%;
              flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .large-up-7 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-7 > .column, .large-up-7 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 14.28571%;
              flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .large-up-8 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .large-up-8 > .column, .large-up-8 > .columns {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 12.5%;
              flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; } }

.row.large-unstack > .column, .row.large-unstack > .columns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  @media print, screen and (min-width: 64em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px; } }

@media print, screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 1.07143rem;
    padding-left: 1.07143rem; } }

.shrink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%; }

.column-block {
  margin-bottom: 1.42857rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .column-block {
      margin-bottom: 2.14286rem; }
      .column-block > :last-child {
        margin-bottom: 0; } }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: rem-calc(11);
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #14679e;
    color: #fff; }
  .button.tiny {
    font-size: rem-calc(11); }
  .button.small {
    font-size: rem-calc(11); }
  .button.large {
    font-size: rem-calc(11); }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #1779ba;
    color: #fff; }
    .button.primary:hover, .button.primary:focus {
      background-color: #126195;
      color: #fff; }
  .button.secondary {
    background-color: #767676;
    color: #fff; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5e5e5e;
      color: #fff; }
  .button.success {
    background-color: #3adb76;
    color: #333; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #333; }
  .button.warning {
    background-color: #ffae00;
    color: #333; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #333; }
  .button.alert {
    background-color: #cc4b37;
    color: #fff; }
    .button.alert:hover, .button.alert:focus {
      background-color: #a53b2a;
      color: #fff; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1779ba;
      color: #fff; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #1779ba;
        color: #fff; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #767676;
        color: #fff; }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3adb76;
        color: #333; }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #ffae00;
        color: #333; }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cc4b37;
        color: #fff; }
  .button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c3d5d;
      color: #0c3d5d; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 1px solid #1779ba;
        color: #1779ba; }
    .button.hollow.primary {
      border: 1px solid #1779ba;
      color: #1779ba; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c3d5d;
        color: #0c3d5d; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 1px solid #1779ba;
          color: #1779ba; }
    .button.hollow.secondary {
      border: 1px solid #767676;
      color: #767676; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3b3b3b;
        color: #3b3b3b; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 1px solid #767676;
          color: #767676; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
    .button.hollow.alert {
      border: 1px solid #cc4b37;
      color: #cc4b37; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #67251a;
        color: #67251a; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 1px solid #cc4b37;
          color: #cc4b37; }
  .button.clear {
    border: 1px solid #1779ba;
    color: #1779ba; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
    .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
      background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #0c3d5d;
      color: #0c3d5d; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 1px solid #1779ba;
        color: #1779ba; }
    .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 1px solid #1779ba;
      color: #1779ba; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #0c3d5d;
        color: #0c3d5d; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 1px solid #1779ba;
          color: #1779ba; }
      .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.secondary {
      border: 1px solid #767676;
      color: #767676; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #3b3b3b;
        color: #3b3b3b; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 1px solid #767676;
          color: #767676; }
      .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 1px solid #3adb76;
          color: #3adb76; }
      .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent; }
    .button.clear.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 1px solid #ffae00;
          color: #ffae00; }
      .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
        border-color: transparent; }
    .button.clear.alert {
      border: 1px solid #cc4b37;
      color: #cc4b37; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #67251a;
        color: #67251a; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 1px solid #cc4b37;
          color: #cc4b37; }
      .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #FFFFFF transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
  .button.dropdown.hollow::after, .button.dropdown.clear::after {
    border-top-color: #1779ba; }
  .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
    border-top-color: #1779ba; }
  .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
    border-top-color: #767676; }
  .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
    border-top-color: #3adb76; }
  .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
    border-top-color: #ffae00; }
  .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
    border-top-color: #cc4b37; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.button-group {
  margin-bottom: 1rem;
  font-size: 0; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' '; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: rem-calc(11); }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: rem-calc(11); }
  .button-group.small .button {
    font-size: rem-calc(11); }
  .button-group.large .button {
    font-size: rem-calc(11); }
  .button-group.expanded {
    margin-right: -1px; }
    .button-group.expanded::before, .button-group.expanded::after {
      display: none; }
    .button-group.expanded .button:first-child:last-child {
      width: calc(100% - 1px); }
    .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
      display: inline-block;
      width: calc(50% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
      display: inline-block;
      width: calc(33.33333% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
      display: inline-block;
      width: calc(25% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
      display: inline-block;
      width: calc(20% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
      display: inline-block;
      width: calc(16.66667% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
        margin-right: -6px; }
  .button-group.primary .button {
    background-color: #1779ba;
    color: #fff; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #126195;
      color: #fff; }
  .button-group.secondary .button {
    background-color: #767676;
    color: #fff; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #5e5e5e;
      color: #fff; }
  .button-group.success .button {
    background-color: #3adb76;
    color: #333; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #22bb5b;
      color: #333; }
  .button-group.warning .button {
    background-color: #ffae00;
    color: #333; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #cc8b00;
      color: #333; }
  .button-group.alert .button {
    background-color: #cc4b37;
    color: #fff; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #a53b2a;
      color: #fff; }
  .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    width: 100%; }
    .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
      margin-bottom: 0; }
  .button-group.stacked.expanded, .button-group.stacked-for-small.expanded, .button-group.stacked-for-medium.expanded {
    margin-right: -1px; }
    .button-group.stacked.expanded::before, .button-group.stacked.expanded::after, .button-group.stacked-for-small.expanded::before, .button-group.stacked-for-small.expanded::after, .button-group.stacked-for-medium.expanded::before, .button-group.stacked-for-medium.expanded::after {
      display: none; }
    .button-group.stacked.expanded .button:first-child:last-child, .button-group.stacked-for-small.expanded .button:first-child:last-child, .button-group.stacked-for-medium.expanded .button:first-child:last-child {
      width: calc(100% - 1px); }
    .button-group.stacked.expanded .button:first-child:nth-last-child(2), .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
      display: inline-block;
      width: calc(50% - 1px);
      margin-right: 1px; }
      .button-group.stacked.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.stacked.expanded .button:first-child:nth-last-child(3), .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
      display: inline-block;
      width: calc(33.33333% - 1px);
      margin-right: 1px; }
      .button-group.stacked.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.stacked.expanded .button:first-child:nth-last-child(4), .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
      display: inline-block;
      width: calc(25% - 1px);
      margin-right: 1px; }
      .button-group.stacked.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.stacked.expanded .button:first-child:nth-last-child(5), .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
      display: inline-block;
      width: calc(20% - 1px);
      margin-right: 1px; }
      .button-group.stacked.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.stacked.expanded .button:first-child:nth-last-child(6), .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6), .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
      display: inline-block;
      width: calc(16.66667% - 1px);
      margin-right: 1px; }
      .button-group.stacked.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-small.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):last-child, .button-group.stacked-for-medium.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
        margin-right: -6px; }
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      width: auto;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      width: auto;
      margin-bottom: 0; } }
  @media screen and (max-width: 39.99875em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }
  @media screen and (max-width: 63.99875em) {
    .button-group.stacked-for-medium.expanded {
      display: block; }
      .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0; } }

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #000000; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #FFFFFF; }
  .label.primary {
    background: #1779ba;
    color: #FFFFFF; }
  .label.secondary {
    background: #767676;
    color: #000000; }
  .label.success {
    background: #3adb76;
    color: #000000; }
  .label.warning {
    background: #ffae00;
    color: #000000; }
  .label.alert {
    background: #cc4b37;
    color: #000000; }

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  background-color: #cacaca; }
  .progress.primary .progress-meter {
    background-color: #1779ba; }
  .progress.secondary .progress-meter {
    background-color: #767676; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #cc4b37; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba;
  border-radius: 4px; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;
  border-radius: 4px; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 4px;
  background-color: #1779ba;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #14679e; }
  .slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0; }

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 4px;
  background: #C3C3C3;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    border-radius: 4px;
    background: #FFFFFF;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #1b87bf; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
  height: 1.5rem; }
  .switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.71429rem; }
  .switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem; }
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem; }

.switch.small {
  height: 1.75rem; }
  .switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.85714rem; }
  .switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  .switch.small input:checked ~ .switch-paddle::after {
    left: 2rem; }

.switch.large {
  height: 2.5rem; }
  .switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1.14286rem; }
  .switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem; }
  .switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 4px; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #f2f2f2;
    background-color: #FFFFFF; }
  caption {
    padding: 0.57143rem 0.71429rem 0.71429rem;
    font-weight: bold; }
  thead {
    background: #767676;
    color: #4D4D4D; }
  tfoot {
    background: #f2f2f2;
    color: #4D4D4D; }
  thead tr,
  tfoot tr {
    background: transparent; }
  thead th,
  thead td,
  tfoot th,
  tfoot td {
    padding: 0.57143rem 0.71429rem 0.71429rem;
    font-weight: bold;
    text-align: left; }
  tbody th,
  tbody td {
    padding: 0.57143rem 0.71429rem 0.71429rem; }
  tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f2f2f2; }
  table.unstriped tbody {
    background-color: #FFFFFF; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 1px solid #f2f2f2;
      background-color: #FFFFFF; }

@media screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #717171; }

table.hover tfoot tr:hover {
  background-color: #ededed; }

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

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed; }

.table-scroll {
  overflow-x: auto; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #FFFFFF; }
  .badge.primary {
    background: #1779ba;
    color: #FFFFFF; }
  .badge.secondary {
    background: #767676;
    color: #000000; }
  .badge.success {
    background: #3adb76;
    color: #000000; }
  .badge.warning {
    background: #ffae00;
    color: #000000; }
  .badge.alert {
    background: #cc4b37;
    color: #000000; }

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' '; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 0.78571rem;
    color: #000000;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #1779ba; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background-color: white;
  color: #4D4D4D; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d7ecfa;
    color: #4D4D4D; }
  .callout.secondary {
    background-color: #eaeaea;
    color: #4D4D4D; }
  .callout.success {
    background-color: #e1faea;
    color: #4D4D4D; }
  .callout.warning {
    background-color: #fff3d9;
    color: #4D4D4D; }
  .callout.alert {
    background-color: #f7e4e1;
    color: #4D4D4D; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.card {
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #F9F8F7;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  color: #4D4D4D; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  padding: 1rem;
  background: #e6e6e6; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.card-image {
  min-height: 1px; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 1rem; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    display: block;
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    display: table;
    content: ' '; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 10px;
    border-radius: 4px;
    font-size: 14px;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media print, screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0px 0px;
    border-radius: 4px;
    color: #2ca3e1; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0px 0px;
    background: #F0EEEC;
    color: #4D4D4D;
    cursor: default; }
  .pagination .disabled {
    padding: 0px 0px;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 0px 0px;
    content: '\2026';
    color: #000000; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\AB'; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\BB'; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 4px;
  background-color: #000000;
  font-size: 80%;
  color: #FFFFFF; }
  .tooltip::before {
    position: absolute; }
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #000000;
    bottom: 100%; }
  .tooltip.bottom.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #000000 transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #000000;
    left: 100%; }
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #000000 transparent transparent;
    right: 100%;
    left: auto; }
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.accordion {
  margin-left: 0;
  background: #FFFFFF;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 4px 4px 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 4px 4px; }

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.85714rem;
  line-height: 1;
  color: #1779ba; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 4px 4px; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
  .is-active > .accordion-title::before {
    content: '\2013'; }

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #FFFFFF;
  color: #4D4D4D; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6; }

.media-object {
  display: block;
  margin-bottom: 1rem; }
  .media-object img {
    max-width: none; }

.media-object-section {
  display: table-cell;
  vertical-align: top; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 39.99875em) {
    .stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      display: block; }
      .stack-for-small .media-object-section img {
        width: 100%; } }
  .media-object-section.middle {
    vertical-align: middle; }
  .media-object-section.bottom {
    vertical-align: bottom; }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }

.orbit-slide {
  width: 100%;
  position: absolute; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF; }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #FFFFFF; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(0, 0, 0, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1.14286rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; }

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #FFFFFF;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' '; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #1779ba; }
  .tabs.primary > li > a {
    color: #FFFFFF; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1673b1; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.85714rem;
    line-height: 1;
    color: #1779ba; }
    [data-whatinput='mouse'] .tabs-title > a {
      outline: 0; }
    .tabs-title > a:hover {
      background: #FFFFFF;
      color: #1468a0; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #e6e6e6;
      color: #1779ba; }

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #FFFFFF;
  color: #4D4D4D;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 4px solid #FFFFFF;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  line-height: 0; }

a.thumbnail {
  -webkit-transition: -webkit-box-shadow 200ms ease-out;
  transition: -webkit-box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out;
  transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out; }
  a.thumbnail:hover, a.thumbnail:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
            box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); }
  a.thumbnail image {
    -webkit-box-shadow: none;
            box-shadow: none; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu li, .menu.horizontal li {
    display: inline-block; }
  .menu.vertical li {
    display: block; }
  .menu.expanded {
    display: table;
    width: 100%; }
    .menu.expanded > li {
      display: table-cell;
      vertical-align: middle; }
  .menu.simple li + li {
    margin-left: 1rem; }
  .menu.simple a {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal li {
      display: inline-block; }
    .menu.medium-vertical li {
      display: block; }
    .menu.medium-expanded {
      display: table;
      width: 100%; }
      .menu.medium-expanded > li {
        display: table-cell;
        vertical-align: middle; }
    .menu.medium-simple {
      display: table;
      width: 100%; }
      .menu.medium-simple > li {
        display: table-cell;
        vertical-align: middle; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal li {
      display: inline-block; }
    .menu.large-vertical li {
      display: block; }
    .menu.large-expanded {
      display: table;
      width: 100%; }
      .menu.large-expanded > li {
        display: table-cell;
        vertical-align: middle; }
    .menu.large-simple {
      display: table;
      width: 100%; }
      .menu.large-simple > li {
        display: table-cell;
        vertical-align: middle; } }
  .menu.nested {
    margin-right: 0;
    margin-left: 1rem; }
  .menu.icons img,
  .menu.icons i,
  .menu.icons svg {
    vertical-align: middle; }
    .menu.icons img + span,
    .menu.icons i + span,
    .menu.icons svg + span {
      vertical-align: middle; }
  .menu.icon-top img,
  .menu.icon-top i,
  .menu.icon-top svg, .menu.icon-right img,
  .menu.icon-right i,
  .menu.icon-right svg, .menu.icon-bottom img,
  .menu.icon-bottom i,
  .menu.icon-bottom svg, .menu.icon-left img,
  .menu.icon-left i,
  .menu.icon-left svg {
    vertical-align: middle; }
    .menu.icon-top img + span,
    .menu.icon-top i + span,
    .menu.icon-top svg + span, .menu.icon-right img + span,
    .menu.icon-right i + span,
    .menu.icon-right svg + span, .menu.icon-bottom img + span,
    .menu.icon-bottom i + span,
    .menu.icon-bottom svg + span, .menu.icon-left img + span,
    .menu.icon-left i + span,
    .menu.icon-left svg + span {
      vertical-align: middle; }
  .menu.icon-left li a img,
  .menu.icon-left li a i,
  .menu.icon-left li a svg {
    margin-right: 0.25rem;
    display: inline-block; }
  .menu.icon-right li a img,
  .menu.icon-right li a i,
  .menu.icon-right li a svg {
    margin-left: 0.25rem;
    display: inline-block; }
  .menu.icon-top li a {
    text-align: center; }
    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.icon-bottom li a {
    text-align: center; }
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
      display: block;
      margin: 0.25rem auto 0; }
  .menu .is-active > a {
    background: #6fc0eb;
    color: #FFFFFF; }
  .menu .active > a {
    background: #6fc0eb;
    color: #FFFFFF; }
  .menu.align-left {
    text-align: left; }
  .menu.align-right {
    text-align: right; }
    .menu.align-right .submenu li {
      text-align: left; }
    .menu.align-right.vertical .submenu li {
      text-align: right; }
    .menu.align-right .nested {
      margin-right: 1rem;
      margin-left: 0; }
  .menu.align-center {
    text-align: center; }
    .menu.align-center .submenu li {
      text-align: left; }
  .menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
  text-align: center; }
  .menu-centered > .menu .submenu li {
    text-align: left; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
            box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
    content: ''; }
  .menu-icon:hover::after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
            box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #000000;
    -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
            box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.accordion-menu li {
  width: 100%; }

.accordion-menu a {
  padding: 0.7rem 1rem; }

.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem; }

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative; }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
  position: relative; }

.has-submenu-toggle > a {
  margin-right: 40px; }

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer; }
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

.submenu-toggle-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    -webkit-transition: height 0.5s;
    transition: height 0.5s; }

.drilldown a {
  padding: 0.7rem 1rem;
  background: #FFFFFF; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #FFFFFF;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  .drilldown .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  .drilldown .is-drilldown-submenu a {
    padding: 0.7rem 1rem; }

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
  position: relative; }
  .drilldown .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  right: 1rem;
  left: auto; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 1rem; }

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu > li > a {
  padding: 0.7rem 1rem; }

.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #1779ba; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px; }

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba; }

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #FFFFFF; }
  .dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #F0EEEC; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-push {
    z-index: 12; }
  .off-canvas.is-closed {
    visibility: hidden; }
  .off-canvas.is-transition-overlap {
    z-index: 13; }
    .off-canvas.is-transition-overlap.is-open {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
  .off-canvas.is-open {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #F0EEEC; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-push {
    z-index: 12; }
  .off-canvas-absolute.is-closed {
    visibility: hidden; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 13; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
  .off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px); }
  .off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
            transform: translateX(250px); }
  .position-left.is-transition-push {
    -webkit-box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25);
            box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25); }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -webkit-transform: translateX(250px);
          transform: translateX(250px); }
  .off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
            transform: translateX(250px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
  .position-right.is-transition-push {
    -webkit-box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25);
            box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25); }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(-250px);
          transform: translateY(-250px); }
  .off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
            transform: translateY(250px); }
  .position-top.is-transition-push {
    -webkit-box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25); }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(250px);
          transform: translateY(250px); }
  .off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
            transform: translateY(250px); }
    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
  .off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
            transform: translateY(-250px); }
  .position-bottom.is-transition-push {
    -webkit-box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25); }

.off-canvas-content {
  -webkit-transform: none;
          transform: none;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .off-canvas-content.has-transition-push {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  .off-canvas-content .off-canvas.is-open {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-medium {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-medium {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-medium {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-medium {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-medium {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-large {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-large {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-large {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    -webkit-transform: none;
            transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
      -webkit-transform: none;
              transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
              transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
      display: none; } }

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transform: none;
              transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
      display: none; } }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto; }

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 4px;
  background-color: #FFFFFF;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 1400px; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 1400px; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 1400px; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 1400px; } }
  .reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.99875em) {
    .reveal {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

.title-bar {
  padding: 1rem;
  background: #2ca3e1;
  color: #FFFFFF; }
  .title-bar::before, .title-bar::after {
    display: table;
    content: ' '; }
  .title-bar::after {
    clear: both; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }

.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold; }

.top-bar {
  padding: 0; }
  .top-bar::before, .top-bar::after {
    display: table;
    content: ' '; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    background-color: #2ca3e1; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: 100%; }
  @media screen and (min-width: 48em) {
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
      width: auto; } }
  @media screen and (max-width: 63.99875em) {
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
      width: 100%; } }
  @media screen and (max-width: 74.99875em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
      width: 100%; } }

.top-bar-title {
  display: inline-block;
  float: left;
  padding: 0.5rem 1rem 0.5rem 0; }
  .top-bar-title .menu-icon {
    bottom: 2px; }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' '; }

.clearfix::after {
  clear: both; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

/*
  Often, float is used to distribute items evenly in a container,
  but float collapses the parent and prevents the use of inline
  alignment, forcing you to use things like margin and padding to
  align elements. This helper instead uses text-align: justify to
  distribute items evenly in a container.
*/
div.background {
  background-color: #FFFFFF;
  width: 100%;
  min-height: 100%;
  margin-bottom: 0px; }

div.container, div.outer_container, div.inner_container {
  margin: auto;
  max-width: 1400px;
  min-height: 230px; }

div.inner_container {
  background-color: #F0EEEC;
  padding: 12px 12px; }
  @media screen and (max-width: 39.99875em) {
    div.inner_container {
      padding: 0; } }

#banner-container {
  width: 100%;
  z-index: 2000;
  position: fixed;
  top: 0; }

#main-content {
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  padding: 30px;
  min-height: 700px; }
  @media screen and (max-width: 39.99875em) {
    #main-content {
      padding: 10px; } }

#product-logo {
  background-size: contain;
  background-repeat: no-repeat;
  height: 60px;
  width: 260px; }
  #product-logo.nexia {
    background-image: url("/img/nexia_logo.jpg"); }
  #product-logo.trane_home {
    background-image: url("/img/trane_home_product_logo.svg"); }
  #product-logo.asair_home {
    background-image: url("/img/asair_product_logo.svg"); }
  @media screen and (max-width: 39.99875em) {
    #product-logo {
      height: 35px;
      width: 150px; } }

#brand-logo {
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  height: 50px; }
  #brand-logo.nexia, #brand-logo.trane {
    display: none; }
  #brand-logo.trane_home {
    background-image: url("/img/trane_home_brand_logo.svg"); }
  #brand-logo.asair_home {
    background-image: url("/img/asair_brand_logo.svg"); }
  @media screen and (max-width: 39.99875em) {
    #brand-logo {
      float: right;
      width: 100px; } }

.main_header {
  background-color: #ffffff; }

.header-base, .generic-header {
  padding: 5px;
  color: #767676; }
  .header-base:last-child, .generic-header:last-child {
    border-right: none; }

.generic-header {
  background-color: #FFFFFF;
  position: relative;
  z-index: 999; }

.heading, .h1-tag, .h2-tag, .h3-tag, .h4-tag, .h5-tag, .h6-tag {
  color: #767676;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase; }

.h1-tag {
  font-size: 28px; }

.h2-tag {
  font-size: 18px; }

.h3-tag {
  font-size: 16px; }

.h4-tag, .h5-tag, .h6-tag {
  font-size: 14px; }

.select-tag {
  padding: 6px 7px; }

.header-link {
  float: right;
  text-transform: uppercase; }

.clickable, .clickable-icon:hover, .device-list .note {
  cursor: pointer; }

.clear-fix {
  float: none;
  clear: both; }

.tippy-tooltip-content {
  text-align: left; }

@font-face {
  font-family: 'Nexia-IcoFont';
  src: url(/fonts/icomoon.f41f604e00d9e4cc9a740f6bf8b4f64e.eot);
  src: url(/fonts/icomoon.f41f604e00d9e4cc9a740f6bf8b4f64e.eot?#iefix-uc1cze) format("embedded-opentype"), url(/fonts/icomoon.6d90d825b1932be2df46fd912bfc3655.woff) format("woff"), url(/fonts/icomoon.bb598350f2fa1cda03b3b1e4310382a4.ttf) format("truetype"), url(/fonts/icomoon.6a719dd980a4929da7e3accb9d0639ff.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], .notification-policy .notification-policy-select-wrapper::before, [class*=" icon-"] {
  font-family: 'Nexia-IcoFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-triangle-solid:before, .notification-policy .notification-policy-select-wrapper:before {
  content: "\E63F"; }

.icon-circle-solid:before {
  content: "\E640"; }

.icon-battery:before {
  content: "\E602"; }

.icon-battery2:before {
  content: "\E603"; }

.icon-battery-full:before {
  content: "\E604"; }

.icon-unlocked:before {
  content: "\E605"; }

.icon-key:before {
  content: "\E606"; }

.icon-play-sign:before {
  content: "\E607"; }

.icon-share-sign:before {
  content: "\E608"; }

.icon-edit-sign:before {
  content: "\E609"; }

.icon-check-sign:before {
  content: "\E60A"; }

.icon-circle-blank:before {
  content: "\E60B"; }

.icon-stethoscope:before {
  content: "\E60C"; }

.icon-circle:before {
  content: "\E60D"; }

.icon-ban-circle:before {
  content: "\E60E"; }

.icon-ok-circle:before {
  content: "\E60F"; }

.icon-remove-circle:before {
  content: "\E610"; }

.icon-uniF000:before {
  content: "\F000"; }

.icon-cord:before {
  content: "\E000"; }

.icon-camera:before {
  content: "\E001"; }

.icon-shield:before {
  content: "\E002"; }

.icon-locked:before {
  content: "\E003"; }

.icon-night:before {
  content: "\E004"; }

.icon-snowflake:before {
  content: "\E005"; }

.icon-heart:before {
  content: "\E006"; }

.icon-star:before {
  content: "\E007"; }

.icon-droplet:before {
  content: "\E008"; }

.icon-sunny:before {
  content: "\E009"; }

.icon-leaf:before {
  content: "\E00A"; }

.icon-bell:before {
  content: "\E00B"; }

.icon-house:before {
  content: "\E00C"; }

.icon-moon:before {
  content: "\E00D"; }

.icon-heart2:before {
  content: "\E00E"; }

.icon-light-bulb:before {
  content: "\E00F"; }

.icon-droplets:before {
  content: "\E011"; }

.icon-star2:before {
  content: "\F005"; }

.icon-heart3:before {
  content: "\F004"; }

.icon-home:before {
  content: "\F015"; }

.icon-lock:before {
  content: "\F023"; }

.icon-lightbulb:before {
  content: "\F0EB"; }

.icon-sun:before {
  content: "\F185"; }

.icon-moon2:before {
  content: "\F186"; }

.icon-image:before {
  content: "\E013"; }

.icon-alarm:before {
  content: "\E014"; }

.icon-speaker:before {
  content: "\E015"; }

.icon-modem:before {
  content: "\E016"; }

.icon-laptop:before {
  content: "\E017"; }

.icon-monitor:before {
  content: "\E018"; }

.icon-mobile:before {
  content: "\E019"; }

.icon-phone:before {
  content: "\E01A"; }

.icon-server:before {
  content: "\E01B"; }

.icon-window:before {
  content: "\E01C"; }

.icon-pictures:before {
  content: "\E01D"; }

.icon-eye:before {
  content: "\E01E"; }

.icon-tv:before {
  content: "\E01F"; }

.icon-camera2:before {
  content: "\E020"; }

.icon-broadcast:before {
  content: "\E021"; }

.icon-broadcast2:before {
  content: "\E022"; }

.icon-earth:before {
  content: "\E023"; }

.icon-search:before {
  content: "\E024"; }

.icon-zoom-out:before {
  content: "\E025"; }

.icon-zoom-in:before {
  content: "\E026"; }

.icon-support:before {
  content: "\E027"; }

.icon-settings:before {
  content: "\E028"; }

.icon-cloud:before {
  content: "\E029"; }

.icon-lightning:before {
  content: "\E02A"; }

.icon-umbrella:before {
  content: "\E02B"; }

.icon-car:before {
  content: "\E02C"; }

.icon-direction:before {
  content: "\E02D"; }

.icon-refresh:before {
  content: "\E02E"; }

.icon-compass:before {
  content: "\E02F"; }

.icon-map:before {
  content: "\E030"; }

.icon-key2:before {
  content: "\E031"; }

.icon-droplet2:before {
  content: "\E032"; }

.icon-earth2:before {
  content: "\E033"; }

.icon-adjust:before {
  content: "\E034"; }

.icon-sun2:before {
  content: "\E035"; }

.icon-sun3:before {
  content: "\E036"; }

.icon-minus:before {
  content: "\E037"; }

.icon-plus:before {
  content: "\E038"; }

.icon-question:before {
  content: "\E039"; }

.icon-help:before {
  content: "\E03A"; }

.icon-info:before {
  content: "\E03B"; }

.icon-warning:before {
  content: "\E03C"; }

.icon-pictures2:before {
  content: "\E03D"; }

.icon-arrow-left:before, ul.device-tabs .prev-page a .icon-left:before {
  content: "\E03E"; }

.icon-arrow-down:before, .icon-toggle-list-item.expanded:before, .icon-toggle-container.collapsed:before, .icon-drawer-state.open:before {
  content: "\E03F"; }

.icon-arrow-left2:before {
  content: "\E040"; }

.icon-arrow-down2:before {
  content: "\E041"; }

.icon-arrow-up:before {
  content: "\E042"; }

.icon-arrow-right:before {
  content: "\E043"; }

.icon-arrow-up2:before, .icon-toggle-container.expanded:before {
  content: "\E044"; }

.icon-arrow-right2:before, .icon-toggle-list-item.collapsed:before, .icon-drawer-state.closed:before, ul.device-tabs .next-page a .icon-right:before {
  content: "\E045"; }

.icon-arrow-left3:before {
  content: "\E046"; }

.icon-arrow-down3:before {
  content: "\E047"; }

.icon-arrow-up3:before {
  content: "\E048"; }

.icon-arrow-right3:before {
  content: "\E049"; }

.icon-arrow-left4:before {
  content: "\E04A"; }

.icon-arrow-down4:before {
  content: "\E04B"; }

.icon-arrow-up4:before {
  content: "\E04C"; }

.icon-uniE04D:before {
  content: "\E04D"; }

.icon-menu:before {
  content: "\E04E"; }

.icon-ok:before {
  content: "\F00C"; }

.icon-remove:before {
  content: "\F00D"; }

.icon-time:before {
  content: "\F017"; }

.icon-refresh2:before {
  content: "\F021"; }

.icon-repeat:before {
  content: "\F01E"; }

.icon-adjust2:before {
  content: "\F042"; }

.icon-tint:before {
  content: "\F043"; }

.icon-facetime-video:before {
  content: "\F03D"; }

.icon-chevron-left:before {
  content: "\F053"; }

.icon-chevron-right:before {
  content: "\F054"; }

.icon-plus-sign:before {
  content: "\F055"; }

.icon-minus-sign:before {
  content: "\F056"; }

.icon-remove-sign:before {
  content: "\F057"; }

.icon-ok-sign:before {
  content: "\F058"; }

.icon-question-sign:before {
  content: "\F059"; }

.icon-info-sign:before {
  content: "\F05A"; }

.icon-arrow-left5:before {
  content: "\F060"; }

.icon-arrow-right4:before, .damper .damper-block .icon-right:before {
  content: "\F061"; }

.icon-arrow-up5:before {
  content: "\F062"; }

.icon-arrow-down5:before {
  content: "\F063"; }

.icon-plus2:before {
  content: "\F067"; }

.icon-minus2:before {
  content: "\F068"; }

.icon-exclamation-sign:before {
  content: "\F06A"; }

.icon-chevron-up:before {
  content: "\F077"; }

.icon-chevron-down:before {
  content: "\F078"; }

.icon-retweet:before {
  content: "\F079"; }

.icon-comments:before {
  content: "\F086"; }

.icon-rss:before {
  content: "\F09E"; }

.icon-globe:before {
  content: "\F0AC"; }

.icon-group:before {
  content: "\F0C0"; }

.icon-reorder:before {
  content: "\F0C9"; }

.icon-caret-down:before {
  content: "\F0D7"; }

.icon-caret-up:before {
  content: "\F0D8"; }

.icon-caret-left:before {
  content: "\F0D9"; }

.icon-caret-right:before {
  content: "\F0DA"; }

.icon-sort-down:before {
  content: "\F0DD"; }

.icon-sort-up:before {
  content: "\F0DE"; }

.icon-sort:before {
  content: "\F0DC"; }

.icon-dashboard:before {
  content: "\F0E4"; }

.icon-undo:before {
  content: "\F0E2"; }

.icon-bell-alt:before {
  content: "\F0F3"; }

.icon-coffee:before {
  content: "\F0F4"; }

.icon-suitcase:before {
  content: "\F0F2"; }

.icon-double-angle-left:before {
  content: "\F100"; }

.icon-double-angle-right:before {
  content: "\F101"; }

.icon-double-angle-up:before {
  content: "\F102"; }

.icon-double-angle-down:before {
  content: "\F103"; }

.icon-angle-left:before {
  content: "\F104"; }

.icon-angle-right:before {
  content: "\F105"; }

.icon-angle-up:before {
  content: "\F106"; }

.icon-angle-down:before {
  content: "\F107"; }

.icon-expand-alt:before {
  content: "\F116"; }

.icon-folder-open-alt:before {
  content: "\F115"; }

.icon-folder-close-alt:before {
  content: "\F114"; }

.icon-collapse-alt:before {
  content: "\F117"; }

.icon-smile:before {
  content: "\F118"; }

.icon-frown:before {
  content: "\F119"; }

.icon-meh:before {
  content: "\F11A"; }

.icon-question2:before {
  content: "\F128"; }

.icon-info2:before {
  content: "\F129"; }

.icon-exclamation:before {
  content: "\F12A"; }

.icon-shield2:before {
  content: "\F132"; }

.icon-calendar-empty:before {
  content: "\F133"; }

.icon-calendar:before {
  content: "\F137"; }

.icon-chevron-sign-right:before {
  content: "\F138"; }

.icon-chevron-sign-up:before {
  content: "\F139"; }

.icon-chevron-sign-down:before {
  content: "\F13A"; }

.icon-chevron-sign-left:before {
  content: "\F142"; }

.icon-check-sign2:before {
  content: "\F14A"; }

.icon-check-minus:before {
  content: "\F147"; }

.icon-share-sign2:before {
  content: "\F14D"; }

.icon-droplet3:before {
  content: "\E04F"; }

.icon-pacman:before {
  content: "\E050"; }

.icon-dice:before {
  content: "\E051"; }

.icon-history:before {
  content: "\E052"; }

.icon-clock:before {
  content: "\E053"; }

.icon-clock2:before {
  content: "\E054"; }

.icon-tv2:before {
  content: "\E055"; }

.icon-settings2:before {
  content: "\E056"; }

.icon-equalizer:before {
  content: "\E057"; }

.icon-cog:before {
  content: "\E058"; }

.icon-key3:before {
  content: "\E059"; }

.icon-stats:before {
  content: "\E05A"; }

.icon-bars:before {
  content: "\E05B"; }

.icon-fire:before {
  content: "\E05C"; }

.icon-dashboard2:before {
  content: "\E05D"; }

.icon-meter:before {
  content: "\E05E"; }

.icon-power-cord:before {
  content: "\E05F"; }

.icon-brightness-medium:before {
  content: "\E060"; }

.icon-brightness-contrast:before {
  content: "\E061"; }

.icon-heart4:before {
  content: "\E062"; }

.icon-warning2:before {
  content: "\E063"; }

.icon-notification:before {
  content: "\E064"; }

.icon-question3:before {
  content: "\E065"; }

.icon-info3:before {
  content: "\E066"; }

.icon-info4:before {
  content: "\E067"; }

.icon-blocked:before {
  content: "\E068"; }

.icon-cancel-circle:before {
  content: "\E069"; }

.icon-checkmark-circle:before {
  content: "\E06A"; }

.icon-close:before {
  content: "\E06B"; }

.icon-checkmark:before {
  content: "\E06C"; }

.icon-minus3:before {
  content: "\E06D"; }

.icon-plus3:before {
  content: "\E06E"; }

.icon-loop:before {
  content: "\E06F"; }

.icon-loop2:before {
  content: "\E070"; }

.icon-user:before {
  content: "\F007"; }

.icon-chat:before {
  content: "\E071"; }

.icon-socket2:before {
  content: "\E072"; }

.icon-cog2:before {
  content: "\E073"; }

.icon-user2:before {
  content: "\E074"; }

.icon-clock3:before {
  content: "\E075"; }

.icon-key4:before {
  content: "\E076"; }

.icon-unlocked2:before {
  content: "\E077"; }

.icon-lab:before {
  content: "\E078"; }

.icon-search2:before {
  content: "\F002"; }

.icon-cog3:before {
  content: "\F013"; }

.icon-trash:before {
  content: "\F014"; }

.icon-pencil:before {
  content: "\F040"; }

.icon-leaf2:before {
  content: "\F06C"; }

.icon-fire2:before {
  content: "\F06D"; }

.icon-eye-open:before {
  content: "\F06E"; }

.icon-plane:before {
  content: "\F072"; }

.icon-ellipsis-vertical:before {
  content: "\F073"; }

.icon-ellipsis-horizontal:before {
  content: "\F141"; }

.icon-happy:before {
  content: "\E079"; }

.icon-smiley:before {
  content: "\E07A"; }

.icon-happy2:before {
  content: "\E07B"; }

.icon-grin:before {
  content: "\E07C"; }

.icon-grin2:before {
  content: "\E07D"; }

.icon-exit:before {
  content: "\E07E"; }

.icon-shuffle:before {
  content: "\E07F"; }

.icon-planet:before {
  content: "\E080"; }

.icon-file:before {
  content: "\E081"; }

.icon-pin:before {
  content: "\E082"; }

.icon-attachment:before {
  content: "\E083"; }

.icon-pencil2:before {
  content: "\E084"; }

.icon-clipboard:before {
  content: "\E085"; }

.icon-clipboard2:before {
  content: "\E086"; }

.icon-trashcan:before {
  content: "\E087"; }

.icon-cart:before {
  content: "\E088"; }

.icon-bag:before {
  content: "\E089"; }

.icon-lamp:before {
  content: "\E08A"; }

.icon-flag:before {
  content: "\E08B"; }

.icon-vcard:before {
  content: "\E08C"; }

.icon-envelope:before {
  content: "\F003"; }

.icon-film2:before {
  content: "\F008"; }

.icon-download-alt:before {
  content: "\F019"; }

.icon-file2:before {
  content: "\F016"; }

.icon-camera3:before {
  content: "\F030"; }

.icon-screenshot:before {
  content: "\F05B"; }

.icon-folder-close:before {
  content: "\F07B"; }

.icon-folder-open:before {
  content: "\F07C"; }

.icon-wrench:before {
  content: "\F0AD"; }

.icon-beaker:before {
  content: "\F0C3"; }

.icon-list-ul:before {
  content: "\F0CA"; }

.icon-list-ol:before {
  content: "\F0CB"; }

.icon-cloud-download:before {
  content: "\F0ED"; }

.icon-cloud-upload:before {
  content: "\F0EE"; }

.icon-exchange:before {
  content: "\F0EC"; }

.icon-gamepad:before {
  content: "\F11B"; }

.icon-rocket:before {
  content: "\F135"; }

.icon-anchor:before {
  content: "\F13D"; }

.icon-file3:before {
  content: "\F15B"; }

.icon-leaf3:before {
  content: "\E08D"; }

.icon-movie:before {
  content: "\E08E"; }

.icon-music:before {
  content: "\E08F"; }

.icon-gamepad2:before {
  content: "\E090"; }

.icon-drink:before {
  content: "\E091"; }

.icon-drink2:before {
  content: "\E092"; }

.icon-cup:before {
  content: "\E093"; }

.icon-flower:before {
  content: "\E094"; }

.icon-tree:before {
  content: "\E095"; }

.icon-tag:before {
  content: "\F02B"; }

.icon-tags:before {
  content: "\F02C"; }

.icon-map-marker:before {
  content: "\F041"; }

.icon-resize-full:before {
  content: "\F065"; }

.icon-resize-small:before {
  content: "\F066"; }

.icon-move:before {
  content: "\F047"; }

.icon-share:before {
  content: "\F045"; }

.icon-share-alt:before {
  content: "\F064"; }

.icon-check:before {
  content: "\F046"; }

.icon-step-backward:before {
  content: "\F048"; }

.icon-fast-backward:before {
  content: "\F049"; }

.icon-backward:before {
  content: "\F04A"; }

.icon-play:before {
  content: "\F04B"; }

.icon-pause:before {
  content: "\F04C"; }

.icon-stop:before {
  content: "\F04D"; }

.icon-forward:before {
  content: "\F04E"; }

.icon-fast-forward:before {
  content: "\F050"; }

.icon-step-forward:before {
  content: "\F051"; }

.icon-eject:before {
  content: "\F052"; }

.icon-external-link:before {
  content: "\F08E"; }

.icon-filter:before {
  content: "\F0B0"; }

.icon-credit:before {
  content: "\F09D"; }

.icon-sitemap:before {
  content: "\F0E8"; }

.icon-paste:before {
  content: "\F0EA"; }

.icon-desktop:before {
  content: "\F108"; }

.icon-laptop2:before {
  content: "\F109"; }

.icon-tablet:before {
  content: "\F10A"; }

.icon-mobile2:before {
  content: "\F10B"; }

.icon-spinner:before {
  content: "\F110"; }

.icon-location-arrow:before {
  content: "\F124"; }

.icon-microphone:before {
  content: "\F130"; }

.icon-microphone-off:before {
  content: "\F131"; }

.icon-book:before {
  content: "\F02D"; }

.icon-print:before {
  content: "\F02F"; }

.icon-circle-arrow-left:before {
  content: "\F0A8"; }

.icon-circle-arrow-right:before {
  content: "\F0A9"; }

.icon-circle-arrow-up:before {
  content: "\F0AA"; }

.icon-circle-arrow-down:before {
  content: "\F0AB"; }

.icon-globe2:before {
  content: "\E096"; }

.icon-collapse:before {
  content: "\F150"; }

.icon-collapse-top:before {
  content: "\F151"; }

.icon-expand:before {
  content: "\F152"; }

.icon-volume-off:before {
  content: "\F026"; }

.icon-volume-down:before {
  content: "\F027"; }

.icon-volume-up:before {
  content: "\F028"; }

.icon-play-circle:before {
  content: "\F01D"; }

.icon-copy:before {
  content: "\F0C5"; }

.icon-film:before {
  content: "\E611"; }

.icon-lightbulb-on:before {
  content: "\E612"; }

.icon-camera-disconnected:before {
  content: "\E613"; }

.icon-lighting-modules:before {
  content: "\E615"; }

.icon-door2:before {
  content: "\E616"; }

.icon-door-open2:before {
  content: "\E617"; }

.icon-schedule-disabled:before {
  content: "\E618"; }

.icon-schedule-enabled:before {
  content: "\E619"; }

.icon-thermometer:before {
  content: "\E010"; }

.icon-climate:before {
  content: "\E61A"; }

.icon-climate2:before {
  content: "\E61B"; }

.icon-window-open:before {
  content: "\E61C"; }

.icon-window2:before {
  content: "\E61D"; }

.icon-lock-unkown:before {
  content: "\E61E"; }

.icon-sensor-activated2:before {
  content: "\E61F"; }

.icon-sensor2:before {
  content: "\E620"; }

.icon-sensor-activated3:before {
  content: "\E621"; }

.icon-light-switch-on:before {
  content: "\E622"; }

.icon-light-switch-off:before {
  content: "\E623"; }

.icon-home2:before {
  content: "\E012"; }

.icon-lightbulb-off:before {
  content: "\E600"; }

.icon-shades-down2:before {
  content: "\E614"; }

.icon-shades-up2:before {
  content: "\E626"; }

.icon-create-group:before {
  content: "\E624"; }

.icon-nexia-lightning-bolt:before {
  content: "\E625"; }

.icon-wrench2:before {
  content: "\E097"; }

.icon-external-link-sign:before {
  content: "\F14C"; }

.icon-lightbulb-100:before {
  content: "\E627"; }

.icon-lightbulb-60:before {
  content: "\E628"; }

.icon-lightbulb-30:before {
  content: "\E629"; }

.icon-lightbulb-0:before {
  content: "\E62A"; }

.icon-oven:before {
  content: "\E62B"; }

.icon-water-sensor:before {
  content: "\E62C"; }

.icon-sensor-generic-active:before {
  content: "\E62D"; }

.icon-sensor-generic:before {
  content: "\E62E"; }

.icon-switch-house:before {
  content: "\E62F"; }

.icon-warning-sign:before {
  content: "\F071"; }

.icon-critical-cleared:before {
  content: "\E630"; }

.icon-major-cleared:before {
  content: "\E631"; }

.icon-normal-cleared:before {
  content: "\E632"; }

.icon-climate3:before {
  content: "\E633"; }

.icon-climate4:before {
  content: "\E634"; }

.icon-climate5:before {
  content: "\E635"; }

.icon-z-wave:before {
  content: "\E636"; }

.icon-trane-home-logo:before {
  content: "\E637"; }

.icon-water-valve:before {
  content: "\E638"; }

.icon-water-valve-closed:before {
  content: "\E639"; }

.icon-garage-closed:before {
  content: "\E63A"; }

.icon-garage-open:before {
  content: "\E63B"; }

.icon-garage-partial:before {
  content: "\E63C"; }

.icon-battery-low:before {
  content: "\E601"; }

.icon-automation:before {
  content: "\E63D"; }

.icon-nexia-certified:before {
  content: "\E63E"; }

.icon-circled-check:before {
  content: "\E631"; }

.icon-phone-2:before {
  content: "\E942"; }

.icon-envelop:before {
  content: "\E945"; }

.icon-box-add:before {
  content: "\E95E"; }

.icon-box-remove:before {
  content: "\E95F"; }

.icon-filter2:before {
  content: "\EA5B"; }

.icon-note-hollow:before {
  content: "\E909"; }

.icon-note-filled:before {
  content: "\E90A"; }

.icon-minor-alert:before, .icon-minor-sda-alert:before {
  content: "\E907"; }

.icon-critical-alert:before, .icon-major-alert:before, .icon-major-sda-alert:before {
  content: "\E906"; }

.icon-display-day-rth:before {
  content: "\E90B"; }

.icon-device-reset:before {
  content: "\E908"; }

.icon-snapshot-received:before {
  content: "\E90C"; }

.icon-arrow-up-stem-skinny:before {
  content: "\EA3A"; }

.icon-arrow-right-stem-skinny:before {
  content: "\EA3C"; }

.icon-arrow-down-stem-skinny:before {
  content: "\EA3E"; }

.icon-arrow-left-stem-skinny:before {
  content: "\EA40"; }

.icon-updates:before {
  content: "\E900"; }

.icon-add-customer:before {
  content: "\E901"; }

.icon-alert-guide:before {
  content: "\E902"; }

.icon-customers:before {
  content: "\E903"; }

.icon-dashboard:before {
  content: "\E904"; }

.icon-notifications:before {
  content: "\E905"; }

.icon-message:before {
  content: "\E90D"; }

.icon-aggregation:before {
  content: "\E90E"; }

.icon-search-nav:before {
  content: "\E90F"; }

.icon-favorites:before {
  content: "\E910"; }

/*
  Often, float is used to distribute items evenly in a container,
  but float collapses the parent and prevents the use of inline
  alignment, forcing you to use things like margin and padding to
  align elements. This helper instead uses text-align: justify to
  distribute items evenly in a container.
*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  margin-bottom: 0; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Nexia-IcoFont';
  src: url(/fonts/icomoon.f41f604e00d9e4cc9a740f6bf8b4f64e.eot);
  src: url(/fonts/icomoon.f41f604e00d9e4cc9a740f6bf8b4f64e.eot?#iefix-uc1cze) format("embedded-opentype"), url(/fonts/icomoon.6d90d825b1932be2df46fd912bfc3655.woff) format("woff"), url(/fonts/icomoon.bb598350f2fa1cda03b3b1e4310382a4.ttf) format("truetype"), url(/fonts/icomoon.6a719dd980a4929da7e3accb9d0639ff.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], .notification-policy .notification-policy-select-wrapper::before, [class*=" icon-"] {
  font-family: 'Nexia-IcoFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-triangle-solid:before, .notification-policy .notification-policy-select-wrapper:before {
  content: "\E63F"; }

.icon-circle-solid:before {
  content: "\E640"; }

.icon-battery:before {
  content: "\E602"; }

.icon-battery2:before {
  content: "\E603"; }

.icon-battery-full:before {
  content: "\E604"; }

.icon-unlocked:before {
  content: "\E605"; }

.icon-key:before {
  content: "\E606"; }

.icon-play-sign:before {
  content: "\E607"; }

.icon-share-sign:before {
  content: "\E608"; }

.icon-edit-sign:before {
  content: "\E609"; }

.icon-check-sign:before {
  content: "\E60A"; }

.icon-circle-blank:before {
  content: "\E60B"; }

.icon-stethoscope:before {
  content: "\E60C"; }

.icon-circle:before {
  content: "\E60D"; }

.icon-ban-circle:before {
  content: "\E60E"; }

.icon-ok-circle:before {
  content: "\E60F"; }

.icon-remove-circle:before {
  content: "\E610"; }

.icon-uniF000:before {
  content: "\F000"; }

.icon-cord:before {
  content: "\E000"; }

.icon-camera:before {
  content: "\E001"; }

.icon-shield:before {
  content: "\E002"; }

.icon-locked:before {
  content: "\E003"; }

.icon-night:before {
  content: "\E004"; }

.icon-snowflake:before {
  content: "\E005"; }

.icon-heart:before {
  content: "\E006"; }

.icon-star:before {
  content: "\E007"; }

.icon-droplet:before {
  content: "\E008"; }

.icon-sunny:before {
  content: "\E009"; }

.icon-leaf:before {
  content: "\E00A"; }

.icon-bell:before {
  content: "\E00B"; }

.icon-house:before {
  content: "\E00C"; }

.icon-moon:before {
  content: "\E00D"; }

.icon-heart2:before {
  content: "\E00E"; }

.icon-light-bulb:before {
  content: "\E00F"; }

.icon-droplets:before {
  content: "\E011"; }

.icon-star2:before {
  content: "\F005"; }

.icon-heart3:before {
  content: "\F004"; }

.icon-home:before {
  content: "\F015"; }

.icon-lock:before {
  content: "\F023"; }

.icon-lightbulb:before {
  content: "\F0EB"; }

.icon-sun:before {
  content: "\F185"; }

.icon-moon2:before {
  content: "\F186"; }

.icon-image:before {
  content: "\E013"; }

.icon-alarm:before {
  content: "\E014"; }

.icon-speaker:before {
  content: "\E015"; }

.icon-modem:before {
  content: "\E016"; }

.icon-laptop:before {
  content: "\E017"; }

.icon-monitor:before {
  content: "\E018"; }

.icon-mobile:before {
  content: "\E019"; }

.icon-phone:before {
  content: "\E01A"; }

.icon-server:before {
  content: "\E01B"; }

.icon-window:before {
  content: "\E01C"; }

.icon-pictures:before {
  content: "\E01D"; }

.icon-eye:before {
  content: "\E01E"; }

.icon-tv:before {
  content: "\E01F"; }

.icon-camera2:before {
  content: "\E020"; }

.icon-broadcast:before {
  content: "\E021"; }

.icon-broadcast2:before {
  content: "\E022"; }

.icon-earth:before {
  content: "\E023"; }

.icon-search:before {
  content: "\E024"; }

.icon-zoom-out:before {
  content: "\E025"; }

.icon-zoom-in:before {
  content: "\E026"; }

.icon-support:before {
  content: "\E027"; }

.icon-settings:before {
  content: "\E028"; }

.icon-cloud:before {
  content: "\E029"; }

.icon-lightning:before {
  content: "\E02A"; }

.icon-umbrella:before {
  content: "\E02B"; }

.icon-car:before {
  content: "\E02C"; }

.icon-direction:before {
  content: "\E02D"; }

.icon-refresh:before {
  content: "\E02E"; }

.icon-compass:before {
  content: "\E02F"; }

.icon-map:before {
  content: "\E030"; }

.icon-key2:before {
  content: "\E031"; }

.icon-droplet2:before {
  content: "\E032"; }

.icon-earth2:before {
  content: "\E033"; }

.icon-adjust:before {
  content: "\E034"; }

.icon-sun2:before {
  content: "\E035"; }

.icon-sun3:before {
  content: "\E036"; }

.icon-minus:before {
  content: "\E037"; }

.icon-plus:before {
  content: "\E038"; }

.icon-question:before {
  content: "\E039"; }

.icon-help:before {
  content: "\E03A"; }

.icon-info:before {
  content: "\E03B"; }

.icon-warning:before {
  content: "\E03C"; }

.icon-pictures2:before {
  content: "\E03D"; }

.icon-arrow-left:before, ul.device-tabs .prev-page a .icon-left:before {
  content: "\E03E"; }

.icon-arrow-down:before, .icon-toggle-list-item.expanded:before, .icon-toggle-container.collapsed:before, .icon-drawer-state.open:before {
  content: "\E03F"; }

.icon-arrow-left2:before {
  content: "\E040"; }

.icon-arrow-down2:before {
  content: "\E041"; }

.icon-arrow-up:before {
  content: "\E042"; }

.icon-arrow-right:before {
  content: "\E043"; }

.icon-arrow-up2:before, .icon-toggle-container.expanded:before {
  content: "\E044"; }

.icon-arrow-right2:before, .icon-toggle-list-item.collapsed:before, .icon-drawer-state.closed:before, ul.device-tabs .next-page a .icon-right:before {
  content: "\E045"; }

.icon-arrow-left3:before {
  content: "\E046"; }

.icon-arrow-down3:before {
  content: "\E047"; }

.icon-arrow-up3:before {
  content: "\E048"; }

.icon-arrow-right3:before {
  content: "\E049"; }

.icon-arrow-left4:before {
  content: "\E04A"; }

.icon-arrow-down4:before {
  content: "\E04B"; }

.icon-arrow-up4:before {
  content: "\E04C"; }

.icon-uniE04D:before {
  content: "\E04D"; }

.icon-menu:before {
  content: "\E04E"; }

.icon-ok:before {
  content: "\F00C"; }

.icon-remove:before {
  content: "\F00D"; }

.icon-time:before {
  content: "\F017"; }

.icon-refresh2:before {
  content: "\F021"; }

.icon-repeat:before {
  content: "\F01E"; }

.icon-adjust2:before {
  content: "\F042"; }

.icon-tint:before {
  content: "\F043"; }

.icon-facetime-video:before {
  content: "\F03D"; }

.icon-chevron-left:before {
  content: "\F053"; }

.icon-chevron-right:before {
  content: "\F054"; }

.icon-plus-sign:before {
  content: "\F055"; }

.icon-minus-sign:before {
  content: "\F056"; }

.icon-remove-sign:before {
  content: "\F057"; }

.icon-ok-sign:before {
  content: "\F058"; }

.icon-question-sign:before {
  content: "\F059"; }

.icon-info-sign:before {
  content: "\F05A"; }

.icon-arrow-left5:before {
  content: "\F060"; }

.icon-arrow-right4:before, .damper .damper-block .icon-right:before {
  content: "\F061"; }

.icon-arrow-up5:before {
  content: "\F062"; }

.icon-arrow-down5:before {
  content: "\F063"; }

.icon-plus2:before {
  content: "\F067"; }

.icon-minus2:before {
  content: "\F068"; }

.icon-exclamation-sign:before {
  content: "\F06A"; }

.icon-chevron-up:before {
  content: "\F077"; }

.icon-chevron-down:before {
  content: "\F078"; }

.icon-retweet:before {
  content: "\F079"; }

.icon-comments:before {
  content: "\F086"; }

.icon-rss:before {
  content: "\F09E"; }

.icon-globe:before {
  content: "\F0AC"; }

.icon-group:before {
  content: "\F0C0"; }

.icon-reorder:before {
  content: "\F0C9"; }

.icon-caret-down:before {
  content: "\F0D7"; }

.icon-caret-up:before {
  content: "\F0D8"; }

.icon-caret-left:before {
  content: "\F0D9"; }

.icon-caret-right:before {
  content: "\F0DA"; }

.icon-sort-down:before {
  content: "\F0DD"; }

.icon-sort-up:before {
  content: "\F0DE"; }

.icon-sort:before {
  content: "\F0DC"; }

.icon-dashboard:before {
  content: "\F0E4"; }

.icon-undo:before {
  content: "\F0E2"; }

.icon-bell-alt:before {
  content: "\F0F3"; }

.icon-coffee:before {
  content: "\F0F4"; }

.icon-suitcase:before {
  content: "\F0F2"; }

.icon-double-angle-left:before {
  content: "\F100"; }

.icon-double-angle-right:before {
  content: "\F101"; }

.icon-double-angle-up:before {
  content: "\F102"; }

.icon-double-angle-down:before {
  content: "\F103"; }

.icon-angle-left:before {
  content: "\F104"; }

.icon-angle-right:before {
  content: "\F105"; }

.icon-angle-up:before {
  content: "\F106"; }

.icon-angle-down:before {
  content: "\F107"; }

.icon-expand-alt:before {
  content: "\F116"; }

.icon-folder-open-alt:before {
  content: "\F115"; }

.icon-folder-close-alt:before {
  content: "\F114"; }

.icon-collapse-alt:before {
  content: "\F117"; }

.icon-smile:before {
  content: "\F118"; }

.icon-frown:before {
  content: "\F119"; }

.icon-meh:before {
  content: "\F11A"; }

.icon-question2:before {
  content: "\F128"; }

.icon-info2:before {
  content: "\F129"; }

.icon-exclamation:before {
  content: "\F12A"; }

.icon-shield2:before {
  content: "\F132"; }

.icon-calendar-empty:before {
  content: "\F133"; }

.icon-calendar:before {
  content: "\F137"; }

.icon-chevron-sign-right:before {
  content: "\F138"; }

.icon-chevron-sign-up:before {
  content: "\F139"; }

.icon-chevron-sign-down:before {
  content: "\F13A"; }

.icon-chevron-sign-left:before {
  content: "\F142"; }

.icon-check-sign2:before {
  content: "\F14A"; }

.icon-check-minus:before {
  content: "\F147"; }

.icon-share-sign2:before {
  content: "\F14D"; }

.icon-droplet3:before {
  content: "\E04F"; }

.icon-pacman:before {
  content: "\E050"; }

.icon-dice:before {
  content: "\E051"; }

.icon-history:before {
  content: "\E052"; }

.icon-clock:before {
  content: "\E053"; }

.icon-clock2:before {
  content: "\E054"; }

.icon-tv2:before {
  content: "\E055"; }

.icon-settings2:before {
  content: "\E056"; }

.icon-equalizer:before {
  content: "\E057"; }

.icon-cog:before {
  content: "\E058"; }

.icon-key3:before {
  content: "\E059"; }

.icon-stats:before {
  content: "\E05A"; }

.icon-bars:before {
  content: "\E05B"; }

.icon-fire:before {
  content: "\E05C"; }

.icon-dashboard2:before {
  content: "\E05D"; }

.icon-meter:before {
  content: "\E05E"; }

.icon-power-cord:before {
  content: "\E05F"; }

.icon-brightness-medium:before {
  content: "\E060"; }

.icon-brightness-contrast:before {
  content: "\E061"; }

.icon-heart4:before {
  content: "\E062"; }

.icon-warning2:before {
  content: "\E063"; }

.icon-notification:before {
  content: "\E064"; }

.icon-question3:before {
  content: "\E065"; }

.icon-info3:before {
  content: "\E066"; }

.icon-info4:before {
  content: "\E067"; }

.icon-blocked:before {
  content: "\E068"; }

.icon-cancel-circle:before {
  content: "\E069"; }

.icon-checkmark-circle:before {
  content: "\E06A"; }

.icon-close:before {
  content: "\E06B"; }

.icon-checkmark:before {
  content: "\E06C"; }

.icon-minus3:before {
  content: "\E06D"; }

.icon-plus3:before {
  content: "\E06E"; }

.icon-loop:before {
  content: "\E06F"; }

.icon-loop2:before {
  content: "\E070"; }

.icon-user:before {
  content: "\F007"; }

.icon-chat:before {
  content: "\E071"; }

.icon-socket2:before {
  content: "\E072"; }

.icon-cog2:before {
  content: "\E073"; }

.icon-user2:before {
  content: "\E074"; }

.icon-clock3:before {
  content: "\E075"; }

.icon-key4:before {
  content: "\E076"; }

.icon-unlocked2:before {
  content: "\E077"; }

.icon-lab:before {
  content: "\E078"; }

.icon-search2:before {
  content: "\F002"; }

.icon-cog3:before {
  content: "\F013"; }

.icon-trash:before {
  content: "\F014"; }

.icon-pencil:before {
  content: "\F040"; }

.icon-leaf2:before {
  content: "\F06C"; }

.icon-fire2:before {
  content: "\F06D"; }

.icon-eye-open:before {
  content: "\F06E"; }

.icon-plane:before {
  content: "\F072"; }

.icon-ellipsis-vertical:before {
  content: "\F073"; }

.icon-ellipsis-horizontal:before {
  content: "\F141"; }

.icon-happy:before {
  content: "\E079"; }

.icon-smiley:before {
  content: "\E07A"; }

.icon-happy2:before {
  content: "\E07B"; }

.icon-grin:before {
  content: "\E07C"; }

.icon-grin2:before {
  content: "\E07D"; }

.icon-exit:before {
  content: "\E07E"; }

.icon-shuffle:before {
  content: "\E07F"; }

.icon-planet:before {
  content: "\E080"; }

.icon-file:before {
  content: "\E081"; }

.icon-pin:before {
  content: "\E082"; }

.icon-attachment:before {
  content: "\E083"; }

.icon-pencil2:before {
  content: "\E084"; }

.icon-clipboard:before {
  content: "\E085"; }

.icon-clipboard2:before {
  content: "\E086"; }

.icon-trashcan:before {
  content: "\E087"; }

.icon-cart:before {
  content: "\E088"; }

.icon-bag:before {
  content: "\E089"; }

.icon-lamp:before {
  content: "\E08A"; }

.icon-flag:before {
  content: "\E08B"; }

.icon-vcard:before {
  content: "\E08C"; }

.icon-envelope:before {
  content: "\F003"; }

.icon-film2:before {
  content: "\F008"; }

.icon-download-alt:before {
  content: "\F019"; }

.icon-file2:before {
  content: "\F016"; }

.icon-camera3:before {
  content: "\F030"; }

.icon-screenshot:before {
  content: "\F05B"; }

.icon-folder-close:before {
  content: "\F07B"; }

.icon-folder-open:before {
  content: "\F07C"; }

.icon-wrench:before {
  content: "\F0AD"; }

.icon-beaker:before {
  content: "\F0C3"; }

.icon-list-ul:before {
  content: "\F0CA"; }

.icon-list-ol:before {
  content: "\F0CB"; }

.icon-cloud-download:before {
  content: "\F0ED"; }

.icon-cloud-upload:before {
  content: "\F0EE"; }

.icon-exchange:before {
  content: "\F0EC"; }

.icon-gamepad:before {
  content: "\F11B"; }

.icon-rocket:before {
  content: "\F135"; }

.icon-anchor:before {
  content: "\F13D"; }

.icon-file3:before {
  content: "\F15B"; }

.icon-leaf3:before {
  content: "\E08D"; }

.icon-movie:before {
  content: "\E08E"; }

.icon-music:before {
  content: "\E08F"; }

.icon-gamepad2:before {
  content: "\E090"; }

.icon-drink:before {
  content: "\E091"; }

.icon-drink2:before {
  content: "\E092"; }

.icon-cup:before {
  content: "\E093"; }

.icon-flower:before {
  content: "\E094"; }

.icon-tree:before {
  content: "\E095"; }

.icon-tag:before {
  content: "\F02B"; }

.icon-tags:before {
  content: "\F02C"; }

.icon-map-marker:before {
  content: "\F041"; }

.icon-resize-full:before {
  content: "\F065"; }

.icon-resize-small:before {
  content: "\F066"; }

.icon-move:before {
  content: "\F047"; }

.icon-share:before {
  content: "\F045"; }

.icon-share-alt:before {
  content: "\F064"; }

.icon-check:before {
  content: "\F046"; }

.icon-step-backward:before {
  content: "\F048"; }

.icon-fast-backward:before {
  content: "\F049"; }

.icon-backward:before {
  content: "\F04A"; }

.icon-play:before {
  content: "\F04B"; }

.icon-pause:before {
  content: "\F04C"; }

.icon-stop:before {
  content: "\F04D"; }

.icon-forward:before {
  content: "\F04E"; }

.icon-fast-forward:before {
  content: "\F050"; }

.icon-step-forward:before {
  content: "\F051"; }

.icon-eject:before {
  content: "\F052"; }

.icon-external-link:before {
  content: "\F08E"; }

.icon-filter:before {
  content: "\F0B0"; }

.icon-credit:before {
  content: "\F09D"; }

.icon-sitemap:before {
  content: "\F0E8"; }

.icon-paste:before {
  content: "\F0EA"; }

.icon-desktop:before {
  content: "\F108"; }

.icon-laptop2:before {
  content: "\F109"; }

.icon-tablet:before {
  content: "\F10A"; }

.icon-mobile2:before {
  content: "\F10B"; }

.icon-spinner:before {
  content: "\F110"; }

.icon-location-arrow:before {
  content: "\F124"; }

.icon-microphone:before {
  content: "\F130"; }

.icon-microphone-off:before {
  content: "\F131"; }

.icon-book:before {
  content: "\F02D"; }

.icon-print:before {
  content: "\F02F"; }

.icon-circle-arrow-left:before {
  content: "\F0A8"; }

.icon-circle-arrow-right:before {
  content: "\F0A9"; }

.icon-circle-arrow-up:before {
  content: "\F0AA"; }

.icon-circle-arrow-down:before {
  content: "\F0AB"; }

.icon-globe2:before {
  content: "\E096"; }

.icon-collapse:before {
  content: "\F150"; }

.icon-collapse-top:before {
  content: "\F151"; }

.icon-expand:before {
  content: "\F152"; }

.icon-volume-off:before {
  content: "\F026"; }

.icon-volume-down:before {
  content: "\F027"; }

.icon-volume-up:before {
  content: "\F028"; }

.icon-play-circle:before {
  content: "\F01D"; }

.icon-copy:before {
  content: "\F0C5"; }

.icon-film:before {
  content: "\E611"; }

.icon-lightbulb-on:before {
  content: "\E612"; }

.icon-camera-disconnected:before {
  content: "\E613"; }

.icon-lighting-modules:before {
  content: "\E615"; }

.icon-door2:before {
  content: "\E616"; }

.icon-door-open2:before {
  content: "\E617"; }

.icon-schedule-disabled:before {
  content: "\E618"; }

.icon-schedule-enabled:before {
  content: "\E619"; }

.icon-thermometer:before {
  content: "\E010"; }

.icon-climate:before {
  content: "\E61A"; }

.icon-climate2:before {
  content: "\E61B"; }

.icon-window-open:before {
  content: "\E61C"; }

.icon-window2:before {
  content: "\E61D"; }

.icon-lock-unkown:before {
  content: "\E61E"; }

.icon-sensor-activated2:before {
  content: "\E61F"; }

.icon-sensor2:before {
  content: "\E620"; }

.icon-sensor-activated3:before {
  content: "\E621"; }

.icon-light-switch-on:before {
  content: "\E622"; }

.icon-light-switch-off:before {
  content: "\E623"; }

.icon-home2:before {
  content: "\E012"; }

.icon-lightbulb-off:before {
  content: "\E600"; }

.icon-shades-down2:before {
  content: "\E614"; }

.icon-shades-up2:before {
  content: "\E626"; }

.icon-create-group:before {
  content: "\E624"; }

.icon-nexia-lightning-bolt:before {
  content: "\E625"; }

.icon-wrench2:before {
  content: "\E097"; }

.icon-external-link-sign:before {
  content: "\F14C"; }

.icon-lightbulb-100:before {
  content: "\E627"; }

.icon-lightbulb-60:before {
  content: "\E628"; }

.icon-lightbulb-30:before {
  content: "\E629"; }

.icon-lightbulb-0:before {
  content: "\E62A"; }

.icon-oven:before {
  content: "\E62B"; }

.icon-water-sensor:before {
  content: "\E62C"; }

.icon-sensor-generic-active:before {
  content: "\E62D"; }

.icon-sensor-generic:before {
  content: "\E62E"; }

.icon-switch-house:before {
  content: "\E62F"; }

.icon-warning-sign:before {
  content: "\F071"; }

.icon-critical-cleared:before {
  content: "\E630"; }

.icon-major-cleared:before {
  content: "\E631"; }

.icon-normal-cleared:before {
  content: "\E632"; }

.icon-climate3:before {
  content: "\E633"; }

.icon-climate4:before {
  content: "\E634"; }

.icon-climate5:before {
  content: "\E635"; }

.icon-z-wave:before {
  content: "\E636"; }

.icon-trane-home-logo:before {
  content: "\E637"; }

.icon-water-valve:before {
  content: "\E638"; }

.icon-water-valve-closed:before {
  content: "\E639"; }

.icon-garage-closed:before {
  content: "\E63A"; }

.icon-garage-open:before {
  content: "\E63B"; }

.icon-garage-partial:before {
  content: "\E63C"; }

.icon-battery-low:before {
  content: "\E601"; }

.icon-automation:before {
  content: "\E63D"; }

.icon-nexia-certified:before {
  content: "\E63E"; }

.icon-circled-check:before {
  content: "\E631"; }

.icon-phone-2:before {
  content: "\E942"; }

.icon-envelop:before {
  content: "\E945"; }

.icon-box-add:before {
  content: "\E95E"; }

.icon-box-remove:before {
  content: "\E95F"; }

.icon-filter2:before {
  content: "\EA5B"; }

.icon-note-hollow:before {
  content: "\E909"; }

.icon-note-filled:before {
  content: "\E90A"; }

.icon-minor-alert:before, .icon-minor-sda-alert:before {
  content: "\E907"; }

.icon-critical-alert:before, .icon-major-alert:before, .icon-major-sda-alert:before {
  content: "\E906"; }

.icon-display-day-rth:before {
  content: "\E90B"; }

.icon-device-reset:before {
  content: "\E908"; }

.icon-snapshot-received:before {
  content: "\E90C"; }

.icon-arrow-up-stem-skinny:before {
  content: "\EA3A"; }

.icon-arrow-right-stem-skinny:before {
  content: "\EA3C"; }

.icon-arrow-down-stem-skinny:before {
  content: "\EA3E"; }

.icon-arrow-left-stem-skinny:before {
  content: "\EA40"; }

.icon-updates:before {
  content: "\E900"; }

.icon-add-customer:before {
  content: "\E901"; }

.icon-alert-guide:before {
  content: "\E902"; }

.icon-customers:before {
  content: "\E903"; }

.icon-dashboard:before {
  content: "\E904"; }

.icon-notifications:before {
  content: "\E905"; }

.icon-message:before {
  content: "\E90D"; }

.icon-aggregation:before {
  content: "\E90E"; }

.icon-search-nav:before {
  content: "\E90F"; }

.icon-favorites:before {
  content: "\E910"; }

body {
  font-weight: 400;
  color: #4D4D4D; }

.p-tag {
  line-height: 1.1;
  margin-bottom: 20px; }

.a-tag {
  color: #2ca3e1; }
  .a-tag:hover, .a-tag:focus {
    color: #3e4da1; }

.font-bold, .header-base, .generic-header, .a-tag, .runtime-history-container .date-paginator, .operation-cycles table th {
  font-weight: 700; }

.clickable-icon {
  color: #737373;
  border-radius: 3px; }
  .clickable-icon:hover {
    color: #272727;
    background-color: #D2D2D2; }

.icon-font-header {
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }

.top-ten-shown {
  color: #939598; }

.inline {
  display: inline; }

.hidden {
  display: none; }

.no-resize-width {
  resize: vertical; }

body[data-brand="trane"] .a-tag {
  color: #003270; }
  body[data-brand="trane"] .a-tag:hover {
    color: #335B89; }

body[data-brand="trane"] .title-bar {
  background-color: #666666; }
  body[data-brand="trane"] .title-bar button.menu-icon {
    background: none; }

body[data-brand="trane"] .top-bar {
  background-color: #666666; }
  body[data-brand="trane"] .top-bar .menu {
    background: #666666; }
    body[data-brand="trane"] .top-bar .menu a {
      background-color: #666666;
      color: #FFFFFF; }
    body[data-brand="trane"] .top-bar .menu a.active, body[data-brand="trane"] .top-bar .menu a:hover {
      background-color: #333333; }

body[data-brand="trane"] #customer-list-items a:hover {
  color: #335B89; }

body[data-brand="trane"] #customer-list-items a:active {
  color: #335B89; }

body[data-brand="trane"] #customer-list-items .icon-info3:active {
  color: #335B89; }

body[data-brand="trane"] #customer-list-items .icon-info3:hover {
  color: #003270; }

body[data-brand="trane"] .group-header a {
  color: #003270; }

body[data-brand="trane"] #product-logo {
  background-image: url("/img/Icons__trane-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 45px; }

body[data-brand="trane"] .submit[disabled] {
  background-color: #9CBC84;
  border-color: #666666; }

body[data-brand="trane"] .submit, body[data-brand="trane"] .primary-button {
  background: #5A9032; }
  body[data-brand="trane"] .submit:hover, body[data-brand="trane"] .primary-button:hover {
    background: #639c38; }

body[data-brand="trane"] .secondary-button, body[data-brand="trane"] .server-error .dismiss-button, .server-error body[data-brand="trane"] .dismiss-button, body[data-brand="trane"] #sys-config-container .toggle-is-editing, #sys-config-container body[data-brand="trane"] .toggle-is-editing {
  background: #FFFFFF;
  color: #000; }
  body[data-brand="trane"] .secondary-button:hover, body[data-brand="trane"] .server-error .dismiss-button:hover, .server-error body[data-brand="trane"] .dismiss-button:hover, body[data-brand="trane"] #sys-config-container .toggle-is-editing:hover, #sys-config-container body[data-brand="trane"] .toggle-is-editing:hover {
    background: #F0EEEC; }

body[data-brand="trane"] .assignment-filter.enabled {
  background: #5A9032; }
  body[data-brand="trane"] .assignment-filter.enabled:hover {
    background: #446C26; }

body[data-brand="trane"] .table-header span:not(.assignment-filter) {
  background-color: #F0EEEC; }

body[data-brand="trane"] .table-header .customer-info, body[data-brand="trane"] .table-header .device-info-header {
  background-color: #F0EEEC; }

body[data-brand="trane"] #customer-list .system-groups .device-info-header {
  background-color: #F0EEEC; }

body[data-brand="trane"] ul.pagination li a {
  color: #003270; }
  body[data-brand="trane"] ul.pagination li a:hover {
    color: #335B89; }

body[data-brand="trane"] .pagination-container .pagination li.disabled span.prev {
  border-color: transparent #F0EEEC transparent transparent; }

body[data-brand="trane"] .pagination-container .pagination li.disabled span.next {
  border-color: transparent transparent transparent #F0EEEC; }

body[data-brand="trane"] .pagination-container .pagination li.current a {
  background: #F0EEEC; }

body[data-brand="trane"] .page-spinner {
  border-top-color: #9CBC84;
  border-left-color: #9CBC84; }

body[data-brand="trane"] #legal-footer {
  margin-top: 48px;
  font-weight: bold;
  color: #818181; }
  body[data-brand="trane"] #legal-footer a {
    color: #818181;
    padding: 10px 10px;
    text-decoration: underline; }

body[data-brand="trane"] .trane-login {
  left: 0;
  right: 0;
  width: 100%; }

body[data-brand="trane"] .trane-login-footer {
  background-size: cover;
  background-color: #BABBBD;
  position: fixed;
  margin: 0 auto;
  margin-top: 440px;
  height: 154px;
  left: 0;
  right: 0;
  bottom: 0; }
  body[data-brand="trane"] .trane-login-footer a {
    color: #FFFFFF;
    text-decoration: underline; }

body[data-brand="trane"] .trane-login-footer-content {
  margin: 0 auto;
  max-width: 1400px;
  padding: 58px 20px 0px 20px;
  height: 48px; }

body[data-brand="trane"] .trane-login-copyright {
  display: inline-block;
  font-weight: bold;
  font-size: smaller;
  color: #FFFFFF; }

body[data-brand="trane"] #ingersoll_img {
  background-image: url("/img/Icons__ingersollrand-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  float: right;
  height: 45px;
  width: 200px; }

body[data-brand="trane"] #alerts .subsection-prefix {
  color: #3b64a5; }

body[data-brand="trane"] .customer-search .select-customer:hover, body[data-brand="trane"] .customer-search .select-customer:active {
  background: #D2D2D2; }

body[data-brand="trane"] #alerts .subsection-name {
  color: #003270; }

@media screen and (max-width: 39.99875em) {
  body[data-brand="trane"] .customer .customer-info {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    body[data-brand="trane"] .customer .customer-info .name {
      padding: 5px 5px 5px 15px; }
    body[data-brand="trane"] .customer .customer-info .customer-info-details {
      padding-left: 15px; }
  body[data-brand="trane"] #legal-footer {
    margin-top: 20px;
    margin-left: 20px; } }
  @media screen and (max-width: 39.99875em) and (max-width: 39.99875em) {
    body[data-brand="trane"] #legal-footer {
      margin-left: 0; } }

@media screen and (max-width: 39.99875em) {
  body[data-brand="trane"] .trane-login-footer {
    height: 118px; }
  body[data-brand="trane"] #login-view {
    margin-top: -30px; }
  body[data-brand="trane"] .trane-login-footer-content {
    display: grid;
    height: 74px;
    padding-top: 0px;
    margin: 24px 30px 42px 30px;
    font-size: smaller; }
  body[data-brand="trane"] .trane-login-copyright {
    margin-bottom: 14px; }
  body[data-brand="trane"] #trane-ts-and-cs {
    max-width: 315px; } }

/*  Panels

*** Markup ***
Template for quickly creating a new panel

<div id="new-panel-container">                -- wrapped in the id of the associated BackboneView
 <div class="panel-container">
 <div class="panel-header">
   <div class="title">New Panel</div>
 </div>
 <div class="panel-content">
   <div class="system-configuration-detail">  -- The className of the associated BackboneView
     <ul class="panel-grid no-bullet">         -- panel-grid is Foundation's class to evenly space blocks
       <li>                                   -- Each <li> in the <ul> is a block in the grid
         <div class="first-block-class">
           <div class="block-title">First Block Column</div>
           <div class="field">
             <div class="field-label">First Data Point</div>
             <div class="field-value">{{firstDataPoint}}</div>
           </div>
           <div class="field">
             <div class="field-label">Second Data Point</div>
             <div class="field-value">{{secondDataPoint}}</div>
           </div>
           <div class="field">
             <div class="field-label">Third Data Point</div>
             <div class="field-value">{{thirdDataPoint}}</div>
           </div>
           <div class="field">
             <div class="field-label">Fourth Data Point</div>
             <div class="field-value">{{fourthDataPoint}}</div>
           </div>
         </div>
       </li>                                  -- add more <li> to the <ul> for more blocks in the grid
     </ul>
   </div>
 </div>
</div>

*** Stylesheet ***

#new-panel-container {
  .panel-content {
    .panel-grid {
      @include equal-width-grid-panel(1,2,4); -- This mixin controls grid responsiveness
      @include grid-block-style;
    }
  }
}

*** Diagram ***


                  ┌──────────────────────────────────────────────────────────────────────────────┐◀───┐
                  │                        Panel Header (.panel-header)                          │    │
                  │                                                                              │    │
             ┌───▶├──────────────────────────┬─▲───────────────────────┬─────────────────────────┤    │
             │    │Block Title (.block-title)│ │                       │                         │    │
             │    ├──────────────────────────┼ ┼ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┼ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┤    │
             │    │                          │ │                       │ ┌─────────┐ ┌─────────┐ │    │
             │    │                          │ │                       │ │         │ │         │ │    │
             │    │                          │ │                       │ │         │ │         │ │    │
 Panel Content    │                          │ │                       │ │         │ │         │ │       Panel
(.panel-content)  │                          │ │                       │ │         │ │         │ │ (.panel-container)
                  │                          │ │                       │ │         │ │         │ │
             │    │                          │ │                       │ │         │ │         │ │    │
             │    │                          │ │                       │ │         │ │         │ │    │
             │    │                          │ │                       │ │         │ │         │ │    │
             │    │                          │ │     Panel Block       │ │         │ │         │ │    │
             │    │                          │ │                       │ │         │ │         │ │    │
             │    │                          │ │                       │ │    ▲    │ │         │ │    │
             │    │                          ◀─┼───────────────────────▶ └────┼────┘ └─────────┘ │    │
             └───▶└──────────────────────────┴─▼───────────────────────┴──────┼──────────────────┘◀───┘
                                                                              │
                                                                              │
                                                                              │
                                                                              │
                                                                   Panel Block Inner Column
                                                                      (column-count: 2)

*/
.icon-minor-alert {
  color: #92c04f; }

.icon-minor-sda-alert {
  color: #7332c1; }

.icon-major-alert {
  color: #f0c33b; }

.icon-major-sda-alert {
  color: #7332c1; }

.icon-critical-alert {
  color: #cd3529; }

/*
  Markup:

    <span class="ellipsis" aria-hidden="true" role="presentation" tabindex="-1">
      <span>.</span>
      <span>.</span>
      <span>.</span>
    </span>

  Styles:

    .ellipsis { @extend %animated-ellipsis; }
*/
@-webkit-keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }
@keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

.button-tag {
  font-weight: 700;
  -webkit-transition: none !important;
  transition: none !important;
  cursor: pointer; }
  .button-tag.secondary-button:hover, .server-error .button-tag.dismiss-button:hover, #sys-config-container .button-tag.toggle-is-editing:hover {
    background: #F9F8F7; }
  .button-tag.small {
    padding: 0.55em;
    font-size: 0.75em; }
  .button-tag.menu-icon {
    background: none;
    border: none;
    min-width: 16px;
    max-width: 16px;
    top: 5px; }
    .button-tag.menu-icon:active, .button-tag.menu-icon:focus, .button-tag.menu-icon:hover {
      background: none; }
  .button-tag.flat-inconspicuous, .button-tag.flat {
    background: none;
    border: none; }
    .button-tag.flat-inconspicuous:hover, .button-tag.flat-inconspicuous:focus, .button-tag.flat:hover, .button-tag.flat:focus {
      color: #4D4D4D;
      background-color: #F0EEEC; }
    .button-tag.flat-inconspicuous:focus, .button-tag.flat:focus {
      outline: none; }
  .button-tag.flat {
    color: #939598; }
    .button-tag.flat span {
      vertical-align: text-top; }
  .button-tag.flat-inconspicuous {
    color: #D2D2D2; }

.standard-button, .button-tag, input[type="button"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: rem-calc(11);
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #92c04f;
  color: #fff;
  background: -moz-linear-gradient(top, #92c04f, #92c04f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c04f', endColorstr='#92c04f');
  background-color: #92c04f;
  color: #fff;
  border-color: #92c04f;
  border-width: 1px;
  margin: 0 5px 5px 0;
  font-size: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap; }
  [data-whatinput='mouse'] .standard-button, [data-whatinput='mouse'] .button-tag, [data-whatinput='mouse'] input[type="button"] {
    outline: 0; }
  .standard-button:hover, .button-tag:hover, input:hover[type="button"], .standard-button:focus, .button-tag:focus, input:focus[type="button"] {
    background-color: #14679e;
    color: #fff; }
  .standard-button:hover, .button-tag:hover, input:hover[type="button"], .standard-button:focus, .button-tag:focus, input:focus[type="button"] {
    background-color: #9dc661; }
  .standard-button:hover, .button-tag:hover, input:hover[type="button"], .standard-button:focus, .button-tag:focus, input:focus[type="button"] {
    color: #fff;
    background: -moz-linear-gradient(top, #a9cd75, #9ec762);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9cd75', endColorstr='#9ec762'); }

.secondary-button, .server-error .dismiss-button, #sys-config-container .toggle-is-editing {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: rem-calc(11);
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #FFFFFF;
  color: #fff;
  background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
  background-color: #FFFFFF;
  color: #333;
  border-color: #cccccc;
  border-width: 1px;
  margin: 0 5px 5px 0;
  font-size: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap; }
  [data-whatinput='mouse'] .secondary-button, [data-whatinput='mouse'] .server-error .dismiss-button, .server-error [data-whatinput='mouse'] .dismiss-button, [data-whatinput='mouse'] #sys-config-container .toggle-is-editing, #sys-config-container [data-whatinput='mouse'] .toggle-is-editing {
    outline: 0; }
  .secondary-button:hover, .server-error .dismiss-button:hover, #sys-config-container .toggle-is-editing:hover, .secondary-button:focus, .server-error .dismiss-button:focus, #sys-config-container .toggle-is-editing:focus {
    background-color: #14679e;
    color: #fff; }
  .secondary-button:hover, .server-error .dismiss-button:hover, #sys-config-container .toggle-is-editing:hover, .secondary-button:focus, .server-error .dismiss-button:focus, #sys-config-container .toggle-is-editing:focus {
    background-color: white; }
  .secondary-button:hover, .server-error .dismiss-button:hover, #sys-config-container .toggle-is-editing:hover, .secondary-button:focus, .server-error .dismiss-button:focus, #sys-config-container .toggle-is-editing:focus {
    color: #333;
    background: -moz-linear-gradient(top, #e6e6e6, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f2f2f2');
    -webkit-box-shadow: none;
            box-shadow: none; }

.danger-button, .button-container .delete-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: rem-calc(11);
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #cd3529;
  color: #fff;
  background: -moz-linear-gradient(top, #cd3529, #cd3529);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd3529', endColorstr='#cd3529');
  background-color: #cd3529;
  color: #fff;
  border-color: #cd3529;
  border-width: 1px;
  margin: 0 5px 5px 0;
  font-size: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap; }
  [data-whatinput='mouse'] .danger-button, [data-whatinput='mouse'] .button-container .delete-button, .button-container [data-whatinput='mouse'] .delete-button {
    outline: 0; }
  .danger-button:hover, .button-container .delete-button:hover, .danger-button:focus, .button-container .delete-button:focus {
    background-color: #14679e;
    color: #fff; }
  .danger-button:hover, .button-container .delete-button:hover, .danger-button:focus, .button-container .delete-button:focus {
    background-color: #d74539; }
  .danger-button:hover, .button-container .delete-button:hover, .danger-button:focus, .button-container .delete-button:focus {
    color: #fff;
    background: -moz-linear-gradient(top, #dc584e, #d74438);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc584e', endColorstr='#d74438'); }

.semi-danger-button, .button-container .archive-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: rem-calc(11);
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #FFFFFF;
  color: #fff;
  background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
  background-color: #FFFFFF;
  color: #333;
  border-color: #cccccc;
  border-width: 1px;
  margin: 0 5px 5px 0;
  font-size: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: #cd3529;
  border: 1.5px solid #cd3529; }
  [data-whatinput='mouse'] .semi-danger-button, [data-whatinput='mouse'] .button-container .archive-button, .button-container [data-whatinput='mouse'] .archive-button {
    outline: 0; }
  .semi-danger-button:hover, .button-container .archive-button:hover, .semi-danger-button:focus, .button-container .archive-button:focus {
    background-color: #14679e;
    color: #fff; }
  .semi-danger-button:hover, .button-container .archive-button:hover, .semi-danger-button:focus, .button-container .archive-button:focus {
    background-color: white; }
  .semi-danger-button:hover, .button-container .archive-button:hover, .semi-danger-button:focus, .button-container .archive-button:focus {
    color: #333;
    background: -moz-linear-gradient(top, #e6e6e6, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f2f2f2');
    -webkit-box-shadow: none;
            box-shadow: none; }
  .semi-danger-button:hover, .button-container .archive-button:hover {
    background-color: #ffd4d4;
    color: #cd3529;
    border: 1.5px solid #9A1920; }

.embedded-button, .device-list .header .action button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: rem-calc(11);
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #92c04f;
  color: #fff;
  background: -moz-linear-gradient(top, #92c04f, #92c04f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c04f', endColorstr='#92c04f');
  background-color: #92c04f;
  color: #fff;
  border-color: #92c04f;
  border-width: 1px;
  font-size: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0px 5px 0px 0px; }
  [data-whatinput='mouse'] .embedded-button, [data-whatinput='mouse'] .device-list .header .action button, .device-list .header .action [data-whatinput='mouse'] button {
    outline: 0; }
  .embedded-button:hover, .device-list .header .action button:hover, .embedded-button:focus, .device-list .header .action button:focus {
    background-color: #14679e;
    color: #fff; }
  .embedded-button:hover, .device-list .header .action button:hover, .embedded-button:focus, .device-list .header .action button:focus {
    background-color: #9dc661; }
  .embedded-button:hover, .device-list .header .action button:hover, .embedded-button:focus, .device-list .header .action button:focus {
    color: #fff;
    background: -moz-linear-gradient(top, #a9cd75, #9ec762);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9cd75', endColorstr='#9ec762'); }
  @media screen and (max-width: 39.99875em) {
    .embedded-button, .device-list .header .action button {
      margin: 5px; } }

.embedded-secondary-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: rem-calc(11);
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #FFFFFF;
  color: #fff;
  background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
  background-color: #FFFFFF;
  color: #333;
  border-color: #cccccc;
  border-width: 1px;
  font-size: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0px 5px 0px 0px; }
  [data-whatinput='mouse'] .embedded-secondary-button {
    outline: 0; }
  .embedded-secondary-button:hover, .embedded-secondary-button:focus {
    background-color: #14679e;
    color: #fff; }
  .embedded-secondary-button:hover, .embedded-secondary-button:focus {
    background-color: white; }
  .embedded-secondary-button:hover, .embedded-secondary-button:focus {
    color: #333;
    background: -moz-linear-gradient(top, #e6e6e6, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f2f2f2');
    -webkit-box-shadow: none;
            box-shadow: none; }
  @media screen and (max-width: 39.99875em) {
    .embedded-secondary-button {
      margin: 5px; } }

.search-results #systems ul li .checkbox-control, #notifications-configuration-view .checkbox-control {
  cursor: pointer; }
  .search-results #systems ul li .checkbox-control input[type="checkbox"], #notifications-configuration-view .checkbox-control input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: -1000; }
  .search-results #systems ul li .checkbox-control input[type="checkbox"]:checked ~ .checkbox-indicator::after, #notifications-configuration-view .checkbox-control input[type="checkbox"]:checked ~ .checkbox-indicator::after {
    opacity: 1; }
  .search-results #systems ul li .checkbox-control input[type="checkbox"]:disabled ~ .checkbox-indicator, #notifications-configuration-view .checkbox-control input[type="checkbox"]:disabled ~ .checkbox-indicator {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none; }
  .search-results #systems ul li .checkbox-control .checkbox-indicator::after, #notifications-configuration-view .checkbox-control .checkbox-indicator::after {
    content: '';
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms; }

.search-results #systems ul li .checkbox-control {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: 24px;
  margin: 0; }
  .search-results #systems ul li .checkbox-control > span {
    padding-left: 0.313em;
    padding-right: 0.313em; }
  .search-results #systems ul li .checkbox-control > span,
  .search-results #systems ul li .checkbox-control .checkbox-indicator {
    display: inline-block;
    vertical-align: middle; }
  
  .search-results #systems ul li .checkbox-control .checkbox-indicator {
    background-color: #FFFFFF;
    border-color: #C3C3C3;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    height: 18px;
    position: relative;
    width: 18px; }
  .search-results #systems ul li .checkbox-control input[type="checkbox"]:disabled ~ .checkbox-indicator {
    background-color: #D2D2D2; }
  .search-results #systems ul li .checkbox-control:hover .checkbox-indicator {
    background-color: #F0EEEC; }
  .search-results #systems ul li .checkbox-control input[type="checkbox"]:focus ~ .checkbox-indicator {
    -webkit-box-shadow: 0 0 2px #2ca3e1;
            box-shadow: 0 0 2px #2ca3e1; }
  .search-results #systems ul li .checkbox-control .checkbox-indicator::after {
    border-color: #a5cc6c;
    border-style: solid;
    border-width: 0 3px 3px 0;
    height: 14px;
    left: 5px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 8px; }
  .search-results #systems ul li .checkbox-control input[type="checkbox"]:disabled ~ .checkbox-indicator::after {
    border-color: #939598; }

.search-results #systems ul li .checkbox-control {
  color: #FFFFFF; }
  .search-results #systems ul li .checkbox-control ::-moz-selection {
    color: #FFFFFF; }
  .search-results #systems ul li .checkbox-control ::selection {
    color: #FFFFFF; }

.icon-toggle-list-item {
  float: left; }

.datepicker td.active.day,
.datepicker th.active.day,
.datepicker td.active.year,
.datepicker th.active.year,
.datepicker td span.active,
.datepicker th span.active {
  background: #2ca3e1;
  border-radius: 4px;
  color: white; }

.datepicker thead {
  background-color: transparent; }

.dismiss {
  float: right;
  cursor: pointer;
  color: #939598;
  font-size: 1.2em;
  width: 35px;
  height: 35px;
  margin: -5px -5px auto auto; }
  .dismiss:hover {
    color: #6d6f72; }

.form-tag fieldset {
  border: none;
  padding: 10px 10px 0px 10px; }
  @media screen and (max-width: 39.99875em) {
    .form-tag fieldset {
      padding: 10px 0 0 0; } }
  .form-tag fieldset select {
    margin-bottom: 1em; }

.button-container {
  border-top: 1px solid #C3C3C3;
  padding-top: 20px;
  margin-top: 30px;
  height: 63px; }
  .button-container.customer-page {
    margin-top: 0; }
  .button-container .submit {
    margin-bottom: 0; }
  .button-container .cancel {
    margin-left: 0;
    padding: .85em 1em;
    color: #4D4D4D;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase; }
    .button-container .cancel:hover {
      background-color: #F0EEEC;
      border-radius: 4px;
      color: #000000; }
  .button-container .disable-anchor {
    opacity: .4;
    cursor: default !important;
    pointer-events: none; }
  .button-container button.archive-button {
    margin-right: 0px;
    float: right; }
    @media screen and (max-width: 39.99875em) {
      .button-container button.archive-button {
        padding: 10px; } }
  .button-container button.delete-button {
    margin-right: 0px;
    float: right; }
    @media screen and (max-width: 39.99875em) {
      .button-container button.delete-button {
        padding: 10px; } }

.shutdown-devices-container .select-device-type,
.shutdown-devices-container .select-wiring-method {
  position: relative; }
  .shutdown-devices-container .select-device-type input[type=text], .shutdown-devices-container .select-wiring-method input[type=text] {
    display: none;
    position: absolute;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 26px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(100% - 20px); }

.shutdown-devices-container .select-device-type.is-other input, .shutdown-devices-container .select-wiring-method.is-other input {
  display: block; }

.shutdown-devices-container .select-device-type.is-other select, .shutdown-devices-container .select-wiring-method.is-other select {
  color: transparent; }

.filter-select-view {
  position: relative; }
  .filter-select-view.expanded {
    border: 1px solid #D2D2D2;
    border-top: none;
    border-radius: 5px 5px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 4em; }
  .filter-select-view button.select-customer {
    width: 100%;
    background: #D2D2D2;
    padding: 5px;
    border: 1px solid #D2D2D2;
    color: black; }
    .filter-select-view button.select-customer .button-label {
      float: left;
      width: 90%;
      overflow: hidden;
      text-overflow: ellipsis; }
    .filter-select-view button.select-customer .indicator {
      float: right;
      width: 10%;
      margin-top: 0.25em; }
  .filter-select-view input[type=text] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .filter-select-view .search-and-results.expanded {
    display: block;
    position: absolute;
    background: #FFFFFF;
    z-index: 5;
    left: -1px;
    right: -1px;
    border: 1px solid #D2D2D2;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding-left: 2px;
    padding-right: 2px; }
  .filter-select-view .search-and-results.collapsed {
    display: none; }
  .filter-select-view .search-results {
    max-height: 10em;
    overflow: auto; }

.impersonating {
  background: #ffffa6;
  padding: 20px; }
  .impersonating h1 {
    font-size: 28px;
    display: inline-block;
    margin: 0 20px;
    width: calc(100% - 140px); }
    @media screen and (min-width: 40em) {
      .impersonating h1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
    @media screen and (max-width: 39.99875em) {
      .impersonating h1 {
        font-size: 22px;
        margin: 0 10px; } }
  .impersonating i {
    font-size: 29px;
    width: 25px;
    color: #767676;
    float: left; }
  .impersonating button {
    float: right;
    margin: 0; }

#map {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  margin-bottom: 15px !important;
  padding: 10px; }
  #map::before, #map::after {
    display: table;
    content: ' '; }
  #map::after {
    clear: both; }
  #map .header {
    -moz-border-radius-top-left: 4px;
    -moz-border-radius-top-right: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #939598;
    color: white;
    -webkit-top-left-radius: 4px;
    -webkit-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 38px;
    height: 38px;
    min-height: 38px;
    padding-left: 5px; }
    #map .header .title {
      font-weight: bold;
      display: inline-block;
      text-transform: uppercase;
      padding-left: 0.313em; }
    #map .header .right-area {
      width: 57%;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      display: inline-block;
      height: 100%;
      float: right;
      padding-right: 10px; }
      #map .header .right-area .caret {
        font-size: 20px;
        display: block;
        margin-top: 9px; }
      #map .header .right-area.alerts-panel {
        position: relative; }
        #map .header .right-area.alerts-panel .last-updated-at {
          margin-right: 27px; }
        #map .header .right-area.alerts-panel .caret {
          margin-top: 0;
          position: absolute;
          right: 10px;
          top: 9px; }
        @media screen and (max-width: 39.99875em) {
          #map .header .right-area.alerts-panel {
            padding-right: 36px; }
            #map .header .right-area.alerts-panel .last-updated-at {
              margin-right: 0; } }
      #map .header .right-area span, #map .header .right-area div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      @media screen and (max-width: 39.99875em) {
        #map .header .right-area {
          width: 65%; } }
  #map:only-of-type, #map:last-of-type {
    margin-bottom: 0px !important; }

.modal {
  min-height: 300px;
  top: 8rem; }

.reveal {
  outline: none;
  margin-bottom: 50px; }
  .reveal .landscape-not-supported {
    text-align: center;
    margin-left: 20px;
    margin-top: -10px;
    margin-bottom: -10px; }
    .reveal .landscape-not-supported .rotate-to-portrait {
      margin-left: -25px;
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
      max-height: 100px;
      max-width: 100px; }
    .reveal .landscape-not-supported .message {
      display: inline-block;
      vertical-align: middle;
      margin-top: 10px;
      margin-left: 15px;
      margin-right: -15px; }
    .reveal .landscape-not-supported .title, .reveal .landscape-not-supported .subtext {
      font-weight: bold;
      letter-spacing: 0.4px;
      text-transform: uppercase; }
    .reveal .landscape-not-supported .title {
      padding: 10px 0 8px 0;
      color: #D2D2D2;
      font-size: 38px; }
    .reveal .landscape-not-supported .subtext {
      margin-bottom: 40px;
      color: #767676;
      font-size: 13px; }

@media screen and (max-width: 39.99875em) {
  .reveal {
    height: unset;
    min-height: unset;
    left: 5%;
    width: 90%; } }

.modal-background {
  z-index: 999;
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: black;
  opacity: .5; }

.error-box {
  z-index: 1000;
  display: inline-block;
  color: red;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  width: 100%; }

label .error-box {
  float: right;
  margin: 0;
  width: auto;
  border-radius: 0;
  -moz-border-radius-bottom-left: 4px;
  -moz-border-radius-bottom-right: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.error-box-modal {
  position: fixed;
  top: 0;
  font-size: 30px;
  padding: 20px 40px;
  opacity: .90;
  border-radius: 0;
  background: #FFFFFF; }
  .error-box-modal button {
    margin-left: 20px;
    font-size: 20px;
    float: right; }

.notes-icon {
  cursor: pointer;
  color: #939598; }
  .notes-icon.icon-note-filled {
    color: #ffffa6;
    text-shadow: -1px -1px 0 #939598, 1px -1px 0 #939598, -1px 1px 0 #939598, 1px 1px 0 #939598; }

.pagination-container {
  height: 40px; }
  .pagination-container .pagination {
    float: right;
    margin-top: 1em; }
    .pagination-container .pagination li {
      margin-top: -15px;
      display: inline-block; }
      .pagination-container .pagination li span.next {
        display: block;
        width: 0;
        height: 0;
        border: inset 7px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #767676;
        margin-left: 25%; }
      .pagination-container .pagination li span.prev {
        display: block;
        width: 0;
        height: 0;
        border: inset 7px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #767676 transparent transparent;
        margin-left: -25%; }
      .pagination-container .pagination li span.next, .pagination-container .pagination li span.prev {
        padding: 0px 4px 2px; }
      .pagination-container .pagination li.disabled a:hover {
        background: transparent;
        cursor: default; }
      .pagination-container .pagination li.disabled span.next {
        display: block;
        width: 0;
        height: 0;
        border: inset 7px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #F0EEEC;
        background: transparent; }
      .pagination-container .pagination li.disabled span.prev {
        display: block;
        width: 0;
        height: 0;
        border: inset 7px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #F0EEEC transparent transparent;
        background: transparent; }
      .pagination-container .pagination li.current a {
        color: #4D4D4D; }
      .pagination-container .pagination li.current a:hover {
        background: transparent;
        cursor: default; }
      .pagination-container .pagination li.current span:hover {
        background: transparent; }
      .pagination-container .pagination li a {
        padding: 3px 10px;
        border-radius: 3px; }
        .pagination-container .pagination li a:hover {
          background: #F0EEEC; }
    .pagination-container .pagination li:first-child a, .pagination-container .pagination li:last-child a {
      padding: 6px;
      margin-bottom: -9px; }

.panel-container {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  border-radius: 4px; }

.panel-header {
  -moz-border-radius-top-left: 4px;
  -moz-border-radius-top-right: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #939598;
  color: white;
  -webkit-top-left-radius: 4px;
  -webkit-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  line-height: 38px;
  height: 38px;
  min-height: 38px;
  padding-left: 5px; }
  .panel-header .title {
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    padding-left: 0.313em; }
  .panel-header .right-area {
    width: 57%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    display: inline-block;
    height: 100%;
    float: right;
    padding-right: 10px; }
    .panel-header .right-area .caret {
      font-size: 20px;
      display: block;
      margin-top: 9px; }
    .panel-header .right-area.alerts-panel {
      position: relative; }
      .panel-header .right-area.alerts-panel .last-updated-at {
        margin-right: 27px; }
      .panel-header .right-area.alerts-panel .caret {
        margin-top: 0;
        position: absolute;
        right: 10px;
        top: 9px; }
      @media screen and (max-width: 39.99875em) {
        .panel-header .right-area.alerts-panel {
          padding-right: 36px; }
          .panel-header .right-area.alerts-panel .last-updated-at {
            margin-right: 0; } }
    .panel-header .right-area span, .panel-header .right-area div {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    @media screen and (max-width: 39.99875em) {
      .panel-header .right-area {
        width: 65%; } }

.field {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  .field::before, .field::after {
    display: table;
    content: ' '; }
  .field::after {
    clear: both; }

.field-label, .field-value, .field-control {
  width: 100%;
  float: left;
  padding-right: 0.71429rem;
  padding-left: 0.71429rem;
  text-transform: uppercase;
  font-size: .85rem; }
  @media print, screen and (min-width: 40em) {
    .field-label, .field-value, .field-control {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  .field-label, .field-label:last-child:not(:first-child), .field-value, .field-value:last-child:not(:first-child), .field-control, .field-control:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .field-label:last-child:not(:first-child), .field-value:last-child:not(:first-child), .field-control:last-child:not(:first-child) {
    float: right; }
  .field-label .error-box, .field-value .error-box, .field-control .error-box {
    text-transform: initial; }

.field-label {
  width: 62.5%;
  float: left;
  padding-right: 0.71429rem;
  padding-left: 0.71429rem;
  font-weight: 600;
  padding-left: 9px !important;
  color: #939598;
  overflow: hidden;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media print, screen and (min-width: 40em) {
    .field-label {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  .field-label, .field-label:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .field-label:last-child:not(:first-child) {
    float: right; }

.field-control.field-control,
.field-value {
  width: 37.5%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px; }
  .field-control.field-control, .field-control.field-control:last-child:not(:first-child),
  .field-value,
  .field-value:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .field-control.field-control:last-child:not(:first-child),
  .field-value:last-child:not(:first-child) {
    float: right; }

.field-control.field-control {
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  line-height: 1;
  height: 26px;
  margin: 0;
  padding-left: 4px !important;
  padding-top: 0;
  padding-bottom: 0; }
  select.field-control.field-control {
    padding-right: 23px !important; }

.form-radio-label {
  vertical-align: middle; }
  .form-radio-label * {
    vertical-align: middle; }

input[type="radio"].form-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px #C3C3C3 solid;
  border-radius: 100%;
  height: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  width: 20px; }

.form-radio:checked {
  border-color: #92c04f; }

.form-radio:checked::before {
  background-color: #92c04f;
  border-radius: 100%;
  content: '';
  height: 12px;
  margin-left: 2px;
  margin-top: 2px;
  position: absolute;
  width: 12px; }

.server-error {
  background: #f3e0e0;
  width: 100%;
  border: 1px solid #C3C3C3; }
  .server-error .contents {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    min-height: 100px; }
    .server-error .contents::before, .server-error .contents::after {
      display: table;
      content: ' '; }
    .server-error .contents::after {
      clear: both; }
    @media screen and (min-width: 40em) {
      .server-error .contents {
        height: 100px; } }
  .server-error .details,
  .server-error .message,
  .server-error .controls {
    width: 100%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem;
    margin: 1rem 0; }
    @media print, screen and (min-width: 40em) {
      .server-error .details,
      .server-error .message,
      .server-error .controls {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    .server-error .details, .server-error .details:last-child:not(:first-child),
    .server-error .message,
    .server-error .message:last-child:not(:first-child),
    .server-error .controls,
    .server-error .controls:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .server-error .details:last-child:not(:first-child),
    .server-error .message:last-child:not(:first-child),
    .server-error .controls:last-child:not(:first-child) {
      float: right; }
    @media screen and (min-width: 40em) {
      .server-error .details,
      .server-error .message,
      .server-error .controls {
        width: 33.33333%;
        float: left;
        padding-right: 0.71429rem;
        padding-left: 0.71429rem;
        margin: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
  @media screen and (min-width: 40em) and (min-width: 40em) {
    .server-error .details,
    .server-error .message,
    .server-error .controls {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
    @media screen and (min-width: 40em) {
        .server-error .details, .server-error .details:last-child:not(:first-child),
        .server-error .message,
        .server-error .message:last-child:not(:first-child),
        .server-error .controls,
        .server-error .controls:last-child:not(:first-child) {
          float: left;
          clear: none; }
        .server-error .details:last-child:not(:first-child),
        .server-error .message:last-child:not(:first-child),
        .server-error .controls:last-child:not(:first-child) {
          float: right; } }
  .server-error .details {
    text-align: center; }
    @media screen and (min-width: 40em) {
      .server-error .details {
        text-align: left; } }
    .server-error .details .icon, .server-error .details .device-list .header .action button .icon-left, .device-list .header .action button .server-error .details .icon-left, .server-error .details .device-list .header .action button .icon-right, .device-list .header .action button .server-error .details .icon-right,
    .server-error .details .text {
      display: inline-block;
      vertical-align: middle; }
    .server-error .details .icon, .server-error .details .device-list .header .action button .icon-left, .device-list .header .action button .server-error .details .icon-left, .server-error .details .device-list .header .action button .icon-right, .device-list .header .action button .server-error .details .icon-right {
      margin-right: 12px; }
    .server-error .details .secondary-message,
    .server-error .details .occurred-at,
    .server-error .details .cause {
      margin: 0; }
    .server-error .details .secondary-message {
      font-weight: bold; }
  .server-error .message {
    font-weight: bold;
    text-align: center; }
  .server-error .controls {
    text-align: center; }
    @media screen and (min-width: 40em) {
      .server-error .controls {
        text-align: right; } }
  .server-error .dismiss-button {
    padding: 6px 30px; }
    .server-error .dismiss-button:focus {
      background: #FFFFFF; }

.server-error .details .icon, .server-error .details .device-list .header .action button .icon-left, .device-list .header .action button .server-error .details .icon-left, .server-error .details .device-list .header .action button .icon-right, .device-list .header .action button .server-error .details .icon-right {
  color: #FFFFFF;
  font-size: 1.6rem;
  position: relative; }

.server-error .details .icon .icon-foreground, .server-error .details .device-list .header .action button .icon-left .icon-foreground, .device-list .header .action button .server-error .details .icon-left .icon-foreground, .server-error .details .device-list .header .action button .icon-right .icon-foreground, .device-list .header .action button .server-error .details .icon-right .icon-foreground {
  left: -2px;
  position: absolute;
  top: 0; }

.server-error .details .icon .icon-background, .server-error .details .device-list .header .action button .icon-left .icon-background, .device-list .header .action button .server-error .details .icon-left .icon-background, .server-error .details .device-list .header .action button .icon-right .icon-background, .device-list .header .action button .server-error .details .icon-right .icon-background {
  color: #cd3529; }

.sortable .sort-controls {
  display: inline-block;
  font-size: 20px; }

.spinner, .page-spinner, .button-spinner {
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: nprogress-spinner 600ms linear infinite;
  animation: nprogress-spinner 600ms linear infinite; }

.page-spinner {
  width: 50px;
  height: 50px;
  margin-top: 100px;
  margin-bottom: 100px;
  border-radius: 25px;
  border: solid 3px transparent;
  border-top-color: #2ca3e1;
  border-left-color: #2ca3e1; }

.button-spinner {
  width: 18px;
  height: 18px;
  margin-top: -2px;
  border-radius: 9px;
  border: solid 2px transparent;
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF; }

.secondary-button .button-spinner, .server-error .dismiss-button .button-spinner, #sys-config-container .toggle-is-editing .button-spinner {
  border-top-color: #939598;
  border-left-color: #939598; }

.small-spinner, .search-results .status-column-header .dr-refresh .button-spinner {
  width: 12px;
  height: 12px;
  margin-top: 0px;
  border-radius: 6px; }

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

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

.table-header {
  height: 50px;
  border-radius: 10px; }
  .table-header th {
    padding: 0; }
  .table-header th,
  .table-header .table-header__cell {
    background: #F0EEEC;
    line-height: 50px;
    padding-left: 15px;
    border-right: 1px solid #FFFFFF;
    font-weight: bold; }
  @media screen and (max-width: 39.99875em) {
    .table-header .table-header__cell {
      line-height: 1em; } }

.selectable-row {
  margin: 10px 0;
  overflow: hidden; }
  .selectable-row.selected {
    border: 2px solid #6EC2EF;
    border-radius: 5px;
    background-color: #edf5f9;
    margin: 8px -2px; }

.page-watermark, .panel-watermark {
  text-align: center;
  width: 100%; }

.page-watermark {
  margin-top: 10em;
  margin-bottom: 12em; }
  .page-watermark > h1 {
    color: #D2D2D2;
    font-size: 3em; }
  .page-watermark > h2 {
    color: #939598; }

.panel-watermark {
  margin-top: 4em;
  padding-bottom: 3em; }
  .panel-watermark > h1 {
    color: #D2D2D2;
    font-size: 1.7em; }

#alert-description {
  width: calc(100% - 10px);
  min-height: 700px; }
  #alert-description .severity-bar {
    width: calc(100% + (30px * 2));
    height: 10px;
    margin-top: -20px;
    margin-bottom: 30px;
    margin-left: -30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    #alert-description .severity-bar.normal {
      background: #92c04f; }
    #alert-description .severity-bar.normal-sda {
      background-color: #7332c1; }
    #alert-description .severity-bar.major {
      background: #f0c33b; }
    #alert-description .severity-bar.major-sda {
      background-color: #7332c1; }
    #alert-description .severity-bar.critical {
      background: #cd3529; }
  #alert-description .admin-navigation-buttons {
    margin-top: 45px; }
    #alert-description .admin-navigation-buttons .button-tag {
      margin-top: unset; }
  #alert-description .header {
    display: inline-block; }
    #alert-description .header #alert-description-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  #alert-description .sda-description {
    margin-top: -5px;
    padding-left: 62px;
    font-size: 12px;
    color: #767676; }
  #alert-description .title-info {
    font-size: 19px;
    line-height: 1.3em;
    font-weight: 600;
    padding-left: 15px; }
    #alert-description .title-info .description-label {
      font-size: 25px;
      line-height: 1em; }
    #alert-description .title-info .code-label {
      color: #939598;
      font-size: 20px; }
  #alert-description .alert-admin-container {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 20px;
    margin-left: 40px; }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      #alert-description .alert-admin-container {
        width: 100%;
        margin-left: 0; } }
    @media screen and (max-width: 39.99875em) {
      #alert-description .alert-admin-container {
        margin-left: 0; } }
    #alert-description .alert-admin-container .draft, #alert-description .alert-admin-container .edit-alert-container {
      display: inline-block; }
    #alert-description .alert-admin-container .draft {
      margin: 3px 10px 15px 0;
      padding: 4px 8px;
      border-radius: 2px;
      vertical-align: top;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      font-weight: bold;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: #767676; }
  #alert-description .normal {
    color: #92c04f; }
  #alert-description .major {
    color: #f0c33b; }
  #alert-description .critical {
    color: #cd3529; }
  #alert-description .updated-at {
    display: inline-block;
    margin: -10px 0 10px 62px;
    line-height: 30px;
    color: #939598; }
    @media screen and (max-width: 39.99875em) {
      #alert-description .updated-at {
        margin-left: 0; } }
  #alert-description .previous, #alert-description .next {
    margin-bottom: 30px; }
  #alert-description .previous {
    margin-left: -20px;
    margin-top: -20px; }
    @media screen and (max-width: 39.99875em) {
      #alert-description .previous {
        padding: 5px;
        margin-left: -10px;
        margin-top: -10px; } }
  #alert-description .next {
    float: right;
    margin-right: -20px;
    margin-top: -20px; }
    @media screen and (max-width: 39.99875em) {
      #alert-description .next {
        padding: 5px;
        margin-right: -10px;
        margin-top: -10px; } }

#alert-description-header .severity {
  display: inline-block;
  vertical-align: top;
  min-width: 35px; }
  #alert-description-header .severity.small {
    font-size: 18px;
    padding-left: 10px; }
  #alert-description-header .severity.medium {
    font-size: 27px; }
  #alert-description-header .severity.large {
    font-size: 40px; }

#alert-description-header .title-info {
  display: inline-block; }
  #alert-description-header .title-info .description {
    display: block; }
    #alert-description-header .title-info .description .description-label {
      display: inline-block;
      text-transform: none;
      color: #767676; }
  #alert-description-header .title-info .code-label {
    display: inline-block; }

#alert-description-details .problems, #alert-description-details .possible-causes, #alert-description-details .additional-info {
  color: #4D4D4D; }
  #alert-description-details .problems .detail-label, #alert-description-details .possible-causes .detail-label, #alert-description-details .additional-info .detail-label {
    font-weight: 600; }
  #alert-description-details .problems > ul, #alert-description-details .possible-causes > ul, #alert-description-details .additional-info > ul {
    margin-left: 2.3em;
    margin-bottom: .5em; }
    #alert-description-details .problems > ul.single-item, #alert-description-details .possible-causes > ul.single-item, #alert-description-details .additional-info > ul.single-item {
      list-style-type: none;
      margin-left: 1em; }
    #alert-description-details .problems > ul li, #alert-description-details .possible-causes > ul li, #alert-description-details .additional-info > ul li {
      line-height: 1.3em;
      padding: 5px 0; }

#edit-alert-description .draft label {
  display: inline-block;
  cursor: pointer; }

#edit-alert-description .textarea-container textarea {
  resize: none;
  margin-bottom: 0; }

#edit-alert-description .textarea-container .error-box {
  text-align: right; }

#edit-alert-description .severity, #edit-alert-description .input-preview {
  padding-top: 15px; }

#edit-alert-description .grid-row {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  width: 100%; }
  #edit-alert-description .grid-row::before, #edit-alert-description .grid-row::after {
    display: table;
    content: ' '; }
  #edit-alert-description .grid-row::after {
    clear: both; }

#edit-alert-description .top {
  display: grid; }
  #edit-alert-description .top .description, #edit-alert-description .top .code {
    width: 50%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: 10px; }
    #edit-alert-description .top .description, #edit-alert-description .top .description:last-child:not(:first-child), #edit-alert-description .top .code, #edit-alert-description .top .code:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #edit-alert-description .top .description:last-child:not(:first-child), #edit-alert-description .top .code:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 39.99875em) {
      #edit-alert-description .top .description, #edit-alert-description .top .code {
        width: 100%;
        float: left;
        padding-right: 0;
        padding-left: 0; }
        #edit-alert-description .top .description, #edit-alert-description .top .description:last-child:not(:first-child), #edit-alert-description .top .code, #edit-alert-description .top .code:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #edit-alert-description .top .description:last-child:not(:first-child), #edit-alert-description .top .code:last-child:not(:first-child) {
          float: right; } }
  #edit-alert-description .top .severity {
    display: inline-block; }
    #edit-alert-description .top .severity .severity-selections .icon, #edit-alert-description .top .severity .severity-selections .device-list .header .action button .icon-left, .device-list .header .action button #edit-alert-description .top .severity .severity-selections .icon-left, #edit-alert-description .top .severity .severity-selections .device-list .header .action button .icon-right, .device-list .header .action button #edit-alert-description .top .severity .severity-selections .icon-right, #edit-alert-description .top .severity .severity-selections label {
      display: inline-block;
      padding-right: 15px; }
    #edit-alert-description .top .severity .severity-selections .icon, #edit-alert-description .top .severity .severity-selections .device-list .header .action button .icon-left, .device-list .header .action button #edit-alert-description .top .severity .severity-selections .icon-left, #edit-alert-description .top .severity .severity-selections .device-list .header .action button .icon-right, .device-list .header .action button #edit-alert-description .top .severity .severity-selections .icon-right {
      vertical-align: middle;
      font-size: 23px; }
    #edit-alert-description .top .severity .severity-selections label {
      cursor: pointer; }
      #edit-alert-description .top .severity .severity-selections label input[type='radio'] {
        margin-right: 4px; }

#edit-alert-description .textarea-container, #edit-alert-description .preview-label, #edit-alert-description .preview, #edit-alert-description .sub-label {
  width: 50%;
  float: left;
  padding-right: 0;
  padding-left: 0; }
  #edit-alert-description .textarea-container, #edit-alert-description .textarea-container:last-child:not(:first-child), #edit-alert-description .preview-label, #edit-alert-description .preview-label:last-child:not(:first-child), #edit-alert-description .preview, #edit-alert-description .preview:last-child:not(:first-child), #edit-alert-description .sub-label, #edit-alert-description .sub-label:last-child:not(:first-child) {
    float: left;
    clear: none; }
  #edit-alert-description .textarea-container:last-child:not(:first-child), #edit-alert-description .preview-label:last-child:not(:first-child), #edit-alert-description .preview:last-child:not(:first-child), #edit-alert-description .sub-label:last-child:not(:first-child) {
    float: right; }
  @media screen and (max-width: 39.99875em) {
    #edit-alert-description .textarea-container, #edit-alert-description .preview-label, #edit-alert-description .preview, #edit-alert-description .sub-label {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #edit-alert-description .textarea-container, #edit-alert-description .textarea-container:last-child:not(:first-child), #edit-alert-description .preview-label, #edit-alert-description .preview-label:last-child:not(:first-child), #edit-alert-description .preview, #edit-alert-description .preview:last-child:not(:first-child), #edit-alert-description .sub-label, #edit-alert-description .sub-label:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #edit-alert-description .textarea-container:last-child:not(:first-child), #edit-alert-description .preview-label:last-child:not(:first-child), #edit-alert-description .preview:last-child:not(:first-child), #edit-alert-description .sub-label:last-child:not(:first-child) {
        float: right; } }

#edit-alert-description .sub-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#edit-alert-description .normal-severity .error-box {
  float: none;
  display: block;
  margin-bottom: -15px; }

@media screen and (max-width: 39.99875em) {
  #edit-alert-description .preview, #edit-alert-description .preview-label {
    display: none; } }

#edit-alert-description .input-preview {
  width: 100%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  height: 140px;
  margin-bottom: 105px; }
  #edit-alert-description .input-preview, #edit-alert-description .input-preview:last-child:not(:first-child) {
    float: left;
    clear: none; }
  #edit-alert-description .input-preview:last-child:not(:first-child) {
    float: right; }
  @media screen and (max-width: 39.99875em) {
    #edit-alert-description .input-preview {
      margin-bottom: 100px; } }
  #edit-alert-description .input-preview .preview {
    background: #F9F8F7;
    height: 186px;
    border: solid;
    border: 0.5px solid #D2D2D2;
    border-left: none;
    -webkit-box-shadow: inset 0px 0px 2px 0px #D2D2D2;
            box-shadow: inset 0px 0px 2px 0px #D2D2D2;
    overflow: scroll; }
  #edit-alert-description .input-preview ul {
    margin: 7px 5px 0 30px; }
    #edit-alert-description .input-preview ul li.detail {
      margin-left: 16px; }

#alerts .header, #alerts .title, #alerts .add-alert, #alerts .pdf-download {
  display: inline-block; }

#alerts .add-alert, #alerts .pdf-download {
  margin-left: 12px;
  margin-top: -6px; }

#alerts #search-form-container {
  float: right; }
  @media screen and (min-width: 40em) {
    #alerts #search-form-container .search-form-view {
      width: 270px; } }
  @media screen and (max-width: 39.99875em) {
    #alerts #search-form-container {
      float: none;
      margin-bottom: 22px; } }

#alerts #results .results-filtered-message {
  margin: 20px 0 40px 0;
  color: #939598;
  font-size: 1.5em; }

#alerts #results .category-shortcuts {
  margin-top: 20px;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  max-width: 400px;
  margin-left: 0; }
  #alerts #results .category-shortcuts::before, #alerts #results .category-shortcuts::after {
    display: table;
    content: ' '; }
  #alerts #results .category-shortcuts::after {
    clear: both; }
  #alerts #results .category-shortcuts .category-shortcut {
    width: 14.28333%;
    float: left;
    padding-right: 0;
    padding-left: 0; }
    #alerts #results .category-shortcuts .category-shortcut, #alerts #results .category-shortcuts .category-shortcut:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #alerts #results .category-shortcuts .category-shortcut:last-child:not(:first-child) {
      float: right; }
    #alerts #results .category-shortcuts .category-shortcut:last-child:not(:first-child) {
      float: left; }

#alerts #results .subsection-prefix {
  font-weight: normal; }

#alerts #results .section {
  margin-top: 10px; }

#alerts #results .subsection {
  margin-left: 7px;
  padding: 0px 2px;
  margin-top: 5px;
  display: inline-block; }
  #alerts #results .subsection.draft {
    margin-left: 4px;
    margin-right: -2px;
    padding: 0 4px;
    border-radius: 2px;
    background-color: #939598;
    color: #FFFFFF; }
  #alerts #results .subsection.draft .subsection-name {
    color: #FFFFFF; }

#alerts #results .subsection-name {
  color: #3e4da1; }

#alerts #results .section-name, #alerts #results .subsections {
  display: inline-table; }

#alerts #results .section-name {
  font-weight: bold;
  color: #767676; }

#alerts #results .subsections {
  max-width: 90%; }

#alerts #results .back-to-top {
  float: right;
  margin-top: -26px; }

#alerts #results .category:first-child .back-to-top {
  display: none; }

#alerts #results .category-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 5px; }
  #alerts #results .category-header:h2 {
    margin-bottom: 0; }
  #alerts #results .category-header .category-code {
    padding-top: 1px;
    color: #4D4D4D; }
  #alerts #results .category-header .category-name {
    text-transform: initial;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: 100; }

#archive-device {
  max-width: 600px; }
  #archive-device .device-id {
    margin-bottom: 15px; }
  #archive-device .combo-box {
    margin-bottom: 0; }

#archive-device-container .archive-label, #archive-device-container .icon-box-add {
  display: inline-block; }

#archive-device-container .archive-label {
  vertical-align: top;
  font-size: 18px;
  display: block;
  margin-left: 35px;
  margin-top: -22px; }

#archive-device-container .archive, #archive-device-container .archived {
  float: left;
  font-size: 25px;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin-top: 2px;
  margin-right: 5px; }
  @media screen and (max-width: 39.99875em) {
    #archive-device-container .archive, #archive-device-container .archived {
      margin-right: 10px; } }

#archive-device-container .archive {
  color: #dfdfdf; }
  #archive-device-container .archive:hover {
    color: #c5c5c5; }
  #archive-device-container .archive:active {
    color: #aaaaaa; }

#archive-device-container .archived {
  color: #939598; }
  #archive-device-container .archived:hover {
    color: #86888c; }
  #archive-device-container .archived:active {
    color: #6d6f72; }

#archive-device-container .archived-info {
  display: inline-block;
  margin-left: 5px;
  font-weight: normal;
  font-size: 14px;
  text-transform: initial;
  max-width: 750px; }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    #archive-device-container .archived-info {
      max-width: 365px; } }
  @media screen and (max-width: 39.99875em) {
    #archive-device-container .archived-info {
      max-width: calc(100% - 41px); } }
  #archive-device-container .archived-info .labels {
    float: left; }
  #archive-device-container .archived-info .values {
    margin-left: 60px;
    font-weight: bold;
    white-space: nowrap; }
  #archive-device-container .archived-info .reason-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px; }
  #archive-device-container .archived-info .edit-reason {
    float: right;
    margin-left: 10px;
    margin-top: 1px; }

#archived-devices-list {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #archived-devices-list::before, #archived-devices-list::after {
    display: table;
    content: ' '; }
  #archived-devices-list::after {
    clear: both; }
  @media screen and (max-width: 39.99875em) {
    #archived-devices-list .back {
      margin-bottom: -10px; } }
  #archived-devices-list .back i {
    margin-left: -3px;
    padding-right: 7px;
    font-weight: 900;
    font-size: 13px; }
  @media screen and (min-width: 40em) {
    #archived-devices-list span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
  #archived-devices-list .archived-devices-list-titles {
    height: 50px;
    border-radius: 10px; }
    @media screen and (max-width: 39.99875em) {
      #archived-devices-list .archived-devices-list-titles {
        display: none;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content; } }
  #archived-devices-list .device-id, #archived-devices-list .reason, #archived-devices-list .archived-on {
    width: 33.33333%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      #archived-devices-list .device-id, #archived-devices-list .reason, #archived-devices-list .archived-on {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #archived-devices-list .device-id, #archived-devices-list .device-id:last-child:not(:first-child), #archived-devices-list .reason, #archived-devices-list .reason:last-child:not(:first-child), #archived-devices-list .archived-on, #archived-devices-list .archived-on:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #archived-devices-list .device-id:last-child:not(:first-child), #archived-devices-list .reason:last-child:not(:first-child), #archived-devices-list .archived-on:last-child:not(:first-child) {
      float: right; }
  #archived-devices-list .archived-devices-list-items .archived-device {
    border-bottom: 1px solid #D2D2D2; }
  #archived-devices-list .archived-devices-list-items .selectable-row {
    min-height: 55px;
    padding-top: 10px; }
    #archived-devices-list .archived-devices-list-items .selectable-row.selected {
      min-height: 59px; }
  #archived-devices-list .archived-devices-list-items .device-id, #archived-devices-list .archived-devices-list-items .reason, #archived-devices-list .archived-devices-list-items .archived-on {
    margin-top: 6px; }
  #archived-devices-list .archived-devices-list-items .reason {
    word-wrap: break-word; }
  #archived-devices-list .archived-devices-list-items .reason a .edit-reason {
    margin: unset;
    margin-top: 3px;
    margin-left: 15px; }
  #archived-devices-list .archived-devices-list-items .edit-reason, #archived-devices-list .archived-devices-list-items .restore {
    margin: -6px auto 0 10px;
    display: block;
    float: right; }
  @media screen and (max-width: 39.99875em) {
    #archived-devices-list .archived-devices-list-items .device-id, #archived-devices-list .archived-devices-list-items .reason, #archived-devices-list .archived-devices-list-items .archived-on {
      width: 100%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    #archived-devices-list .archived-devices-list-items .device-id, #archived-devices-list .archived-devices-list-items .reason, #archived-devices-list .archived-devices-list-items .archived-on {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  @media screen and (max-width: 39.99875em) {
      #archived-devices-list .archived-devices-list-items .device-id, #archived-devices-list .archived-devices-list-items .device-id:last-child:not(:first-child), #archived-devices-list .archived-devices-list-items .reason, #archived-devices-list .archived-devices-list-items .reason:last-child:not(:first-child), #archived-devices-list .archived-devices-list-items .archived-on, #archived-devices-list .archived-devices-list-items .archived-on:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #archived-devices-list .archived-devices-list-items .device-id:last-child:not(:first-child), #archived-devices-list .archived-devices-list-items .reason:last-child:not(:first-child), #archived-devices-list .archived-devices-list-items .archived-on:last-child:not(:first-child) {
        float: right; }
    #archived-devices-list .archived-devices-list-items .archived-on {
      margin-top: 15px; } }

.header {
  position: relative;
  width: 100%; }
  .header .top-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .header .top-section .title > span {
      font-weight: lighter;
      text-transform: lowercase; }
  .header .refresh {
    background-color: #fdf8ef;
    color: #4D4D4D;
    border: none;
    height: 35px;
    margin-left: 23px;
    margin-top: 16px;
    width: 80px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); }
    .header .refresh:hover {
      background-color: #fbf4e8; }
    .header .refresh.mobile {
      display: none; }
    .header .refresh.hidden {
      display: none; }
    @media screen and (max-width: 39.99875em) {
      .header .refresh:not(.mobile) {
        display: none; }
      .header .refresh.mobile {
        display: block;
        float: right;
        margin-right: 2px;
        margin-top: 10px; }
      .header .refresh.hidden {
        display: none; } }
  .header .dropdown-button {
    float: left;
    width: 45px;
    height: 41px;
    margin: 0 -1px 0 0;
    padding-top: 11px;
    border-radius: 0px;
    background-color: #FFFFFF;
    background: #FFFFFF;
    border-color: #D2D2D2; }
    .header .dropdown-button:focus {
      outline: none; }
    .header .dropdown-button span.icon-filter {
      font-size: 25px;
      line-height: 18px;
      color: #1b87bf; }
    .header .dropdown-button.active {
      background-color: #1b87bf;
      border-color: #1b87bf; }
      .header .dropdown-button.active span.icon-filter {
        color: #FFFFFF; }
  .header .bottom-section {
    display: grid;
    grid-template-columns: 55%  45%; }
    @media screen and (max-width: 39.99875em) {
      .header .bottom-section {
        display: grid;
        grid-template-columns: auto; } }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .header .bottom-section {
        display: grid;
        grid-template-columns: auto; } }
    .header .bottom-section .inner-top-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      grid-column-start: 1; }
      .header .bottom-section .inner-top-section .list-filters-container {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .header .bottom-section .inner-top-section .list-filters-container .customer-list-search-container {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          max-width: 600px; }
        .header .bottom-section .inner-top-section .list-filters-container .hide-unassigned-switch-container {
          display: inline-block;
          margin-left: 20px;
          width: 170px;
          cursor: pointer; }
          .header .bottom-section .inner-top-section .list-filters-container .hide-unassigned-switch-container.hidden {
            display: none; }
          .header .bottom-section .inner-top-section .list-filters-container .hide-unassigned-switch-container .switch {
            display: inline-block;
            vertical-align: middle;
            margin-top: 10px; }
          .header .bottom-section .inner-top-section .list-filters-container .hide-unassigned-switch-container .hide-unassigned-switch-label {
            display: inline-block;
            margin-left: 4px;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 600;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease; }
      .header .bottom-section .inner-top-section .paginator {
        white-space: nowrap;
        margin-left: 20px; }
      @media screen and (min-width: 40em) and (max-width: 63.99875em) {
        .header .bottom-section .inner-top-section .customer-list-search-container {
          max-width: 500px; } }
      @media screen and (max-width: 63.99875em) {
        .header .bottom-section .inner-top-section {
          display: block; }
          .header .bottom-section .inner-top-section .list-filters-container {
            display: inline; }
            .header .bottom-section .inner-top-section .list-filters-container .hide-unassigned-switch-container {
              margin-top: 5px;
              margin-left: 0; }
              .header .bottom-section .inner-top-section .list-filters-container .hide-unassigned-switch-container .switch-paddle::after {
                height: .95rem; } }
    .header .bottom-section .inner-middle-section {
      float: right; }
      @media screen and (max-width: 39.99875em) {
        .header .bottom-section .inner-middle-section {
          grid-row-start: 3;
          width: 100%;
          display: grid;
          -webkit-box-pack: right;
              -ms-flex-pack: right;
                  justify-content: right; } }
      @media screen and (min-width: 40em) and (max-width: 63.99875em) {
        .header .bottom-section .inner-middle-section {
          grid-row-start: 2;
          width: 100%;
          display: grid;
          -webkit-box-pack: right;
              -ms-flex-pack: right;
                  justify-content: right;
          margin-top: -50px; } }
    .header .bottom-section .inner-bottom-section {
      display: inline-block;
      margin-bottom: 5px; }
    .header .bottom-section .icon-question3 {
      color: #2ca3e1;
      margin-top: 10px;
      display: inline-block;
      font-size: 18px; }

#customer-list {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #customer-list::before, #customer-list::after {
    display: table;
    content: ' '; }
  #customer-list::after {
    clear: both; }
  #customer-list .customer-info {
    width: 25%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem;
    display: block;
    max-width: 329px;
    height: inherit; }
    @media print, screen and (min-width: 40em) {
      #customer-list .customer-info {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #customer-list .customer-info, #customer-list .customer-info:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-list .customer-info:last-child:not(:first-child) {
      float: right; }
    #customer-list .customer-info:not(:first-child) {
      padding-bottom: 10px; }
    #customer-list .customer-info .customer-label {
      display: inline-block;
      width: calc(45%); }
    #customer-list .customer-info .customer-label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  #customer-list .system-groups {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    width: 75%;
    float: left;
    padding-right: 0;
    padding-left: 0; }
    #customer-list .system-groups::before, #customer-list .system-groups::after {
      display: table;
      content: ' '; }
    #customer-list .system-groups::after {
      clear: both; }
    #customer-list .system-groups, #customer-list .system-groups:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-list .system-groups:last-child:not(:first-child) {
      float: right; }
    #customer-list .system-groups .device-info-header {
      background-color: #F0EEEC; }
    #customer-list .system-groups .system-group.has-group:first-child {
      margin-top: 10px; }
    #customer-list .system-groups .system-group.has-group .group-header {
      margin-bottom: 10px; }
    #customer-list .system-groups .system-group.has-group .systems .device:first-child {
      padding-top: 10px; }
  #customer-list .group-header-clickable {
    width: 33.33333%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      #customer-list .group-header-clickable {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #customer-list .group-header-clickable, #customer-list .group-header-clickable:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-list .group-header-clickable:last-child:not(:first-child) {
      float: right; }
    #customer-list .group-header-clickable.action-taken-shown {
      width: 45.83333%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; }
      @media print, screen and (min-width: 40em) {
        #customer-list .group-header-clickable.action-taken-shown {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
      #customer-list .group-header-clickable.action-taken-shown, #customer-list .group-header-clickable.action-taken-shown:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-list .group-header-clickable.action-taken-shown:last-child:not(:first-child) {
        float: right; }
  #customer-list .group-header-clickable:hover {
    cursor: pointer; }
  #customer-list .group-name-link {
    width: 66.66667%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1em; }
    @media print, screen and (min-width: 40em) {
      #customer-list .group-name-link {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #customer-list .group-name-link, #customer-list .group-name-link:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-list .group-name-link:last-child:not(:first-child) {
      float: right; }
    #customer-list .group-name-link.action-taken-shown {
      width: 54.16667%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; }
      @media print, screen and (min-width: 40em) {
        #customer-list .group-name-link.action-taken-shown {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
      #customer-list .group-name-link.action-taken-shown, #customer-list .group-name-link.action-taken-shown:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-list .group-name-link.action-taken-shown:last-child:not(:first-child) {
        float: right; }
  #customer-list #group-header-collapse {
    color: gray;
    float: right; }
  #customer-list .systems, #customer-list .group-header {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    float: left;
    padding-right: 0;
    padding-left: 0; }
    #customer-list .systems::before, #customer-list .systems::after, #customer-list .group-header::before, #customer-list .group-header::after {
      display: table;
      content: ' '; }
    #customer-list .systems::after, #customer-list .group-header::after {
      clear: both; }
    #customer-list .systems, #customer-list .systems:last-child:not(:first-child), #customer-list .group-header, #customer-list .group-header:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-list .systems:last-child:not(:first-child), #customer-list .group-header:last-child:not(:first-child) {
      float: right; }
  #customer-list .group-header {
    background-color: #F9F8F7;
    padding: 7px 0 5px;
    white-space: nowrap;
    line-height: 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    @media screen and (max-width: 39.99875em) {
      #customer-list .group-header {
        margin-left: 10px;
        width: calc(100% - 20px); } }
    #customer-list .group-header a {
      font-weight: 600;
      margin-left: 2px; }
    #customer-list .group-header:hover {
      cursor: pointer; }
    #customer-list .group-header .group-header-alerts {
      display: inline-block; }
    #customer-list .group-header .minor {
      color: #92c04f; }
    #customer-list .group-header .major {
      color: #f0c33b; }
    #customer-list .group-header .minor-sda {
      color: #7332c1; }
    #customer-list .group-header .major-sda {
      color: #7332c1; }
    #customer-list .group-header .critical {
      color: #cd3529; }
    #customer-list .group-header .count {
      margin-right: 10px;
      margin-left: 4px;
      vertical-align: sub; }
  #customer-list .group-header-toggle {
    display: inline-block;
    color: #939598;
    float: right;
    font-size: 20px;
    margin-top: -2px; }
  #customer-list .group-header-toggle:hover {
    cursor: pointer; }
  #customer-list .device {
    overflow: hidden;
    padding: 20px 0; }
    @media screen and (max-width: 39.99875em) {
      #customer-list .device {
        margin: auto 20px; } }
    #customer-list .device:not(:last-child) {
      border-bottom: 1px solid #F0EEEC; }
  #customer-list .device-info-header span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #customer-list .sort-controls {
    float: right;
    margin-right: -10px;
    margin-top: 15px;
    cursor: pointer;
    padding: 0 5px; }
  #customer-list .alerts-and-status-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #customer-list .customer-label {
    border-right: none; }
  #customer-list .archived-devices {
    float: right; }
    @media screen and (max-width: 39.99875em) {
      #customer-list .archived-devices {
        float: none; } }
    #customer-list .archived-devices i {
      margin-right: -3px;
      padding-left: 7px;
      font-weight: 900;
      font-size: 13px; }
  @media screen and (min-width: 40em) {
    #customer-list .device-info, #customer-list .device-info-header {
      max-width: 1400px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #customer-list .device-info::before, #customer-list .device-info::after, #customer-list .device-info-header::before, #customer-list .device-info-header::after {
        display: table;
        content: ' '; }
      #customer-list .device-info::after, #customer-list .device-info-header::after {
        clear: both; }
      #customer-list .device-info, #customer-list .device-info:last-child:not(:first-child), #customer-list .device-info-header, #customer-list .device-info-header:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-list .device-info:last-child:not(:first-child), #customer-list .device-info-header:last-child:not(:first-child) {
        float: right; }
      #customer-list .device-info > div, #customer-list .device-info span, #customer-list .device-info-header > div, #customer-list .device-info-header span {
        min-height: 1px; }
      #customer-list .device-info .system, #customer-list .device-info-header .system {
        width: 33.33333%;
        float: left;
        padding-right: 0.71429rem;
        padding-left: 0.71429rem; } }
    @media screen and (min-width: 40em) and (min-width: 40em) {
      #customer-list .device-info .system, #customer-list .device-info-header .system {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
  @media screen and (min-width: 40em) {
        #customer-list .device-info .system, #customer-list .device-info .system:last-child:not(:first-child), #customer-list .device-info-header .system, #customer-list .device-info-header .system:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #customer-list .device-info .system:last-child:not(:first-child), #customer-list .device-info-header .system:last-child:not(:first-child) {
          float: right; }
        #customer-list .device-info .system.action-column-shown, #customer-list .device-info-header .system.action-column-shown {
          width: 33.33333%;
          float: left;
          padding-right: 0.71429rem;
          padding-left: 0.71429rem; } }
      @media screen and (min-width: 40em) and (min-width: 40em) {
        #customer-list .device-info .system.action-column-shown, #customer-list .device-info-header .system.action-column-shown {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
  @media screen and (min-width: 40em) {
          #customer-list .device-info .system.action-column-shown, #customer-list .device-info .system.action-column-shown:last-child:not(:first-child), #customer-list .device-info-header .system.action-column-shown, #customer-list .device-info-header .system.action-column-shown:last-child:not(:first-child) {
            float: left;
            clear: none; }
          #customer-list .device-info .system.action-column-shown:last-child:not(:first-child), #customer-list .device-info-header .system.action-column-shown:last-child:not(:first-child) {
            float: right; }
      #customer-list .device-info .model, #customer-list .device-info-header .model {
        width: 33.33333%;
        float: left;
        padding-right: 0.71429rem;
        padding-left: 0.71429rem; } }
    @media screen and (min-width: 40em) and (min-width: 40em) {
      #customer-list .device-info .model, #customer-list .device-info-header .model {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
  @media screen and (min-width: 40em) {
        #customer-list .device-info .model, #customer-list .device-info .model:last-child:not(:first-child), #customer-list .device-info-header .model, #customer-list .device-info-header .model:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #customer-list .device-info .model:last-child:not(:first-child), #customer-list .device-info-header .model:last-child:not(:first-child) {
          float: right; }
        #customer-list .device-info .model.action-column-shown, #customer-list .device-info-header .model.action-column-shown {
          width: 20.83333%;
          float: left;
          padding-right: 0.71429rem;
          padding-left: 0.71429rem; } }
      @media screen and (min-width: 40em) and (min-width: 40em) {
        #customer-list .device-info .model.action-column-shown, #customer-list .device-info-header .model.action-column-shown {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
  @media screen and (min-width: 40em) {
          #customer-list .device-info .model.action-column-shown, #customer-list .device-info .model.action-column-shown:last-child:not(:first-child), #customer-list .device-info-header .model.action-column-shown, #customer-list .device-info-header .model.action-column-shown:last-child:not(:first-child) {
            float: left;
            clear: none; }
          #customer-list .device-info .model.action-column-shown:last-child:not(:first-child), #customer-list .device-info-header .model.action-column-shown:last-child:not(:first-child) {
            float: right; }
      #customer-list .device-info .alerts-and-status, #customer-list .device-info-header .alerts-and-status {
        width: 33.33333%;
        float: left;
        padding-right: 0.71429rem;
        padding-left: 0.71429rem; } }
    @media screen and (min-width: 40em) and (min-width: 40em) {
      #customer-list .device-info .alerts-and-status, #customer-list .device-info-header .alerts-and-status {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
  @media screen and (min-width: 40em) {
        #customer-list .device-info .alerts-and-status, #customer-list .device-info .alerts-and-status:last-child:not(:first-child), #customer-list .device-info-header .alerts-and-status, #customer-list .device-info-header .alerts-and-status:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #customer-list .device-info .alerts-and-status:last-child:not(:first-child), #customer-list .device-info-header .alerts-and-status:last-child:not(:first-child) {
          float: right; }
        #customer-list .device-info .alerts-and-status.action-column-shown, #customer-list .device-info-header .alerts-and-status.action-column-shown {
          width: 20.83333%;
          float: left;
          padding-right: 0.71429rem;
          padding-left: 0.71429rem; } }
      @media screen and (min-width: 40em) and (min-width: 40em) {
        #customer-list .device-info .alerts-and-status.action-column-shown, #customer-list .device-info-header .alerts-and-status.action-column-shown {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
  @media screen and (min-width: 40em) {
          #customer-list .device-info .alerts-and-status.action-column-shown, #customer-list .device-info .alerts-and-status.action-column-shown:last-child:not(:first-child), #customer-list .device-info-header .alerts-and-status.action-column-shown, #customer-list .device-info-header .alerts-and-status.action-column-shown:last-child:not(:first-child) {
            float: left;
            clear: none; }
          #customer-list .device-info .alerts-and-status.action-column-shown:last-child:not(:first-child), #customer-list .device-info-header .alerts-and-status.action-column-shown:last-child:not(:first-child) {
            float: right; }
      #customer-list .device-info .action, #customer-list .device-info-header .action {
        width: 25%;
        float: left;
        padding-right: 0.71429rem;
        padding-left: 0.71429rem; } }
    @media screen and (min-width: 40em) and (min-width: 40em) {
      #customer-list .device-info .action, #customer-list .device-info-header .action {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
  @media screen and (min-width: 40em) {
        #customer-list .device-info .action, #customer-list .device-info .action:last-child:not(:first-child), #customer-list .device-info-header .action, #customer-list .device-info-header .action:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #customer-list .device-info .action:last-child:not(:first-child), #customer-list .device-info-header .action:last-child:not(:first-child) {
          float: right; } }
  @media screen and (max-width: 39.99875em) {
    #customer-list .device-info .model, #customer-list .device-info-header .model {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #customer-list .device-info .model, #customer-list .device-info .model:last-child:not(:first-child), #customer-list .device-info-header .model, #customer-list .device-info-header .model:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-list .device-info .model:last-child:not(:first-child), #customer-list .device-info-header .model:last-child:not(:first-child) {
        float: right; }
    #customer-list .device-info .alerts-and-status, #customer-list .device-info-header .alerts-and-status {
      display: inline-block;
      margin-left: 5px;
      vertical-align: text-top; } }
  #customer-list .device-info .alerts-and-status span, #customer-list .device-info-header .alerts-and-status span {
    display: inline-block;
    white-space: normal; }
    #customer-list .device-info .alerts-and-status span.critical, #customer-list .device-info-header .alerts-and-status span.critical {
      color: #cd3529; }
    #customer-list .device-info .alerts-and-status span.major, #customer-list .device-info-header .alerts-and-status span.major {
      color: #f0c33b; }
    #customer-list .device-info .alerts-and-status span.normal, #customer-list .device-info-header .alerts-and-status span.normal {
      color: #92c04f; }
  #customer-list .device-info .alerts-and-status .count, #customer-list .device-info-header .alerts-and-status .count {
    vertical-align: sub;
    margin-left: 4px;
    margin-right: 10px; }
    @media screen and (max-width: 39.99875em) {
      #customer-list .device-info .alerts-and-status .count, #customer-list .device-info-header .alerts-and-status .count {
        margin-right: 8px; } }
  #customer-list .device-info .alerts-and-status .opted-out, #customer-list .device-info-header .alerts-and-status .opted-out {
    font-size: .85rem;
    color: #767676;
    opacity: 0.5;
    margin-top: 1px; }
  @media screen and (max-width: 39.99875em) {
    #customer-list #list-titles,
    #customer-list .group-header-alerts,
    #customer-list .device-id,
    #customer-list .serial-number,
    #customer-list .device-status {
      display: none; }
    #customer-list .group-header {
      margin-top: 0; }
    #customer-list .group-name-link {
      width: 83.33333%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    #customer-list .group-name-link {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  @media screen and (max-width: 39.99875em) {
      #customer-list .group-name-link, #customer-list .group-name-link:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-list .group-name-link:last-child:not(:first-child) {
        float: right; }
    #customer-list .group-header-clickable {
      width: 16.66667%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    #customer-list .group-header-clickable {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  @media screen and (max-width: 39.99875em) {
      #customer-list .group-header-clickable, #customer-list .group-header-clickable:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-list .group-header-clickable:last-child:not(:first-child) {
        float: right; }
      #customer-list .group-header-clickable .group-header-alerts {
        display: none; }
    #customer-list .customer-info, #customer-list .device-info, #customer-list .system-groups {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #customer-list .customer-info, #customer-list .customer-info:last-child:not(:first-child), #customer-list .device-info, #customer-list .device-info:last-child:not(:first-child), #customer-list .system-groups, #customer-list .system-groups:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-list .customer-info:last-child:not(:first-child), #customer-list .device-info:last-child:not(:first-child), #customer-list .system-groups:last-child:not(:first-child) {
        float: right; }
      #customer-list .customer-info .system, #customer-list .device-info .system, #customer-list .system-groups .system {
        width: 100%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        margin-left: 0; }
        #customer-list .customer-info .system, #customer-list .customer-info .system:last-child:not(:first-child), #customer-list .device-info .system, #customer-list .device-info .system:last-child:not(:first-child), #customer-list .system-groups .system, #customer-list .system-groups .system:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #customer-list .customer-info .system:last-child:not(:first-child), #customer-list .device-info .system:last-child:not(:first-child), #customer-list .system-groups .system:last-child:not(:first-child) {
          float: right; } }

#customer-list-items .customer {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #D2D2D2; }
  #customer-list-items .customer::before, #customer-list-items .customer::after {
    display: table;
    content: ' '; }
  #customer-list-items .customer::after {
    clear: both; }
  #customer-list-items .customer.selected-row {
    border-bottom: 2px solid #6EC2EF; }
  #customer-list-items .customer .customer-info {
    padding: 20px 0; }
    @media screen and (max-width: 39.99875em) {
      #customer-list-items .customer .customer-info {
        padding: 20px 0 0 0; } }

#customer-list-items .customer-info .first-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#customer-list-items .customer-info .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600; }

#customer-list-items .customer-info .health-icon {
  height: 17px;
  width: 17px;
  margin-top: 2px;
  margin-left: 10px; }

#customer-list-items .customer-info .customer-new-flag, #customer-list-items .customer-info .customer-updated-flag, #customer-list-items .customer-info .customer-duplicated-flag {
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
  background: #F0EEEC;
  color: #767676;
  border-radius: 5px; }

#customer-list-items .customer-info-details, #customer-list-items .device-id, #customer-list-items .serial-number, #customer-list-items .device-status, #customer-list-items .model, #customer-list-items .action {
  color: #767676; }

#customer-list-items .customer-info-details {
  padding-left: 31px;
  padding-right: 2px; }
  @media screen and (max-width: 39.99875em) {
    #customer-list-items .customer-info-details {
      padding-left: 21px; } }

#customer-list-items .pii-flag {
  margin-top: 3px;
  margin-bottom: 3px; }

#customer-list-items .device-icon {
  float: left; }

#customer-list-items .system {
  position: relative; }
  #customer-list-items .system .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: calc(100% - 15px); }
    @media screen and (max-width: 39.99875em) {
      #customer-list-items .system .name {
        max-width: calc(100% - 35px); } }
  #customer-list-items .system .device-status {
    display: inline-block;
    position: absolute;
    top: -2px;
    margin-left: 10px; }
  #customer-list-items .system .auid-container, #customer-list-items .system .serial-number-container {
    display: inline-block; }
    @media screen and (max-width: 63.99875em) {
      #customer-list-items .system .auid-container, #customer-list-items .system .serial-number-container {
        display: block; } }
  #customer-list-items .system .system-info-label {
    text-transform: uppercase; }
  #customer-list-items .system .device-auid {
    vertical-align: bottom; }
  #customer-list-items .system .ids-container {
    margin-top: -5px;
    width: calc(100% + 15px); }

@media screen and (min-width: 40em) {
  #customer-list-items .model .model-info {
    margin: 0;
    white-space: normal; } }

#customer-list-items .model .system-info-label {
  text-transform: capitalize; }
  @media screen and (min-width: 40em) {
    #customer-list-items .model .system-info-label {
      display: none; } }

#customer-list-items .system-info-label {
  color: #939598; }

#customer-list-items .alerts-system-info-label {
  color: #939598;
  text-transform: capitalize; }
  @media screen and (min-width: 40em) {
    #customer-list-items .alerts-system-info-label {
      display: none; } }

#customer-list-items .device-auid, #customer-list-items .serial-number, #customer-list-items .model-info {
  display: inline-block;
  margin: 0 7px 0 0;
  color: #4D4D4D; }

#customer-list-items .opted-out,
#customer-list-items .model,
#customer-list-items .model > div,
#customer-list-items .auid-container,
#customer-list-items .serial-number-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

@media screen and (max-width: 63.99875em) {
  #customer-list-items .device-auid, #customer-list-items .serial-number {
    width: 0; } }

#customer-list-items .alerts-and-status.action-column-shown {
  width: auto; }

@media screen and (max-width: 39.99875em) {
  #customer-list-items .device-info + .device-info {
    padding-top: 10px; } }

#customer-container .heading .customer-name, #customer-container .h1-tag .customer-name, #customer-container .h2-tag .customer-name, #customer-container .h3-tag .customer-name, #customer-container .h4-tag .customer-name, #customer-container .h5-tag .customer-name, #customer-container .h6-tag .customer-name {
  padding-right: 5px; }

#customer-container .heading .customer-container, #customer-container .h1-tag .customer-container, #customer-container .h2-tag .customer-container, #customer-container .h3-tag .customer-container, #customer-container .h4-tag .customer-container, #customer-container .h5-tag .customer-container, #customer-container .h6-tag .customer-container {
  display: block; }
  #customer-container .heading .customer-container .customer-systems, #customer-container .h1-tag .customer-container .customer-systems, #customer-container .h2-tag .customer-container .customer-systems, #customer-container .h3-tag .customer-container .customer-systems, #customer-container .h4-tag .customer-container .customer-systems, #customer-container .h5-tag .customer-container .customer-systems, #customer-container .h6-tag .customer-container .customer-systems {
    display: inline-block;
    margin-left: 28px; }
    @media screen and (max-width: 39.99875em) {
      #customer-container .heading .customer-container .customer-systems, #customer-container .h1-tag .customer-container .customer-systems, #customer-container .h2-tag .customer-container .customer-systems, #customer-container .h3-tag .customer-container .customer-systems, #customer-container .h4-tag .customer-container .customer-systems, #customer-container .h5-tag .customer-container .customer-systems, #customer-container .h6-tag .customer-container .customer-systems {
        width: calc(100% - 30px); } }
    #customer-container .heading .customer-container .customer-systems h1, #customer-container .h1-tag .customer-container .customer-systems h1, #customer-container .h2-tag .customer-container .customer-systems h1, #customer-container .h3-tag .customer-container .customer-systems h1, #customer-container .h4-tag .customer-container .customer-systems h1, #customer-container .h5-tag .customer-container .customer-systems h1, #customer-container .h6-tag .customer-container .customer-systems h1 {
      font-weight: normal; }
  #customer-container .heading .customer-container #customer-pin, #customer-container .h1-tag .customer-container #customer-pin, #customer-container .h2-tag .customer-container #customer-pin, #customer-container .h3-tag .customer-container #customer-pin, #customer-container .h4-tag .customer-container #customer-pin, #customer-container .h5-tag .customer-container #customer-pin, #customer-container .h6-tag .customer-container #customer-pin {
    display: block;
    float: left;
    margin: 21px 5px 0 -10px; }
    @media screen and (max-width: 39.99875em) {
      #customer-container .heading .customer-container #customer-pin, #customer-container .h1-tag .customer-container #customer-pin, #customer-container .h2-tag .customer-container #customer-pin, #customer-container .h3-tag .customer-container #customer-pin, #customer-container .h4-tag .customer-container #customer-pin, #customer-container .h5-tag .customer-container #customer-pin, #customer-container .h6-tag .customer-container #customer-pin {
        margin-left: 0; } }
    #customer-container .heading .customer-container #customer-pin .pin, #customer-container .h1-tag .customer-container #customer-pin .pin, #customer-container .h2-tag .customer-container #customer-pin .pin, #customer-container .h3-tag .customer-container #customer-pin .pin, #customer-container .h4-tag .customer-container #customer-pin .pin, #customer-container .h5-tag .customer-container #customer-pin .pin, #customer-container .h6-tag .customer-container #customer-pin .pin {
      font-size: 18px; }
      #customer-container .heading .customer-container #customer-pin .pin:not(.pinned), #customer-container .h1-tag .customer-container #customer-pin .pin:not(.pinned), #customer-container .h2-tag .customer-container #customer-pin .pin:not(.pinned), #customer-container .h3-tag .customer-container #customer-pin .pin:not(.pinned), #customer-container .h4-tag .customer-container #customer-pin .pin:not(.pinned), #customer-container .h5-tag .customer-container #customer-pin .pin:not(.pinned), #customer-container .h6-tag .customer-container #customer-pin .pin:not(.pinned) {
        color: #dfdfdf;
        -webkit-transform: rotate(-25deg);
                transform: rotate(-25deg); }
  #customer-container .heading .customer-container #notes-icon, #customer-container .h1-tag .customer-container #notes-icon, #customer-container .h2-tag .customer-container #notes-icon, #customer-container .h3-tag .customer-container #notes-icon, #customer-container .h4-tag .customer-container #notes-icon, #customer-container .h5-tag .customer-container #notes-icon, #customer-container .h6-tag .customer-container #notes-icon {
    display: inline-block;
    vertical-align: sub;
    margin-top: 21px;
    margin-left: 15px; }
    #customer-container .heading .customer-container #notes-icon .notes-icon, #customer-container .h1-tag .customer-container #notes-icon .notes-icon, #customer-container .h2-tag .customer-container #notes-icon .notes-icon, #customer-container .h3-tag .customer-container #notes-icon .notes-icon, #customer-container .h4-tag .customer-container #notes-icon .notes-icon, #customer-container .h5-tag .customer-container #notes-icon .notes-icon, #customer-container .h6-tag .customer-container #notes-icon .notes-icon {
      font-size: 26px; }
    @media screen and (max-width: 39.99875em) {
      #customer-container .heading .customer-container #notes-icon, #customer-container .h1-tag .customer-container #notes-icon, #customer-container .h2-tag .customer-container #notes-icon, #customer-container .h3-tag .customer-container #notes-icon, #customer-container .h4-tag .customer-container #notes-icon, #customer-container .h5-tag .customer-container #notes-icon, #customer-container .h6-tag .customer-container #notes-icon {
        float: right; } }

#customer-container .heading .customer-name, #customer-container .h1-tag .customer-name, #customer-container .h2-tag .customer-name, #customer-container .h3-tag .customer-name, #customer-container .h4-tag .customer-name, #customer-container .h5-tag .customer-name, #customer-container .h6-tag .customer-name {
  display: block;
  float: left;
  margin-bottom: 0;
  vertical-align: top;
  max-width: calc(100% - 75px); }

#customer-container .heading .customer-details, #customer-container .h1-tag .customer-details, #customer-container .h2-tag .customer-details, #customer-container .h3-tag .customer-details, #customer-container .h4-tag .customer-details, #customer-container .h5-tag .customer-details, #customer-container .h6-tag .customer-details {
  min-height: 1px;
  float: left;
  margin-left: 30px; }
  @media screen and (max-width: 39.99875em) {
    #customer-container .heading .customer-details, #customer-container .h1-tag .customer-details, #customer-container .h2-tag .customer-details, #customer-container .h3-tag .customer-details, #customer-container .h4-tag .customer-details, #customer-container .h5-tag .customer-details, #customer-container .h6-tag .customer-details {
      margin-left: 5px; } }
  #customer-container .heading .customer-details .customer-address, #customer-container .h1-tag .customer-details .customer-address, #customer-container .h2-tag .customer-details .customer-address, #customer-container .h3-tag .customer-details .customer-address, #customer-container .h4-tag .customer-details .customer-address, #customer-container .h5-tag .customer-details .customer-address, #customer-container .h6-tag .customer-details .customer-address, #customer-container .heading .customer-details .customer-contact, #customer-container .h1-tag .customer-details .customer-contact, #customer-container .h2-tag .customer-details .customer-contact, #customer-container .h3-tag .customer-details .customer-contact, #customer-container .h4-tag .customer-details .customer-contact, #customer-container .h5-tag .customer-details .customer-contact, #customer-container .h6-tag .customer-details .customer-contact {
    min-height: 1px;
    color: #767676;
    display: inline-block;
    float: left !important;
    font-weight: 100;
    line-height: normal; }
  #customer-container .heading .customer-details .customer-address, #customer-container .h1-tag .customer-details .customer-address, #customer-container .h2-tag .customer-details .customer-address, #customer-container .h3-tag .customer-details .customer-address, #customer-container .h4-tag .customer-details .customer-address, #customer-container .h5-tag .customer-details .customer-address, #customer-container .h6-tag .customer-details .customer-address {
    text-transform: capitalize; }
  #customer-container .heading .customer-details .customer-contact, #customer-container .h1-tag .customer-details .customer-contact, #customer-container .h2-tag .customer-details .customer-contact, #customer-container .h3-tag .customer-details .customer-contact, #customer-container .h4-tag .customer-details .customer-contact, #customer-container .h5-tag .customer-details .customer-contact, #customer-container .h6-tag .customer-details .customer-contact {
    text-transform: initial;
    margin-left: 20px; }
  #customer-container .heading .customer-details .customer-contact a, #customer-container .h1-tag .customer-details .customer-contact a, #customer-container .h2-tag .customer-details .customer-contact a, #customer-container .h3-tag .customer-details .customer-contact a, #customer-container .h4-tag .customer-details .customer-contact a, #customer-container .h5-tag .customer-details .customer-contact a, #customer-container .h6-tag .customer-details .customer-contact a {
    display: block;
    word-wrap: break-word;
    width: 100%;
    font-weight: normal; }
  @media screen and (max-width: 39.99875em) {
    #customer-container .heading .customer-details, #customer-container .h1-tag .customer-details, #customer-container .h2-tag .customer-details, #customer-container .h3-tag .customer-details, #customer-container .h4-tag .customer-details, #customer-container .h5-tag .customer-details, #customer-container .h6-tag .customer-details {
      margin-left: 0; }
      #customer-container .heading .customer-details .customer-address, #customer-container .h1-tag .customer-details .customer-address, #customer-container .h2-tag .customer-details .customer-address, #customer-container .h3-tag .customer-details .customer-address, #customer-container .h4-tag .customer-details .customer-address, #customer-container .h5-tag .customer-details .customer-address, #customer-container .h6-tag .customer-details .customer-address, #customer-container .heading .customer-details .customer-contact, #customer-container .h1-tag .customer-details .customer-contact, #customer-container .h2-tag .customer-details .customer-contact, #customer-container .h3-tag .customer-details .customer-contact, #customer-container .h4-tag .customer-details .customer-contact, #customer-container .h5-tag .customer-details .customer-contact, #customer-container .h6-tag .customer-details .customer-contact {
        margin-left: 30px; }
      #customer-container .heading .customer-details .customer-address, #customer-container .h1-tag .customer-details .customer-address, #customer-container .h2-tag .customer-details .customer-address, #customer-container .h3-tag .customer-details .customer-address, #customer-container .h4-tag .customer-details .customer-address, #customer-container .h5-tag .customer-details .customer-address, #customer-container .h6-tag .customer-details .customer-address {
        padding-bottom: 5px; } }

#customer-container .heading .group-select, #customer-container .h1-tag .group-select, #customer-container .h2-tag .group-select, #customer-container .h3-tag .group-select, #customer-container .h4-tag .group-select, #customer-container .h5-tag .group-select, #customer-container .h6-tag .group-select {
  width: 300px;
  margin: 14px 20px 10px 0;
  padding-right: 25px; }

@media screen and (max-width: 39.99875em) {
  #customer-container .heading .customer-container, #customer-container .h1-tag .customer-container, #customer-container .h2-tag .customer-container, #customer-container .h3-tag .customer-container, #customer-container .h4-tag .customer-container, #customer-container .h5-tag .customer-container, #customer-container .h6-tag .customer-container, #customer-container .heading .group-select, #customer-container .h1-tag .group-select, #customer-container .h2-tag .group-select, #customer-container .h3-tag .group-select, #customer-container .h4-tag .group-select, #customer-container .h5-tag .group-select, #customer-container .h6-tag .group-select {
    width: 100%; }
  #customer-container .heading .customer-name, #customer-container .h1-tag .customer-name, #customer-container .h2-tag .customer-name, #customer-container .h3-tag .customer-name, #customer-container .h4-tag .customer-name, #customer-container .h5-tag .customer-name, #customer-container .h6-tag .customer-name {
    max-width: calc(100% - 70px);
    margin-right: 0; }
  #customer-container .heading .group-select, #customer-container .h1-tag .group-select, #customer-container .h2-tag .group-select, #customer-container .h3-tag .group-select, #customer-container .h4-tag .group-select, #customer-container .h5-tag .group-select, #customer-container .h6-tag .group-select {
    margin: 1em 0;
    width: 100%; } }

#customer-container .customer-header {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #customer-container .customer-header::before, #customer-container .customer-header::after {
    display: table;
    content: ' '; }
  #customer-container .customer-header::after {
    clear: both; }
  @media screen and (max-width: 39.99875em) {
    #customer-container .customer-header {
      border-bottom: 1px solid #C3C3C3;
      margin-bottom: 20px;
      padding-bottom: 5px; } }
  #customer-container .customer-header .action {
    width: 100%;
    float: left;
    padding-right: 0;
    padding-left: 0; }
    #customer-container .customer-header .action, #customer-container .customer-header .action:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-container .customer-header .action:last-child:not(:first-child) {
      float: right; }
    @media screen and (max-width: 39.99875em) {
      #customer-container .customer-header .action .assign-system-container, #customer-container .customer-header .action .edit-customer-container {
        width: 48%; }
        #customer-container .customer-header .action .assign-system-container button, #customer-container .customer-header .action .edit-customer-container button {
          width: 100%; }
      #customer-container .customer-header .action .assign-system-container {
        float: right; }
      #customer-container .customer-header .action .edit-customer-container button {
        margin-left: 0; }
      #customer-container .customer-header .action .remote-config-status-container {
        width: 100%; }
        #customer-container .customer-header .action .remote-config-status-container button, #customer-container .customer-header .action .remote-config-status-container .remote-config-status {
          width: 100%; } }
    #customer-container .customer-header .action button, #customer-container .customer-header .action .remote-config-status {
      float: right;
      margin: 15px 0 0 10px; }
    #customer-container .customer-header .action i {
      font-size: 1em;
      margin: auto 8px auto -4px; }
    #customer-container .customer-header .action .remote-access {
      width: auto; }
  @media screen and (max-width: 39.99875em) {
    #customer-container .customer-header .action {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      margin: 1em 0; }
      #customer-container .customer-header .action, #customer-container .customer-header .action:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #customer-container .customer-header .action:last-child:not(:first-child) {
        float: right; }
      #customer-container .customer-header .action a {
        float: none; } }

#assign-system-view .device-identifier .error-box {
  margin-bottom: -4px !important; }

@media screen and (min-width: 64em) {
  #assign-system-view {
    width: 40%; }
  #remote-access-view {
    width: 40%; }
  #cci-container {
    text-align: center; } }

.customer-form-view {
  max-width: 800px; }
  .customer-form-view .grid-row {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto; }
    .customer-form-view .grid-row::before, .customer-form-view .grid-row::after {
      display: table;
      content: ' '; }
    .customer-form-view .grid-row::after {
      clear: both; }
  .customer-form-view .state,
  .customer-form-view .zip {
    width: 25%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      .customer-form-view .state,
      .customer-form-view .zip {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    .customer-form-view .state, .customer-form-view .state:last-child:not(:first-child),
    .customer-form-view .zip,
    .customer-form-view .zip:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .customer-form-view .state:last-child:not(:first-child),
    .customer-form-view .zip:last-child:not(:first-child) {
      float: right; }
  .customer-form-view .address,
  .customer-form-view .name,
  .customer-form-view .phone,
  .customer-form-view .email,
  .customer-form-view .contact-panel {
    width: 50%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      .customer-form-view .address,
      .customer-form-view .name,
      .customer-form-view .phone,
      .customer-form-view .email,
      .customer-form-view .contact-panel {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    .customer-form-view .address, .customer-form-view .address:last-child:not(:first-child),
    .customer-form-view .name,
    .customer-form-view .name:last-child:not(:first-child),
    .customer-form-view .phone,
    .customer-form-view .phone:last-child:not(:first-child),
    .customer-form-view .email,
    .customer-form-view .email:last-child:not(:first-child),
    .customer-form-view .contact-panel,
    .customer-form-view .contact-panel:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .customer-form-view .address:last-child:not(:first-child),
    .customer-form-view .name:last-child:not(:first-child),
    .customer-form-view .phone:last-child:not(:first-child),
    .customer-form-view .email:last-child:not(:first-child),
    .customer-form-view .contact-panel:last-child:not(:first-child) {
      float: right; }
  .customer-form-view .alerts-title {
    margin-left: 14px; }
  .customer-form-view .alerts-panel {
    width: 34%;
    display: inline-block;
    margin-left: 14px; }
  .customer-form-view .notification-recipients-panel {
    max-width: 66%;
    display: inline-grid; }
  .customer-form-view .notes-title,
  .customer-form-view .customer-info-title,
  .customer-form-view .company,
  .customer-form-view .notes-panel {
    width: 100%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      .customer-form-view .notes-title,
      .customer-form-view .customer-info-title,
      .customer-form-view .company,
      .customer-form-view .notes-panel {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    .customer-form-view .notes-title, .customer-form-view .notes-title:last-child:not(:first-child),
    .customer-form-view .customer-info-title,
    .customer-form-view .customer-info-title:last-child:not(:first-child),
    .customer-form-view .company,
    .customer-form-view .company:last-child:not(:first-child),
    .customer-form-view .notes-panel,
    .customer-form-view .notes-panel:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .customer-form-view .notes-title:last-child:not(:first-child),
    .customer-form-view .customer-info-title:last-child:not(:first-child),
    .customer-form-view .company:last-child:not(:first-child),
    .customer-form-view .notes-panel:last-child:not(:first-child) {
      float: right; }
  .customer-form-view .company input[type="text"] {
    width: 48%; }
  .customer-form-view .notification-recipients-panel input[type="checkbox"] {
    margin-top: 4px; }
  .customer-form-view .notification-recipients-panel span {
    word-break: break-word; }
  .customer-form-view .alert-row {
    width: 100%;
    float: left; }
  .customer-form-view .notify-instructions {
    float: left;
    margin-top: 13px; }
  @media screen and (max-width: 39.99875em) {
    .customer-form-view .state,
    .customer-form-view .zip,
    .customer-form-view .address,
    .customer-form-view .phone,
    .customer-form-view .email,
    .customer-form-view .name,
    .customer-form-view .contact-panel,
    .customer-form-view .alerts-panel,
    .customer-form-view .notification-recipients-panel {
      width: 100%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    .customer-form-view .state,
    .customer-form-view .zip,
    .customer-form-view .address,
    .customer-form-view .phone,
    .customer-form-view .email,
    .customer-form-view .name,
    .customer-form-view .contact-panel,
    .customer-form-view .alerts-panel,
    .customer-form-view .notification-recipients-panel {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  @media screen and (max-width: 39.99875em) {
      .customer-form-view .state, .customer-form-view .state:last-child:not(:first-child),
      .customer-form-view .zip,
      .customer-form-view .zip:last-child:not(:first-child),
      .customer-form-view .address,
      .customer-form-view .address:last-child:not(:first-child),
      .customer-form-view .phone,
      .customer-form-view .phone:last-child:not(:first-child),
      .customer-form-view .email,
      .customer-form-view .email:last-child:not(:first-child),
      .customer-form-view .name,
      .customer-form-view .name:last-child:not(:first-child),
      .customer-form-view .contact-panel,
      .customer-form-view .contact-panel:last-child:not(:first-child),
      .customer-form-view .alerts-panel,
      .customer-form-view .alerts-panel:last-child:not(:first-child),
      .customer-form-view .notification-recipients-panel,
      .customer-form-view .notification-recipients-panel:last-child:not(:first-child) {
        float: left;
        clear: none; }
      .customer-form-view .state:last-child:not(:first-child),
      .customer-form-view .zip:last-child:not(:first-child),
      .customer-form-view .address:last-child:not(:first-child),
      .customer-form-view .phone:last-child:not(:first-child),
      .customer-form-view .email:last-child:not(:first-child),
      .customer-form-view .name:last-child:not(:first-child),
      .customer-form-view .contact-panel:last-child:not(:first-child),
      .customer-form-view .alerts-panel:last-child:not(:first-child),
      .customer-form-view .notification-recipients-panel:last-child:not(:first-child) {
        float: right; }
    .customer-form-view .company input[type="text"] {
      width: 100%; } }
  .customer-form-view .name .error-box {
    margin-bottom: -17px; }
  .customer-form-view .state {
    margin-bottom: 1rem; }
    .customer-form-view .state select {
      padding: 6px 24px; }
  .customer-form-view .label-with-tooltip {
    float: left;
    margin-right: 10px; }
  .customer-form-view .icon-question3 {
    color: #2ca3e1;
    margin-top: 5px;
    display: inline-block; }
  .customer-form-view .notes-panel {
    margin-bottom: 15px; }
    .customer-form-view .notes-panel textarea {
      height: 6.5em; }

.customer-search-form {
  width: 50%; }
  .customer-search-form .search-container {
    border: 1px solid #999999; }
    .customer-search-form .search-container .selected-customer {
      display: none;
      padding: 3px;
      margin: 4px;
      font-size: 12.25px;
      color: white;
      background-color: purple; }
      .customer-search-form .search-container .selected-customer .remove-button {
        margin-left: 5px; }
  .customer-search-form .customer-searchbar {
    display: inline-block;
    margin: 0; }
  .customer-search-form .customer-search .search-and-results {
    margin-top: -7px; }
    .customer-search-form .customer-search .search-and-results input {
      margin-top: 15px;
      margin-left: 6px;
      width: 95%; }
  .customer-search-form .customer-results-container {
    position: relative; }
  .customer-search-form .customer-results:empty {
    display: none; }
  .customer-search-form .customer-results:not(:empty) {
    border: 1px #C3C3C3 solid;
    max-height: 150px;
    overflow: scroll;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    background-color: #FFFFFF;
    position: absolute;
    z-index: 2;
    width: 100%; }
  .customer-search-form .customer-result-item {
    padding: 0px 20px 1px 20px; }
    .customer-search-form .customer-result-item:hover {
      background-color: #F9F8F7; }
  .customer-search-form .search-results {
    max-height: 13em; }
    .customer-search-form .search-results .customer-result-row {
      margin-bottom: 10px; }
      .customer-search-form .search-results .customer-result-row .name, .customer-search-form .search-results .customer-result-row .address, .customer-search-form .search-results .customer-result-row .city-state-zip {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 190px; }
        .customer-search-form .search-results .customer-result-row .name .customer-full-name, .customer-search-form .search-results .customer-result-row .address .customer-full-name, .customer-search-form .search-results .customer-result-row .city-state-zip .customer-full-name {
          display: block; }
      .customer-search-form .search-results .customer-result-row .address, .customer-search-form .search-results .customer-result-row .city-state-zip {
        line-height: initial; }

@media screen and (min-width: 40em) {
  .assign-customer-dialog {
    width: 42rem; } }

.assign-customer-dialog .sub-heading {
  margin-left: 10px; }
  @media screen and (max-width: 39.99875em) {
    .assign-customer-dialog .sub-heading {
      margin-left: 0; } }
  .assign-customer-dialog .sub-heading span {
    font-weight: normal; }

.assign-customer-dialog hr {
  margin: 10px 10px 20px 10px; }
  @media screen and (max-width: 39.99875em) {
    .assign-customer-dialog hr {
      margin: 10px 0 20px 0; } }

.assign-customer-dialog .grid-row {
  padding: 0; }

.assign-customer-dialog .assign-to-label {
  margin-right: 10px; }

.assign-customer-dialog .form-radio-wrapper {
  display: inline-block;
  margin-bottom: 1rem; }
  .assign-customer-dialog .form-radio-wrapper .form-radio {
    cursor: pointer; }
  @media screen and (max-width: 39.99875em) {
    .assign-customer-dialog .form-radio-wrapper {
      display: block;
      margin: 10px; } }

@media screen and (max-width: 39.99875em) {
  .assign-customer-dialog .customer-search-form {
    width: 100%; } }

.assign-customer-dialog .customer-form .search-form-view {
  height: 195px; }
  .assign-customer-dialog .customer-form .search-form-view textarea {
    height: 80px; }

.assign-customer-dialog .search-form-view {
  border: none; }

@media screen and (min-width: 40em) {
  .assign_customer-type {
    display: inline; } }

.customer-pin .pin {
  font-size: 15px;
  padding: 2px 8px 0 8px;
  border-radius: 3px;
  cursor: pointer;
  color: #FFFFFF;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: block;
  margin-top: 3px;
  float: left; }
  @media screen and (max-width: 39.99875em) {
    .customer-pin .pin {
      padding: 0 6px 0 0;
      -webkit-transform: rotate(-25deg);
              transform: rotate(-25deg);
      color: #dfdfdf; } }
  .customer-pin .pin.mobile:not(.pinned) {
    color: #dfdfdf; }

.customer-pin .hovered:not(.pinned) {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  color: #dfdfdf; }
  .customer-pin .hovered:not(.pinned):hover {
    color: #D2D2D2; }
  .customer-pin .hovered:not(.pinned):active {
    color: #C3C3C3; }

.customer-pin .pinned {
  padding-top: 1px;
  color: #f0c33b;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

#customer-list-search-dropdown.dropdown-pane {
  padding: 0;
  border-radius: 0;
  border-top: none;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); }
  #customer-list-search-dropdown.dropdown-pane .group-row {
    background-color: #D2D2D2; }
    #customer-list-search-dropdown.dropdown-pane .group-row .prefix {
      padding: 10px 15px 0 0;
      font-weight: 600;
      text-align: right;
      width: 100px;
      float: left; }
    #customer-list-search-dropdown.dropdown-pane .group-row .items {
      border-bottom: solid #F0EEEC 1px;
      margin-left: 100px;
      background: white;
      padding-bottom: 10px; }
      #customer-list-search-dropdown.dropdown-pane .group-row .items .item-container {
        display: inline-block;
        text-align: left;
        margin-left: 10px;
        margin-top: 10px; }
        #customer-list-search-dropdown.dropdown-pane .group-row .items .item-container .item {
          cursor: pointer;
          border: 1px solid #FFFFFF;
          border-radius: 5px;
          padding: 1px 6px; }
          #customer-list-search-dropdown.dropdown-pane .group-row .items .item-container .item:hover {
            border: 1px solid #2ca3e1; }
          #customer-list-search-dropdown.dropdown-pane .group-row .items .item-container .item.selected {
            border: 1px solid #2ca3e1;
            background-color: #edf5f9;
            font-weight: 600; }

#remote-access-view #remote-config-messages input[type=radio] {
  float: left;
  margin: 6px 10px 10px 10px; }

#remote-access-view #remote-config-messages .message {
  border: 1px solid gainsboro;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px; }

#remote-access-view #remote-config-messages .beta-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px; }
  #remote-access-view #remote-config-messages .beta-message .icon-info4 {
    font-size: 24px;
    color: #2ca3e1;
    padding: 10px; }

#remote-access-view #remote-config-messages .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#remote-access-view #remote-config-duration {
  -webkit-appearance: menulist; }

#remote-access-view .button-container .cancel {
  vertical-align: text-bottom; }

#remote-config-view {
  max-width: 90%;
  width: 860px; }
  #remote-config-view iframe {
    width: 804px;
    height: 515px;
    border: none; }

.remote-config-status {
  float: right;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 10px 10px 0px 10px;
  margin-bottom: 10px;
  width: 185px; }
  .remote-config-status .header, .remote-config-status .message {
    font-weight: 700;
    font-size: 1rem; }
  .remote-config-status .header {
    text-transform: uppercase; }
  .remote-config-status .message {
    color: #6f6e6e; }
  .remote-config-status button.secondary-button, .remote-config-status .server-error button.dismiss-button, .server-error .remote-config-status button.dismiss-button, .remote-config-status #sys-config-container button.toggle-is-editing, #sys-config-container .remote-config-status button.toggle-is-editing {
    border: none;
    width: 70px !important;
    text-transform: uppercase;
    padding: 10px;
    margin-top: 5px; }

#dashboard {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #dashboard::before, #dashboard::after {
    display: table;
    content: ' '; }
  #dashboard::after {
    clear: both; }
  #dashboard .panel-container {
    display: block;
    border: 1px solid #C3C3C3;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    margin-bottom: 19px; }
    #dashboard .panel-container .panel-title {
      display: block;
      background-color: #939598;
      color: #FFFFFF;
      width: 100%;
      padding: 10px;
      text-transform: uppercase;
      text-align: left;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      font-weight: 700; }
  #dashboard .system-status-overview {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px; }
  #dashboard .customer-adoption {
    width: 100%;
    float: left;
    padding-right: 0;
    padding-left: 0; }
    #dashboard .customer-adoption, #dashboard .customer-adoption:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #dashboard .customer-adoption:last-child:not(:first-child) {
      float: right; }
  #dashboard .site-messages {
    display: inline-block;
    width: 100%; }
  #dashboard .feature-code {
    float: right;
    margin-top: -10px;
    margin-bottom: -21px;
    margin-right: -23px;
    width: 100px; }
    @media screen and (max-width: 39.99875em) {
      #dashboard .feature-code {
        margin-bottom: 0;
        margin-right: 0;
        width: auto; } }

#dashboard .alerts-list-title {
  color: #FFFFFF; }
  #dashboard .alerts-list-title.critical {
    background: #cd3529; }
  #dashboard .alerts-list-title.major {
    background: #f0c33b;
    color: #434343; }

#dashboard .customers-alerts-list .alerts-list {
  padding: 20px;
  min-height: 515px; }
  #dashboard .customers-alerts-list .alerts-list .page-spinner {
    margin-top: 14em; }
  @media screen and (max-width: 39.99875em) {
    #dashboard .customers-alerts-list .alerts-list {
      padding: 0; } }

#dashboard .customers-alerts-list .percentage-loaded {
  text-align: center;
  font-size: 5em;
  margin-top: 2em;
  margin-bottom: 10px;
  color: #939598;
  font-family: sans-serif;
  font-weight: 100;
  min-height: 100px; }

#dashboard .customers-alerts-list .message {
  text-align: center;
  margin-bottom: 6em;
  font-size: 25px;
  color: #939598; }

#dashboard #customer-list {
  padding: 20px; }
  @media screen and (max-width: 39.99875em) {
    #dashboard #customer-list {
      padding: 10px; } }
  #dashboard #customer-list .unassigned-device .alerts-and-status {
    right: -1px;
    width: 46%;
    position: relative;
    bottom: 20px; }
  @media screen and (max-width: 39.99875em) {
    #dashboard #customer-list .device-info .action {
      margin-top: 10px;
      width: 100%; } }
  #dashboard #customer-list .device-info .action .remove-disposition-container {
    text-align: right;
    padding: 5px 0 0 5px; }
    #dashboard #customer-list .device-info .action .remove-disposition-container span {
      line-height: 10px; }
    #dashboard #customer-list .device-info .action .remove-disposition-container button {
      margin: 5px 0 0 8px;
      padding: 5px 10px; }
  #dashboard #customer-list .device-info .action .disposition-action .save-success, #dashboard #customer-list .device-info .action .disposition-action .save-error {
    text-align: right;
    display: none;
    padding-top: 5px; }
  #dashboard #customer-list .device-info .action .disposition-action .save-success {
    color: #92c04f; }
  #dashboard #customer-list .device-info .action .disposition-action .save-error {
    color: #cd3529; }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    #dashboard #customer-list .customer.unassigned-device .customer-info a {
      width: 53%; }
    #dashboard #customer-list .customer.unassigned-device .archive {
      margin-left: 0px; } }

#alerts-map #map {
  height: 500px; }

#alerts-map .customers-without-coordinates-subtext {
  float: left;
  margin-bottom: 15px;
  margin-top: 4px; }

#map #map-dealer-icon-detail .name, #map #map-customer-icon-detail .name {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 390px; }
  @media screen and (max-width: 39.99875em) {
    #map #map-dealer-icon-detail .name, #map #map-customer-icon-detail .name {
      max-width: 180px; } }

#map #map-dealer-icon-detail .contact-link, #map #map-customer-icon-detail .contact-link {
  float: left;
  clear: left;
  padding-top: 3px;
  font-weight: lighter;
  font-size: .9em;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px; }
  @media screen and (max-width: 39.99875em) {
    #map #map-dealer-icon-detail .contact-link, #map #map-customer-icon-detail .contact-link {
      max-width: 100px; } }

#map #map-dealer-icon-detail .email, #map #map-customer-icon-detail .email {
  display: inline-block; }

#map #map-dealer-icon-detail .phone, #map #map-customer-icon-detail .phone {
  float: left; }

#map #map-dealer-icon-detail .customer-steet-address, #map #map-customer-icon-detail .customer-steet-address {
  margin-top: 5px; }

#map #map-dealer-icon-detail .device, #map #map-customer-icon-detail .device {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  margin-top: 10px;
  line-height: 1.4; }
  #map #map-dealer-icon-detail .device::before, #map #map-dealer-icon-detail .device::after, #map #map-customer-icon-detail .device::before, #map #map-customer-icon-detail .device::after {
    display: table;
    content: ' '; }
  #map #map-dealer-icon-detail .device::after, #map #map-customer-icon-detail .device::after {
    clear: both; }
  #map #map-dealer-icon-detail .device, #map #map-dealer-icon-detail .device:last-child:not(:first-child), #map #map-customer-icon-detail .device, #map #map-customer-icon-detail .device:last-child:not(:first-child) {
    float: left;
    clear: none; }
  #map #map-dealer-icon-detail .device:last-child:not(:first-child), #map #map-customer-icon-detail .device:last-child:not(:first-child) {
    float: right; }
  #map #map-dealer-icon-detail .device a, #map #map-customer-icon-detail .device a {
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
    vertical-align: middle; }
    @media screen and (max-width: 39.99875em) {
      #map #map-dealer-icon-detail .device a, #map #map-customer-icon-detail .device a {
        max-width: 160px; } }
  #map #map-dealer-icon-detail .device .device-info, #map #map-customer-icon-detail .device .device-info {
    padding: 10px 0px;
    border-top: 1px solid #F0EEEC; }
    #map #map-dealer-icon-detail .device .device-info .alerts, #map #map-customer-icon-detail .device .device-info .alerts {
      float: right;
      font-size: 14px; }
    #map #map-dealer-icon-detail .device .device-info .major, #map #map-customer-icon-detail .device .device-info .major {
      color: #ffd119; }
    #map #map-dealer-icon-detail .device .device-info .critical, #map #map-customer-icon-detail .device .device-info .critical {
      color: #cd3529; }
    #map #map-dealer-icon-detail .device .device-info .alert-icon, #map #map-customer-icon-detail .device .device-info .alert-icon {
      margin-left: 15px; }
    #map #map-dealer-icon-detail .device .device-info .count, #map #map-customer-icon-detail .device .device-info .count {
      font-family: "Source Sans Pro", sans-serif;
      vertical-align: sub; }

#map #map-dealer-icon-detail .dealer-name, #map #map-customer-icon-detail .dealer-name {
  font-size: 20px; }

#customer-adoption .timespan-select {
  margin-top: 40px;
  display: block;
  margin-bottom: 20px;
  text-align: center; }
  #customer-adoption .timespan-select a {
    background: #FFFFFF;
    color: #C3C3C3;
    border: 1px solid #C3C3C3;
    width: 100px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    padding: 15px;
    margin: -2px;
    font-size: 1em; }
    #customer-adoption .timespan-select a:hover {
      background: #F0EEEC;
      color: #000000; }
  #customer-adoption .timespan-select .selected {
    color: #000000;
    background: #C3C3C3; }
  @media screen and (max-width: 39.99875em) {
    #customer-adoption .timespan-select {
      padding: 0px;
      font-size: 0.9em;
      margin-top: 30px;
      margin-bottom: 40px; }
      #customer-adoption .timespan-select a {
        padding: 8px; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    #customer-adoption .timespan-select {
      padding: 5px;
      margin: 7px;
      font-size: 0.9em;
      margin-top: 32px;
      margin-bottom: 16px; }
      #customer-adoption .timespan-select a {
        padding: 8px; } }
  @media screen and (min-width: 64em) {
    #customer-adoption .timespan-select {
      padding: 0px;
      margin: 20px;
      font-size: 1em;
      margin-top: 50px; }
      #customer-adoption .timespan-select a {
        padding: 15px; } }
  #customer-adoption .timespan-select .left-button {
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
  #customer-adoption .timespan-select .right-button {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }

#customer-adoption #new-customers {
  width: 41.66667%;
  float: left;
  padding-right: 0.71429rem;
  padding-left: 0.71429rem; }
  @media print, screen and (min-width: 40em) {
    #customer-adoption #new-customers {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  #customer-adoption #new-customers, #customer-adoption #new-customers:last-child:not(:first-child) {
    float: left;
    clear: none; }
  #customer-adoption #new-customers:last-child:not(:first-child) {
    float: right; }

#customer-adoption #existing-customers {
  width: 41.66667%;
  float: left;
  padding-right: 0.71429rem;
  padding-left: 0.71429rem; }
  @media print, screen and (min-width: 40em) {
    #customer-adoption #existing-customers {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
  #customer-adoption #existing-customers, #customer-adoption #existing-customers:last-child:not(:first-child) {
    float: left;
    clear: none; }
  #customer-adoption #existing-customers:last-child:not(:first-child) {
    float: right; }

#customer-adoption #new-customers, #customer-adoption #existing-customers {
  width: 50%;
  text-align: center; }
  #customer-adoption #new-customers .highcharts-container, #customer-adoption #existing-customers .highcharts-container {
    margin: 0 auto; }
  #customer-adoption #new-customers .chart, #customer-adoption #existing-customers .chart {
    height: 300px; }
  #customer-adoption #new-customers .title-container, #customer-adoption #existing-customers .title-container {
    min-height: 80px; }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      #customer-adoption #new-customers .title-container, #customer-adoption #existing-customers .title-container {
        min-height: 91px; } }
  #customer-adoption #new-customers .title, #customer-adoption #existing-customers .title {
    font-weight: bold;
    font-size: x-large;
    margin-bottom: 3px; }
  #customer-adoption #new-customers .timeframe, #customer-adoption #existing-customers .timeframe {
    padding-top: 2px;
    color: #939598;
    line-height: 17px; }
  #customer-adoption #new-customers .page-watermark, #customer-adoption #existing-customers .page-watermark {
    padding-top: 7em;
    margin: 0; }
  #customer-adoption #new-customers .no-data, #customer-adoption #existing-customers .no-data {
    font-size: 1.8em; }

@media screen and (max-width: 39.99875em) {
  #customer-adoption #existing-customers {
    width: 100%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    #customer-adoption #existing-customers {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }

@media screen and (max-width: 39.99875em) {
    #customer-adoption #existing-customers, #customer-adoption #existing-customers:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-adoption #existing-customers:last-child:not(:first-child) {
      float: right; }
  #customer-adoption #new-customers {
    width: 100%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    #customer-adoption #new-customers {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }

@media screen and (max-width: 39.99875em) {
    #customer-adoption #new-customers, #customer-adoption #new-customers:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #customer-adoption #new-customers:last-child:not(:first-child) {
      float: right; }
  #customer-adoption .highcharts-container {
    max-height: 280px;
    overflow: inherit !important; }
  #customer-adoption .no-data {
    font-size: 2em; }
  #customer-adoption .chart-legend .item {
    display: block; } }

#customer-adoption .chart-legend {
  text-align: center;
  padding: 21px; }
  #customer-adoption .chart-legend .item {
    display: inline-block; }
  #customer-adoption .chart-legend span {
    display: inline-block;
    margin-top: 7px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 20px; }
  @media screen and (max-width: 63.99875em) {
    #customer-adoption .chart-legend {
      padding: 15px; } }
  #customer-adoption .chart-legend .opted-out-color, #customer-adoption .chart-legend .some-systems-opted-in-color, #customer-adoption .chart-legend .all-systems-opted-in-color, #customer-adoption .chart-legend .no-systems-color {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #C3C3C3;
    margin-bottom: -3px; }

#site-messages h3 {
  margin-bottom: 15px; }

#site-messages .container, #site-messages div.outer_container, #site-messages div.inner_container {
  padding: 10px;
  display: inline-block;
  width: 100%; }

#site-messages .message-column {
  width: calc(50% - 2px);
  display: inline-block;
  vertical-align: top; }

#site-messages .item {
  padding: 10px; }
  #site-messages .item .item-container {
    padding: 20px;
    position: relative;
    overflow: auto; }
    #site-messages .item .item-container .content {
      display: inline-block;
      width: 100%; }
      #site-messages .item .item-container .content .image {
        cursor: pointer;
        float: left;
        max-width: 50%;
        margin: auto 20px 15px auto; }
        #site-messages .item .item-container .content .image .expand {
          text-align: center;
          background: #767676;
          color: #FFFFFF;
          font-size: .8em;
          padding: 3px;
          text-transform: uppercase; }
        #site-messages .item .item-container .content .image:hover .expand {
          background: #5d5d5d; }
      #site-messages .item .item-container .content .primary-text {
        margin-top: -5px;
        margin-bottom: 5px; }
    #site-messages .item .item-container a {
      float: right;
      border-radius: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 98%; }
    #site-messages .item .item-container.info {
      background-color: #edf5f9; }
    #site-messages .item .item-container.warning {
      background-color: #fdf8ef; }
    #site-messages .item .item-container .primary-text {
      font-weight: bold; }

@media screen and (max-width: 39.99875em) {
  #site-messages .message-column {
    width: 100%; }
  #site-messages .item .item-container .image {
    max-width: 100%;
    width: 100%;
    margin-right: 0; }
    #site-messages .item .item-container .image img {
      width: 100%; }
  #site-messages .item .item-container .primary-text {
    margin-top: 0; } }

#customers-without-coordinates .tooltip-customer-table {
  margin: 2px;
  overflow: hidden;
  border: none;
  max-width: 1000px; }
  #customers-without-coordinates .tooltip-customer-table tr {
    border-bottom: 1px solid #F0EEEC;
    background: #FFFFFF; }
  #customers-without-coordinates .tooltip-customer-table tr:last-of-type {
    border-bottom: none; }
  #customers-without-coordinates .tooltip-customer-table .no-address {
    color: #C3C3C3;
    font-style: italic; }
  #customers-without-coordinates .tooltip-customer-table a {
    color: #2ca3e1; }
  #customers-without-coordinates .tooltip-customer-table .alerts {
    float: none;
    font-size: 14px; }
    #customers-without-coordinates .tooltip-customer-table .alerts > span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  #customers-without-coordinates .tooltip-customer-table .major {
    color: #f0c33b; }
  #customers-without-coordinates .tooltip-customer-table .critical {
    color: #cd3529; }
  #customers-without-coordinates .tooltip-customer-table .alert-icon {
    margin-left: 5px; }
  #customers-without-coordinates .tooltip-customer-table .count {
    font-family: "Source Sans Pro", sans-serif;
    vertical-align: sub;
    margin-left: 5px; }

#customers-without-coordinates .edit-address {
  float: right;
  margin-bottom: 0px; }

#customers-without-coordinates .top-ten-shown {
  margin: 5px;
  font-size: 12px; }

#dealer-list .dealer-info .action {
  display: none; }

#dealer-list .dealer-info:hover .action {
  display: inline-block;
  white-space: normal; }

#dealer-list .title {
  display: inline-block; }

#dealer-list #dealer-list-items {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #dealer-list #dealer-list-items::before, #dealer-list #dealer-list-items::after {
    display: table;
    content: ' '; }
  #dealer-list #dealer-list-items::after {
    clear: both; }
  #dealer-list #dealer-list-items .dealer-info {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 15px;
    padding-top: 15px; }
    #dealer-list #dealer-list-items .dealer-info::before, #dealer-list #dealer-list-items .dealer-info::after {
      display: table;
      content: ' '; }
    #dealer-list #dealer-list-items .dealer-info::after {
      clear: both; }

#dealer-list #dealer-results {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #dealer-list #dealer-results::before, #dealer-list #dealer-results::after {
    display: table;
    content: ' '; }
  #dealer-list #dealer-results::after {
    clear: both; }
  #dealer-list #dealer-results .address {
    width: 25%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      #dealer-list #dealer-results .address {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #dealer-list #dealer-results .address, #dealer-list #dealer-results .address:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #dealer-list #dealer-results .address:last-child:not(:first-child) {
      float: right; }
  #dealer-list #dealer-results .name,
  #dealer-list #dealer-results .phone,
  #dealer-list #dealer-results .last-signed-user {
    width: 16.66667%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 20px; }
    @media print, screen and (min-width: 40em) {
      #dealer-list #dealer-results .name,
      #dealer-list #dealer-results .phone,
      #dealer-list #dealer-results .last-signed-user {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #dealer-list #dealer-results .name, #dealer-list #dealer-results .name:last-child:not(:first-child),
    #dealer-list #dealer-results .phone,
    #dealer-list #dealer-results .phone:last-child:not(:first-child),
    #dealer-list #dealer-results .last-signed-user,
    #dealer-list #dealer-results .last-signed-user:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #dealer-list #dealer-results .name:last-child:not(:first-child),
    #dealer-list #dealer-results .phone:last-child:not(:first-child),
    #dealer-list #dealer-results .last-signed-user:last-child:not(:first-child) {
      float: right; }
  #dealer-list #dealer-results .action {
    width: auto;
    width: 25%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      #dealer-list #dealer-results .action {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #dealer-list #dealer-results .action, #dealer-list #dealer-results .action:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #dealer-list #dealer-results .action:last-child:not(:first-child) {
      float: right; }
    #dealer-list #dealer-results .action .impersonate-dealer {
      position: absolute;
      top: 8px;
      right: 8px; }
    #dealer-list #dealer-results .action .transfer-customer {
      position: absolute;
      border: none;
      color: #767676;
      background-color: #FFFFFF;
      top: 8px;
      right: 120px;
      font-size: 12px;
      padding: 9px 12px;
      border-radius: 5px; }
      #dealer-list #dealer-results .action .transfer-customer:hover {
        background-color: #F9F8F7; }
  #dealer-list #dealer-results .table-header {
    background: #F0EEEC;
    border-radius: 0; }
    #dealer-list #dealer-results .table-header .last-signed-user {
      width: 41.66667%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem;
      border: 0;
      float: left; }
      @media print, screen and (min-width: 40em) {
        #dealer-list #dealer-results .table-header .last-signed-user {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
      #dealer-list #dealer-results .table-header .last-signed-user, #dealer-list #dealer-results .table-header .last-signed-user:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #dealer-list #dealer-results .table-header .last-signed-user:last-child:not(:first-child) {
        float: right; }
  @media screen and (max-width: 63.99875em) {
    #dealer-list #dealer-results #dealer-list-items > .dealer-info div {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      float: none;
      min-height: 0; }
      #dealer-list #dealer-results #dealer-list-items > .dealer-info div, #dealer-list #dealer-results #dealer-list-items > .dealer-info div:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #dealer-list #dealer-results #dealer-list-items > .dealer-info div:last-child:not(:first-child) {
        float: right; }
      #dealer-list #dealer-results #dealer-list-items > .dealer-info div .impersonate-dealer {
        padding: 5px 10px;
        top: 10px;
        right: 5px;
        margin: 0; }
      #dealer-list #dealer-results #dealer-list-items > .dealer-info div .transfer-customer {
        padding: 2px 10px;
        top: 10px;
        right: 110px;
        margin: 0; }
    #dealer-list #dealer-results #dealer-list-items > .dealer-info .name {
      width: calc(100% - 120px); }
    #dealer-list #dealer-results .table-header {
      display: none; } }

#impersonate {
  margin-top: 10px; }

#search-box {
  float: right;
  width: 245px; }

#search-container #submit {
  float: right;
  border-radius: 0;
  height: 39px;
  margin-right: 0; }

#search-container #clear-search {
  float: right;
  margin-bottom: -30px;
  margin-top: 13px;
  margin-right: 10px; }

.connected-status-icon > img {
  height: 18px; }

#device-search-container #devices-search .search {
  display: inline-block;
  width: calc(100% - 80px);
  margin: 0;
  margin-top: 2px; }

#device-search-container #devices-search button[type="submit"].search-submit {
  display: inline-block;
  border-radius: 0;
  height: 39px;
  margin-left: -3px;
  width: 75px; }
  #device-search-container #devices-search button[type="submit"].search-submit .page-spinner {
    width: 25px;
    height: 25px;
    margin-top: -4px;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF; }
  #device-search-container #devices-search button[type="submit"].search-submit:focus {
    outline: none; }

#device-search-container .description {
  color: #939598;
  margin-top: -3px;
  margin-bottom: 30px; }

.search-results #errors {
  font-size: 16px;
  margin-bottom: 30px; }
  .search-results #errors .device-ids {
    color: #cd3529; }

.search-results .status-column-header {
  display: inline-block;
  margin-left: 9px; }
  .search-results .status-column-header .demand-response-status-label {
    margin-left: 330px;
    margin-right: 5px; }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .search-results .status-column-header {
      width: 350px;
      text-align: right; } }
  @media screen and (max-width: 63.99875em) {
    .search-results .status-column-header .demand-response-status-label, .search-results .status-column-header .notes-label {
      display: none; } }
  .search-results .status-column-header .dr-refresh {
    padding: 5px 10px;
    font-size: 13px;
    color: #767676; }
  .search-results .status-column-header .last-updated {
    color: #C3C3C3; }
    @media screen and (max-width: 39.99875em) {
      .search-results .status-column-header .last-updated {
        width: 284px;
        text-align: right; }
        .search-results .status-column-header .last-updated .last-word {
          display: none; } }

.search-results #systems h2 {
  margin-top: 15px;
  margin-right: 15px; }

.search-results #systems ul {
  list-style-type: none;
  margin-left: 0; }
  .search-results #systems ul li.select-all {
    margin-top: 20px; }
    .search-results #systems ul li.select-all label {
      text-transform: uppercase;
      font-weight: bold; }
    @media screen and (max-width: 39.99875em) {
      .search-results #systems ul li.select-all label.checkbox-label {
        margin-right: 10px !important; } }
  .search-results #systems ul li {
    min-height: 2.5rem; }
    @media screen and (max-width: 63.99875em) {
      .search-results #systems ul li {
        margin-top: 10px; } }
    @media screen and (max-width: 39.99875em) {
      .search-results #systems ul li {
        margin-top: 10px;
        border-bottom: 1px solid #F0EEEC; }
        .search-results #systems ul li:first-child {
          padding-bottom: 10px; } }
    .search-results #systems ul li .checkbox-control {
      display: inline-block;
      margin-top: -3px;
      margin-right: 5px; }
      .search-results #systems ul li .checkbox-control .checkbox-indicator::after {
        border-color: #2ca3e1; }
    .search-results #systems ul li .checkbox-label {
      width: 270px;
      display: inline-block;
      margin-left: 4px;
      margin-right: 20px;
      min-width: 62px; }
    .search-results #systems ul li .disconnected-icon {
      height: 18px;
      width: 18px;
      margin: 0 -2px 3px -18px; }
    .search-results #systems ul li .notes-field {
      margin-right: 15px;
      margin-left: 9px;
      padding-left: 5px;
      width: 350px;
      border: 1px solid #dad5d0;
      height: 25px; }
      .search-results #systems ul li .notes-field[disabled] {
        background-color: #FFFFFF; }
      .search-results #systems ul li .notes-field:focus {
        border: 1px solid #C3C3C3;
        outline: none; }
      @media screen and (max-width: 39.99875em) {
        .search-results #systems ul li .notes-field {
          width: 175px;
          margin-right: 0; } }
    .search-results #systems ul li .note-saved, .search-results #systems ul li .note-error {
      display: none;
      margin-right: 16px;
      cursor: default;
      position: relative;
      background-color: #FFFFFF;
      padding: 0 4px; }
      @media screen and (max-width: 39.99875em) {
        .search-results #systems ul li .note-saved, .search-results #systems ul li .note-error {
          margin-right: 0; } }
      .search-results #systems ul li .note-saved i, .search-results #systems ul li .note-error i {
        position: relative;
        top: 1px;
        margin-left: 2px; }
      .search-results #systems ul li .note-saved.visible, .search-results #systems ul li .note-error.visible {
        display: inline-block; }
    .search-results #systems ul li .note-saved {
      margin-left: -81px;
      color: #92c04f; }
      @media screen and (max-width: 39.99875em) {
        .search-results #systems ul li .note-saved {
          margin-left: -66px; } }
    .search-results #systems ul li .note-error {
      margin-left: -72px;
      color: #cd3529; }
      @media screen and (max-width: 39.99875em) {
        .search-results #systems ul li .note-error {
          margin-left: -58px; } }
    .search-results #systems ul li .error, .search-results #systems ul li .not-found {
      font-size: 13px;
      padding: 2px 7px;
      border-radius: 3px;
      font-weight: bold;
      text-transform: uppercase;
      margin-right: 5px;
      cursor: default; }
    .search-results #systems ul li .error {
      background-color: #cd3529;
      color: #FFFFFF; }
    .search-results #systems ul li .not-found {
      background-color: #767676;
      color: #FFFFFF; }
    .search-results #systems ul li .demand-response-status {
      display: inline-block; }
      @media screen and (max-width: 63.99875em) {
        .search-results #systems ul li .demand-response-status {
          display: block;
          margin: 5px 5px 5px 125px; } }
      @media screen and (max-width: 39.99875em) {
        .search-results #systems ul li .demand-response-status {
          width: 300px;
          margin-left: 0;
          margin-bottom: 10px;
          text-align: right; } }
      .search-results #systems ul li .demand-response-status .error {
        background-color: #cd3529;
        font-size: 13px;
        color: #FFFFFF;
        padding: 2px 7px;
        border-radius: 2px;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 5px;
        cursor: default; }
      .search-results #systems ul li .demand-response-status .dr-status {
        display: inline-block;
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: bold;
        margin-right: 0;
        cursor: default; }
        @media screen and (max-width: 39.99875em) {
          .search-results #systems ul li .demand-response-status .dr-status {
            margin-bottom: 5px; } }
        .search-results #systems ul li .demand-response-status .dr-status.scheduled, .search-results #systems ul li .demand-response-status .dr-status.active, .search-results #systems ul li .demand-response-status .dr-status.cancelled, .search-results #systems ul li .demand-response-status .dr-status.opted-out, .search-results #systems ul li .demand-response-status .dr-status.expired {
          border: 2px solid;
          padding: 0 8px;
          border-radius: 12px; }
        .search-results #systems ul li .demand-response-status .dr-status.cancelled, .search-results #systems ul li .demand-response-status .dr-status.opted-out {
          padding: 0 4px 0 8px;
          border-radius: 12px 0 0 12px; }
        .search-results #systems ul li .demand-response-status .dr-status.scheduled {
          border-color: #92c04f;
          color: #92c04f; }
        .search-results #systems ul li .demand-response-status .dr-status.active {
          border-color: #92c04f;
          background-color: #92c04f;
          color: #FFFFFF; }
        .search-results #systems ul li .demand-response-status .dr-status.expired {
          color: #C3C3C3; }
        .search-results #systems ul li .demand-response-status .dr-status.cancelled, .search-results #systems ul li .demand-response-status .dr-status.opted-out, .search-results #systems ul li .demand-response-status .dr-status.expired {
          border-color: #F0EEEC; }
        .search-results #systems ul li .demand-response-status .dr-status.cancelled, .search-results #systems ul li .demand-response-status .dr-status.opted-out {
          background-color: #F0EEEC; }
      .search-results #systems ul li .demand-response-status .not-active {
        color: #C3C3C3; }
      .search-results #systems ul li .demand-response-status .dr-terminated-at {
        display: inline-block;
        padding-left: 5px;
        padding-right: 8px;
        margin-left: -4px;
        border: 2px solid #F0EEEC;
        border-radius: 0 12px 12px 0; }
      .search-results #systems ul li .demand-response-status .dr-timeframe {
        text-transform: uppercase;
        margin-right: 10px; }
        @media screen and (max-width: 39.99875em) {
          .search-results #systems ul li .demand-response-status .dr-timeframe {
            margin-right: 5px;
            display: block;
            margin-bottom: 5px; } }
        .search-results #systems ul li .demand-response-status .dr-timeframe .date {
          color: #939598;
          margin-right: 5px; }
        .search-results #systems ul li .demand-response-status .dr-timeframe .time {
          font-weight: 600; }

.search-results .system-controls button, .search-results .system-controls input, .search-results .system-controls select {
  font-size: 12px;
  font-weight: 700;
  height: 40px; }

.search-results .system-controls button {
  margin-top: 4px; }

.search-results .system-controls .demand-response-group select {
  padding: 0 25px 0 15px;
  width: 110px; }

.search-results .system-controls .demand-response-group .activate {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -4px;
  margin-top: 4px; }

.search-results .system-controls .demand-response-group .stop {
  margin-left: 10px; }

.search-results a.button[disabled] {
  color: black;
  border-color: black;
  pointer-events: none; }

.search-results .primary-button[disabled] {
  background-color: #c1db9a;
  border-color: #c1db9a; }

.search-results .secondary-button[disabled], .search-results .server-error .dismiss-button[disabled], .server-error .search-results .dismiss-button[disabled], .search-results #sys-config-container .toggle-is-editing[disabled], #sys-config-container .search-results .toggle-is-editing[disabled], .search-results .secondary-button[disabled]:hover, .search-results .server-error .dismiss-button[disabled]:hover, .server-error .search-results .dismiss-button[disabled]:hover, .search-results #sys-config-container .toggle-is-editing[disabled]:hover, #sys-config-container .search-results .toggle-is-editing[disabled]:hover {
  color: #c3c3c3;
  background-color: #FFFFFF; }

.csv-download {
  margin-top: 12px; }
  .csv-download .date-picker {
    display: inline-block; }
    .csv-download .date-picker > input {
      display: inline-block;
      height: 40px;
      padding-left: 14px;
      width: 110px; }
    .csv-download .date-picker > i {
      display: inline-block;
      margin-left: -24px;
      font-size: 14px;
      color: #767676;
      font-weight: bold; }
  .csv-download .template {
    display: inline-block; }
    .csv-download .template .download {
      height: 40px;
      border-radius: 0 5px 5px 0;
      line-height: 1.25rem;
      background: white;
      margin-left: 2px; }

.device-list {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  margin-bottom: 15px !important; }
  .device-list::before, .device-list::after {
    display: table;
    content: ' '; }
  .device-list::after {
    clear: both; }
  .device-list .header {
    -moz-border-radius-top-left: 4px;
    -moz-border-radius-top-right: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #939598;
    color: white;
    -webkit-top-left-radius: 4px;
    -webkit-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 38px;
    height: 38px;
    min-height: 38px;
    padding-left: 5px;
    height: 46px; }
    .device-list .header .title {
      font-weight: bold;
      display: inline-block;
      text-transform: uppercase;
      padding-left: 0.313em; }
    .device-list .header .right-area {
      width: 57%;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      display: inline-block;
      height: 100%;
      float: right;
      padding-right: 10px; }
      .device-list .header .right-area .caret {
        font-size: 20px;
        display: block;
        margin-top: 9px; }
      .device-list .header .right-area.alerts-panel {
        position: relative; }
        .device-list .header .right-area.alerts-panel .last-updated-at {
          margin-right: 27px; }
        .device-list .header .right-area.alerts-panel .caret {
          margin-top: 0;
          position: absolute;
          right: 10px;
          top: 9px; }
        @media screen and (max-width: 39.99875em) {
          .device-list .header .right-area.alerts-panel {
            padding-right: 36px; }
            .device-list .header .right-area.alerts-panel .last-updated-at {
              margin-right: 0; } }
      .device-list .header .right-area span, .device-list .header .right-area div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      @media screen and (max-width: 39.99875em) {
        .device-list .header .right-area {
          width: 65%; } }
    .device-list .header .action {
      width: 100%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem;
      padding-top: 5px;
      padding-bottom: 5px;
      line-height: initial; }
      @media print, screen and (min-width: 40em) {
        .device-list .header .action {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
      .device-list .header .action, .device-list .header .action:last-child:not(:first-child) {
        float: left;
        clear: none; }
      .device-list .header .action:last-child:not(:first-child) {
        float: right; }
      .device-list .header .action button {
        min-height: 32px;
        padding-top: 3px;
        padding-bottom: 5px;
        margin-top: 2px; }
        .device-list .header .action button .icon, .device-list .header .action button .icon-left, .device-list .header .action button .icon-right {
          font-size: 18px;
          padding: 0px 10px;
          text-align: left; }
        .device-list .header .action button .icon-left {
          padding-left: 0px; }
        .device-list .header .action button .icon-right {
          padding-right: 0px; }
  .device-list:only-of-type, .device-list:last-of-type {
    margin-bottom: 0px !important; }
  @media screen and (max-width: 39.99875em) {
    .device-list .devices-header {
      display: none; }
    .device-list .device-id {
      width: 100%; } }
  .device-list .device-row, .device-list .devices-header {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto; }
    .device-list .device-row::before, .device-list .device-row::after, .device-list .devices-header::before, .device-list .devices-header::after {
      display: table;
      content: ' '; }
    .device-list .device-row::after, .device-list .devices-header::after {
      clear: both; }
    .device-list .device-row .device-id, .device-list .device-row .model, .device-list .device-row .status, .device-list .devices-header .device-id, .device-list .devices-header .model, .device-list .devices-header .status {
      width: 16.66667%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; }
      @media print, screen and (min-width: 40em) {
        .device-list .device-row .device-id, .device-list .device-row .model, .device-list .device-row .status, .device-list .devices-header .device-id, .device-list .devices-header .model, .device-list .devices-header .status {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
      .device-list .device-row .device-id, .device-list .device-row .device-id:last-child:not(:first-child), .device-list .device-row .model, .device-list .device-row .model:last-child:not(:first-child), .device-list .device-row .status, .device-list .device-row .status:last-child:not(:first-child), .device-list .devices-header .device-id, .device-list .devices-header .device-id:last-child:not(:first-child), .device-list .devices-header .model, .device-list .devices-header .model:last-child:not(:first-child), .device-list .devices-header .status, .device-list .devices-header .status:last-child:not(:first-child) {
        float: left;
        clear: none; }
      .device-list .device-row .device-id:last-child:not(:first-child), .device-list .device-row .model:last-child:not(:first-child), .device-list .device-row .status:last-child:not(:first-child), .device-list .devices-header .device-id:last-child:not(:first-child), .device-list .devices-header .model:last-child:not(:first-child), .device-list .devices-header .status:last-child:not(:first-child) {
        float: right; }
    .device-list .device-row .note, .device-list .devices-header .note {
      width: 25%;
      float: left;
      padding-right: 0.71429rem;
      padding-left: 0.71429rem; }
      @media print, screen and (min-width: 40em) {
        .device-list .device-row .note, .device-list .devices-header .note {
          padding-right: 1.07143rem;
          padding-left: 1.07143rem; } }
      .device-list .device-row .note, .device-list .device-row .note:last-child:not(:first-child), .device-list .devices-header .note, .device-list .devices-header .note:last-child:not(:first-child) {
        float: left;
        clear: none; }
      .device-list .device-row .note:last-child:not(:first-child), .device-list .devices-header .note:last-child:not(:first-child) {
        float: right; }
  @media screen and (max-width: 39.99875em) {
    .device-list .device-id {
      overflow-y: hidden;
      position: relative;
      z-index: 1;
      background-color: #F0EEEC;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
              box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); } }
  .device-list .note {
    width: 25%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      .device-list .note {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    .device-list .note, .device-list .note:last-child:not(:first-child) {
      float: left;
      clear: none; }
    .device-list .note:last-child:not(:first-child) {
      float: right; }
    .device-list .note.editing {
      display: table; }
  .device-list input {
    margin-top: 8px; }
  .device-list input[name=note] {
    width: 100%; }
  .device-list .devices-header {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: hidden;
    position: relative;
    z-index: 1;
    background-color: #F0EEEC; }
    .device-list .devices-header::before, .device-list .devices-header::after {
      display: table;
      content: ' '; }
    .device-list .devices-header::after {
      clear: both; }
    .device-list .devices-header .device-id, .device-list .devices-header .model, .device-list .devices-header .status, .device-list .devices-header .note {
      overflow-y: hidden;
      position: relative;
      z-index: 1;
      background-color: #F0EEEC; }
  .device-list .device-row {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #D2D2D2; }
    .device-list .device-row::before, .device-list .device-row::after {
      display: table;
      content: ' '; }
    .device-list .device-row::after {
      clear: both; }
    .device-list .device-row:nth-child(even) {
      background: #F9F8F7; }
    @media screen and (max-width: 39.99875em) {
      .device-list .device-row .table-field-label {
        width: 41.66667%;
        float: left;
        padding-right: 0.71429rem;
        padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    .device-list .device-row .table-field-label {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
    @media screen and (max-width: 39.99875em) {
        .device-list .device-row .table-field-label, .device-list .device-row .table-field-label:last-child:not(:first-child) {
          float: left;
          clear: none; }
        .device-list .device-row .table-field-label:last-child:not(:first-child) {
          float: right; }
      .device-list .device-row .table-field-value {
        width: 58.33333%;
        float: left;
        padding-right: 0.71429rem;
        padding-left: 0.71429rem; } }
  @media screen and (max-width: 39.99875em) and (min-width: 40em) {
    .device-list .device-row .table-field-value {
      padding-right: 1.07143rem;
      padding-left: 1.07143rem; } }
    @media screen and (max-width: 39.99875em) {
        .device-list .device-row .table-field-value, .device-list .device-row .table-field-value:last-child:not(:first-child) {
          float: left;
          clear: none; }
        .device-list .device-row .table-field-value:last-child:not(:first-child) {
          float: right; } }
  @media screen and (min-width: 40em) {
    .device-list .device-row {
      padding: 10px 0; }
    .device-list .table-field-label {
      display: none; } }

.icon-drawer-state {
  margin-top: 5px;
  font-size: 20px;
  float: left;
  color: #939598; }

.device-panel {
  margin-top: 30px; }

.panel-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-border-radius-bottom-left: 4px;
  -moz-border-radius-bottom-right: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.panel-content-title {
  color: #939598;
  font-weight: bold;
  font-size: .9rem;
  background-color: #F0EEEC;
  border-right: 1px solid white;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); }

.not-opted-in .page-instructions {
  text-align: left; }
  .not-opted-in .page-instructions p {
    margin: 30px 28% 10px 28%;
    font-weight: 600; }
  .not-opted-in .page-instructions ol {
    margin: auto 30% 30px 30%; }
  .not-opted-in .page-instructions img {
    padding: 0 10%;
    max-width: 100%; }
  @media screen and (max-width: 39.99875em) {
    .not-opted-in .page-instructions p {
      margin-left: 0;
      margin-right: 0; }
    .not-opted-in .page-instructions ol {
      margin-left: 7%;
      margin-right: 7%; }
    .not-opted-in .page-instructions img {
      padding: 0;
      max-width: 100%; } }

#system-header {
  margin-top: 5px; }
  #system-header .no-dealer-label {
    margin-top: 24px; }
  #system-header #change-group {
    float: right; }
    #system-header #change-group a {
      font-weight: normal; }

#system-view {
  margin-top: 10px; }
  #system-view .device:not(:last-child) .created-at {
    border-bottom: 1px solid #C3C3C3; }
  #system-view .created-at {
    padding-top: 32px;
    padding-bottom: 3px; }
    #system-view .created-at.unassigned {
      margin-bottom: -24px;
      margin-left: -16px; }
      @media screen and (max-width: 39.99875em) {
        #system-view .created-at.unassigned {
          margin-bottom: -10px;
          margin-top: -72px;
          margin-left: -5px; } }
  @media screen and (max-width: 39.99875em) {
    #system-view .page-watermark {
      margin: 3.3em auto; } }

#customer-list .unassigned-device .customer-info a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-left: 31px;
  max-width: calc(100% - 63px); }
  @media screen and (max-width: 39.99875em) {
    #customer-list .unassigned-device .customer-info a {
      margin-left: 21px; } }

#customer-list .unassigned-device .name {
  max-width: calc(100% - 15px); }
  @media screen and (max-width: 39.99875em) {
    #customer-list .unassigned-device .name {
      max-width: calc(100% - 35px); } }

#customer-list .unassigned-device .name .archive {
  display: inline-block;
  font-size: 17px;
  color: transparent;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  vertical-align: top;
  margin-left: 10px;
  margin-top: 2px; }
  @media screen and (max-width: 39.99875em) {
    #customer-list .unassigned-device .name .archive {
      color: #dfdfdf;
      padding-right: 10px;
      padding-bottom: 10px; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    #customer-list .unassigned-device .name .archive {
      float: right;
      margin-right: 5px; } }
  #customer-list .unassigned-device .name .archive.mobile {
    color: #dfdfdf; }
  #customer-list .unassigned-device .name .archive.hovered {
    color: #dfdfdf; }
    #customer-list .unassigned-device .name .archive.hovered:hover {
      color: #c5c5c5; }

#customer-list .unassigned-device.selected-row .archive {
  color: #edf5f9; }

#customer-container .heading.unassigned, #customer-container .unassigned.h1-tag, #customer-container .unassigned.h2-tag, #customer-container .unassigned.h3-tag, #customer-container .unassigned.h4-tag, #customer-container .unassigned.h5-tag, #customer-container .unassigned.h6-tag {
  display: inline-block; }
  #customer-container .heading.unassigned .customer-name, #customer-container .unassigned.h1-tag .customer-name, #customer-container .unassigned.h2-tag .customer-name, #customer-container .unassigned.h3-tag .customer-name, #customer-container .unassigned.h4-tag .customer-name, #customer-container .unassigned.h5-tag .customer-name, #customer-container .unassigned.h6-tag .customer-name {
    display: inline-block;
    max-width: none;
    float: none; }
  @media screen and (max-width: 39.99875em) {
    #customer-container .heading.unassigned, #customer-container .unassigned.h1-tag, #customer-container .unassigned.h2-tag, #customer-container .unassigned.h3-tag, #customer-container .unassigned.h4-tag, #customer-container .unassigned.h5-tag, #customer-container .unassigned.h6-tag {
      display: block; } }
  #customer-container .heading.unassigned .unassigned-device-name, #customer-container .unassigned.h1-tag .unassigned-device-name, #customer-container .unassigned.h2-tag .unassigned-device-name, #customer-container .unassigned.h3-tag .unassigned-device-name, #customer-container .unassigned.h4-tag .unassigned-device-name, #customer-container .unassigned.h5-tag .unassigned-device-name, #customer-container .unassigned.h6-tag .unassigned-device-name {
    margin-right: 25px; }
  #customer-container .heading.unassigned .archive-device-container, #customer-container .unassigned.h1-tag .archive-device-container, #customer-container .unassigned.h2-tag .archive-device-container, #customer-container .unassigned.h3-tag .archive-device-container, #customer-container .unassigned.h4-tag .archive-device-container, #customer-container .unassigned.h5-tag .archive-device-container, #customer-container .unassigned.h6-tag .archive-device-container {
    display: inline-block;
    margin-top: 20px; }
    @media screen and (max-width: 39.99875em) {
      #customer-container .heading.unassigned .archive-device-container, #customer-container .unassigned.h1-tag .archive-device-container, #customer-container .unassigned.h2-tag .archive-device-container, #customer-container .unassigned.h3-tag .archive-device-container, #customer-container .unassigned.h4-tag .archive-device-container, #customer-container .unassigned.h5-tag .archive-device-container, #customer-container .unassigned.h6-tag .archive-device-container {
        display: block;
        margin-top: 10px; } }

#customer-container .customer-header.unassigned {
  float: right;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }
  #customer-container .customer-header.unassigned .action {
    margin-bottom: 0; }
  @media screen and (max-width: 39.99875em) {
    #customer-container .customer-header.unassigned {
      float: none; } }

#customer-container #system-view.unassigned {
  margin-top: 5.5em; }
  @media screen and (max-width: 39.99875em) {
    #customer-container #system-view.unassigned {
      margin-top: 0; } }

#notification-recipient-list {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #notification-recipient-list::before, #notification-recipient-list::after {
    display: table;
    content: ' '; }
  #notification-recipient-list::after {
    clear: both; }
  #notification-recipient-list span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #notification-recipient-list .notification-recipient-name {
    width: 33.33333%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media print, screen and (min-width: 40em) {
      #notification-recipient-list .notification-recipient-name {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #notification-recipient-list .notification-recipient-name, #notification-recipient-list .notification-recipient-name:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #notification-recipient-list .notification-recipient-name:last-child:not(:first-child) {
      float: right; }
  #notification-recipient-list .notification-recipient-email {
    width: 33.33333%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem;
    text-overflow: ellipsis;
    overflow: hidden; }
    @media print, screen and (min-width: 40em) {
      #notification-recipient-list .notification-recipient-email {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #notification-recipient-list .notification-recipient-email, #notification-recipient-list .notification-recipient-email:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #notification-recipient-list .notification-recipient-email:last-child:not(:first-child) {
      float: right; }
  #notification-recipient-list .notification-recipient-selected-alerts {
    width: 33.33333%;
    float: left;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      #notification-recipient-list .notification-recipient-selected-alerts {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }
    #notification-recipient-list .notification-recipient-selected-alerts, #notification-recipient-list .notification-recipient-selected-alerts:last-child:not(:first-child) {
      float: left;
      clear: none; }
    #notification-recipient-list .notification-recipient-selected-alerts:last-child:not(:first-child) {
      float: right; }
  @media screen and (max-width: 39.99875em) {
    #notification-recipient-list .notification-recipient-list-titles {
      display: none; }
    #notification-recipient-list .notification-recipient > div {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      float: none; }
      #notification-recipient-list .notification-recipient > div, #notification-recipient-list .notification-recipient > div:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #notification-recipient-list .notification-recipient > div:last-child:not(:first-child) {
        float: right; } }
  #notification-recipient-list .pagination-container .pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 30px; }

.notification-recipient-list-titles {
  height: 50px;
  border-radius: 10px; }

.notification-recipient-list-items > div {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 15px;
  padding-top: 15px; }
  .notification-recipient-list-items > div::before, .notification-recipient-list-items > div::after {
    display: table;
    content: ' '; }
  .notification-recipient-list-items > div::after {
    clear: both; }

#edit-notification-recipient-view form.notification-recipient-form .label-with-tooltip {
  float: left;
  margin-right: 10px; }

#edit-notification-recipient-view form.notification-recipient-form .icon-question3 {
  color: #2ca3e1;
  margin-top: 5px;
  display: inline-block; }

#edit-notification-recipient-view form.notification-recipient-form #customer-columns-container label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 15px; }

@media screen and (min-width: 64em) {
  #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto; }
    #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container::before, #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container::after {
      display: table;
      content: ' '; }
    #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container::after {
      clear: both; }
    #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container .customer-column {
      width: 25%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container .customer-column, #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container .customer-column:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container .customer-column:last-child:not(:first-child) {
        float: right; }
      #edit-notification-recipient-view form.notification-recipient-form #customer-columns-container .customer-column:last-child:not(:first-child) {
        float: left; } }

#edit-notification-recipient-view .customer-selection-option {
  margin-left: 15px;
  margin-bottom: 10px; }
  #edit-notification-recipient-view .customer-selection-option label {
    display: inline-block;
    margin-right: 10px; }

#notifications-configuration-view .sortable {
  cursor: pointer; }

#notifications-configuration-view .sort-controls {
  float: right;
  margin-right: 8px;
  margin-top: 15px; }

#notifications-configuration-view .search-container {
  padding-bottom: 2rem; }
  #notifications-configuration-view .search-container::before, #notifications-configuration-view .search-container::after {
    display: table;
    content: ' '; }
  #notifications-configuration-view .search-container::after {
    clear: both; }

@media screen and (min-width: 40em) {
  #notifications-configuration-view .search-form-view {
    width: 25%;
    float: right; } }

#notifications-configuration-view table {
  table-layout: fixed;
  width: 100%; }

#notifications-configuration-view .notification-description {
  display: none; }

#notifications-configuration-view .notification-problem {
  display: none; }

@media screen and (min-width: 64em) {
  #notifications-configuration-view .notification-control {
    width: 12%; }
  #notifications-configuration-view .notification-code,
  #notifications-configuration-view .notification-severity {
    width: 9%; }
  #notifications-configuration-view .notification-description {
    display: table-cell;
    width: 25%; }
  #notifications-configuration-view .notification-problem {
    display: table-cell;
    width: 45%; }
  #notifications-configuration-view .notification-problem-text {
    margin-bottom: 0; }
  #notifications-configuration-view .checkbox-control {
    display: inline-block; } }

#notifications-configuration-view .checkbox-control,
#notifications-configuration-view tr,
#notifications-configuration-view td {
  color: inherit; }

#notifications-configuration-view tr.disabled {
  color: #D2D2D2; }

#notifications-configuration-view .checkbox-control .checkbox-indicator {
  font-size: 2rem;
  position: relative; }

#notifications-configuration-view .checkbox-control input[type="checkbox"]:checked ~ .checkbox-indicator::after {
  opacity: 0; }

#notifications-configuration-view .checkbox-control input[type="checkbox"]:not(:checked) ~ .checkbox-indicator::after {
  background-color: white;
  content: "\E60E";
  font-family: 'Nexia-IcoFont';
  font-size: 1.3rem;
  opacity: 1;
  position: absolute;
  top: 5px;
  left: 6px; }

#notifications-configuration-view .notification-container {
  display: block; }
  #notifications-configuration-view .notification-container .checkbox-control {
    display: inline-block;
    margin-right: 5px; }

#notifications-configuration-view .checkbox-indicator,
#notifications-configuration-view .notification-label {
  display: inline-block;
  vertical-align: middle; }

#notifications-configuration-view .notification-label {
  font-weight: bold; }
  @media screen and (min-width: 40em) {
    #notifications-configuration-view .notification-label {
      display: inline-block; } }

#notifications-configuration-view td.notification-code {
  text-transform: uppercase; }

.notification-policy {
  padding: 0; }
  .notification-policy .notification-policy-header {
    background-color: #C3C3C3;
    padding: 10px; }
  .notification-policy .notification-policy-title {
    color: #000000; }
  .notification-policy .notification-policy-id {
    color: #000000;
    position: absolute;
    right: 10px; }
  .notification-policy .notification-policy-form {
    padding: 10px; }
  .notification-policy .notification-policy-wrapper {
    margin: 0 0 1rem 0; }
    .notification-policy .notification-policy-wrapper .form-element-container {
      padding: 5px; }
    .notification-policy .notification-policy-wrapper .form-radio-label input[type=radio] {
      margin-top: 2px; }
  .notification-policy .notification-policy-input {
    display: inline-block;
    width: 95px;
    vertical-align: middle;
    margin: 0; }
  .notification-policy .notification-policy-label {
    font-weight: bold; }
  .notification-policy .notification-policy-control {
    margin: 0 0 1rem 0; }
  .notification-policy .notification-policy-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    font-weight: bold;
    margin-top: 2px; }
  .notification-policy .notification-policy-send-if {
    display: inline-block;
    vertical-align: top; }
  .notification-policy .policy-send-if-radio {
    margin-top: 7px; }
  .notification-policy .notification-policy-select-wrapper {
    line-height: 0;
    display: inline-block;
    position: relative; }
    .notification-policy .notification-policy-select-wrapper::before {
      margin-left: -20px;
      font-size: 7px;
      position: absolute;
      top: calc(62% - 10px);
      right: calc(23% - 10px);
      z-index: -1;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  @supports (-ms-ime-align: auto) {
    .notification-policy .notification-policy-radio:checked {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  @supports (-ms-ime-align: auto) {
    .notification-policy .notification-policy-radio:checked + .notification-policy-label {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }

#system-view .error {
  float: right;
  padding: 7px 7px 0 0;
  font-size: 1.6rem;
  display: none; }
  #system-view .error.icon-circle {
    margin-left: -2rem;
    color: #cd3529; }

.highcharts-tooltip > span {
  z-index: 1000000000000000; }
  .highcharts-tooltip > span .tooltip-crosshair {
    height: 360px;
    width: 2px;
    background-color: #939598;
    margin-top: -351px; }
  .highcharts-tooltip > span .tooltip-caret {
    background-color: #939598;
    height: 30px;
    width: 30px;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

#alerts-container .panel-header {
  cursor: pointer; }

#alerts-container .minor-alert {
  background-color: #92c04f; }

#alerts-container .major-alert {
  background-color: #f0c33b;
  color: #434343; }

#alerts-container .critical-alert {
  background-color: #cd3529; }

#alerts-container .major-sda-alert {
  background-color: #7332c1; }

#alerts-container .minor-sda-alert {
  background-color: #7332c1; }

#alerts-container h4 {
  padding: 15px;
  color: #C3C3C3;
  font-weight: normal; }

#alerts-container #active-alerts {
  border-bottom: 1px solid #F0EEEC; }
  #alerts-container #active-alerts #alert:nth-child(odd) {
    background: #F9F8F7; }
  @media screen and (max-width: 39.99875em) {
    #alerts-container #active-alerts #alert:nth-child(even) {
      background: #F9F8F7; } }
  @media screen and (max-width: 39.99875em) {
    #alerts-container #active-alerts #alert .event {
      margin-left: 67px; } }

#alerts-container #alert-history {
  padding: 0px 20px 20px 20px; }
  #alerts-container #alert-history #alerts-history-container.device-panel {
    margin-top: 20px; }
  @media screen and (max-width: 39.99875em) {
    #alerts-container #alert-history {
      padding: 0px 15px 15px 15px; }
      #alerts-container #alert-history #alerts-history-container.device-panel {
        margin-top: 15px; } }

#alerts-history-container .panel-header .right-area {
  width: 30px; }

#alerts-history-container .alert-times {
  padding: 10px 15px; }

#alerts-history-container .alert-times, #alerts-history-container .alert-history-day {
  border-bottom: 1px solid #F0EEEC; }

#alerts-history-container .alert-history-day {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  #alerts-history-container .alert-history-day::before, #alerts-history-container .alert-history-day::after {
    display: table;
    content: ' '; }
  #alerts-history-container .alert-history-day::after {
    clear: both; }
  #alerts-history-container .alert-history-day .alert-day .day-summary {
    padding: 10px 0;
    cursor: pointer; }
    #alerts-history-container .alert-history-day .alert-day .day-summary .day {
      display: inline-block;
      margin: 0 10px 0 5px; }
    #alerts-history-container .alert-history-day .alert-day .day-summary .icon-toggle-list-item {
      display: inline-block;
      font-size: 20px;
      color: #939598;
      margin-top: 1px;
      margin-left: 10px; }
    #alerts-history-container .alert-history-day .alert-day .day-summary .severity-counts {
      display: inline; }
      #alerts-history-container .alert-history-day .alert-day .day-summary .severity-counts .severity-count {
        display: inline-block;
        margin-right: 7px; }
        #alerts-history-container .alert-history-day .alert-day .day-summary .severity-counts .severity-count .count, #alerts-history-container .alert-history-day .alert-day .day-summary .severity-counts .severity-count .alert-icon {
          display: inline-block; }
        #alerts-history-container .alert-history-day .alert-day .day-summary .severity-counts .severity-count .count {
          vertical-align: sub;
          margin-left: 4px; }
        #alerts-history-container .alert-history-day .alert-day .day-summary .severity-counts .severity-count .alert-icon {
          width: 14px; }
  #alerts-history-container .alert-history-day .alert-day .critical {
    color: #cd3529; }
  #alerts-history-container .alert-history-day .alert-day .major {
    color: #f0c33b; }
  #alerts-history-container .alert-history-day .alert-day .normal {
    color: #92c04f; }
  #alerts-history-container .alert-history-day .alert-day-alerts {
    margin: 0 20px 0 30px; }
    @media screen and (max-width: 39.99875em) {
      #alerts-history-container .alert-history-day .alert-day-alerts {
        margin-left: 15px; } }
    #alerts-history-container .alert-history-day .alert-day-alerts #alert:nth-child(odd) {
      background: #F9F8F7;
      border-left: none;
      border-right: none; }
      @media screen and (max-width: 39.99875em) {
        #alerts-history-container .alert-history-day .alert-day-alerts #alert:nth-child(odd) {
          background: #F9F8F7; } }
    @media screen and (max-width: 39.99875em) {
      #alerts-history-container .alert-history-day .alert-day-alerts #alert:nth-child(even) {
        background: #F9F8F7; } }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      #alerts-history-container .alert-history-day .alert-day-alerts #alert .alert-label {
        width: 45%;
        float: left;
        padding-right: 0;
        padding-left: 0; }
        #alerts-history-container .alert-history-day .alert-day-alerts #alert .alert-label, #alerts-history-container .alert-history-day .alert-day-alerts #alert .alert-label:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #alerts-history-container .alert-history-day .alert-day-alerts #alert .alert-label:last-child:not(:first-child) {
          float: right; }
      #alerts-history-container .alert-history-day .alert-day-alerts #alert .events {
        width: 55%;
        float: left;
        padding-right: 0;
        padding-left: 0; }
        #alerts-history-container .alert-history-day .alert-day-alerts #alert .events, #alerts-history-container .alert-history-day .alert-day-alerts #alert .events:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #alerts-history-container .alert-history-day .alert-day-alerts #alert .events:last-child:not(:first-child) {
          float: right; } }
    @media screen and (max-width: 39.99875em) {
      #alerts-history-container .alert-history-day .alert-day-alerts #alert .events {
        padding-top: 10px; }
      #alerts-history-container .alert-history-day .alert-day-alerts #alert .event, #alerts-history-container .alert-history-day .alert-day-alerts #alert #unit-specifications {
        margin-left: 10px; }
      #alerts-history-container .alert-history-day .alert-day-alerts #alert .zone-detail {
        padding-left: 10px; } }

#alerts-history-container .expand-history {
  padding: 5px;
  min-height: 57px; }
  #alerts-history-container .expand-history span {
    padding: 10px;
    margin-left: 48%;
    font-size: 21px;
    display: inline-block; }
  #alerts-history-container .expand-history #get-more {
    display: block;
    margin: 8px auto 4px auto;
    padding: 0.7em 1.1em; }
    #alerts-history-container .expand-history #get-more.alerts-by-day {
      margin: 9px auto auto auto; }
  #alerts-history-container .expand-history .available-history-exceeded {
    opacity: 0.5; }
    #alerts-history-container .expand-history .available-history-exceeded:hover {
      background-color: white; }

#alerts-history-container .no-alerts {
  margin-bottom: -46px;
  margin-left: -5px; }

@media screen and (max-width: 39.99875em) {
  #alerts-history-container .expand-history #get-more {
    margin-top: 40px; }
  #alerts-history-container .expand-history .no-alerts {
    margin: -10px 0 -40px 0px;
    text-align: center;
    font-size: 16px;
    padding-bottom: 6px; }
  #alerts-history-container .expand-history #get-more.alerts-by-day {
    margin-top: 7px; } }

.zone-status-container, .system-status-container {
  margin-top: 30px; }

.panel-content .cool .field-value, .panel-content .cooling .field-value {
  color: #5497B3; }

.panel-content .hot .field-value, .panel-content .heating .field-value, .panel-content .heat .field-value {
  color: #9A1920; }

.panel-content .positive .field-value {
  color: #92c04f; }

.panel-content .negative .field-value {
  color: #cd3529; }

.panel-content .compressor-speed span:nth-child(2)::before {
  content: '('; }

.panel-content .compressor-speed span:nth-child(2)::after {
  content: ')'; }

.system-status-container .panel-content {
  padding-bottom: 10px; }
  .system-status-container .panel-content .panel-grid {
    list-style: none;
    margin: 0;
    background-color: #F9F8F7; }
    @media screen and (max-width: 39.99875em) {
      .system-status-container .panel-content .panel-grid {
        max-width: 1400px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .system-status-container .panel-content .panel-grid > li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%;
          padding-right: 0;
          padding-left: 0; } }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .system-status-container .panel-content .panel-grid {
        max-width: 1400px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .system-status-container .panel-content .panel-grid > li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.33333%;
                  flex: 0 0 33.33333%;
          max-width: 33.33333%;
          padding-right: 0;
          padding-left: 0; } }
    @media screen and (min-width: 64em) {
      .system-status-container .panel-content .panel-grid {
        max-width: 1400px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .system-status-container .panel-content .panel-grid > li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 20%;
                  flex: 0 0 20%;
          max-width: 20%;
          padding-right: 0;
          padding-left: 0; } }
    ul.system-status-container .panel-content .panel-grid {
      list-style-type: none;
      margin-left: 0; }
    .system-status-container .panel-content .panel-grid .field {
      margin-top: 12px; }
    .system-status-container .panel-content .panel-grid .block-title {
      color: #939598;
      font-weight: bold;
      font-size: .9rem;
      padding: 9px;
      background-color: #F0EEEC;
      border-left: 1px solid white;
      -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
              box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
      line-height: 1.8; }
    .system-status-container .panel-content .panel-grid > li {
      border-right: 1px solid #F0EEEC; }
      .system-status-container .panel-content .panel-grid > li:nth-child(odd) {
        background-color: #fff; }
    .system-status-container .panel-content .panel-grid ul.block-content {
      list-style-type: none; }
    .system-status-container .panel-content .panel-grid .block-content {
      margin: 0;
      padding: 12px; }
      .system-status-container .panel-content .panel-grid .block-content .field {
        margin-bottom: 12px;
        margin-top: 0; }
      .system-status-container .panel-content .panel-grid .block-content .field-label {
        padding-left: 0 !important; }
    .system-status-container .panel-content .panel-grid > li > div {
      padding-bottom: 10px; }
    .system-status-container .panel-content .panel-grid li {
      min-height: 269px; }
    .system-status-container .panel-content .panel-grid .single-zone .awair {
      width: 138px;
      display: block;
      margin: -22px auto 42px; }
    .system-status-container .panel-content .panel-grid .single-zone .room-iq {
      width: 138px;
      display: block;
      margin: -22px auto; }
    .system-status-container .panel-content .panel-grid .field-value {
      white-space: normal; }
    .system-status-container .panel-content .panel-grid .status .block-title {
      text-align: justify;
      font-size: 0.1px; }
      .system-status-container .panel-content .panel-grid .status .block-title > * {
        display: inline-block;
        font-size: 0.9rem;
        vertical-align: middle; }
      .system-status-container .panel-content .panel-grid .status .block-title::after {
        content: '';
        display: inline-block;
        height: 0;
        width: 100%; }
    .system-status-container .panel-content .panel-grid .status .field:nth-child(n+12),
    .system-status-container .panel-content .panel-grid .outdoor-unit .field:nth-child(n+12),
    .system-status-container .panel-content .panel-grid .indoor-unit .field:nth-child(n+12) {
      display: none; }
    .system-status-container .panel-content .panel-grid.without-outdoor-unit {
      list-style: none;
      margin: 0; }
      @media screen and (max-width: 39.99875em) {
        .system-status-container .panel-content .panel-grid.without-outdoor-unit {
          max-width: 1400px;
          margin-right: auto;
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
          .system-status-container .panel-content .panel-grid.without-outdoor-unit > li {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            max-width: 100%;
            padding-right: 0;
            padding-left: 0; } }
      @media screen and (min-width: 40em) and (max-width: 63.99875em) {
        .system-status-container .panel-content .panel-grid.without-outdoor-unit {
          max-width: 1400px;
          margin-right: auto;
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
          .system-status-container .panel-content .panel-grid.without-outdoor-unit > li {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 33.33333%;
                    flex: 0 0 33.33333%;
            max-width: 33.33333%;
            padding-right: 0;
            padding-left: 0; } }
      @media screen and (min-width: 64em) {
        .system-status-container .panel-content .panel-grid.without-outdoor-unit {
          max-width: 1400px;
          margin-right: auto;
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
          .system-status-container .panel-content .panel-grid.without-outdoor-unit > li {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            max-width: 25%;
            padding-right: 0;
            padding-left: 0; } }
    .system-status-container .panel-content .panel-grid.expand-panel .status .field,
    .system-status-container .panel-content .panel-grid.expand-panel .outdoor-unit .field,
    .system-status-container .panel-content .panel-grid.expand-panel .indoor-unit .field {
      display: block; }
  .system-status-container .panel-content .toggle-panel {
    display: block;
    margin: 15px auto 5px auto; }

.thermostat-box {
  width: 160px;
  border-radius: 10px;
  margin-top: 20px;
  background: #3e4da1;
  text-align: center;
  color: #FFFFFF;
  margin: 0 auto; }
  .thermostat-box.single-zone {
    margin: 40px auto;
    width: 150px; }
  .thermostat-box.multi-zone {
    width: 100%;
    margin-top: 20px;
    max-width: 140px;
    float: left; }
    .thermostat-box.multi-zone .temperature {
      font-size: 1.5rem;
      margin-left: 13px;
      margin-top: 5px; }
    .thermostat-box.multi-zone .relative-humidity {
      font-size: 0.7rem;
      padding-left: 7px; }
      .thermostat-box.multi-zone .relative-humidity:after {
        content: ' RH';
        font-size: 0.75rem; }
  .thermostat-box .outdoor-temp {
    text-transform: capitalize;
    font-size: 0.75rem;
    width: 100%;
    padding-bottom: 5px;
    margin-top: 10px;
    white-space: nowrap;
    text-align: center; }
    .thermostat-box .outdoor-temp span {
      margin-left: 2px;
      font-weight: bold; }
  .thermostat-box .temperature {
    font-size: 2.0rem;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: -5px;
    padding-top: 5px; }
  .thermostat-box .icon-droplet {
    color: #5497B3; }
  .thermostat-box .relative-humidity {
    font-size: 0.75rem;
    padding-left: 14px;
    margin-bottom: 5px; }
    .thermostat-box .relative-humidity:after {
      content: ' RH';
      font-size: 0.75rem; }
  .thermostat-box .setpoints {
    text-align: center;
    float: right;
    margin-right: 8%;
    margin-top: 14px; }
    .thermostat-box .setpoints .heat-setpoint .box, .thermostat-box .setpoints .cool-setpoint .box {
      width: 30px; }
      .thermostat-box .setpoints .heat-setpoint .box span, .thermostat-box .setpoints .cool-setpoint .box span {
        font-weight: bold;
        color: #FFFFFF; }
    .thermostat-box .setpoints .heat-setpoint .box {
      background: #cd3529; }
    .thermostat-box .setpoints .cool-setpoint .box {
      background: #2ca3e1; }

.zone-status-container .panel-content {
  text-transform: uppercase; }
  .zone-status-container .panel-content .panel-grid {
    list-style: none;
    margin: 0;
    background-color: #F9F8F7; }
    @media screen and (max-width: 39.99875em) {
      .zone-status-container .panel-content .panel-grid {
        max-width: 1400px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .zone-status-container .panel-content .panel-grid > li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%;
          padding-right: 0;
          padding-left: 0; } }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .zone-status-container .panel-content .panel-grid {
        max-width: 1400px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .zone-status-container .panel-content .panel-grid > li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
          padding-right: 0;
          padding-left: 0; } }
    @media screen and (min-width: 64em) {
      .zone-status-container .panel-content .panel-grid {
        max-width: 1400px;
        margin-right: auto;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .zone-status-container .panel-content .panel-grid > li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 25%;
                  flex: 0 0 25%;
          max-width: 25%;
          padding-right: 0;
          padding-left: 0; } }
    ul.zone-status-container .panel-content .panel-grid {
      list-style-type: none;
      margin-left: 0; }
    .zone-status-container .panel-content .panel-grid .field {
      margin-top: 12px; }
    .zone-status-container .panel-content .panel-grid .block-title {
      color: #939598;
      font-weight: bold;
      font-size: .9rem;
      padding: 9px;
      background-color: #F0EEEC;
      border-left: 1px solid white;
      -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
              box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
      line-height: 1.8; }
    .zone-status-container .panel-content .panel-grid > li {
      border-right: 1px solid #F0EEEC; }
      .zone-status-container .panel-content .panel-grid > li:nth-child(odd) {
        background-color: #fff; }
    .zone-status-container .panel-content .panel-grid ul.block-content {
      list-style-type: none; }
    .zone-status-container .panel-content .panel-grid .block-content {
      margin: 0;
      padding: 12px; }
      .zone-status-container .panel-content .panel-grid .block-content .field {
        margin-bottom: 12px;
        margin-top: 0; }
      .zone-status-container .panel-content .panel-grid .block-content .field-label {
        padding-left: 0 !important; }
    .zone-status-container .panel-content .panel-grid li {
      border-bottom: 1px solid #C3C3C3; }
    .zone-status-container .panel-content .panel-grid .block-title {
      text-align: center; }
      .zone-status-container .panel-content .panel-grid .block-title .controllingZone {
        width: 29px;
        height: 14px;
        display: inline;
        padding-right: 15px; }
        .zone-status-container .panel-content .panel-grid .block-title .controllingZone .icon-droplet {
          color: #5497B3; }
    .zone-status-container .panel-content .panel-grid .block-content {
      padding: 10px; }

.zone-status-container .system-badges {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: 5px;
  max-width: 140px; }

.zone-status-container .system-badge {
  width: 50%;
  margin: 0 auto; }

.zone-status-container .awair {
  width: 35%;
  margin: 0 auto; }

.damper-humidity, .load-sensor {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto; }
  .damper-humidity::before, .damper-humidity::after, .load-sensor::before, .load-sensor::after {
    display: table;
    content: ' '; }
  .damper-humidity::after, .load-sensor::after {
    clear: both; }

.damper, .multi-zone .thermostat-box-container {
  width: 50%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  width: 50%; }
  .damper, .damper:last-child:not(:first-child), .multi-zone .thermostat-box-container, .multi-zone .thermostat-box-container:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .damper:last-child:not(:first-child), .multi-zone .thermostat-box-container:last-child:not(:first-child) {
    float: right; }

.damper {
  width: 40%;
  margin-left: 8%; }
  .damper .title {
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-size: 0.9rem;
    color: #939598;
    font-weight: 600; }
  .damper .damper-block {
    background: #F0EEEC;
    left: 50%;
    height: 85px;
    width: 85px; }
    .damper .damper-block .zone-fan {
      left: 2px;
      top: 3px;
      width: 20px;
      position: relative; }
    .damper .damper-block .blade {
      display: block;
      position: relative;
      height: auto;
      max-width: 100%;
      top: 11px; }
    .damper .damper-block .icon-right {
      color: #939598;
      top: 25px;
      left: 5px;
      position: relative; }

.load-sensor {
  margin-left: 8%; }
  .load-sensor .row {
    margin-top: 10px;
    font-size: 0.9rem; }
    .load-sensor .row .term {
      min-width: 100px;
      display: inline-block;
      color: #939598;
      font-weight: 600;
      float: left;
      min-width: 45%; }
    .load-sensor .row .description {
      font-weight: bold;
      float: left;
      max-width: 55%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

#alert-tooltip {
  min-width: 330px; }
  #alert-tooltip .severity-bar {
    width: calc(100% + (30px * 2));
    height: 10px;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    #alert-tooltip .severity-bar.minor {
      background: #92c04f; }
    #alert-tooltip .severity-bar.minor-sda {
      background: #7332c1; }
    #alert-tooltip .severity-bar.major {
      background: #f0c33b; }
    #alert-tooltip .severity-bar.major-sda {
      background: #7332c1; }
    #alert-tooltip .severity-bar.critical {
      background: #cd3529; }
  #alert-tooltip .header {
    display: inline-block;
    width: calc(100% - 175px);
    padding-right: 15px;
    margin-top: 10px; }
    #alert-tooltip .header .severity {
      float: left; }
    #alert-tooltip .header .title-info {
      width: calc(100% - 45px);
      line-height: 1.5em;
      font-weight: 600;
      padding-left: 15px; }
      #alert-tooltip .header .title-info .description-label {
        font-size: 1.8em;
        line-height: 1em; }
      #alert-tooltip .header .title-info .code-label {
        color: #939598;
        font-size: 1.4em;
        padding-top: 2px; }
  #alert-tooltip .alert-identifiers {
    float: right;
    text-align: right; }
  #alert-tooltip .zone-detail {
    font-weight: 600;
    color: #939598; }
    #alert-tooltip .zone-detail span {
      color: #4D4D4D; }
  #alert-tooltip .cleared-info {
    font-weight: 600;
    margin-bottom: 10px; }
    #alert-tooltip .cleared-info .status {
      text-transform: uppercase;
      font-weight: bolder;
      color: #939598;
      font-size: 1.2em; }
    #alert-tooltip .cleared-info .occurred-at {
      font-size: 0.9em;
      margin-top: -3px;
      font-weight: 700; }
  #alert-tooltip .alert-identifiers {
    margin-right: -15px;
    margin-top: -12px; }
  #alert-tooltip .alert-description-details {
    font-size: 14px;
    clear: both;
    margin-top: 10px; }
  @media screen and (max-width: 63.99875em) {
    #alert-tooltip .severity-bar {
      width: calc(100% + (20px * 2));
      margin-left: -20px; }
    #alert-tooltip .header {
      margin-top: 0px;
      width: 100%; }
      #alert-tooltip .header .title-info {
        max-width: calc(100% - 100px);
        margin-bottom: 10px; }
        #alert-tooltip .header .title-info .code-label {
          font-size: 1.2em; }
    #alert-tooltip .header .title-info {
      max-width: calc(100% - 50px); }
    #alert-tooltip .alert-identifiers {
      margin-left: 60px;
      float: none;
      text-align: left; }
    #alert-tooltip .cleared-info {
      margin-bottom: 10px;
      margin-right: -6px; }
    #alert-tooltip .unit-specifications {
      padding-top: 0px;
      margin-top: 0;
      float: none; } }
  @media screen and (max-width: 39.99875em) {
    #alert-tooltip .severity-bar {
      margin-top: -20px; } }

.runtime-history-container .panel-content .runtime-history-detail .chart-controls {
  padding: 20px 20px 0px 20px;
  text-align: center; }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls::before, .runtime-history-container .panel-content .runtime-history-detail .chart-controls::after {
    display: table;
    content: ' '; }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls::after {
    clear: both; }
  @media screen and (max-width: 39.99875em) {
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls {
      padding: 20px 0; } }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .date-paginator,
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .date-picker,
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .mode-toggle {
    width: 100%;
    display: inline-block;
    vertical-align: top; }
  @media screen and (min-width: 40em) {
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .date-picker,
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .mode-toggle {
      width: auto; } }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .date-picker {
    text-align: center; }
    @media screen and (min-width: 40em) {
      .runtime-history-container .panel-content .runtime-history-detail .chart-controls .date-picker {
        float: right;
        text-align: right; } }
  @media screen and (min-width: 40em) {
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .mode-toggle {
      float: left; } }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .mode-toggle .button-group {
    display: inline-block;
    padding-left: 4px; }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .dismiss-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .toggle-is-editing {
    border: 1px solid #C3C3C3;
    outline: none;
    font-size: .95rem;
    color: #C3C3C3;
    display: inline-block;
    vertical-align: middle; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button:not(:last-child), .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .dismiss-button:not(:last-child), .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .dismiss-button:not(:last-child), .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .toggle-is-editing:not(:last-child), #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .toggle-is-editing:not(:last-child) {
      margin-right: 2px; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button:hover, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .dismiss-button:hover, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .dismiss-button:hover, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .toggle-is-editing:hover, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .toggle-is-editing:hover {
      color: #4D4D4D; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button.active, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .active.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .active.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .active.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .active.toggle-is-editing {
      background: #D2D2D2;
      color: #4D4D4D; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button.heating, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .heating.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .heating.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .heating.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .heating.toggle-is-editing {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button.cooling, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .cooling.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .cooling.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .cooling.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .cooling.toggle-is-editing {
      margin-left: -6px;
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button.left, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .left.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .left.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .left.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .left.toggle-is-editing {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button.center, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .center.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .center.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .center.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .center.toggle-is-editing {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .secondary-button.right, .runtime-history-container .panel-content .runtime-history-detail .chart-controls .server-error .right.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .chart-controls .right.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail .chart-controls #sys-config-container .right.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .chart-controls .right.toggle-is-editing {
      -webkit-border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .faqs {
    margin: 0px;
    font-variant: normal;
    padding: 8px;
    color: #4D4D4D; }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .refresh {
    margin: 0px;
    font-variant: normal;
    padding: 8px;
    color: #4D4D4D; }
  .runtime-history-container .panel-content .runtime-history-detail .chart-controls .calendar {
    margin: 0px;
    padding: 0px 0px;
    color: #767676;
    font-size: 1.5em;
    position: relative; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .calendar button {
      padding: 1px 8px; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-controls .calendar .icon-caret-down {
      margin-left: 5px; }

.runtime-history-container .panel-content .runtime-history-detail .secondary-button.reset-zoom, .runtime-history-container .panel-content .runtime-history-detail .server-error .reset-zoom.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .reset-zoom.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail #sys-config-container .reset-zoom.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .reset-zoom.toggle-is-editing {
  color: #4D4D4D;
  display: none;
  border: 1px solid #C3C3C3;
  outline: none;
  margin: 0;
  padding: 8px; }
  .runtime-history-container .panel-content .runtime-history-detail .secondary-button.reset-zoom.active, .runtime-history-container .panel-content .runtime-history-detail .server-error .reset-zoom.active.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .reset-zoom.active.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail #sys-config-container .reset-zoom.active.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .reset-zoom.active.toggle-is-editing, .runtime-history-container .panel-content .runtime-history-detail .secondary-button.reset-zoom.visible, .runtime-history-container .panel-content .runtime-history-detail .server-error .reset-zoom.visible.dismiss-button, .server-error .runtime-history-container .panel-content .runtime-history-detail .reset-zoom.visible.dismiss-button, .runtime-history-container .panel-content .runtime-history-detail #sys-config-container .reset-zoom.visible.toggle-is-editing, #sys-config-container .runtime-history-container .panel-content .runtime-history-detail .reset-zoom.visible.toggle-is-editing {
    display: inline-block; }

.runtime-history-container .date-paginator {
  padding-top: 5px;
  height: 60px;
  background-color: white;
  text-align: center; }
  .runtime-history-container .date-paginator .controls {
    display: inline-block; }
    .runtime-history-container .date-paginator .controls .control,
    .runtime-history-container .date-paginator .controls .info {
      display: inline-block;
      vertical-align: middle; }
    .runtime-history-container .date-paginator .controls .control {
      height: 32px;
      font-size: 1.9em;
      color: #767676; }
      .runtime-history-container .date-paginator .controls .control.disabled {
        color: #C3C3C3;
        cursor: default; }
        .runtime-history-container .date-paginator .controls .control.disabled:hover {
          background-color: #FFFFFF; }
      .runtime-history-container .date-paginator .controls .control.page-next, .runtime-history-container .date-paginator .controls .control.page-last {
        padding: 0px 9px 0px 12px; }
      .runtime-history-container .date-paginator .controls .control.page-prev, .runtime-history-container .date-paginator .controls .control.page-first {
        padding: 0px 12px 0px 9px; }
      .runtime-history-container .date-paginator .controls .control:hover {
        background-color: #F9F8F7;
        border-radius: 3px; }
    .runtime-history-container .date-paginator .controls .day {
      text-transform: uppercase;
      font-size: 20px;
      margin-top: 1px; }
      @media screen and (min-width: 40em) {
        .runtime-history-container .date-paginator .controls .day {
          width: 270px; } }
    .runtime-history-container .date-paginator .controls .instructions {
      font-size: 14px;
      color: #939598;
      text-align: center;
      margin-top: 2px; }

.operation-cycles {
  padding-bottom: 30px;
  padding-top: 15px; }
  .operation-cycles table {
    left: 50%;
    margin: 0 auto;
    height: auto;
    border: none;
    font-size: 20px; }
    .operation-cycles table th:first-child {
      -webkit-border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
    .operation-cycles table th:last-child {
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px; }
    .operation-cycles table th {
      border-right: 1px solid #FFFFFF;
      background-color: #F0EEEC;
      height: 50px;
      color: #939598; }
    .operation-cycles table tbody > tr {
      background: #FFFFFF;
      height: 40px;
      border-bottom: 1px solid #f0eeec; }
  .operation-cycles tr.section > td {
    font-weight: bold;
    padding-bottom: 0px;
    color: #767676; }
  .operation-cycles table {
    width: 95%;
    font-size: 14px; }
    .operation-cycles table thead {
      background: none; }
      .operation-cycles table thead th {
        height: 34px; }
    .operation-cycles table tbody {
      border: none; }
      .operation-cycles table tbody tr td:first-child {
        position: relative; }
  .operation-cycles .icon, .operation-cycles .device-list .header .action button .icon-left, .device-list .header .action button .operation-cycles .icon-left, .operation-cycles .device-list .header .action button .icon-right, .device-list .header .action button .operation-cycles .icon-right, .operation-cycles .cell-label {
    float: left; }
  .operation-cycles .icon, .operation-cycles .device-list .header .action button .icon-left, .device-list .header .action button .operation-cycles .icon-left, .operation-cycles .device-list .header .action button .icon-right, .device-list .header .action button .operation-cycles .icon-right {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 25px;
    top: -2px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto; }
  .operation-cycles .cell-label {
    margin-left: 40px;
    width: 75%; }

.runtime-history-container {
  margin-top: 30px; }
  .runtime-history-container .loading {
    padding: 15em 0 0 0; }
    .runtime-history-container .loading .page-spinner {
      margin-top: 0px; }
  .runtime-history-container .chart .loading {
    margin-top: 14px;
    /* helps keep chart size consistent during loading */ }
  .runtime-history-container .chart .page-watermark {
    margin-top: 0;
    padding: 6em 0 10em 0; }
  .runtime-history-container .panel-content {
    min-height: 500px; }
    .runtime-history-container .panel-content .runtime-history-detail .loading {
      padding: 6em 0 0 0; }
    .runtime-history-container .panel-content .runtime-history-detail .chart-content {
      left: 50%;
      margin: 0 auto;
      width: 95%; }
      @media screen and (max-width: 39.99875em) {
        .runtime-history-container .panel-content .runtime-history-detail .chart-content {
          margin: 0;
          width: 100%; } }
      .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart {
        width: 100%; }
        .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart .highcharts-container > span .alert-icon, .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart .highcharts-container > span .alert-icon-background {
          font-size: 1.5rem;
          margin-left: -50%; }
        .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart .highcharts-container > span .alert-icon-background {
          color: white;
          -webkit-text-stroke: 3px white;
          text-shadow: 0px 0px 3px white; }
        .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart .highcharts-container > span .alert-icon {
          margin-top: -100%; }
          .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart .highcharts-container > span .alert-icon.critical {
            color: #cd3529; }
          .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart .highcharts-container > span .alert-icon.major {
            color: #f0c33b; }
          .runtime-history-container .panel-content .runtime-history-detail .chart-content .chart .highcharts-container > span .alert-icon.normal {
            color: #92c04f; }
    .runtime-history-container .panel-content .runtime-history-detail .alert-filter-warning {
      border-radius: 4px;
      position: relative;
      margin-left: 100px;
      margin-right: 100px;
      background-color: #ffffa6;
      padding: 5px 10px;
      text-align: center;
      font-size: .9em;
      margin-bottom: 10px; }
    @media screen and (max-width: 39.99875em) {
      .runtime-history-container .panel-content .runtime-history-detail .alert-filter-warning {
        margin-left: 10px;
        margin-right: 10px; } }
    .runtime-history-container .panel-content .runtime-history-detail .download-csv {
      padding: 10px; }
  .runtime-history-container .rotate-instructions {
    display: none;
    padding: 15px; }
    .runtime-history-container .rotate-instructions img, .runtime-history-container .rotate-instructions span {
      display: inline-block;
      width: 100%;
      text-align: center; }
    .runtime-history-container .rotate-instructions img {
      padding: 30px 50px 0 50px; }
    .runtime-history-container .rotate-instructions span {
      font-weight: bold;
      letter-spacing: 0.4px;
      text-transform: uppercase; }
    .runtime-history-container .rotate-instructions .title {
      padding: 10px 0 8px 0;
      color: #D2D2D2;
      font-size: 38px; }
    .runtime-history-container .rotate-instructions .subtext {
      margin-bottom: 40px;
      color: #767676;
      font-size: 13px; }

.panel-container.mobile-portrait .runtime-history-detail {
  display: none; }

.panel-container.mobile-portrait .rotate-instructions {
  display: inline-block; }

.mobile .runtime-history-container .loading {
  padding: 9em 0 0 0; }

.mobile .runtime-history-container .panel-content {
  min-height: 320px; }
  .mobile .runtime-history-container .panel-content .runtime-history-detail .chart-content .page-watermark {
    padding: 0;
    margin-bottom: 0; }
  .mobile .runtime-history-container .panel-content .runtime-history-detail .chart-content .loading {
    padding: 3em 0 0 0; }

.runtime-history-container .legends {
  border: 3px solid #FFFFFF;
  background-color: #FFFFFF;
  position: relative;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 10px;
  margin: -30px 34px 0 34px;
  overflow: hidden; }
  .runtime-history-container .legends .time {
    display: none;
    font-weight: bold;
    margin-top: -30px;
    width: 100%;
    font-size: 27px;
    text-align: center;
    color: #C3C3C3;
    margin-bottom: -11px; }
  @media screen and (max-width: 63.99875em) {
    .runtime-history-container .legends .stackable-legend-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .runtime-history-container .legends .legend-group {
    padding: 5px;
    margin: 5px;
    border-radius: 5px; }
    .runtime-history-container .legends .legend-group .data {
      margin: auto; }
    .runtime-history-container .legends .legend-group .legend-group-header .legend-label {
      font-weight: bold;
      margin-left: 4px; }
    .runtime-history-container .legends .legend-group .legend-group-header .group-selection-options {
      float: right; }
    .runtime-history-container .legends .legend-group .legend-group-header .selection-options {
      float: right;
      margin-top: -1px; }
    .runtime-history-container .legends .legend-group .legend-group-header .select-label {
      float: left;
      margin-right: 3px;
      color: #939598; }
    .runtime-history-container .legends .legend-group .legend-group-header .selection-option {
      min-width: auto;
      padding: 5px 6px 4px 6px;
      display: inline;
      background: #FFFFFF;
      color: #4D4D4D;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      border: none;
      font-weight: inherit;
      font-size: 13px;
      text-transform: capitalize;
      margin: 0 5px 2px 0; }
      .runtime-history-container .legends .legend-group .legend-group-header .selection-option.all {
        margin-left: 6px;
        margin-right: 0; }
      .runtime-history-container .legends .legend-group .legend-group-header .selection-option:hover, .runtime-history-container .legends .legend-group .legend-group-header .selection-option.selected {
        background: #D2D2D2;
        color: #000000; }
      .runtime-history-container .legends .legend-group .legend-group-header .selection-option:focus {
        outline: none; }
    .runtime-history-container .legends .legend-group .legend-group-body {
      -webkit-border-top-right-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-bottomright: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-top-right-radius: 4px;
      border-top-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-radius: 4px;
      margin-top: 0;
      border: 1px solid #D2D2D2;
      width: auto;
      height: auto;
      padding: 0;
      background-color: #FFFFFF; }
      .runtime-history-container .legends .legend-group .legend-group-body table {
        width: auto;
        margin: 11px 0px 1px 13px; }
        .runtime-history-container .legends .legend-group .legend-group-body table.indoor {
          width: auto; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor th {
            width: 142px; }
            .runtime-history-container .legends .legend-group .legend-group-body table.indoor th.zones-header {
              color: #767676;
              padding-right: 12px;
              text-align: right;
              padding-top: 3px; }
              .runtime-history-container .legends .legend-group .legend-group-body table.indoor th.zones-header div {
                margin: auto; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone {
            margin: 4px 6px 4px 13px; }
            .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column {
              width: 84px; }
              @media screen and (max-width: 63.99875em) {
                .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.eight {
                  width: 52px; }
                  .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.eight .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.eight .heating .pill {
                    margin-left: 7px; }
                .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.seven {
                  width: 61px; }
                  .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.seven .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.seven .heating .pill {
                    margin-left: 12px; }
                .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.six {
                  width: 71px; }
                  .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.six .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.six .heating .pill {
                    margin-left: 17px; }
                .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.five {
                  width: 85px; }
                  .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.five .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column.five .heating .pill {
                    margin-left: 24px; } }
              .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column .zone {
                cursor: pointer;
                font-size: 13px;
                margin-top: 4px;
                overflow: hidden; }
                .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column .zone .description {
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  padding: 0 2px; }
                .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column .zone.selected {
                  font-weight: bold; }
                .runtime-history-container .legends .legend-group .legend-group-body table.indoor.multi-zone .zoned-selection-column .zone.disabled {
                  pointer-events: none;
                  font-weight: normal; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.heating, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .heating.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .heating.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .heating.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .heating.icon-right, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.cooling, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .cooling.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .cooling.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .cooling.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .cooling.icon-right, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.indoor-temp, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-temp.icon-right {
            border-color: #000000; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.heating, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .heating.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .heating.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .heating.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .heating.icon-right {
            height: 2px;
            border: 1px dashed;
            width: 25px;
            margin-right: 4px;
            margin-bottom: 2px; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.cooling, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .cooling.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .cooling.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .cooling.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .cooling.icon-right {
            border-bottom: 2px dotted;
            width: 26px;
            margin-right: 3px;
            margin-bottom: 2px; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.indoor-temp, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-temp.icon-right {
            border-bottom: 3px solid;
            width: 22px;
            margin-bottom: 2px;
            margin-right: 7px; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.indoor-humidity, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-humidity.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-humidity.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-humidity.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-humidity.icon-right {
            background: url("/img/idrh-line.svg") no-repeat;
            margin-right: 10px;
            margin-bottom: 2px;
            height: 3px; }
            .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.indoor-humidity.single-zone, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-humidity.single-zone.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-humidity.single-zone.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .indoor-humidity.single-zone.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .indoor-humidity.single-zone.icon-right {
              background: url("/img/idrh-line-single-zone.svg") no-repeat; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .icon.relieving, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .relieving.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .relieving.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .device-list .header .action button .relieving.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor .legend-item .relieving.icon-right {
            margin-bottom: 0px;
            height: 9px;
            border-radius: 54px;
            background: #939598;
            margin-right: 10px; }
        .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit th {
          width: 140px; }
        .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon-right {
          height: 4px;
          width: 25px;
          margin-bottom: 1px; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon.gas-temp, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .gas-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .gas-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .gas-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .gas-temp.icon-right {
            background: url("/img/gas-temp-line.svg") no-repeat; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon.gas-superheat, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .gas-superheat.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .gas-superheat.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .gas-superheat.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .gas-superheat.icon-right {
            background: url("/img/superheat-line.svg") no-repeat; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon.actual-airflow, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .actual-airflow.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .actual-airflow.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .actual-airflow.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .actual-airflow.icon-right {
            background: url("/img/actual-airflow-line.svg") no-repeat; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon.coil-temp, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .coil-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .coil-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .coil-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .coil-temp.icon-right {
            background: url("/img/evaporator-coil-temp-line.svg") no-repeat; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon.id-supply-air-temp, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .id-supply-air-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .id-supply-air-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .id-supply-air-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .id-supply-air-temp.icon-right {
            border-bottom: 3px solid #d9b0fd; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon.id-return-air-temp, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .id-return-air-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .id-return-air-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .id-return-air-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .id-return-air-temp.icon-right {
            border-bottom: 3px solid #a993cd; }
          .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .icon.id-eev-step, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .id-eev-step.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .id-eev-step.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .device-list .header .action button .id-eev-step.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.indoor-unit .legend-item .id-eev-step.icon-right {
            border-bottom: 3px solid #c5cbff; }
        .runtime-history-container .legends .legend-group .legend-group-body table.outdoor th {
          width: 143px; }
        .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .icon.outdoor-temp, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .device-list .header .action button .outdoor-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .outdoor-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .device-list .header .action button .outdoor-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .outdoor-temp.icon-right {
          border-bottom: 3px solid #ffe300;
          width: 22px;
          margin-bottom: 2px;
          margin-right: 7px; }
        .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .icon.outdoor-humidity, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .device-list .header .action button .outdoor-humidity.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .outdoor-humidity.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .device-list .header .action button .outdoor-humidity.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor .legend-item .outdoor-humidity.icon-right {
          background: url("/img/odrh-line.svg") no-repeat;
          margin-right: 5px;
          margin-bottom: 2px;
          height: 3px;
          width: 25px; }
        .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit th {
          width: 133px; }
        .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon-right {
          height: 4px;
          width: 22px;
          margin-bottom: 2px;
          margin-right: 7px;
          border-bottom: 3px solid; }
          .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon.liquid-pressure, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .liquid-pressure.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .liquid-pressure.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .liquid-pressure.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .liquid-pressure.icon-right {
            border-bottom-color: #b94ec6; }
          .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon.od-liquid-temp, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-liquid-temp.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-liquid-temp.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-liquid-temp.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-liquid-temp.icon-right {
            border-bottom: 3px solid #DF661E;
            width: 22px;
            margin-bottom: 2px;
            margin-right: 7px; }
          .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon.od-subcool, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-subcool.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-subcool.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-subcool.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-subcool.icon-right {
            border-bottom-color: #388E3C; }
          .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon.od-suction-pressure, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-suction-pressure.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-suction-pressure.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-suction-pressure.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-suction-pressure.icon-right {
            border-bottom: 3px solid #00FFFF;
            width: 22px;
            margin-bottom: 2px;
            margin-right: 7px; }
          .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon.suction-temperature, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .suction-temperature.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .suction-temperature.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .suction-temperature.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .suction-temperature.icon-right {
            border-bottom-color: #3f51b5; }
          .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .icon.od-superheat, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-superheat.icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-superheat.icon-left, .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .device-list .header .action button .od-superheat.icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table.outdoor-unit .legend-item .od-superheat.icon-right {
            border-bottom-color: #9A1920; }
        .runtime-history-container .legends .legend-group .legend-group-body table tbody {
          border: none; }
          .runtime-history-container .legends .legend-group .legend-group-body table tbody tr {
            float: left; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column {
              width: 80px; }
              .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .cooling, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .heating, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .cooling, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .heating {
                font-weight: 600; }
                .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .heating .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .heating .pill {
                  margin-left: 23px;
                  border-radius: 5px;
                  width: 37px;
                  color: #FFFFFF; }
              .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column.one .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column.one .heating .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column.one .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column.one .heating .pill {
                margin-left: 20px; }
              .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .cooling, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .cooling {
                margin-top: 6px; }
                .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .cooling .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .cooling .pill {
                  background: #5497B3;
                  border-bottom-left-radius: 0;
                  border-bottom-right-radius: 0; }
              .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .heating, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .heating {
                margin-bottom: 6px; }
                .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.zoned-selection-column .heating .pill, .runtime-history-container .legends .legend-group .legend-group-body table tbody tr.selection-column .heating .pill {
                  background: #9A1920;
                  border-top-left-radius: 0;
                  border-top-right-radius: 0; }
          .runtime-history-container .legends .legend-group .legend-group-body table tbody tr:nth-child(even) {
            background-color: #FFFFFF; }
          .runtime-history-container .legends .legend-group .legend-group-body table tbody th, .runtime-history-container .legends .legend-group .legend-group-body table tbody td {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0;
            display: block;
            height: 28px; }
          .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item {
            white-space: nowrap;
            text-transform: capitalize;
            font-size: 12px;
            font-weight: bold;
            text-overflow: ellipsis;
            cursor: pointer;
            text-align: left; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item.deselected:hover .description {
              font-weight: 600;
              letter-spacing: .12px; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .description {
              margin-left: 5px; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item.no-data {
              will-change: opacity;
              /* Chrome isn't rerendering element on opacity change, so this fixes that issue */
              opacity: 0.4;
              cursor: default; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item.deselected, .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item.no-data {
              font-weight: normal;
              letter-spacing: .31px; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .icon, .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .device-list .header .action button .icon-left, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .icon-left, .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .device-list .header .action button .icon-right, .device-list .header .action button .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .icon-right {
              display: inline-block;
              height: 10px;
              width: 19px;
              margin-right: 5px; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .description {
              display: inline-block;
              white-space: nowrap; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody th .legend-item .description-short-label {
              display: none; }
          .runtime-history-container .legends .legend-group .legend-group-body table tbody td {
            text-align: center; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td i {
              margin: auto; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td .no-data-label {
              margin: auto;
              text-transform: capitalize;
              color: #C3C3C3;
              font-size: 12px; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.selected i {
              cursor: pointer;
              color: #4D4D4D; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.selected .data {
              font-weight: bold; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.selected .no-data-label {
              display: none; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.deselected i {
              cursor: pointer;
              color: #D2D2D2; }
              .runtime-history-container .legends .legend-group .legend-group-body table tbody td.deselected i:hover {
                color: #767676; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.deselected .data.cooling .pill {
              background: #9bc2d2; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.deselected .data.heating .pill {
              background: #c78588; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.deselected .no-data-label {
              display: none; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.no-data i {
              display: none;
              pointer-events: none; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.no-data .data {
              display: none; }
            .runtime-history-container .legends .legend-group .legend-group-body table tbody td.no-data .no-data-label {
              display: block; }
    .runtime-history-container .legends .legend-group .legend-group-ancillary {
      font-size: 14px;
      margin-top: 4px;
      margin-bottom: 4px; }
      .runtime-history-container .legends .legend-group .legend-group-ancillary tbody {
        border: none; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr {
          float: left; }
          .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column {
            width: 80px;
            padding: 0;
            font-size: 13px; }
            .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column .mode, .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column .status {
              text-transform: capitalize; }
            .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column.multi-zone {
              width: 84px; }
              .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column.multi-zone.eight {
                width: 84px; }
              @media screen and (max-width: 63.99875em) {
                .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column.multi-zone.eight {
                  width: 52px; }
                .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column.multi-zone.seven {
                  width: 61px; }
                .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column.multi-zone.six {
                  width: 71px; }
                .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr.values-column.multi-zone.five {
                  width: 85px; } }
          .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr th .ancillary-label {
            font-size: 12px;
            margin: auto auto auto 37px; }
            .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr th .ancillary-label.damper-position .short-label, .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr th .ancillary-label.furnace-speed .short-label {
              display: none; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary tbody tr:nth-child(even) {
          background-color: #FFFFFF; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary tbody th, .runtime-history-container .legends .legend-group .legend-group-ancillary tbody td {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding: 0;
          display: block;
          height: 28px; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary tbody th {
          text-align: left; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary tbody td {
          text-align: center; }
      .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary {
        height: 60px; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary.multi-zone {
          height: 85px; }
          @media screen and (max-width: 63.99875em) {
            .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary.multi-zone table.indoor th {
              width: 90px; }
              .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary.multi-zone table.indoor th .damper-position, .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary.multi-zone table.indoor th .furnace-speed {
                margin-left: 32px; }
              .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary.multi-zone table.indoor th .standard-label {
                display: none; }
              .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary.multi-zone table.indoor th .short-label {
                display: block; } }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary table.indoor {
          margin-bottom: 3px; }
          .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary table.indoor .zoned-labels, .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary table.indoor .furnace-speed-label {
            padding-left: 14px; }
          .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary table.indoor th {
            width: 142px; }
          .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary table.indoor.furnace-speed .furnace-speed-data {
            margin: auto; }
          .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary table.indoor.furnace-speed:before {
            display: block;
            clear: both;
            content: "";
            position: relative;
            left: 20px;
            bottom: 0;
            height: 1px;
            width: 88%;
            border-bottom: 1px solid #D2D2D2;
            margin-bottom: 2px; }
          .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-ancillary table.indoor.furnace-speed.multi-zone:before {
            width: 95%; }
      .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-unit-ancillary {
        height: 80px;
        margin-left: 14px; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.indoor-unit-ancillary th {
          width: 133px; }
      .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-unit-ancillary {
        height: 15px;
        margin-left: 14px; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-unit-ancillary th {
          width: 143px; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-unit-ancillary td > .data > span:nth-child(2)::before {
          content: '('; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-unit-ancillary td > .data > span:nth-child(2)::after {
          content: ')'; }
      .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-ancillary {
        height: 15px;
        margin-left: 14px; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-ancillary th {
          width: 143px; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-ancillary td > .data > span:nth-child(2)::before {
          content: '('; }
        .runtime-history-container .legends .legend-group .legend-group-ancillary.outdoor-ancillary td > .data > span:nth-child(2)::after {
          content: ')'; }
    .runtime-history-container .legends .legend-group.outdoor-unit-legend {
      min-width: 270px; }
      .runtime-history-container .legends .legend-group.outdoor-unit-legend table tbody .selection-column {
        margin-left: 20px;
        width: 100px; }
      .runtime-history-container .legends .legend-group.outdoor-unit-legend .outdoor-unit-ancillary table tbody tr.values-column {
        width: 100px; }

@media screen and (max-width: 63.99875em) {
  .runtime-history-container .legends {
    margin: -30px 0 20px 0; }
    .runtime-history-container .legends .legend-group {
      width: auto; }
      .runtime-history-container .legends .legend-group .legend-label {
        margin-right: 15px; }
  .runtime-history-container .indoor-legend .legend-group-body .zones-header {
    margin: auto; }
  .runtime-history-container .indoor-legend .legend-group-body table.indoor.multi-zone th {
    width: 90px; }
  .runtime-history-container .indoor-legend .legend-group-body table.indoor.multi-zone .legend-item .description {
    display: none; }
  .runtime-history-container .indoor-legend .legend-group-body table.indoor.multi-zone .legend-item .description-short-label {
    display: inline-block; } }

@media screen and (max-width: 39.99875em) {
  .runtime-history-container .legends {
    padding: 25px 0 0 0; } }

.runtime-history-container .legends.tooltip-active {
  border: 3px solid #939598;
  border-radius: 5px;
  -webkit-box-shadow: 4px 4px 4px -4px #939598, 4px 4px 4px -4px #939598, -4px 4px 4px -4px #939598;
          box-shadow: 4px 4px 4px -4px #939598, 4px 4px 4px -4px #939598, -4px 4px 4px -4px #939598; }
  .runtime-history-container .legends.tooltip-active .time {
    display: block; }

body:not(.mobile) .runtime-history-container .legends .legend-group.indoor-legend.eight {
  min-width: 537px; }

body:not(.mobile) .runtime-history-container .legends .legend-group.indoor-legend.seven, body:not(.mobile) .runtime-history-container .legends .legend-group.indoor-legend.six, body:not(.mobile) .runtime-history-container .legends .legend-group.indoor-legend.five {
  min-width: 548px; }

body:not(.mobile) .runtime-history-container .legends .legend-group.indoor-legend.four {
  min-width: 479px; }

body:not(.mobile) .runtime-history-container .legends .legend-group.indoor-legend.three {
  min-width: 387px; }

body:not(.mobile) .runtime-history-container .legends .legend-group.indoor-legend.two {
  min-width: 295px; }

#alert .alert {
  border-top: 1px solid #F0EEEC; }
  #alert .alert .alert-attributes {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
    padding: 5px 0; }
    #alert .alert .alert-attributes::before, #alert .alert .alert-attributes::after {
      display: table;
      content: ' '; }
    #alert .alert .alert-attributes::after {
      clear: both; }
    #alert .alert .alert-attributes .alert-details {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      display: inline-block;
      margin-top: 5px;
      margin-bottom: 5px; }
      #alert .alert .alert-attributes .alert-details, #alert .alert .alert-attributes .alert-details:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #alert .alert .alert-attributes .alert-details:last-child:not(:first-child) {
        float: right; }
      #alert .alert .alert-attributes .alert-details .alert-label {
        width: 41.66667%;
        float: left;
        padding-right: 0;
        padding-left: 0; }
        #alert .alert .alert-attributes .alert-details .alert-label, #alert .alert .alert-attributes .alert-details .alert-label:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #alert .alert .alert-attributes .alert-details .alert-label:last-child:not(:first-child) {
          float: right; }
        #alert .alert .alert-attributes .alert-details .alert-label .icon-toggle-list-item {
          display: inline-block;
          color: #939598;
          font-size: 20px;
          margin-top: 5px;
          margin-left: 10px; }
        #alert .alert .alert-attributes .alert-details .alert-label .severity, #alert .alert .alert-attributes .alert-details .alert-label .title-info {
          display: inline-block; }
        #alert .alert .alert-attributes .alert-details .alert-label .title-info {
          width: calc(100% - 70px);
          line-height: 1.25em; }
          #alert .alert .alert-attributes .alert-details .alert-label .title-info .description-label {
            color: #4D4D4D;
            text-transform: capitalize;
            font-weight: 600; }
          #alert .alert .alert-attributes .alert-details .alert-label .title-info .code-label {
            font-weight: 700;
            color: #939598; }
      #alert .alert .alert-attributes .alert-details .events {
        width: 20.83333%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        float: right !important;
        text-align: right;
        color: #939598; }
        #alert .alert .alert-attributes .alert-details .events, #alert .alert .alert-attributes .alert-details .events:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #alert .alert .alert-attributes .alert-details .events:last-child:not(:first-child) {
          float: right; }
        #alert .alert .alert-attributes .alert-details .events .event {
          margin-right: 10px; }
        #alert .alert .alert-attributes .alert-details .events .occurred-at-container {
          color: #4D4D4D;
          font-weight: 600; }
        #alert .alert .alert-attributes .alert-details .events .title, #alert .alert .alert-attributes .alert-details .events .occurred-at, #alert .alert .alert-attributes .alert-details .events .cleared-at {
          display: inline-block; }
        #alert .alert .alert-attributes .alert-details .events .title {
          float: left; }
        #alert .alert .alert-attributes .alert-details .events .cleared-by, #alert .alert .alert-attributes .alert-details .events .cleared-at {
          color: #4D4D4D; }
        #alert .alert .alert-attributes .alert-details .events .cleared-by {
          display: inline-block;
          vertical-align: top;
          padding-top: 2px;
          margin-right: 2px;
          margin-left: 2px;
          font-size: 16px; }
          #alert .alert .alert-attributes .alert-details .events .cleared-by.icon-snapshot-received {
            font-size: 15px; }
        #alert .alert .alert-attributes .alert-details .events .icon-display-day-rth {
          margin-left: 2px;
          font-size: 12px; }
        #alert .alert .alert-attributes .alert-details .events .occurred-at:hover, #alert .alert .alert-attributes .alert-details .events .cleared-at:hover {
          color: #3e4da1; }
      #alert .alert .alert-attributes .alert-details .unit-specifications {
        width: 16.66667%;
        float: left;
        padding-right: 0;
        padding-left: 0; }
        #alert .alert .alert-attributes .alert-details .unit-specifications, #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
          float: right; }
        #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
          float: left; }
      #alert .alert .alert-attributes .alert-details .zone-detail {
        width: 16.66667%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        color: #939598;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        #alert .alert .alert-attributes .alert-details .zone-detail, #alert .alert .alert-attributes .alert-details .zone-detail:last-child:not(:first-child) {
          float: left;
          clear: none; }
        #alert .alert .alert-attributes .alert-details .zone-detail:last-child:not(:first-child) {
          float: right; }
        #alert .alert .alert-attributes .alert-details .zone-detail span {
          color: #4D4D4D;
          font-weight: 600; }
      @media screen and (max-width: 63.99875em) {
        #alert .alert .alert-attributes .alert-details .alert-label {
          width: 62.5%;
          float: left;
          padding-right: 0;
          padding-left: 0; }
          #alert .alert .alert-attributes .alert-details .alert-label, #alert .alert .alert-attributes .alert-details .alert-label:last-child:not(:first-child) {
            float: left;
            clear: none; }
          #alert .alert .alert-attributes .alert-details .alert-label:last-child:not(:first-child) {
            float: right; }
        #alert .alert .alert-attributes .alert-details .events {
          width: 37.5%;
          float: left;
          padding-right: 0;
          padding-left: 0; }
          #alert .alert .alert-attributes .alert-details .events, #alert .alert .alert-attributes .alert-details .events:last-child:not(:first-child) {
            float: left;
            clear: none; }
          #alert .alert .alert-attributes .alert-details .events:last-child:not(:first-child) {
            float: right; }
        #alert .alert .alert-attributes .alert-details .unit-specifications {
          width: 100%;
          float: left;
          padding-right: 0;
          padding-left: 0; }
          #alert .alert .alert-attributes .alert-details .unit-specifications, #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
            float: left;
            clear: none; }
          #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
            float: right; }
          #alert .alert .alert-attributes .alert-details .unit-specifications #unit-specifications {
            margin-left: 67px;
            padding-top: 10px;
            line-height: 1.3em; }
          #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
            float: left; }
        #alert .alert .alert-attributes .alert-details .zone-detail {
          width: 100%;
          float: left;
          padding-right: 0;
          padding-left: 0;
          text-align: left;
          padding-left: 67px;
          padding-top: 10px; }
          #alert .alert .alert-attributes .alert-details .zone-detail, #alert .alert .alert-attributes .alert-details .zone-detail:last-child:not(:first-child) {
            float: left;
            clear: none; }
          #alert .alert .alert-attributes .alert-details .zone-detail:last-child:not(:first-child) {
            float: right; } }
      @media screen and (max-width: 39.99875em) {
        #alert .alert .alert-attributes .alert-details {
          padding-left: 0; }
          #alert .alert .alert-attributes .alert-details .alert-label {
            width: 100%;
            float: left;
            padding-right: 0;
            padding-left: 0; }
            #alert .alert .alert-attributes .alert-details .alert-label, #alert .alert .alert-attributes .alert-details .alert-label:last-child:not(:first-child) {
              float: left;
              clear: none; }
            #alert .alert .alert-attributes .alert-details .alert-label:last-child:not(:first-child) {
              float: right; }
          #alert .alert .alert-attributes .alert-details .events {
            width: 100%;
            float: left;
            padding-right: 0;
            padding-left: 0;
            line-height: 1.4em;
            margin-top: -5px; }
            #alert .alert .alert-attributes .alert-details .events, #alert .alert .alert-attributes .alert-details .events:last-child:not(:first-child) {
              float: left;
              clear: none; }
            #alert .alert .alert-attributes .alert-details .events:last-child:not(:first-child) {
              float: right; }
            #alert .alert .alert-attributes .alert-details .events .event {
              float: left;
              width: 100%;
              text-align: left;
              margin-left: 57px; }
              #alert .alert .alert-attributes .alert-details .events .event.occurred-at-container {
                padding-bottom: 0; }
              #alert .alert .alert-attributes .alert-details .events .event .cleared-by {
                margin-left: 0; }
          #alert .alert .alert-attributes .alert-details .unit-specifications {
            width: 100%;
            float: left;
            padding-right: 0;
            padding-left: 0; }
            #alert .alert .alert-attributes .alert-details .unit-specifications, #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
              float: left;
              clear: none; }
            #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
              float: right; }
            #alert .alert .alert-attributes .alert-details .unit-specifications #unit-specifications {
              margin-left: 67px; }
            #alert .alert .alert-attributes .alert-details .unit-specifications:last-child:not(:first-child) {
              float: left; }
          #alert .alert .alert-attributes .alert-details .alert-date {
            margin-top: 5px; } }
  #alert .alert .toggle-content {
    margin-left: 68px;
    margin-right: 10px;
    padding-bottom: 10px; }
    #alert .alert .toggle-content .info-title {
      margin-bottom: 4px;
      font-weight: 600; }
    #alert .alert .toggle-content .problems {
      padding-top: 12px;
      border-top: 1px solid #F0EEEC; }
    #alert .alert .toggle-content ul {
      margin-left: 25px; }
      #alert .alert .toggle-content ul.single-item {
        margin-left: 10px; }
    @media screen and (max-width: 63.99875em) {
      #alert .alert .toggle-content {
        margin-left: 67px; } }
    @media screen and (max-width: 39.99875em) {
      #alert .alert .toggle-content {
        margin-left: 10px; } }

#unit-specifications {
  color: #939598; }
  #unit-specifications .unit-type, #unit-specifications .serial-id, #unit-specifications .zone-id {
    color: #4D4D4D; }
  #unit-specifications .unit-type {
    font-weight: 600; }

@media screen and (min-width: 40em) {
  #sys-config-container .mobile-content {
    display: none; } }

@media screen and (max-width: 39.99875em) {
  #sys-config-container .right-area, #sys-config-container .desktop-content {
    display: none; } }

#sys-config-container .panel-content .panel-grid {
  list-style: none;
  margin: 0;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  background-color: #F9F8F7;
  width: 100%; }
  @media screen and (max-width: 39.99875em) {
    #sys-config-container .panel-content .panel-grid {
      max-width: 1400px;
      margin-right: auto;
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      #sys-config-container .panel-content .panel-grid > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    #sys-config-container .panel-content .panel-grid {
      max-width: 1400px;
      margin-right: auto;
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      #sys-config-container .panel-content .panel-grid > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
        padding-right: 0;
        padding-left: 0; } }
  @media screen and (min-width: 64em) {
    #sys-config-container .panel-content .panel-grid {
      max-width: 1400px;
      margin-right: auto;
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      #sys-config-container .panel-content .panel-grid > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
        padding-right: 0;
        padding-left: 0; } }
  #sys-config-container .panel-content .panel-grid::before, #sys-config-container .panel-content .panel-grid::after {
    display: table;
    content: ' '; }
  #sys-config-container .panel-content .panel-grid::after {
    clear: both; }
  ul#sys-config-container .panel-content .panel-grid {
    list-style-type: none;
    margin-left: 0; }
  #sys-config-container .panel-content .panel-grid .field {
    margin-top: 12px; }
  #sys-config-container .panel-content .panel-grid .block-title {
    color: #939598;
    font-weight: bold;
    font-size: .9rem;
    padding: 9px;
    background-color: #F0EEEC;
    border-left: 1px solid white;
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
    line-height: 1.8; }
  #sys-config-container .panel-content .panel-grid > li {
    border-right: 1px solid #F0EEEC; }
    #sys-config-container .panel-content .panel-grid > li:nth-child(odd) {
      background-color: #fff; }
  #sys-config-container .panel-content .panel-grid ul.block-content {
    list-style-type: none; }
  #sys-config-container .panel-content .panel-grid .block-content {
    margin: 0;
    padding: 12px; }
    #sys-config-container .panel-content .panel-grid .block-content .field {
      margin-bottom: 12px;
      margin-top: 0; }
    #sys-config-container .panel-content .panel-grid .block-content .field-label {
      padding-left: 0 !important; }
  #sys-config-container .panel-content .panel-grid > li {
    min-height: 280px;
    border-bottom: 1px solid #C3C3C3;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

#sys-config-container .panel-header .right-area {
  width: 35%; }

#sys-config-container .toggle-is-editing {
  float: right;
  margin: 5px 6px;
  min-width: 80px;
  padding-top: 7px;
  padding-bottom: 6px; }

#sys-config-container.is-editing .toggle-is-editing {
  border: 2px solid #92c04f;
  padding-top: 6px;
  padding-bottom: 5px; }

#sys-config-container .indoor-unit .field-control, #sys-config-container .indoor-unit .field-value {
  width: 30%; }

#sys-config-container .accessories .field-value {
  float: left; }

#sys-config-container .misc-settings .field-label {
  width: 50%; }

#sys-config-container .misc-settings .field-control, #sys-config-container .misc-settings .field-value {
  width: 50%; }

.shutdown-devices-container .icon-plus {
  font-size: 14px;
  font-weight: bold; }

.shutdown-devices-container .add-button > * {
  display: inline-block;
  vertical-align: bottom; }

.shutdown-devices-container .remove-device {
  width: 4.16667%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  padding-top: 6px; }
  .shutdown-devices-container .remove-device, .shutdown-devices-container .remove-device:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .shutdown-devices-container .remove-device:last-child:not(:first-child) {
    float: right; }

.shutdown-devices-container .select-device-type {
  width: 54.16667%;
  float: left;
  padding-right: 0;
  padding-left: 0;
  padding-left: 5px;
  padding-right: 5px; }
  .shutdown-devices-container .select-device-type, .shutdown-devices-container .select-device-type:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .shutdown-devices-container .select-device-type:last-child:not(:first-child) {
    float: right; }

.shutdown-devices-container .select-wiring-method {
  width: 41.66667%;
  float: left;
  padding-right: 0;
  padding-left: 0; }
  .shutdown-devices-container .select-wiring-method, .shutdown-devices-container .select-wiring-method:last-child:not(:first-child) {
    float: left;
    clear: none; }
  .shutdown-devices-container .select-wiring-method:last-child:not(:first-child) {
    float: right; }

.shutdown-devices-container .select-device-type .field-control,
.shutdown-devices-container .select-wiring-method .field-control {
  width: 100%; }

@media screen and (min-width: 40em) {
  #sys-components-container .mobile-content {
    display: none; } }

@media screen and (max-width: 39.99875em) {
  #sys-components-container .desktop-content {
    display: none; } }

#sys-components-container .mobile-content .field:last-child {
  margin-bottom: 12px; }

#sys-components-container .mobile-content .field-value, #sys-components-container .mobile-content .field-label {
  width: 50%; }
  #sys-components-container .mobile-content .field-value > div, #sys-components-container .mobile-content .field-label > div {
    padding: 0; }

#sys-components-container .mobile-content .edit {
  float: right;
  margin: -6px; }

#sys-components-container .mobile-content.edit-mode .field-value {
  width: 100%;
  margin-top: 5px; }

#sys-components-container .delete {
  float: right; }

#sys-components-container .submit .button-spinner, #sys-components-container .delete .button-spinner {
  padding: 0; }

#sys-components-container .button-container {
  min-width: 160px;
  padding: 0;
  border: none;
  height: auto; }

#sys-components-container .loading {
  padding: 20px 0 20px 0; }
  #sys-components-container .loading .page-spinner {
    margin-top: 0;
    margin-bottom: 0; }

#sys-components-container .right-area {
  width: auto;
  display: none; }
  @media screen and (min-width: 40em) {
    #sys-components-container .right-area {
      display: block; } }
  #sys-components-container .right-area abbr {
    cursor: inherit;
    border: none;
    text-decoration: none;
    font-size: inherit;
    text-transform: inherit;
    color: inherit; }
    #sys-components-container .right-area abbr span {
      display: inline; }
    #sys-components-container .right-area abbr::before {
      content: ''; }
    @media screen and (min-width: 64em) {
      #sys-components-container .right-area abbr span {
        display: none; }
      #sys-components-container .right-area abbr::before {
        content: attr(title); } }

#sys-components-container .button-container {
  vertical-align: top; }
  @media screen and (max-width: 39.99875em) {
    #sys-components-container .button-container {
      margin-top: 15px;
      margin-bottom: 10px; } }

#sys-components-container .component-row {
  display: table-row; }
  @media screen and (max-width: 39.99875em) {
    #sys-components-container .component-row {
      display: block; } }
  #sys-components-container .component-row > div {
    vertical-align: top; }
    @media screen and (min-width: 40em) {
      #sys-components-container .component-row > div {
        display: table-cell;
        padding: 10px; } }
  #sys-components-container .component-row .button-container {
    padding-top: 12px; }
    #sys-components-container .component-row .button-container button {
      margin: 0; }
    #sys-components-container .component-row .button-container button:first-child {
      margin-right: 5px; }

#sys-components-container table th {
  background: #F0EEEC;
  color: #939598;
  border-left: 1px solid white; }
  @media screen and (max-width: 39.99875em) {
    #sys-components-container table th {
      display: none; } }

#sys-components-container table th:first-child {
  border-left: none; }

#sys-components-container table tbody .component-row:first-child {
  display: table-row; }
  @media screen and (max-width: 39.99875em) {
    #sys-components-container table tbody .component-row:first-child {
      display: block; } }

#sys-components-container table tbody .placeholder {
  display: table-row;
  height: 20px; }

#sys-components-container table tbody input {
  margin-bottom: 0; }

#sys-components-container .panel-grid {
  list-style: none;
  margin: 0;
  background-color: #F9F8F7; }
  @media screen and (min-width: 40em) {
    #sys-components-container .panel-grid {
      display: none !important;
      visibility: hidden !important; } }
  @media screen and (max-width: 39.99875em) {
    #sys-components-container .panel-grid {
      max-width: 1400px;
      margin-right: auto;
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      #sys-components-container .panel-grid > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    #sys-components-container .panel-grid {
      max-width: 1400px;
      margin-right: auto;
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      #sys-components-container .panel-grid > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
        padding-right: 0;
        padding-left: 0; } }
  @media screen and (min-width: 64em) {
    #sys-components-container .panel-grid {
      max-width: 1400px;
      margin-right: auto;
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      #sys-components-container .panel-grid > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
        padding-right: 0;
        padding-left: 0; } }
  ul#sys-components-container .panel-grid {
    list-style-type: none;
    margin-left: 0; }
  #sys-components-container .panel-grid .field {
    margin-top: 12px; }
  #sys-components-container .panel-grid .block-title {
    color: #939598;
    font-weight: bold;
    font-size: .9rem;
    padding: 9px;
    background-color: #F0EEEC;
    border-left: 1px solid white;
    -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
            box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
    line-height: 1.8; }
  #sys-components-container .panel-grid > li {
    border-right: 1px solid #F0EEEC; }
    #sys-components-container .panel-grid > li:nth-child(odd) {
      background-color: #fff; }
  #sys-components-container .panel-grid ul.block-content {
    list-style-type: none; }
  #sys-components-container .panel-grid .block-content {
    margin: 0;
    padding: 12px; }
    #sys-components-container .panel-grid .block-content .field {
      margin-bottom: 12px;
      margin-top: 0; }
    #sys-components-container .panel-grid .block-content .field-label {
      padding-left: 0 !important; }
  #sys-components-container .panel-grid .block-title {
    min-height: 40px; }
  #sys-components-container .panel-grid li {
    min-height: 205px; }
  #sys-components-container .panel-grid div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.71429rem;
    padding-left: 0.71429rem; }
    @media print, screen and (min-width: 40em) {
      #sys-components-container .panel-grid div {
        padding-right: 1.07143rem;
        padding-left: 1.07143rem; } }

@media screen and (max-width: 39.99875em) {
  #sys-components-container .panel-header .count {
    display: none !important;
    visibility: none !important; } }

#sys-components-container #add-component {
  margin-left: 1em;
  margin-bottom: 1em; }

.combo-box {
  height: 39px; }
  .combo-box select, .combo-box input {
    height: 39px; }
  .combo-box select {
    margin-bottom: auto;
    padding-right: 25px;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .combo-box input {
    position: relative;
    bottom: 39px;
    width: calc(100% - 26px);
    padding-left: 6px;
    color: #4D4D4D;
    border: 1px solid #D2D2D2; }
    .combo-box input:focus {
      outline: none; }

#edit-notes-view {
  max-width: 500px; }

#faqs-view {
  width: 100%;
  max-width: 40em;
  font-weight: bold;
  font-size: 1.125em; }
  @media screen and (max-width: 39.99875em) {
    #faqs-view {
      left: 0;
      top: 0;
      margin-left: auto; } }
  #faqs-view h1 {
    margin: 0;
    text-transform: unset; }
  #faqs-view #runtime-history-faqs {
    padding: 1.2em; }
    #faqs-view #runtime-history-faqs dt, #faqs-view #runtime-history-faqs dd {
      line-height: 1.3; }
    #faqs-view #runtime-history-faqs dd {
      color: #939598; }
    #faqs-view #runtime-history-faqs dd:not(:last-child) {
      margin-bottom: 1.2em; }

body.login-view .inner_container {
  background-color: white; }
  body.login-view .inner_container #main-content {
    -webkit-box-shadow: none;
            box-shadow: none; }

body.login-view #legal-footer {
  display: none; }

body.login-view .login-form {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  margin-bottom: 15px !important;
  max-width: 400px; }
  body.login-view .login-form::before, body.login-view .login-form::after {
    display: table;
    content: ' '; }
  body.login-view .login-form::after {
    clear: both; }
  body.login-view .login-form .header {
    -moz-border-radius-top-left: 4px;
    -moz-border-radius-top-right: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #939598;
    color: white;
    -webkit-top-left-radius: 4px;
    -webkit-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 38px;
    height: 38px;
    min-height: 38px;
    padding-left: 5px; }
    body.login-view .login-form .header .title {
      font-weight: bold;
      display: inline-block;
      text-transform: uppercase;
      padding-left: 0.313em; }
    body.login-view .login-form .header .right-area {
      width: 57%;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      display: inline-block;
      height: 100%;
      float: right;
      padding-right: 10px; }
      body.login-view .login-form .header .right-area .caret {
        font-size: 20px;
        display: block;
        margin-top: 9px; }
      body.login-view .login-form .header .right-area.alerts-panel {
        position: relative; }
        body.login-view .login-form .header .right-area.alerts-panel .last-updated-at {
          margin-right: 27px; }
        body.login-view .login-form .header .right-area.alerts-panel .caret {
          margin-top: 0;
          position: absolute;
          right: 10px;
          top: 9px; }
        @media screen and (max-width: 39.99875em) {
          body.login-view .login-form .header .right-area.alerts-panel {
            padding-right: 36px; }
            body.login-view .login-form .header .right-area.alerts-panel .last-updated-at {
              margin-right: 0; } }
      body.login-view .login-form .header .right-area span, body.login-view .login-form .header .right-area div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      @media screen and (max-width: 39.99875em) {
        body.login-view .login-form .header .right-area {
          width: 65%; } }
  body.login-view .login-form:only-of-type, body.login-view .login-form:last-of-type {
    margin-bottom: 0px !important; }
  body.login-view .login-form .header {
    -moz-border-radius-top-left: 4px;
    -moz-border-radius-top-right: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }

body.login-view .details {
  padding: 1em; }
  body.login-view .details .user-name, body.login-view .details .password {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto; }
    body.login-view .details .user-name::before, body.login-view .details .user-name::after, body.login-view .details .password::before, body.login-view .details .password::after {
      display: table;
      content: ' '; }
    body.login-view .details .user-name::after, body.login-view .details .password::after {
      clear: both; }

.maintenance {
  width: 100%;
  padding-top: 20px; }
  .maintenance #maintenance-info {
    width: 15em;
    padding-top: 1em;
    color: #6EC2EF;
    font-size: 50px;
    font-weight: bold;
    float: right; }

#version-changed-view {
  width: 20%; }

.restrictions-manager .feature-code {
  font-size: 1.5rem;
  margin-right: 2rem; }

.restrictions-manager .remove-button {
  padding: 5px; }

.restrictions-manager .features-list {
  display: inline-block; }

.restrictions-manager .feature-container {
  display: grid;
  grid-template-columns: calc(100% - 100px) 100px;
  grid-column-gap: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end; }

.restrictions-manager .feature-code-container {
  display: block; }

.restrictions-manager .remove-container {
  display: inline-block;
  vertical-align: middle;
  text-align: right; }

.search-form-view {
  border: 1px solid #CCCCCC;
  height: 41px; }
  .search-form-view .submit {
    float: right;
    margin: 0;
    border-radius: 0px;
    width: 45px;
    height: 39px; }
    .search-form-view .submit div {
      margin-left: -5px;
      margin-top: -1px; }
  .search-form-view .search-box {
    margin-right: 3em; }
  .search-form-view .clear-search {
    float: right;
    color: #AAAAAA;
    padding: 12px;
    cursor: pointer; }
  .search-form-view .search-input {
    overflow: hidden;
    border: medium none; }
  .search-form-view .search {
    border: none;
    margin: 0; }
  .search-form-view .search.search {
    -webkit-box-shadow: none;
            box-shadow: none; }

#site-message-banner {
  width: 100%;
  padding: 20px;
  border: 1px solid #C3C3C3;
  min-height: 80px;
  overflow: hidden;
  height: 100%;
  position: relative; }
  #site-message-banner.info {
    background-color: #edf5f9; }
  #site-message-banner.warning {
    background-color: #fdf8ef; }
  #site-message-banner .dismiss {
    position: absolute;
    right: 20px; }
  #site-message-banner .message.with-image {
    padding-left: 20px;
    margin-top: -5px; }
  #site-message-banner .contents {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto; }
    #site-message-banner .contents .text-and-image {
      display: inline-block; }
  #site-message-banner .image {
    cursor: pointer; }
    #site-message-banner .image .expand {
      text-align: center;
      background: #767676;
      color: #FFFFFF;
      font-size: .8em;
      padding: 3px;
      text-transform: uppercase; }
    #site-message-banner .image:hover .expand {
      background: #5d5d5d; }
  @media print, screen and (min-width: 64em) {
    #site-message-banner .image {
      width: 8.33333%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #site-message-banner .image, #site-message-banner .image:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #site-message-banner .image:last-child:not(:first-child) {
        float: right; }
    #site-message-banner .message.with-image {
      width: 87.5%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #site-message-banner .message.with-image, #site-message-banner .message.with-image:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #site-message-banner .message.with-image:last-child:not(:first-child) {
        float: right; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    #site-message-banner .image {
      width: 16.66667%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #site-message-banner .image, #site-message-banner .image:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #site-message-banner .image:last-child:not(:first-child) {
        float: right; }
    #site-message-banner .message.with-image {
      width: 79.16667%;
      float: left;
      padding-right: 0;
      padding-left: 0; }
      #site-message-banner .message.with-image, #site-message-banner .message.with-image:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #site-message-banner .message.with-image:last-child:not(:first-child) {
        float: right; } }
  @media screen and (max-width: 39.99875em) {
    #site-message-banner .image {
      float: left;
      margin-bottom: 10px; }
    #site-message-banner .message.with-image {
      width: 100%;
      float: left;
      padding-right: 0;
      padding-left: 0;
      padding-left: 0; }
      #site-message-banner .message.with-image, #site-message-banner .message.with-image:last-child:not(:first-child) {
        float: left;
        clear: none; }
      #site-message-banner .message.with-image:last-child:not(:first-child) {
        float: right; } }
  #site-message-banner .primary-text {
    font-weight: bold;
    margin-bottom: 10px;
    width: calc(100% - 45px); }
  #site-message-banner .secondary-text {
    margin-bottom: 5px; }
  #site-message-banner .secondary-button, #site-message-banner .server-error .dismiss-button, .server-error #site-message-banner .dismiss-button, #site-message-banner #sys-config-container .toggle-is-editing, #sys-config-container #site-message-banner .toggle-is-editing {
    float: right;
    margin-top: 10px;
    border-radius: 4px; }

#site-message-expanded {
  font-size: 1.3rem; }
  #site-message-expanded.info {
    background-color: #edf5f9; }
  #site-message-expanded.warning {
    background-color: #fdf8ef; }
  #site-message-expanded .primary-text {
    font-weight: bold;
    margin: 10px auto; }

#terms-and-conditions-acceptance .button-container {
  max-width: 50em;
  margin-left: auto;
  margin-right: auto; }

#change-group-view {
  max-width: 500px; }

#change-group {
  line-height: 2em;
  text-align: right;
  margin-bottom: -20px;
  margin-top: -10px; }

ul.device-tabs {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #C3C3C3; }
  ul.device-tabs::before, ul.device-tabs::after {
    display: table;
    content: ' '; }
  ul.device-tabs::after {
    clear: both; }
  @media screen and (max-width: 39.99875em) {
    ul.device-tabs {
      display: none; } }
  ul.device-tabs > li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: -1px; }
  ul.device-tabs .tab {
    height: 83px;
    width: 267px;
    border: 1px solid #C3C3C3;
    border-top-color: #D2D2D2;
    -moz-border-radius-top-left: 4px;
    -moz-border-radius-top-right: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 3px;
    background-color: #F0EEEC;
    padding: 10px 12px;
    font-size: .85rem;
    line-height: 1.1rem;
    text-transform: uppercase;
    font-weight: normal; }
    ul.device-tabs .tab:not(.active) {
      cursor: pointer; }
    ul.device-tabs .tab .attr-label {
      color: #939598; }
    ul.device-tabs .tab .device-details .left-half, ul.device-tabs .tab .device-details .right-half {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block; }
    ul.device-tabs .tab .device-details .left-half {
      max-width: 75px; }
    ul.device-tabs .tab .device-details .right-half {
      float: right;
      text-align: right;
      max-width: 105px; }
    ul.device-tabs .tab .tab-top {
      font-weight: bold;
      font-size: 1rem;
      margin-bottom: 1em; }
      ul.device-tabs .tab .tab-top .name {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 130px; }
      ul.device-tabs .tab .tab-top .tab-icons {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        float: right; }
        ul.device-tabs .tab .tab-top .tab-icons .status-icon {
          width: 22px;
          height: 22px;
          margin-right: 5px;
          -ms-flex-item-align: end;
              align-self: flex-end;
          cursor: pointer; }
        ul.device-tabs .tab .tab-top .tab-icons .alert-icon {
          width: 22px;
          height: 22px;
          font-size: 20px;
          margin-right: 5px;
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
          -ms-flex-item-align: end;
              align-self: flex-end; }
          ul.device-tabs .tab .tab-top .tab-icons .alert-icon.critical {
            color: #cd3529; }
          ul.device-tabs .tab .tab-top .tab-icons .alert-icon.major {
            color: #f0c33b; }
          ul.device-tabs .tab .tab-top .tab-icons .alert-icon.normal {
            color: #92c04f; }
        ul.device-tabs .tab .tab-top .tab-icons .notes-icon {
          font-size: 22px;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    ul.device-tabs .tab.active {
      border-bottom-color: #fff;
      background-color: #fff;
      border-top-color: #C3C3C3;
      pointer-events: all; }
      ul.device-tabs .tab.active a {
        cursor: default;
        color: #4D4D4D; }
    ul.device-tabs .tab.hidden {
      display: none !important;
      visibility: hidden !important; }
  ul.device-tabs .next-page, ul.device-tabs .prev-page {
    padding-top: 20px; }
    ul.device-tabs .next-page a, ul.device-tabs .prev-page a {
      min-width: 35px;
      color: #939598; }
      ul.device-tabs .next-page a > i, ul.device-tabs .prev-page a > i {
        font-size: 30px; }
      ul.device-tabs .next-page a.disabled, ul.device-tabs .prev-page a.disabled {
        cursor: default;
        pointer-events: none;
        color: #e1e2e3; }
  ul.device-tabs .prev-page a {
    margin-left: -10px;
    padding-right: 10px; }
  ul.device-tabs .next-page {
    float: right; }
    ul.device-tabs .next-page a {
      margin-right: -10px; }

@media screen and (max-width: 39.99875em) {
  #device-tabs {
    position: relative; } }

#device-tabs .dropdown-container {
  padding-right: 43px; }
  #device-tabs .dropdown-container select.device-dropdown {
    display: none; }
    @media screen and (max-width: 39.99875em) {
      #device-tabs .dropdown-container select.device-dropdown {
        display: inline-block;
        padding: 8px 24px 8px 8px; } }

#device-tabs .notes-icon.small-screen {
  display: none; }
  @media screen and (max-width: 39.99875em) {
    #device-tabs .notes-icon.small-screen {
      display: block;
      position: absolute;
      font-size: 26px;
      right: 0;
      top: 1px; } }

/*
  Shared tooltip styles
*/
.tippy-tooltip.nexia-theme {
  background-color: #FFFFFF;
  color: #767676;
  font-size: 1rem;
  max-width: 340px;
  border: 2px solid #939598;
  -webkit-box-shadow: 2px 2px 2px -2px #939598, 2px 2px 2px -2px #939598, -2px 2px 2px -2px #939598;
  box-shadow: 2px 2px 2px -2px #939598, 2px 2px 2px -2px #939598, -2px 2px 2px -2px #939598; }

.tippy-tooltip.runtime-history-alert-theme {
  background-color: #FFFFFF;
  color: #767676;
  font-size: 1rem;
  padding: 20px 30px;
  max-width: 700px;
  border-radius: 6px;
  border: 2px solid #939598;
  -webkit-box-shadow: 2px 2px 2px -2px #939598, 2px 2px 2px -2px #939598, -2px 2px 2px -2px #939598;
  box-shadow: 2px 2px 2px -2px #939598, 2px 2px 2px -2px #939598, -2px 2px 2px -2px #939598; }
  @media screen and (max-width: 63.99875em) {
    .tippy-tooltip.runtime-history-alert-theme {
      padding: 20px; } }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .tippy-tooltip.runtime-history-alert-theme {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      max-width: 100%; } }
  @media screen and (max-width: 39.99875em) {
    .tippy-tooltip.runtime-history-alert-theme {
      max-width: 350px; } }

.tippy-tooltip.flexible-theme {
  max-width: none; }
  @media screen and (max-width: 39.99875em) {
    .tippy-tooltip.flexible-theme {
      max-width: 300px; } }

/*
  Base Nexia brand
*/
.tippy-popper[x-placement^=top] .tippy-tooltip.nexia-theme [x-arrow] {
  border-top-color: #939598; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.nexia-theme [x-arrow] {
  border-bottom-color: #939598; }

.tippy-popper[x-placement^=right] .tippy-tooltip.nexia-theme [x-arrow] {
  border-right-color: #939598; }

.tippy-popper[x-placement^=left] .tippy-tooltip.nexia-theme [x-arrow] {
  border-left-color: #939598; }

/*
  Special theme for fixed arrows that are used on chart alert tooltips
*/
.tippy-popper[x-placement^=top] .tippy-tooltip.runtime-history-alert-theme::before,
.tippy-popper[x-placement^=bottom] .tippy-tooltip.runtime-history-alert-theme::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  margin: 0; }

.tippy-popper[x-placement^=top] .tippy-tooltip.runtime-history-alert-theme::before {
  border-top: 10px solid #939598;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px; }

.tippy-popper[x-placement^=bottom] .tippy-tooltip.runtime-history-alert-theme::before {
  border-bottom: 10px solid #939598;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: -10px; }

.tippy-popper[x-placement=top] .tippy-tooltip.runtime-history-alert-theme::before,
.tippy-popper[x-placement=bottom] .tippy-tooltip.runtime-history-alert-theme::before {
  left: calc(50% - 9px); }

.tippy-popper[x-placement=top-start] .tippy-tooltip.runtime-history-alert-theme,
.tippy-popper[x-placement=bottom-start] .tippy-tooltip.runtime-history-alert-theme {
  left: -65px; }
  .tippy-popper[x-placement=top-start] .tippy-tooltip.runtime-history-alert-theme::before,
  .tippy-popper[x-placement=bottom-start] .tippy-tooltip.runtime-history-alert-theme::before {
    left: 65px; }

.tippy-popper[x-placement=top-end] .tippy-tooltip.runtime-history-alert-theme,
.tippy-popper[x-placement=bottom-end] .tippy-tooltip.runtime-history-alert-theme {
  right: -65px; }
  .tippy-popper[x-placement=top-end] .tippy-tooltip.runtime-history-alert-theme::before,
  .tippy-popper[x-placement=bottom-end] .tippy-tooltip.runtime-history-alert-theme::before {
    right: 65px; }