.modernizr-flexbox .flex-container {
  display: -ms-flexbox;
  display: flex;
}
.modernizr-flexbox .flex-container.flex-vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}
.modernizr-flexbox .flex-container.flex-centered-line {
  -ms-flex-align: center;
      align-items: center;
}
.modernizr-flexbox .flex-item.inflexible {
  -ms-flex: none;
      flex: none;
}
.modernizr-flexbox .flex-item.default {
  -ms-flex: initial;
      flex: initial;
}
.modernizr-flexbox .flex-item.flex-fill-and-grow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.modernizr-flexbox .flex-item.fully-flexible {
  -ms-flex: auto;
      flex: auto;
}
.modernizr-flexbox .flex-item.flexible {
  -ms-flex: 1;
      flex: 1;
}
#upgrade-browser-notice-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  filter: alpha(opacity = 90);
  opacity: 0.9;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#upgrade-browser-notice {
  display: none;
  border-top: 5px solid #fa8c0a;
  border-bottom: 5px solid #fa8c0a;
  background-color: white;
  color: #1e2123;
  position: absolute;
  z-index: 101;
  margin-top: 20%;
  width: 100%;
}
#upgrade-browser-notice--box {
  background: url(/img/icon/grey40x40/warning.png) no-repeat center left;
  margin: 0 15%;
  padding: 10px 50px;
}
#unsupported-browser-notice-ie11 {
  display: none;
  height: 220px;
  width: 512px;
  border-radius: 9px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 6px 0 rgba(41, 41, 41, 0.15), 0 10px 20px 0 rgba(41, 41, 41, 0.15);
  z-index: 102;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 16px;
  color: #7F7F7F;
  font-size: 14px;
  line-height: 24px;
}
#unsupported-browser-notice-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(41, 41, 41, 0.6);
  width: 100%;
  height: 100%;
  z-index: 100;
}
body.outdated #upgrade-browser-notice-overlay {
  display: block;
}
body.outdated #upgrade-browser-notice {
  display: block;
}
body.unsupported #unsupported-browser-notice-ie11 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
body.unsupported #unsupported-browser-notice-ie11 .unsupported-browser-notice-ie11-icons {
  margin-top: 24px;
}
body.unsupported #unsupported-browser-notice-ie11 .unsupported-browser-notice-ie11-icons a {
  display: inline-block;
  width: 24%;
  text-align: center;
}
body.unsupported #unsupported-browser-notice-overlay {
  display: block;
}
.notice-title {
  font-size: 16px;
  line-height: 32px;
  color: #292929;
  margin-bottom: 16px;
}
.notice-content {
  -ms-flex: 1;
      flex: 1;
}
.notice-buttons {
  margin-top: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.notice-buttons--button {
  color: #ed002f;
  cursor: pointer;
}
    .notice-buttons--button:hover {
  color: #292929;
}
.unsupported-tls--overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(41, 41, 41, 0.6);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.unsupported-tls--notice {
  display: none;
  max-width: 512px;
  border-radius: 12px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 6px 0 rgba(41, 41, 41, 0.15), 0 10px 20px 0 rgba(41, 41, 41, 0.15);
  z-index: 102;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 15%;
  font-size: 16px;
  font-family: 'Open sans', sans-serif;
}
.unsupported-tls--notice--title {
  line-height: 32px;
  color: #292929;
  border-bottom: 1px solid #dfdfdf;
  padding: 13px 32px;
}
.unsupported-tls--notice--content {
  color: #7F7F7F;
  line-height: 28px;
  padding: 13px 32px;
}
.unsupported-tls--notice--buttons {
  font-size: 14px;
  text-align: right;
  padding: 13px 32px;
}
.unsupported-tls--notice--buttons--button {
  color: #ed002f;
  cursor: pointer;
}
.unsupported-tls--notice--buttons--button:hover {
  color: #292929;
}
body.unsupported-tls .unsupported-tls--notice {
  display: block;
}
body.unsupported-tls .unsupported-tls--overlay {
  display: block;
}
.smallCodeInput {
  width: 20px;
  float: left;
  text-align: center;
}
.inactive {
  opacity: 0.6;
}
.button-box {
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
  padding: 3px 15px 6px;
  display: inline-block;
  height: 24px;
  border-radius: 17px;
}
.button-box-active {
  background-color: #e6e6e6;
}
.button-box img {
  width: 26px;
  height: 26px;
}
.hover:hover {
  background-color: #ffffff;
  cursor: pointer;
}
.button-box-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.button-box-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.climate-device-color {
  width: 20px;
  height: 20px;
}
.disabledBackground {
  background-color: #e6e6e6;
}
#wrapper {
  width: 539px;
  margin: 0 auto 30px;
}
#videoComponent {
  width: 539px;
  height: 302px;
  margin: auto;
}
.button-bar {
  padding: 5px 8px 15px 8px;
  min-height: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.button-bar .header {
  line-height: 130%;
}
.button-bar-content {
  text-align: center;
}
.button-bar .decorated-button {
  margin-top: 0;
}
@media screen and (max-width: 1080px) {
  #menu1 .button-bar-content--button {
    display: none;
  }
}
@font-face {
  font-family: 'FiraSans';
  src: url('/fonts/FiraSans/FiraSans-Regular.woff2') format('woff2'), url('/fonts/FiraSans/FiraSans-Regular.woff') format('woff'), url('/fonts/FiraSans/FiraSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans Medium';
  src: url('/fonts/FiraSans/FiraSans-Medium.woff2') format('woff2'), url('/fonts/FiraSans/FiraSans-Medium.woff') format('woff'), url('/fonts/FiraSans/FiraSans-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
.flag-page {
  max-width: 624px;
  margin: 0 auto;
  clear: both;
}
.flag-page--text {
  font-size: 16px;
  margin-bottom: 24px;
  padding: 0 8px;
}
.flag-page-box {
  float: left;
  Width: 47%;
  cursor: pointer;
  border-top: 1px solid rgba(41, 41, 41, 0.15);
  box-sizing: border-box;
}
.flag-page-box--link {
  padding: 0 8px;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  color: #292929;
  -ms-flex-align: center;
      align-items: center;
}
.flag-page-box--link:hover {
  text-decoration: none;
  background-color: rgba(41, 41, 41, 0.1);
}
.flag-page-box--link .flag-image {
  width: 24px;
}
.flag-page-box:nth-child(odd) {
  margin-right: 16px;
}
.flag-page-box:nth-child(even) {
  margin-left: 16px;
}
.flag-page-box:nth-last-child(-n + 2) {
  border-bottom: 1px solid rgba(41, 41, 41, 0.15);
}
.flag-language-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.flag-language-selector .flag-language-menu {
  height: 40px;
  margin-left: 8px;
}
.flag-language-selector .flag-language-menu button {
  font-family: 'FiraSans', sans-serif;
  color: #292929;
}
.flag-language-selector .flag-language-menu button .owa-arrow-icon {
  color: #ed002f;
}
.flag-language-selector .flag-language-menu .global-navigation-item--sub-content-cassette {
  margin-top: -5px;
  right: -15px;
}
.flag-page-box-label-box {
  width: 100%;
  padding-left: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.flag-page-box-label {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.8;
}
.flag-page-box-label-box-special {
  display: block;
  line-height: 40px;
  padding-left: 8px;
}
.flag-page-box-label-box-special:hover {
  background-color: rgba(41, 41, 41, 0.1);
}
.flag-page-box-subtext {
  font-size: 12px;
}
@media screen and (max-width: 532px) {
  .flag-page-box {
    width: 100%;
  }
  .flag-page-box:nth-child(even) {
    margin-left: 0;
  }
  .flag-page-box .flag-language-menu {
    width: 100%;
    margin-right: 0;
  }
  .flag-page-box .flag-language-menu button {
    width: 100%;
  }
  .flag-page-box .flag-language-menu button span {
    -ms-flex: 1;
        flex: 1;
    text-align: left;
  }
  .flag-page-box .flag-language-menu .global-navigation-item--sub-content-cassette {
    width: 100vw;
  }
}
@media screen and (max-width: 640px) {
  .diptych-panel + .diptych-panel {
    margin-top: 10px;
  }
}
@media screen and (min-width: 641px) {
  .diptych-panels {
    /* inner clearfix */
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .diptych-panel {
    float: left;
    margin: 0;
    width: 49.44196428571428571428571429%;
  }
  .diptych-panel + .diptych-panel {
    margin-left: 1.116071428571428571428571429%;
  }
}
@media screen and (max-width: 640px) {
  .triptych-panel + .triptych-panel {
    margin-top: 10px;
  }
}
@media screen and (min-width: 641px) {
  .triptych {
    /* Force new block formatting context (inner clearfix) */
    overflow: hidden;
  }
  .triptych-panel {
    float: left;
    margin: 0;
    width: 32.5892857143%;
    /* (896-20)/3/896*100 */
  }
  .triptych-panel + .triptych-panel {
    margin-left: 1.116071428571428571428571429%;
    /* 10/896*100 */
  }
}
.notification-info {
  border: 1px solid;
  border-radius: 5px;
  margin: 0 0 5px 0;
  padding: 10px;
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.notification-info-content {
  vertical-align: middle;
}
.settings-link {
  cursor: pointer;
  background: #ffffff url(/img/icon/grey20x20/dimmed-double-arrows.svg) no-repeat right;
  transition: background-color 1s;
}
.settings-link:hover {
  background: url(/img/icon/grey20x20/double-arrows.svg) no-repeat right;
}
.settings-not-applicable {
  margin: 0;
  font-style: italic;
}
.settings-section-separator {
  background-color: #e6e6e6;
  height: 1px;
  margin: 15px 0;
  overflow: hidden;
}
.settings-section-split-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-right: 10%;
}
.settings-section-split-value :first-child {
  -ms-flex: none;
      flex: none;
  width: 40%;
}
.settings-section-info {
  font-size: 12px;
  margin-bottom: 5px;
}
.settings-section,
.settings-action {
  background-color: #ffffff;
  margin-bottom: 10px;
  display: none;
}
.settings-action-link {
  cursor: pointer;
  background: #ffffff url(/img/icon/grey20x20/dimmed-double-arrows.svg) no-repeat right;
  transition: background-color 1s;
}
.settings-action-link:hover {
  background: url(/img/icon/grey20x20/double-arrows.svg) no-repeat right;
}
.settings-action-link:hover {
  background-color: #eefafc;
}
.settings-section--header,
.settings-action--content {
  background: top left 10px no-repeat;
  padding-left: 15px;
  padding-right: 10px;
  border-bottom: 1px solid #dfdfdf;
}
.settings-section--header-content,
.settings-action--content--header {
  line-height: 40px;
  padding-left: 40px;
  font-size: 18px;
  font-weight: normal;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.settings-action--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.settings-action--content--notification {
  width: 100%;
}
.settings-action--content > .settings-action--content--item {
  margin: 0 10px;
}
.settings-action--content > .overview-link {
  color: #767676;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.settings-group-field.editable {
  cursor: pointer;
  background-position: 99% 10px;
  background-repeat: no-repeat;
  background-origin: content-box;
}
.settings-group-field + .settings-group-field {
  border-top: 1px solid #dfdfdf;
}
.settings-key-value-item {
  display: -ms-flexbox;
  display: flex;
}
.settings-key-value-item--heading {
  width: 200px;
  display: inline-block;
  -ms-flex: none;
      flex: none;
  text-align: right;
  padding: 5px 15px 5px 0;
  vertical-align: top;
}
.settings-key-value-item--body {
  display: inline-block;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 5px 40px 5px 15px;
  border-left: 1px solid #dfdfdf;
  word-break: break-all;
}
.settings-key-value-item--body li {
  list-style-type: circle;
  margin: 0 0 5px 14px;
}
.settings-section--footer {
  border-top: 1px solid #dfdfdf;
  overflow: hidden;
}
.settings-link-section {
  padding: 15px 0 15px 55px;
  background-color: #ffffff;
  cursor: pointer;
  background: #ffffff url(/img/icon/grey20x20/dimmed-double-arrows.svg) no-repeat right;
  transition: background-color 1s;
}
.settings-link-section:hover {
  background: url(/img/icon/grey20x20/double-arrows.svg) no-repeat right;
}
.settings-link-section--header {
  font-size: 18px;
  font-weight: normal;
}
.settings-link-section--text {
  font-size: 13px;
  color: #767676;
}
.settings-link-verisuresmart {
  padding: 0;
  background-color: #ffffff;
  cursor: pointer;
  background: #ffffff url(/img/icon/grey20x20/dimmed-double-arrows.svg) no-repeat right;
  transition: background-color 1s;
}
.settings-link-verisuresmart:hover {
  background: url(/img/icon/grey20x20/double-arrows.svg) no-repeat right;
}
.smartplug-icon {
  height: 24px;
  vertical-align: middle;
}
.icon-choice legend {
  padding-left: 28px;
}
.settings-codewords--button {
  background-image: url('/img/icon/grey20x20/edit.png');
  padding-left: 35px;
}
.settings-removeinstallation--button {
  background-image: url('/img/icon/grey20x20/minus.png');
  padding-left: 35px;
}
.settings-volume-setting-section {
  margin: 15px 0;
  padding: 0;
}
.settings-volume-setting-section:first-child {
  margin-top: 0;
}
.settings-volume-setting-section-section-heading {
  font-size: 14px;
  font-weight: bold;
}
.vacationmode-setting-group {
  padding: 5px;
}
.vacationmode-setting-group li {
  list-style-type: none;
  margin: 0;
}
.vacationmode-setting-section--heading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.vacationmode-setting-section--body .form-component {
  margin-bottom: 0;
}
.volume-setting-section--body {
  margin: 10px 0;
  background: 5px 5px no-repeat;
  padding: 0 0 0 71px;
  min-height: 67px;
}
.volume-setting-section--body p {
  font-size: 12px;
}
.volume-setting-section--body :not([style]) {
  padding: 0;
}
.volume-setting-section--heading + .volume-setting-section--body {
  margin-top: 10px;
}
.settings-heatpumpconfig {
  vertical-align: text-top;
}
.settings-heatpumpconfig img {
  height: 22px;
  vertical-align: top;
}
.editable-heatpump + .editable-heatpump {
  border-top: 1px solid #dfdfdf;
}
.settings-subsection + .settings-subsection {
  margin-top: 10px;
  border-top: 1px solid #dfdfdf;
}
.switchOnOff {
  margin-left: 15px;
}
.onoffbuttons {
  font-size: 12px;
}
.map-position--section + .map-position--section {
  margin-top: 10px;
}
.map-position--image {
  max-width: 100%;
  height: auto;
  display: none;
  margin-top: 5px;
}
.map-position--image.clickable {
  cursor: pointer;
}
.guard-access-part {
  padding-bottom: 10px;
  border-top: 1px solid #dfdfdf;
}
.guard-access-part .valueNotSet {
  padding-top: 10px;
}
.settings-broadband-status--heading {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.settings-broadband-status--connection {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.settings-broadband-status--connection-text {
  font-size: 10px;
}
.settings-broadband-status--connection img {
  height: 40px;
  width: 40px;
  vertical-align: top;
}
.settings-broadband-status-connectionStatus {
  margin-left: 16px;
  padding-top: 4px;
}
#settings-broadband-status-connectionStatus-refreshing {
  display: none;
}
#settings-broadband-status--refresh {
  margin-left: 60px;
  background-image: url('/img/icon/grey20x20/refresh.png');
  padding-left: 35px;
  background-size: 20px;
}
#settings-broadband-status--refresh.loading {
  background-image: url('/img/Common/loading_light.gif');
}
.editClimateDeviceThresholds--location {
  text-align: center;
  margin-bottom: 5px;
}
.premises-type-option {
  margin-top: 10px;
}
.modernizr-no-flexbox.modernizr-no-boxflex .settings-section-split-value {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .settings-section {
    border-bottom: 1px solid #dfdfdf;
  }
  .settings-section--header {
    cursor: pointer;
  }
  .settings-section--groupheader {
    display: block;
    background-color: #f5f5f5;
    padding: 10px 10px 10px 55px;
  }
  .settings-action--content {
    cursor: pointer;
    padding-right: 0;
  }
  .settings-action--content--notification {
    margin-right: 10px;
  }
  .settings-action--content--info {
    display: none;
  }
  .settings-key-value-item {
    display: none;
  }
  .settings-key-value-item--body {
    display: none;
    padding: 0;
  }
  .settings-key-value-item--heading {
    display: none;
    padding: 13px 0 13px 15px;
    text-align: left;
    width: auto;
  }
  .mobile {
    display: -ms-flexbox;
    display: flex;
  }
  .mobile--body {
    display: inline-block;
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding: 5px 40px 5px 15px;
    border-left: 1px solid #dfdfdf;
    word-break: break-all;
  }
  .mobile--body li {
    list-style-type: circle;
    margin: 0 0 5px 14px;
  }
  #add-schedule {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .settings-section--groupheader {
    display: none;
  }
  .settings-section-not-full-width {
    width: 50%;
  }
  .settings-group-field.editable {
    background-image: url('/img/icon/grey20x20/dimmed_edit.png');
    background-color: #ffffff;
    transition: background-color 1s;
  }
  .settings-group-field.editable:hover {
    background-image: url('/img/icon/grey20x20/edit.png');
    background-color: #eefafc;
  }
  .settings-key-value-item:first-child .settings-key-value-item--body,
  .settings-key-value-item:first-child .settings-key-value-item--heading {
    padding-top: 13px;
  }
  .settings-key-value-item:last-child .settings-key-value-item--body,
  .settings-key-value-item:last-child .settings-key-value-item--heading {
    padding-bottom: 13px;
  }
  #add-schedule {
    border-top: 1px solid #dfdfdf;
    padding: 5px 10px;
    text-align: right;
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.login,
.login-divert {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ffffff;
  margin: 20px 0;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}
.login-page body,
.login-divert-page body {
  background-color: #ffffff;
}
.login-page hr,
.login-divert-page hr {
  margin-bottom: 24px;
}
.login-appstore,
.login-divert-appstore {
  margin-bottom: 24px;
  font-size: 16px;
}
.login-logo-box,
.login-divert-logo-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 32px;
  margin-top: 68px;
}
.login-grey-text,
.login-divert-grey-text {
  color: rgba(41, 41, 41, 0.6);
  font-size: 14px;
  line-height: 17px;
}
.login-box,
.login-divert-box {
  background-color: #ffffff;
  position: relative;
  width: 296px;
}
.login--sso,
.login-divert--sso {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.login--sso .spinner,
.login-divert--sso .spinner {
  animation: spinner 1250ms infinite linear;
  width: 50px;
  height: 50px;
  border-width: 2px;
  border-radius: 50px;
  border-style: solid;
  border-left-color: rgba(255, 0, 51, 0.15);
  border-bottom-color: rgba(255, 0, 51, 0.15);
  border-top-color: rgba(255, 0, 51, 0.15);
  border-right-color: #ed002f;
}
.login .checkbox-container,
.login-divert .checkbox-container {
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
}
.login .checkbox-container--checkbox,
.login-divert .checkbox-container--checkbox {
  font-family: 'icomoon';
  height: 24px;
  width: 24px;
  margin-top: 5px;
  font-size: 24px;
}
.login .checkbox-container input[type=checkbox],
.login-divert .checkbox-container input[type=checkbox] {
  opacity: 0;
  -ms-transform: scale(2);
      transform: scale(2);
}
.login .checkbox-container input[type=checkbox] + label:before,
.login-divert .checkbox-container input[type=checkbox] + label:before {
  position: relative;
  top: -25.5px;
  content: "\e98f";
  border-radius: 0.2rem;
  border: 1px solid #292929;
  color: #ffffff;
}
.login .checkbox-container input[type=checkbox]:focus + label:before,
.login-divert .checkbox-container input[type=checkbox]:focus + label:before {
  border: 1px solid #cf3329;
}
.login .checkbox-container input[type=checkbox]:checked + label:before,
.login-divert .checkbox-container input[type=checkbox]:checked + label:before {
  border-radius: 0.2rem;
  position: relative;
  top: -25.5px;
  content: "\e98f";
  color: #ffffff;
  background-color: #292929;
}
.login .checkbox-container--text,
.login-divert .checkbox-container--text {
  padding-left: 8px;
}
.login .checkbox-container a,
.login-divert .checkbox-container a,
.login .checkbox-container a:link,
.login-divert .checkbox-container a:link,
.login .checkbox-container a:visited,
.login-divert .checkbox-container a:visited {
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
}
.login .label-link-container--text,
.login-divert .label-link-container--text {
  padding-left: 8px;
}
.login .label-link-container a,
.login-divert .label-link-container a,
.login .label-link-container a:link,
.login-divert .label-link-container a:link,
.login .label-link-container a:visited,
.login-divert .label-link-container a:visited {
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
}
.login .error_message,
.login-divert .error_message {
  font-size: 12px;
  color: #ab192d;
  line-height: 24px;
  padding: 0 4px 8px 4px;
}
.login .login-button,
.login-divert .login-button {
  margin-bottom: 16px;
}
.login-input,
.login-divert-input {
  font-family: 'icomoon';
  font-size: 24px;
  margin-top: 8px;
}
.login-input-view::before,
.login-divert-input-view::before {
  content: '\e9dd';
}
.login-input-close::before,
.login-divert-input-close::before {
  content: '\e970';
}
.login .login--container,
.login-divert .login--container {
  width: 344px;
}
.login .login--container .login--content,
.login-divert .login--container .login--content {
  padding: 0 20px;
}
.login .login--container .login--content--title,
.login-divert .login--container .login--content--title {
  color: #292929;
  margin-bottom: 16px;
  font-size: 16px;
}
.login .login--container .login--content--body,
.login-divert .login--container .login--content--body {
  color: rgba(41, 41, 41, 0.6);
  margin-bottom: 16px;
  font-size: 14px;
}
.login .login--container .login--content--body .red,
.login-divert .login--container .login--content--body .red {
  color: #ed002f;
  font-weight: bold;
  white-space: nowrap;
}
.login .login--container .login--content--body .emphasized,
.login-divert .login--container .login--content--body .emphasized {
  color: #292929;
}
.login .login--container .login--content .g-recaptcha,
.login-divert .login--container .login--content .g-recaptcha {
  margin-bottom: 32px;
}
.login .login--container .login--image,
.login-divert .login--container .login--image {
  margin-bottom: 16px;
}
.login .login--container .login--image img,
.login-divert .login--container .login--image img {
  max-width: 100%;
}
.login .login--container .login--step,
.login-divert .login--container .login--step {
  display: none;
}
.login .login--container #token,
.login-divert .login--container #token {
  text-transform: uppercase;
}
.login .login-footer,
.login-divert .login-footer {
  margin-top: 24px;
  width: 100%;
  max-width: 880px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
@media screen and (max-width: 880px) {
  .login .login-footer,
  .login-divert .login-footer {
    padding: 0 16px;
  }
}
.login .login-footer .login-language-selector,
.login-divert .login-footer .login-language-selector {
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.login .login-footer .login-language-selector .global-navigation-item-no-shrink--text,
.login-divert .login-footer .login-language-selector .global-navigation-item-no-shrink--text {
  color: rgba(41, 41, 41, 0.6);
}
.login .login-footer .login-language-selector .global-navigation-item--sub-content-cassette,
.login-divert .login-footer .login-language-selector .global-navigation-item--sub-content-cassette {
  bottom: 40px;
  left: 0;
}
.login .login-footer .login-language-selector .owa-arrow-icon,
.login-divert .login-footer .login-language-selector .owa-arrow-icon {
  color: #ed002f;
}
.login .login-footer .footer-link:only-child,
.login-divert .login-footer .footer-link:only-child {
  margin: 0 auto;
}
.login .termsandconditions,
.login-divert .termsandconditions {
  width: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 880px) {
  .login .termsandconditions,
  .login-divert .termsandconditions {
    padding: 0 16px;
  }
}
.disabled-button {
  pointer-events: none;
  opacity: 0.3;
  background-color: #ed002f;
}
.create-account-box {
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.create-account-link,
.create-account-link:link,
.create-account-link:visited {
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
}
.cancel_create-account-link,
.cancel_create-account-link:link,
.cancel_create-account-link:visited {
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
}
.reload-captcha-link,
.reload-captcha-link:link,
.reload-captcha-link:visited {
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
  margin-bottom: 20px;
}
.show-forgot-password-link,
.show-forgot-password-link:link,
.show-forgot-password-link:visited {
  height: 24px;
  font-family: 'FiraSans Medium', sans-serif;
  line-height: 24px;
  color: #ed002f;
  text-decoration: none;
  display: block;
  padding: 0 0 17px;
  text-align: center;
}
.show-forgot-password-link:hover,
.show-forgot-password-link:link:hover,
.show-forgot-password-link:visited:hover {
  background-color: inherit;
}
.login-navigation-box {
  margin-top: 30px;
}
.login-navigation-box .hidden {
  display: none;
}
.login-navigation-box--row {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.login-navigation-box--row--image {
  padding-right: 10px;
  width: 25px;
}
/** float container */
.float-container,
.owa-input-field {
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  /** active label */
}
.float-container-disabled,
.owa-input-field-disabled {
  opacity: 0.3;
}
.float-container input,
.owa-input-field input {
  font-size: 14px;
  outline: 0;
  padding: 16px 8px 0;
  width: 100%;
  line-height: 0;
  border: 1px solid rgba(41, 41, 41, 0.15);
  border-bottom-color: rgba(41, 41, 41, 0.3);
  border-radius: 3px 3px 0 0;
}
.float-container input.password-input,
.owa-input-field input.password-input {
  padding-right: 40px;
}
.float-container input:disabled,
.owa-input-field input:disabled {
  background-color: transparent;
}
.float-container input:focus,
.owa-input-field input:focus {
  border-bottom: 1px solid #292929;
}
.float-container label,
.owa-input-field label {
  padding: 0 16px 0 8px;
  color: rgba(41, 41, 41, 0.6);
  font-size: 14px;
  position: absolute;
  -ms-transform-origin: top left;
      transform-origin: top left;
  -ms-transform: translate(0, 16px) scale(1);
      transform: translate(0, 16px) scale(1);
  transition: all 0.1s ease-in-out;
  z-index: 1;
}
.float-container .toggle-password,
.owa-input-field .toggle-password {
  position: absolute;
  right: 8px;
}
.float-container.active label,
.owa-input-field.active label {
  -ms-transform: translate(0, 4px) scale(0.75);
      transform: translate(0, 4px) scale(0.75);
}
.float-container.form-input--error,
.owa-input-field.form-input--error {
  border-bottom-color: #ab192d;
}
.float-container.form-input--error label,
.owa-input-field.form-input--error label {
  color: #ab192d;
}
#loginForm .float-container label {
  /* When Chrome applies autofill on input fields, the label does not animate until user interacts with the page.
		This causes text and label renders on top of each other. Therefore we place the label in the left corner from the start.
		*/
  -ms-transform: translate(0, 4px) scale(0.75);
      transform: translate(0, 4px) scale(0.75);
}
.error-container-wrapper {
  min-height: 32px;
}
.error-container {
  display: -ms-flexbox;
  display: flex;
  color: #ab192d;
}
.error-container .error-icon {
  margin-top: 3px;
  font-family: 'icomoon';
  font-size: 14px;
  margin-right: 8px;
}
.error-container .error-icon::before {
  content: '\e907';
}
.error-container .error-message {
  font-size: 12px;
  color: #ab192d;
  line-height: 16px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.cookie-banner {
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0;
  background-color: #292929;
  color: #ffffff;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 16px 0;
  line-height: 24px;
  left: 0;
}
.cookie-banner.visible {
  display: -ms-flexbox;
  display: flex;
}
.cookie-banner--info--link {
  text-decoration: underline;
}
.cookie-banner--component {
  margin-right: 16px;
}
.cookie-banner--close {
  font-size: 24px;
  cursor: pointer;
}
.cookie-banner--place-holder {
  height: 128px;
  display: none;
}
.cookie-banner--place-holder.visible {
  display: block;
}
.password-validator--container {
  position: relative;
}
.password-validator--container .password-input-validation .error-message {
  margin-top: 8px;
}
.password-validator {
  color: #7F7F7F;
  border: 1px solid #DCDDDE;
  position: absolute;
  right: -290px;
  margin-bottom: -172px;
  border-radius: 3px;
  top: -1px;
  padding: 10px;
  width: 249px;
  height: 168px;
  box-shadow: 0 9px 10px 0 rgba(41, 41, 41, 0.15);
}
.password-validator .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: grey;
  position: relative;
  margin-right: 16px;
}
.password-validator .circle.on {
  background-color: #42ac82;
}
.password-validator .check-mark {
  font-family: 'icomoon';
  position: absolute;
  top: -4px;
  left: 2px;
  color: white;
  font-size: 12px;
}
.password-validator .check-mark::before {
  content: '\e98f';
}
.password-validator .question-mark {
  display: block;
  color: white;
  position: absolute;
  top: -3.5px;
  left: 5.5px;
  font-size: 12px;
}
.password-validator--requirement {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.password-validator--padding {
  padding: 5px;
}
.password-validator--line-height {
  line-height: 2em;
}
.password-validator:before {
  left: -6px;
  top: 10%;
  height: 10px;
  width: 10px;
  border: 1px solid #DCDDDE;
  box-shadow: -2px 2px 0px 0px #ffffff;
  border-right: none;
  border-top: none;
  content: " ";
  background: white;
  position: absolute;
  pointer-events: none;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .cookie-banner {
    text-align: left;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .cookie-banner--info {
    padding-left: 8px;
  }
  .password-validator {
    position: relative;
    right: 8px;
    margin-bottom: -40px;
    top: -30px;
    border: 0;
    box-shadow: unset;
  }
  .password-validator:before {
    visibility: hidden;
  }
  .password-validator .circle {
    width: 8px;
    height: 8px;
  }
  .password-validator .question-mark {
    display: none;
  }
  .password-validator--padding {
    padding: 0;
  }
  .password-validator .check-mark::before {
    content: none;
  }
}
.country-selector-container {
  position: relative;
}
.country-selector-container .country-selector-help {
  color: #7F7F7F;
  border: 1px solid #DCDDDE;
  position: absolute;
  right: -290px;
  margin-bottom: -172px;
  border-radius: 3px;
  top: -1px;
  padding: 10px;
  width: 249px;
  height: 168px;
  box-shadow: 0 9px 10px 0 rgba(41, 41, 41, 0.15);
}
.country-selector-container .country-selector-help-title {
  border-bottom: 1px solid #7F7F7F;
  padding: 5px;
}
.country-selector-container .country-selector-help-text {
  padding: 5px;
}
.country-selector {
  -webkit-appearance: none !important;
  background: url("/img/Common/arrow_expand.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  width: 100%;
  height: 40px !important;
  font-size: 15px !important;
  color: black !important;
  border-color: lightgrey;
  background-color: white;
  margin-bottom: 2.4em;
  padding: 5px;
  border-radius: 0 !important;
}
.country-selector option {
  color: rgba(41, 41, 41, 0.6);
}
@media screen and (max-width: 750px) {
  .country-selector-container .country-selector-help {
    position: initial;
    margin-bottom: 40px;
    width: 275px;
    box-shadow: none;
  }
}
.captcha-image-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 20px;
}
.create-account-button {
  width: 95%;
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  font-family: 'FiraSans Medium', sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: white;
  color: #ed002f;
  box-shadow: inset 0 1px 0 0 rgba(41, 41, 41, 0.1), 0 2px 4px 0 rgba(41, 41, 41, 0.3);
  border: none;
  cursor: pointer;
}
.create-account-button span {
  color: #ed002f;
}
.create-account-button:focus,
.create-account-button:hover {
  box-shadow: 0 1px 0 0 rgba(41, 41, 41, 0.3);
  color: #292929;
  background-color: rgba(41, 41, 41, 0.1);
}
.create-account-button:focus span,
.create-account-button:hover span {
  color: #292929;
}
.create-account-button.disabled,
.create-account-button:disabled {
  box-shadow: none;
  border: 1px solid rgba(41, 41, 41, 0.1);
  opacity: 0.5;
  pointer-events: none;
  background: white;
  cursor: default;
}
#lightbox_createAccountDone .lightbox--header--image {
  background-color: #2c62ad;
}
.create-account-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 90%;
  margin-bottom: 10px;
}
.create-account-row--img {
  height: 20px;
  width: 20px;
  background-color: #2c62ad;
  padding: 10px;
  float: right;
}
.create-account-row--input-wrapper {
  width: 100%;
}
.create-account-row .form-component--single-input input {
  padding: 5px;
  height: 40px;
}
.create-account-row .form-component--single-input label {
  margin: 0 0 5px 3px;
}
#createAccountForm {
  -webkit-text-size-adjust: 100%;
}
#createAccountForm .create-account-expandable-link {
  background: url('/img/Common/expand-collapse-arrow-down.svg') no-repeat right;
  background-size: 18px;
  padding-right: 20px;
}
#createAccountForm .expanded {
  background: url('/img/Common/expand-collapse-arrow-up.svg') no-repeat right;
  background-size: 18px;
}
#createAccountForm #webAgreement--body {
  max-width: 460px;
}
#create-account--terms-and-conditions--body {
  margin-top: 20px;
}
.create-account--mobile-information {
  display: none;
}
#create-account--mobile-information--body {
  padding: 20px 0;
}
@media screen and (max-width: 640px) {
  .create-account--mobile-information {
    display: block;
  }
  .create-account--mobile-information--header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-bottom: 5px;
    cursor: pointer;
  }
  .create-account--mobile-information--header--image {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .create-account--form .mgw-tooltip {
    display: none;
  }
}
.upsale-box {
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 20px;
}
.upsale-image {
  margin-right: 15px;
  float: left;
  height: 160px;
}
.upsale-text {
  padding-top: 46px;
}
.upsale-minheight {
  min-height: 39px;
  padding-bottom: 10px;
}
.upsale-bubble {
  float: right;
  background: url('/img/Common/bubble-blue-bg.png') top left no-repeat;
  width: 91px;
  height: 61px;
  padding: 25px 5px;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .upsale-image {
    width: 18.75%;
    height: 18.75%;
  }
  .upsale-text {
    padding-top: 0;
  }
  .upsale-bubble {
    display: none;
  }
}
.content-centered-block {
  max-width: 700px;
  margin: 20px auto;
  padding: 20px 20px 60px 20px;
  min-height: 400px;
}
@media screen and (max-width: 640px) {
  .content-centered-block {
    min-height: 200px;
  }
}
.content-body {
  margin: 20px 0 40px 0;
}
.content-body-basic {
  background-color: #ffffff;
  padding: 20px;
}
@media screen and (min-width: 641px) {
  .content-body-basic {
    min-height: 250px;
  }
}
@media screen and (max-width: 640px) {
  .content-body {
    margin: 15px 0;
  }
}
.content-body {
  position: relative;
  -ms-flex: 1;
      flex: 1;
}
.sitevision-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.sitevision-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p + p.sitevision-heading-big {
  margin-top: 30px;
}
p + p.sitevision-heading-small {
  margin-top: 20px;
}
p.sitevision-heading-big + p.sitevision-heading-small {
  margin-top: 10px;
}
.sitevision-heading-big {
  color: #504e4d;
  font-size: 18px;
  margin-bottom: 10px;
  font-style: normal;
}
.sitevision-heading-big strong {
  font-weight: normal;
}
.sitevision-text {
  line-height: 150%;
  margin-bottom: 10px;
  color: #504e4d;
}
.sitevision-text em {
  font-style: italic;
}
.sitevision-heading-small {
  font-weight: bold;
  font-family: 'FiraSans Medium', sans-serif;
}
.sv-text-align-left {
  text-align: left;
}
.sv-text-align-right {
  text-align: right;
}
.account-setting {
  background-image: url('/img/icon/grey20x20/edit.png');
  padding-left: 35px;
}
.account-item--placeholder-value {
  font-style: italic;
}
.ui-datepicker-current {
  display: none;
}
#ui-datepicker-div {
  font-size: 80%;
}
.hasDatepicker {
  width: 110px;
}
.ui-widget-header {
  background: #00539f;
  color: #ffffff;
}
.ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.ui-datepicker-trigger {
  cursor: pointer;
}
#picturelog-filter {
  margin-bottom: 10px;
}
.picturelog-clickable {
  cursor: pointer;
}
.picturelog-clickable:hover {
  background-color: #eefafc;
}
#picturelog-page-navigation {
  cursor: pointer;
}
#picturelog-new-available {
  background-color: #ffffff;
  border-bottom: 1px solid #dfdfdf;
  cursor: pointer;
}
#picturelog-new-available:hover {
  background-color: #eefafc;
}
#picturelog-series-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1px;
}
.picturelog-series {
  cursor: pointer;
  min-width: 300px;
  min-height: 100px;
  -ms-flex: 1 1 300px;
      flex: 1 1 300px;
  margin: 1px;
  padding: 15px;
  background-color: #ffffff;
}
.picturelog-series:hover {
  background-color: #eefafc;
}
.picturelog-series.hovered {
  background-color: #fce3df;
}
.picturelog-series-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 10px;
}
.picturelog-series-info {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.picturelog-series-timestamp {
  color: #504e4d;
}
.picturelog-series-area {
  color: #767676;
}
.picturelog-series-newlabel--wrapper {
  margin-left: 10px;
}
.picturelog-series-remove {
  -ms-flex: 1 0 none;
      flex: 1 0 none;
  width: 20px;
  height: 20px;
  background: url('/img/icon/grey20x20/2x/trash.png') no-repeat;
  margin-left: 5px;
  cursor: pointer;
  border-right: 1px solid #dfdfdf;
  margin-right: 5px;
  padding-right: 10px;
  background-size: 20px 20px;
}
.picturelog-series-indicator {
  -ms-flex: 1 0 none;
      flex: 1 0 none;
  width: 20px;
  height: 20px;
  background: url('/img/icon/grey20x20/2x/arrow_expand.png') no-repeat;
  margin-left: 5px;
  cursor: pointer;
  background-size: 20px 20px;
}
.picturelog-series-indicator.expanded {
  background: url('/img/icon/grey20x20/2x/arrow_unexpand.png') no-repeat;
  background-size: 20px 20px;
}
.picturelog-images {
  display: -ms-flexbox;
  display: flex;
}
.picturelog-image-small-placeholder {
  -ms-flex: 1 1 144px;
      flex: 1 1 144px;
}
.picturelog-image-large-wrapper {
  padding: 10px 0;
  width: 100%;
}
.picturelog-image-large-metadata {
  color: #767676;
}
.picturelog-page-navigation {
  width: 100%;
  margin-top: 2px;
  clear: both;
  text-align: center;
  background-color: #ffffff;
  cursor: pointer;
}
.picturelog-page-navigation:hover {
  background-color: #eefafc;
}
.picturelog-page-navigation-wrapper {
  padding: 10px;
}
.picturelog-page-navigation-label {
  color: #00539f;
}
#picturelog-expiry-info {
  margin-top: 10px;
  font-size: 12px;
  font-style: italic;
}
@media screen and (max-width: 640px) {
  #picturelog-series-list {
    margin: 0;
  }
  .picturelog-series {
    border-right: 0;
    padding: 10px;
    margin: 0;
  }
  .picturelog-series + .picturelog-series {
    margin-top: 2px;
  }
  .picturelog-image-large-wrapper {
    padding: 5px 0;
    width: 100%;
    height: inherit;
  }
  #picturelog-page-navigation-wrapper {
    border-right: 0;
  }
  #picturelog-expiry-info {
    text-align: center;
  }
}
@media not screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .modernizr-no-flexbox.modernizr-no-boxflex .picturelog-series {
    float: left;
    width: 442px;
  }
  .modernizr-no-flexbox.modernizr-no-boxflex .picturelog-series:nth-child(odd) {
    clear: left;
  }
  .modernizr-no-flexbox.modernizr-no-boxflex #picturelog-page-footer {
    clear: both;
  }
  .modernizr-no-flexbox.modernizr-no-boxflex .picturelog-images {
    clear: both;
  }
  .modernizr-no-flexbox.modernizr-no-boxflex .picturelog-series-header {
    display: table;
  }
  .modernizr-no-flexbox.modernizr-no-boxflex .picturelog-series-info {
    display: table-cell;
    width: 100%;
  }
  .modernizr-no-flexbox.modernizr-no-boxflex .picturelog-series-indicator {
    display: table-cell;
    min-width: 20px;
  }
  .modernizr-no-flexbox.modernizr-no-boxflex .picturelog-series-remove {
    display: table-cell;
    min-width: 20px;
  }
}
.modernizr-no-flexwrap #picturelog-series-list {
  -ms-flex-direction: column;
      flex-direction: column;
}
.modernizr-no-flexwrap .picturelog-series-info--main {
  float: left;
}
.modernizr-no-flexbox .picturelog-series-newlabel--wrapper {
  display: inline-block;
}
.modernizr-no-flexbox .picturelog-series-info--main {
  display: inline-block;
  float: none;
}
.camera-clickable {
  cursor: pointer;
}
.camera-clickable:hover {
  opacity: 0.5;
}
.camera-image-view {
  position: relative;
}
.camera-image-meta {
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
.camera-image-meta--timestamp {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.camera-image-meta--overlay-toggle {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  padding: 0 2px;
  cursor: pointer;
}
.modernizr-no-flexbox .camera-image-meta {
  display: table;
}
.modernizr-no-flexbox .camera-image-meta--timestamp {
  display: table-cell;
  width: 100%;
}
.modernizr-no-flexbox .camera-image-meta--overlay-toggle {
  display: table-cell;
  white-space: nowrap;
}
.camera-image-large {
  position: relative;
  top: 0;
  left: 0;
  max-width: 100%;
}
.camera-image-large--image {
  width: 100%;
  max-width: 449px;
  height: 98.8%;
}
.camera-image-large .camera-image-nocontent--image {
  width: auto;
}
.camera-image-small {
  max-width: 144px;
  min-width: 96px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
.camera-image-small + .camera-image-small {
  margin-left: 5px;
}
.camera-image-small--image {
  max-width: 100%;
  height: auto;
  cursor: pointer;
}
.camera-image-small--image:hover {
  opacity: 0.5;
}
.camera-image-small--selected-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  opacity: 0.5;
}
.camera-image-nocontent {
  position: relative;
}
.camera-image-nocontent--image {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.camera-image-large--overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
}
@media screen and (max-width: 640px) {
  .camera-image-small + .camera-image-small {
    margin-left: 5px;
  }
}
@media not screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .modernizr-no-flexbox.modernizr-no-boxflex .camera-image-small {
    float: left;
  }
}
.filter-bar {
  display: -ms-flexbox;
  display: flex;
  background-origin: content-box;
  background-size: 20px 20px;
  background: #ffffff url('/img/icon/grey20x20/dimmed_edit.png') no-repeat right 20px center;
  transition: background-color 1s;
  cursor: pointer;
}
.filter-bar:hover {
  background-image: url('/img/icon/grey20x20/edit.png');
  background-size: 20px 20px;
  background-color: #eefafc;
  transition: background-color 1s;
}
.filter-bar--title {
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}
.filter-bar--header {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.filter-bar--filter {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  cursor: pointer;
  padding: 6px 10px;
}
.filter-bar--filter:hover {
  background-color: #eefafc;
  transition: background-color 1s;
}
.filter-bar--filter--removing {
  opacity: 0.5;
}
.filter-bar--filter--delete-icon {
  float: right;
  margin-left: 10px;
  padding: 2px;
}
.filter-bar--filter--delete-icon:hover {
  background-color: #fce3df;
  cursor: pointer;
}
.filter-icon {
  width: 30px;
  position: relative;
}
.filter-icon--badge {
  display: none;
  background-color: #2c62ad;
  color: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  position: absolute;
  right: -5px;
  top: 0;
  text-align: center;
  font-size: 12px;
  line-height: 130%;
}
.filter-icon--active .filter-icon--badge {
  display: block;
}
.filter-icon--image {
  width: 30px;
  height: 30px;
  margin-bottom: -5px;
}
.filter-icon--label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.filter-feedback {
  display: -ms-flexbox;
  display: flex;
  background-color: #2c62ad;
  min-height: 40px;
}
.filter-feedback.hidden {
  display: none;
}
.filter-feedback--active {
  padding: 0 10px;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid #ffffff;
  margin: 0 2px;
}
.filter-feedback--nofilter {
  padding: 0 12px;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.filter-feedback--nofilter.hidden {
  display: none;
}
.filter-feedback--ellipsis {
  display: none;
  color: #ffffff;
  font-size: 20px;
  margin-top: 5px;
}
.filter-feedback--item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #ffffff;
  padding: 0 10px;
}
.filter-feedback--item--type {
  font-weight: bold;
}
.filter-feedback--item--removing {
  opacity: 0.5;
}
.filter-feedback--item--delete-icon {
  float: right;
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.filter-feedback--item--delete-icon:hover {
  background: url('/img/icon/white40x40/remove-x-hover.svg') no-repeat 2px;
  background-size: 16px;
  cursor: pointer;
}
.filter-feedback--delete-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: auto;
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.filter-feedback--delete-icon:hover {
  background: url('/img/icon/white40x40/remove-x-hover.svg') no-repeat 2px;
  background-size: 16px;
  cursor: pointer;
}
.filter-editor {
  background: #ffffff;
  padding: 0 20px;
}
.filter-editor .decorated-checkbox--img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding-right: 10px;
}
.filter-editor .decorated-checkbox--input {
  vertical-align: middle;
}
.filter-editor .decorated-checkbox--input--label {
  width: 20px;
  height: 20px;
}
.filter-editor .decorated-checkbox--text {
  font-size: 14px;
  padding-left: 10px;
}
.filter-editor-category {
  padding: 10px 0;
}
.filter-editor-category--image {
  vertical-align: middle;
  width: 30px;
}
.filter-editor-category--row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.filter-editor--groups {
  padding-bottom: 20px;
}
.filter-editor--group {
  padding-top: 20px;
  vertical-align: middle;
}
.filter-editor--flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  padding: 20px 0;
}
.filter-editor-column {
  min-width: 20%;
}
.filter-editor-column + .filter-editor-column {
  padding-left: 50px;
}
.filter-editor--buttons {
  padding-bottom: 20px;
}
.filter-editor--group--pair {
  display: -ms-flexbox;
  display: flex;
}
.filter-editor--group--pair--item + .filter-editor--group--pair--item {
  margin-left: 20px;
}
.filter-editor--header {
  padding-bottom: 5px;
}
.filter-editor--group--item + .filter-editor--group--item {
  padding-left: 10px;
}
.filter-editor--checkbox-all {
  padding-left: 30px;
  margin: 10px 0;
}
#filter-editor-checkbox-all-container {
  width: 100%;
}
.modernizr-no-flexwrap .filter-bar,
.modernizr-no-flexbox .filter-bar {
  position: relative;
  display: block;
  width: 100%;
}
.modernizr-no-flexwrap .filter-bar--header,
.modernizr-no-flexbox .filter-bar--header {
  z-index: 10;
}
.modernizr-no-flexwrap .filter-bar--title,
.modernizr-no-flexbox .filter-bar--title {
  border-right: #e6e6e6 1px solid;
}
.modernizr-no-flexwrap .filter-bar--title.filter-bar--edit,
.modernizr-no-flexbox .filter-bar--title.filter-bar--edit {
  float: none;
  border: none;
}
.modernizr-no-flexwrap .filter-feedback,
.modernizr-no-flexbox .filter-feedback {
  overflow: hidden;
}
.modernizr-no-flexwrap .filter-feedback--active,
.modernizr-no-flexbox .filter-feedback--active {
  float: left;
  background-color: #2c62ad;
  height: 30px;
  margin-top: 0;
}
.modernizr-no-flexwrap .filter-feedback--item,
.modernizr-no-flexbox .filter-feedback--item {
  float: left;
  height: 30px;
}
.modernizr-no-flexwrap .filter-editor--group--pair,
.modernizr-no-flexbox .filter-editor--group--pair {
  overflow: auto;
  display: block;
}
.modernizr-no-flexwrap .filter-editor--group--pair--item,
.modernizr-no-flexbox .filter-editor--group--pair--item {
  float: left;
}
@media screen and (min-width: 641px) {
  .filter-feedback--item + .filter-feedback--item + .filter-feedback--item + .filter-feedback--item {
    display: none;
  }
  .filter-feedback--item + .filter-feedback--item + .filter-feedback--item + .filter-feedback--item + .filter-feedback--ellipsis {
    display: block;
  }
}
@media screen and (min-width: 641px) and (max-width: 1080px) {
  .filter-editor-column + .filter-editor-column {
    padding-left: 29px;
  }
}
@media screen and (max-width: 640px) {
  .filter-bar--filter {
    display: none;
  }
  .filter-feedback--active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .filter-feedback--item + .filter-feedback--item {
    display: none;
  }
  .filter-feedback--item + .filter-feedback--item + .filter-feedback--ellipsis {
    display: block;
  }
  .filter-editor--group {
    width: 100%;
  }
  .filter-editor--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
  }
  .filter-editor-column + .filter-editor-column {
    padding-left: 0;
  }
}
.filter-bar:hover {
  background-color: white;
}
.filter-bar--filter:hover {
  background-color: white;
}
.filter-bar--filter--delete-icon:hover {
  background-color: #fce3df;
}
.filter-icon--badge {
  background-color: #ed002f;
}
.filter-feedback {
  background-color: #236093;
}
.filter-editor-column {
  -ms-flex: 0 0 33.33%;
      flex: 0 0 33.33%;
}
.filter-editor-column + .filter-editor-column {
  padding-left: 0;
}
.filter-editor-column .decorated-checkbox {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.filter-editor-column .decorated-checkbox--text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.modernizr-no-flexwrap--active,
.modernizr-no-flexbox--active {
  background-color: #236093;
}
@media screen and (min-width: 641px) and (max-width: 1080px) {
  .filter-editor-column + .filter-editor-column {
    padding-left: 0;
  }
}
.display-price {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  white-space: nowrap;
  padding-right: 5px;
}
.display-price--header {
  font-size: 18px;
  margin-bottom: 2px;
}
.display-price--subheader {
  font-size: 13px;
  color: #767676;
}
.modernizr-no-flexwrap .display-price,
.modernizr-no-flexbox .display-price {
  display: table-cell;
  width: 100%;
}
.badge {
  height: 20px;
  min-width: 8px;
  padding: 2px 8px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 1rem;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
}
.badge.camera {
  background-color: #7652a0;
  color: #ffffff;
}
.inline-checkbox {
  min-width: 150px;
  max-width: 200px;
  height: 25px;
  display: inline-block;
}
.decorated-checkbox {
  display: table;
}
.decorated-checkbox--input {
  display: table-cell;
}
.decorated-checkbox--input--checkbox {
  display: none;
}
.decorated-checkbox--input--label {
  display: block;
  width: 40px;
  height: 40px;
  background: transparent url('/img/icon/dark/checkbox_unchecked.svg');
  background-size: contain;
  cursor: pointer;
}
.decorated-checkbox--input--checkbox:checked + .decorated-checkbox--input--label {
  background: transparent url('/img/icon/dark/checkbox_checked.svg');
  background-size: contain;
}
.decorated-checkbox--text {
  display: table-cell;
  font-size: 18px;
  white-space: nowrap;
  vertical-align: middle;
}
.decorated-checkbox--input--checkbox {
  display: none !important;
}
.decorated-radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.decorated-radio--input--radio {
  display: none;
}
.decorated-radio--input--label {
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url('/img/icon/dark/radio_button_off_grey.svg') left center;
  background-size: contain;
  cursor: pointer;
}
.decorated-radio--input--radio:checked + .decorated-radio--input--label {
  background: transparent url('/img/icon/dark/radio_button_on_blue.svg');
  background-size: contain;
}
.decorated-radio--input--radio:disabled + .decorated-radio--input--label {
  background: transparent url('/img/icon/dark/radio_button_off_disabled_grey.svg') left center;
  background-size: contain;
}
.decorated-radio--text {
  font-size: 14px;
  vertical-align: middle;
  padding-left: 15px;
}
.decorated-radio--text--label {
  cursor: pointer;
}
.decorated-radio--text--subtext {
  font-size: 12px;
}
.modernizr-no-flexbox .decorated-radio {
  display: table;
}
.modernizr-no-flexbox .decorated-radio--input {
  display: table-cell;
}
.modernizr-no-flexbox .decorated-radio--text {
  display: table-cell;
}
@media screen and (max-width: 640px) {
  .decorated-radio--text {
    padding-left: 5px;
  }
}
.reminders-add:before {
  content: '';
  position: absolute;
  background-color: #00b6f0;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
}
.scheduled-reminder--header {
  font-size: 16px;
  padding: 10px 10px 10px 20px;
  margin-top: 5px;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
}
.scheduled-reminder--header--image {
  padding-right: 10px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.scheduled-reminder--header--label {
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
}
.scheduled-reminder--body {
  background-color: #ffffff;
  overflow: hidden;
}
.scheduled-reminder--body--image {
  width: 15%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.scheduled-reminder--notification {
  margin: 20px 20px 0 20px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  background: url('/img/icon/grey20x20/dimmed_edit.png') #ffffff no-repeat right 20px center;
  padding: 20px 0 20px 10px;
  border-top: 1px solid #dfdfdf;
}
.scheduled-reminder--notification:hover {
  background: url('/img/icon/grey20x20/edit.png') #ffffff no-repeat right 20px center;
}
.scheduled-reminder--notification--image {
  width: 30px;
  height: 30px;
  padding-right: 10px;
}
.scheduled-reminder--notification--header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-align: center;
      align-items: center;
}
.scheduled-reminder--notification--icons {
  padding-right: 45px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.scheduled-reminder--trigger {
  margin: 20px 20px 0 20px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  background: url('/img/icon/grey20x20/dimmed_edit.png') #f5f5f5 no-repeat right 20px center;
  margin-top: 0;
  padding: 10px;
  background-color: #f5f5f5;
  -ms-flex-direction: column;
      flex-direction: column;
}
.scheduled-reminder--trigger:hover {
  background: url('/img/icon/grey20x20/edit.png') #f5f5f5 no-repeat right 20px center;
}
.scheduled-reminder--trigger--row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.scheduled-reminder--trigger--row--image {
  width: 30px;
  padding-right: 10px;
}
.scheduled-reminder--trigger--row--label {
  margin-right: 5px;
}
.scheduled-reminder--trigger--row--selected-time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-align: center;
      align-items: center;
}
.scheduled-reminder--trigger--row--selected-days {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
.scheduled-reminder--trigger--row + .scheduled-reminder--trigger--row {
  padding-top: 5px;
}
.scheduled-reminder--trigger + .scheduled-reminder--trigger {
  margin-top: 5px;
}
.reminder-type {
  padding-bottom: 20px;
}
.reminder-type--option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.reminder-type--option .decorated-radio {
  -ms-flex-align: start;
      align-items: flex-start;
}
.reminder-type--option .decorated-radio--input {
  margin-top: 5px;
}
#reminders-editor .clickable-notification-email .decorated-checkbox--input--label {
  background: #a6a7ab url('/img/icon/userlist/email_white.png') no-repeat center;
  background-size: 18px;
}
#reminders-editor .clickable-notification-sms .decorated-checkbox--input--label {
  background: #a6a7ab url('/img/icon/userlist/sms_white.png') no-repeat center;
  background-size: 18px;
}
#reminders-editor .clickable-notification-push .decorated-checkbox--input--label {
  background: #a6a7ab url('/img/icon/userlist/push_white.png') no-repeat center;
  background-size: 18px;
}
#reminders-editor .clickable-notification .decorated-checkbox--input .decorated-checkbox--input--checkbox:checked + .decorated-checkbox--input--label {
  background-color: #00b6f0;
}
#reminders-editor .clickable-notification .decorated-checkbox--input .decorated-checkbox--input--checkbox:disabled + .decorated-checkbox--input--label {
  opacity: 0.5;
  cursor: default;
}
#reminders-editor .notifications-editable-listitem .decorated-checkbox--input--label {
  padding: 3px 4px 1px;
  border-radius: 20px;
  min-width: 18px;
  width: 28px;
  height: 22px;
}
.create-logo {
  width: 200px;
  padding-bottom: 20px;
}
.modernizr-no-flexbox .scheduled-reminder--trigger--row--image {
  height: 30px;
  float: left;
}
.modernizr-no-flexbox .scheduled-reminder--trigger--row--selected-time {
  float: left;
  min-width: 45%;
  overflow: hidden;
}
.modernizr-no-flexbox .scheduled-reminder--trigger--row--selected-days {
  min-width: 45%;
  float: right;
  overflow: hidden;
}
.modernizr-no-flexbox .scheduled-reminder--notification--header {
  float: left;
}
.modernizr-no-flexbox .scheduled-reminder--notification--icons {
  float: right;
  margin-left: 40px;
}
@media screen and (max-width: 1080px) {
  #reminders-editor .edit-scheduled-three-col {
    display: block;
  }
  #reminders-editor .edit-scheduled-three-col .reminder-type {
    min-height: inherit;
  }
  #reminders-editor .edit-scheduled-three-col .reminder-type + .reminder-type,
  #reminders-editor .edit-scheduled-three-col .edit-scheduled-block + .edit-scheduled-block {
    margin-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  #reminders-editor .notification-header--notice {
    padding: 6px 0;
  }
  #reminders-editor .notification-header--notice .notification-header--notice--text {
    display: none;
  }
  #reminders-editor .notification-header.notifications-listitem--cell {
    padding: 0;
  }
  #reminders-editor .notifications-listheader--header {
    padding-top: 0;
  }
  #reminders-editor .notifications-listitem--header {
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 0 0 10px 20px;
  }
  #reminders-editor .clickable-notification {
    padding: 10px 0;
  }
  #reminders-editor .mark-link {
    padding-top: 8px;
  }
  .scheduled-reminder--notification {
    padding-right: 20px;
    background: url('/img/icon/link_arrow.png') #ffffff no-repeat right 5px top 50%;
    margin: 10px 10px 0 10px;
  }
  .scheduled-reminder--notification:hover {
    background: url('/img/icon/link_arrow_hover.png') #ffffff no-repeat right 5px top 50%;
  }
  .scheduled-reminder--notification--icons {
    padding: 0;
  }
  .scheduled-reminder--trigger {
    padding-right: 20px;
    background: url('/img/icon/link_arrow.png') #f5f5f5 no-repeat right 5px top 50%;
    margin: 10px 10px 0 10px;
  }
  .scheduled-reminder--trigger:hover {
    background: url('/img/icon/link_arrow_hover.png') #f5f5f5 no-repeat right 5px top 50%;
  }
  .scheduled-reminder--trigger--row--selected-days {
    text-align: right;
  }
  .scheduled-reminder--trigger--row--image {
    padding-right: 5px;
  }
  .scheduled-reminder--header {
    padding-left: 10px;
  }
}
.link-line {
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
}
.link-line--item {
  margin: 15px;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
}
.link-line--arrow,
.link-line--image {
  margin: 15px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.link-line--hovering {
  display: none;
}
.link-line:hover .link-line--arrow {
  display: none;
}
.link-line:hover .link-line--hovering {
  display: inherit;
}
.link-line--add {
  margin-top: 10px;
  margin-bottom: 10px;
}
.link-line--add:before {
  content: '';
  position: absolute;
  background-color: #00b6f0;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
}
.modernizr-no-flexbox .link-line {
  overflow: hidden;
}
.modernizr-no-flexbox .link-line--image {
  float: left;
}
.modernizr-no-flexbox .link-line--item {
  float: left;
}
.modernizr-no-flexbox .link-line--arrow {
  float: right;
}
.link-line--hovering {
  display: none;
}
.link-line:hover .link-line--arrow {
  display: block;
}
.link-line:hover .link-line--hovering {
  display: none;
}
.link-line--add {
  margin-top: 10px;
  margin-bottom: 10px;
}
.link-line--add:before {
  content: '';
  position: absolute;
  background-color: #ed002f;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
}
.payment-option {
  display: -ms-flexbox;
  display: flex;
}
.payment-option--address {
  font-style: italic;
  font-size: 12px;
}
.payment-option.disabled {
  color: #767676;
}
.payment-option + .payment-option {
  margin-top: 10px;
}
.savepopup-smstoken {
  display: inline-block;
  vertical-align: middle;
}
.savepopup-smstoken--label {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}
.time-selector-icon {
  display: inline-block;
}
.time-selector-icon.icon-expanded {
  background: url(/img/Common/arrow_expand.png);
  background-size: cover;
  width: 20px;
  height: 20px;
}
.time-selector-icon.icon-unexpanded {
  background: url(/img/Common/arrow_unexpand.png);
  background-size: cover;
  width: 20px;
  height: 20px;
}
.input-group {
  display: table;
}
.bootstrap-timepicker-widget.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #dfdfdf;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.175);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #f5f5f5;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #1e2123;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  border-color: #f5f5f5;
}
.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}
.change-language--options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}
.change-language--options--item {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  padding-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .change-language--options--item {
    padding-right: 5px;
  }
}
.form-component {
  font-size: 14px;
  margin: 15px 0;
}
.form-component:first-child {
  margin-top: 0;
}
.form-component:last-child {
  margin-bottom: 0;
}
.form-component label {
  cursor: pointer;
}
.form-component--options {
  list-style-type: none;
}
.form-component--options--info {
  font-size: smaller;
}
.form-component--options > li {
  list-style-type: inherit;
  margin: 5px 0;
}
.form-component input[type="email"],
.form-component input[type="password"],
.form-component input[type="tel"],
.form-component input[type="text"],
.form-component select {
  box-sizing: border-box;
  margin: 2px 0 0 0;
  width: 100%;
  max-width: 400px;
}
.form-component input[size] {
  width: auto;
  max-width: 100%;
}
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="textarea"] {
  min-height: 22px;
  font-size: 15px;
}
input[type="range"] {
  background: none;
  border: none;
}
input[type="range"]::-webkit-slider-thumb {
  cursor: pointer;
}
input[type="range"]::-moz-range-thumb {
  cursor: pointer;
}
.modernizr-touch input[type="range"]::-webkit-slider-thumb {
  width: 7mm;
  height: 7mm;
}
.modernizr-touch input[type="range"]::-moz-range-thumb {
  width: 7mm;
  height: 7mm;
}
.jq-input-range {
  background-color: #f5f5f5;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 5px;
}
.jq-input-range .jq-input-range-button {
  background: none;
  border: 0;
  cursor: pointer;
  width: 10%;
}
.jq-input-range .jq-input-range-button > img {
  vertical-align: middle;
}
.jq-input-range .jq-input-range-slider {
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
  width: 80%;
}
.form-component--description {
  font-size: smaller;
  font-style: italic;
  max-width: 400px;
  line-height: 140%;
  margin-top: 2px;
}
.form-component--button {
  background: #f5f5f5 no-repeat 10px center;
  color: #504e4d;
  border: 1px solid #c4c4c4;
  border-radius: 14px;
  cursor: pointer;
  font: normal 14px/20px 'Open sans', sans-serif;
  margin: 0;
  padding: 4px 10px;
}
.form-component--button:disabled {
  cursor: default;
}
.form-component--button + .form-component--button {
  margin-left: 10px;
}
.form-component--button:focus,
.form-component--button:hover {
  background-color: #e6e6e6;
}
.form-component--button--primary {
  background-color: #2c62ad;
  color: #ffffff;
  border-color: #2c62ad;
}
.form-component--button--primary:focus,
.form-component--button--primary:hover {
  background-color: #00b6f0;
  border-color: #00b6f0;
}
.form-component--button--primary:disabled {
  background-color: #76a9e0;
  cursor: default;
}
@media screen and (max-width: 1080px) {
  .form-component--button {
    border-radius: 18px;
    padding: 8px 10px 8px 12px;
    font-size: 14px;
  }
}
.contextual-overlay {
  background: #ffffff url(/img/Common/loading_white.gif) no-repeat center center;
  background-color: rgba(255, 255, 255, 0.75);
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.form-component--zipcode {
  display: inline-block;
  width: 30%;
}
.form-component--city {
  display: inline-block;
  width: 30%;
}
.form-component--multiple-input .form-component {
  margin: 5px 0;
}
.form-component--heading {
  margin-bottom: 8px;
}
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="textarea"] {
  min-height: auto;
}
.form-component--button,
.form-component--button--primary {
  border-radius: 3px;
  font-family: 'FiraSans Medium', sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: white;
  color: #ed002f;
  box-shadow: inset 0 1px 0 0 rgba(41, 41, 41, 0.1), 0 2px 4px 0 rgba(41, 41, 41, 0.3);
  border: none;
}
.form-component--button:focus,
.form-component--button--primary:focus,
.form-component--button:hover,
.form-component--button--primary:hover {
  box-shadow: 0 1px 0 0 rgba(41, 41, 41, 0.3);
  color: #292929;
  background-color: rgba(41, 41, 41, 0.1);
}
.form-component--button.disabled,
.form-component--button--primary.disabled,
.form-component--button:disabled,
.form-component--button--primary:disabled {
  box-shadow: none;
  border: 1px solid rgba(41, 41, 41, 0.1);
  opacity: 0.5;
  pointer-events: none;
  background: white;
}
.form-component--button--primary {
  background-color: #ed002f;
  color: white;
}
.form-component--button--primary.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.form-component--button--primary:hover {
  color: #ffffff;
  background-color: #ab192d;
}
.form-component--button--primary:active {
  color: #ffffff;
  background-color: #ab192d;
}
.form-component--button--img {
  display: none;
}
@media screen and (max-width: 1080px) {
  .form-component--button {
    border-radius: 2px;
    padding: 4px 10px;
  }
}
.page-header {
  width: 100%;
  margin: 0 auto;
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
}
.page-header #hamburger {
  float: none;
}
.page-header #hamburger .global-navigation-item--button {
  padding: 0 16px 0 16px;
}
.page-header #hamburger .global-navigation-item--button::before {
  font-family: 'icomoon';
  color: rgba(41, 41, 41, 0.6);
  content: '\e96f';
  font-size: 24px;
}
.page-header #hamburger .global-navigation-item--button.expanded::before {
  content: '\e970';
}
.page-header .page-header--logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  width: 210px;
  margin-right: 8px;
}
.page-header .page-header--logo .global-navigation-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.page-header .page-header--logo .global-navigation-item .global-navigation-item--link {
  line-height: inherit;
  padding: 0;
}
.page-header .page-header--logo .global-navigation-item .global-navigation-item--link .global-navigation-item--icon {
  width: 148px;
  /*IE fix*/
  padding: 0;
  vertical-align: middle;
}
.page-header .page-header--content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 70px;
  margin-left: 8px;
}
.page-header .page-header--content .global-navigation-items {
  height: inherit;
  width: 100%;
}
.page-header .page-header--content .global-navigation-items .global-navigation-item {
  height: inherit;
}
.page-header .page-header--content .global-navigation-items .menu-right-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  float: right;
  height: inherit;
}
@media screen and (max-width: 750px) {
  .page-header--content {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .page-header {
    max-width: 1116px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .page-header .page-header--logo {
    margin-left: 16px;
  }
}
.subsidiary-header img {
  width: 88px !important;
}
.page-footer {
  width: 100%;
  box-sizing: border-box;
  background: white;
  padding: 16px;
  box-shadow: 0 -1px 0 0 #dfdfdf;
  margin-top: 48px;
}
.page-footer a {
  color: #ed002f;
}
.page-footer hr {
  margin-bottom: 8px;
}
.page-footer .footer-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.page-footer .footer-top .info-text .panel {
  margin-bottom: 8px;
}
.page-footer .footer-top .info-text .panel .title {
  font-size: 16px;
}
.page-footer .footer-top .info-text .panel .phone-number {
  color: #ed002f;
}
.page-footer .footer-top .apps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.page-footer .footer-top .apps a {
  margin-bottom: 8px;
  width: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}
.page-footer .footer-top .apps a img {
  width: inherit;
  /*IE fix*/
  height: inherit;
  /*IE fix*/
}
.page-footer .footer-bottom .cypyright {
  font-size: 12px;
}
.page-footer .footer-bottom .social a {
  display: inline-block;
  margin-right: 8px;
  color: rgba(41, 41, 41, 0.3);
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #efefef;
  text-align: center;
  line-height: 32px;
}
.page-footer .footer-bottom .social a .social-media-icon {
  font-size: 24px;
  font-family: 'icomoon';
}
.page-footer .footer-bottom .social a .social-media-icon.facebook::before {
  content: "\e9e2";
}
.page-footer .footer-bottom .social a .social-media-icon.linkedin::before {
  content: "\e9e4";
}
.page-footer .footer-bottom .social a .social-media-icon.instagram::before {
  content: "\e9e3";
}
.page-footer .footer-bottom .social a .social-media-icon.twitter::before {
  content: "\e9e5";
}
.global-navigation-item {
  display: inline-block;
  text-align: left;
  white-space: nowrap;
}
.global-navigation-item.align-left {
  float: left;
}
.global-navigation-item.align-right {
  float: right;
}
.global-navigation-item--button,
a.global-navigation-item--link {
  background: none;
  border: none;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
.global-navigation-item--sub-content-container .error .installation-select-link {
  background-image: url('/img/icon/menu_error.png');
  background-repeat: no-repeat;
}
.installation-menu,
.user-menu,
.language-menu {
  padding: 0;
  position: relative;
}
.installation-menu .owa-arrow-icon,
.user-menu .owa-arrow-icon,
.language-menu .owa-arrow-icon {
  font-family: 'icomoon';
  font-size: 16px;
  vertical-align: middle;
  margin-left: 8px;
}
.installation-menu .owa-arrow-icon::before,
.user-menu .owa-arrow-icon::before,
.language-menu .owa-arrow-icon::before {
  content: '\e977';
}
.installation-menu.drop-down-btn-expanded .owa-arrow-icon::before,
.user-menu.drop-down-btn-expanded .owa-arrow-icon::before,
.language-menu.drop-down-btn-expanded .owa-arrow-icon::before {
  content: '\e979';
}
.installation-menu.drop-down-btn-expanded .global-navigation-item--sub-content-cassette,
.user-menu.drop-down-btn-expanded .global-navigation-item--sub-content-cassette,
.language-menu.drop-down-btn-expanded .global-navigation-item--sub-content-cassette {
  height: auto;
  opacity: 1;
  border: 1px solid rgba(41, 41, 41, 0.15);
  top: 52px;
}
.installation-menu.drop-down-btn-expanded .global-navigation-item--sub-content-cassette.casette-expanded-up,
.user-menu.drop-down-btn-expanded .global-navigation-item--sub-content-cassette.casette-expanded-up,
.language-menu.drop-down-btn-expanded .global-navigation-item--sub-content-cassette.casette-expanded-up {
  top: auto;
}
.installation-menu .global-navigation-item--button,
.user-menu .global-navigation-item--button,
.language-menu .global-navigation-item--button {
  padding: 0;
  font-family: 'FiraSans', sans-serif;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: inherit;
}
.installation-menu .global-navigation-item--button .global-navigation-item-no-shrink--text,
.user-menu .global-navigation-item--button .global-navigation-item-no-shrink--text,
.language-menu .global-navigation-item--button .global-navigation-item-no-shrink--text {
  margin-left: 0;
}
.installation-menu .global-navigation-item--button .global-navigation-item--icon,
.user-menu .global-navigation-item--button .global-navigation-item--icon,
.language-menu .global-navigation-item--button .global-navigation-item--icon {
  margin-left: 16px;
}
.installation-menu .global-navigation-item--sub-content-cassette,
.user-menu .global-navigation-item--sub-content-cassette,
.language-menu .global-navigation-item--sub-content-cassette {
  position: absolute;
  min-width: 200px;
  right: -8px;
  left: auto;
  z-index: 10000;
  height: 0;
  max-height: 600px;
  overflow-y: auto;
  opacity: 0;
  background: white;
  box-shadow: 0 6px 8px 0 rgba(41, 41, 41, 0.2);
  border-radius: 3px;
  border: 0;
  transition: opacity 350ms cubic-bezier(0, 0, 0.58, 1);
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container {
  list-style: none;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul {
  display: block;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li {
  list-style: inherit;
  margin: 0;
  height: 40px;
  box-sizing: border-box;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li.box-title,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li.box-title,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li.box-title {
  line-height: 40px;
  padding: 0 16px;
  font-family: 'FiraSans Medium', sans-serif;
  border-bottom: 1px solid rgba(41, 41, 41, 0.2);
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li:last-child,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li:last-child,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li:last-child {
  border: 0;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li button,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li button,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li button,
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li a,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li a,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li a {
  font-weight: normal;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li a:hover,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li a:hover,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li a:hover {
  text-decoration: none;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li:not(.box-title):hover,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li:not(.box-title):hover,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul li:not(.box-title):hover {
  background-color: rgba(41, 41, 41, 0.1);
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .global-navigation-item--button,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .global-navigation-item--button,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .global-navigation-item--button {
  font-family: 'FiraSans', sans-serif;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link {
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -ms-flex-align: center;
      align-items: center;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .installation-icon,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .installation-icon,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .installation-icon {
  margin-right: 16px;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .installation-name,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .installation-name,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .installation-name {
  text-align: left;
  margin-right: 8px;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .error,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .error,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .error {
  font-family: 'icomoon';
  font-size: 16px;
  vertical-align: middle;
  margin-right: 16px;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .error::before,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .error::before,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .error::before {
  content: '\e907';
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .selected-installation,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .selected-installation,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .selected-installation {
  font-family: 'icomoon';
  font-size: 8px;
  vertical-align: middle;
  color: #ed002f;
  -ms-flex: 1;
      flex: 1;
  text-align: right;
}
.installation-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .selected-installation::before,
.user-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .selected-installation::before,
.language-menu .global-navigation-item--sub-content-cassette .global-navigation-item--sub-content-container ul .installation-item .installation-select-link .selected-installation::before {
  content: '\e9be';
}
.installation-menu .global-navigation-item--sub-content-cassette .hide,
.user-menu .global-navigation-item--sub-content-cassette .hide,
.language-menu .global-navigation-item--sub-content-cassette .hide {
  display: none;
}
.installation-menu > .global-navigation-item--link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  height: inherit;
  font-family: 'FiraSans Medium', sans-serif;
  color: #292929;
}
.language-menu {
  margin-right: 40px;
}
.language-menu .language-item {
  box-sizing: border-box;
  background: none;
  margin: 0;
  min-height: 40px;
  font-family: 'FiraSans', sans-serif;
  font-size: 14px;
}
.language-menu .language-item .owa-change-language-btn {
  padding: 0 16px;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.language-menu .language-item .owa-change-language-btn .selected-language {
  font-family: 'icomoon';
  font-size: 8px;
  vertical-align: middle;
  margin-left: 8px;
  color: #ed002f;
  -ms-flex: 1;
      flex: 1;
  text-align: right;
}
.language-menu .language-item .owa-change-language-btn .selected-language::before {
  content: '\e9be';
}
.language-menu .language-item .owa-change-language-btn:hover {
  background-color: rgba(41, 41, 41, 0.1);
}
.language-menu .language-item .language-description {
  color: rgba(41, 41, 41, 0.6);
  font-size: 12px;
  padding: 8px 16px;
  white-space: normal;
  border-top: 1px solid rgba(41, 41, 41, 0.15);
}
.user-initials {
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  box-sizing: border-box;
  background-color: rgba(41, 41, 41, 0.15);
  color: #ed002f;
}
.user-menu .global-navigation-item {
  width: 100%;
}
.user-menu .global-navigation-item a {
  height: inherit;
  width: inherit;
  line-height: 40px;
  padding: 0 16px;
  box-sizing: border-box;
}
.user-menu .global-navigation-item button {
  width: inherit;
  padding: 0 16px;
}
@media screen and (max-width: 750px) {
  .page-header--content {
    display: none !important;
  }
}
@media screen and (min-width: 751px) {
  #hamburger {
    display: none;
  }
}
.body-overflow-hidden {
  overflow: hidden;
}
.system-navigation-item {
  list-style: inherit;
  margin: 0;
  padding: 0;
}
.system-navigation-item:hover {
  font-weight: bold;
}
.system-navigation-item .system-navigation-item--link {
  display: block;
  text-decoration: none;
  padding: 15px 20px;
}
@media screen and (min-width: 641px) and (max-width: 1080px) {
  .system-navigation-item .system-navigation-item--link {
    padding: 15px 10px;
  }
}
.page-navigation-item,
.sub-navigation-item {
  list-style: inherit;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
@media (pointer: fine) {
  .page-navigation-item a:hover,
  .sub-navigation-item a:hover {
    color: #ed002f;
  }
  .page-navigation-item a:hover .item-mark,
  .sub-navigation-item a:hover .item-mark {
    background: #ed002f;
  }
}
.page-navigation-item.selected a,
.sub-navigation-item.selected a {
  color: #ed002f;
}
.page-navigation-item.selected a .item-mark,
.sub-navigation-item.selected a .item-mark {
  background: #ed002f;
}
.page-navigation-item .page-navigation-item--link,
.sub-navigation-item .sub-navigation-item--button {
  text-decoration: none;
}
.page-navigation-item .page-navigation-item--link .page-navigation-item--icon,
.sub-navigation-item .sub-navigation-item--button .page-navigation-item--icon {
  font-family: 'icomoon';
  font-size: 24px;
  margin-right: 16px;
}
.page-navigation-item .page-navigation-item--link .item-mark,
.sub-navigation-item .sub-navigation-item--button .item-mark {
  width: 2px;
  margin-right: 14px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sub-navigation-item--button:hover {
  cursor: pointer;
}
.page-navigation-item--link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.sub-navigation-item--button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.sub-navigation-item--button .item-mark {
  width: 2px;
  margin-right: 14px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sub-navigation-item--button .arrow {
  font-family: 'icomoon';
  font-size: 16px;
  vertical-align: middle;
  margin-left: 16px;
  -ms-flex: 1;
      flex: 1;
  text-align: right;
  color: #ed002f;
}
.sub-navigation-item--button .arrow::before {
  content: '\e977';
}
@media (pointer: fine) {
  .sub-navigation-item--button:hover {
    color: #ed002f;
  }
  .sub-navigation-item--button:hover .item-mark {
    background: #ed002f;
  }
}
.sub-navigation-item--button--expanded .arrow::before {
  content: '\e979';
}
.sub-navigation-item.selected a {
  color: #ed002f;
}
.sub-navigation-item.selected a .item-mark {
  background: #ed002f;
}
.sub-navigation-item--sub-content-container {
  display: none;
  list-style: none;
  position: relative;
  margin-top: 8px;
}
.sub-navigation-item--sub-content-container a,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click--clicked {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: rgba(41, 41, 41, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub-navigation-item--sub-content-container a .item-mark,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click .item-mark,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click--clicked .item-mark {
  width: 2px;
  margin-right: 54px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sub-navigation-item--sub-content-container a:hover,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click:hover,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click--clicked:hover {
  text-decoration: none;
}
.sub-navigation-item--sub-content-container a.hidden,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click.hidden,
.sub-navigation-item--sub-content-container .page-navigation-item--link--single-click--clicked.hidden {
  display: none;
}
.sub-navigation-item--sub-content-container:hover {
  display: block;
  color: #ed002f;
}
.sub-navigation-item--sub-content-container:hover .item-mark {
  background: #ed002f;
}
.page-navigation--list {
  box-sizing: border-box;
  list-style: none;
  padding-top: 48px;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 70vh;
  width: inherit;
}
.page-navigation--list > li {
  margin-bottom: 16px;
}
.main-navigation .page-navigation--list {
  width: 224px;
}
@media screen and (max-width: 750px) {
  .page-navigation--list {
    position: relative;
    padding-top: 0;
  }
}
@media screen and (max-width: 1100px) {
  .navigation-not-logged-in {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .compound-navigation {
    display: none;
  }
}
.compound-navigation {
  background-color: #ffffff;
  color: #504e4d;
  position: relative;
  font-size: 15px;
  z-index: 10;
}
.compound-navigation ol {
  border-right: 1px solid #dfdfdf;
}
.compound-navigation a:hover,
.compound-navigation .compound-navigation-list-item:hover,
.compound-navigation .sub-navigation-item--button:hover {
  background-color: #e6e6e6;
}
.compound-navigation .page-navigation-item--link,
.compound-navigation .sub-navigation-item--button {
  font-size: 15px;
  padding: 15px 20px 15px 56px;
}
.compound-navigation .system-navigation-item {
  border: none;
}
.compound-navigation .system-navigation-item--link {
  font-size: 15px;
}
.compound-navigation-item--button {
  background-color: inherit;
  color: #504e4d;
  list-style: none;
  top: 0;
  left: 0;
  text-align: left;
  width: 100%;
  border: none;
  padding: 10px 15px;
  font-size: 15px;
  font-family: 'Open sans', sans-serif;
  display: -ms-flexbox;
  display: flex;
}
.compound-navigation-item--button--expand-icon {
  margin-left: auto;
}
.compound-navigation-item {
  color: #cccccc;
  text-align: left;
  vertical-align: top;
}
.compound-navigation-item .global-navigation-item--text {
  white-space: nowrap;
  word-break: keep-all;
  max-width: 155px;
  vertical-align: middle;
  padding: 5px 0 5px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compound-navigation-item--sub-content-cassette {
  position: relative;
}
.compound-navigation-item .compound-navigation-item--sub-content-container {
  left: 0;
  right: auto;
}
.compound-navigation-item--sub-content-container {
  display: none;
  list-style: none;
  position: relative;
  min-width: 100%;
  z-index: 100;
}
.compound-navigation-item--sub-content-container ul {
  border: 1px solid;
  border-top: none;
}
.compound-navigation-item--sub-content-container li {
  list-style: inherit;
  margin: 0;
  white-space: nowrap;
  background-color: #1e2123;
}
.compound-navigation-item--sub-content-container a {
  display: block;
  padding: 12px 10px 12px 53px;
  color: #cccccc;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compound-navigation-item--sub-content-container a:hover {
  background-color: #4d555a;
  text-decoration: none;
}
.compound-navigation-item--sub-content-container .error a {
  background-image: url('/img/icon/menu_error.png');
  background-repeat: no-repeat;
  background-position: 6% 50%;
}
.compound-navigation > ol {
  background-color: inherit;
  display: none;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
}
.compound-navigation > ol > li {
  list-style: inherit;
  margin: 0;
}
.compound-navigation > ol > li > a {
  color: inherit;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.compound-navigation img {
  width: 20px;
  height: 20px;
  padding: 5px;
  vertical-align: middle;
}
.compound-navigation .selected .page-navigation-item--link,
.compound-navigation .selected a {
  font-weight: bold;
  background-color: #e6e6e6;
}
.compound-navigation .page-navigation-list > li > a {
  display: block;
  padding: 12px 10px 12px 40px;
  text-decoration: none;
  border-top: 3px solid #dfdfdf;
}
.compound-navigation .page-navigation-list > li:last-child > a {
  border-bottom: 3px solid #dfdfdf;
}
.compound-navigation > ol > li > a {
  border-top: 3px solid #dfdfdf;
}
.compound-navigation > ol > li:last-child > a {
  border-bottom: 1px solid #dfdfdf;
}
.compound-navigation {
  position: fixed;
  z-index: 10000;
  width: 100%;
  color: #292929;
  left: 0;
}
.compound-navigation #compound-navigation-list {
  height: calc(100vh - 70px);
  overflow-y: auto;
  padding-bottom: 48px;
  width: inherit;
}
.compound-navigation #compound-navigation-list .page-navigation--list {
  padding: 16px;
  background: #ffffff;
}
.compound-navigation #compound-navigation-list .page-navigation-item--link,
.compound-navigation #compound-navigation-list .sub-navigation-item,
.compound-navigation #compound-navigation-list .installations-list li {
  padding: 0;
  margin-bottom: 16px;
  cursor: pointer;
}
.compound-navigation #compound-navigation-list .installations-list {
  padding: 0 16px;
  background: #ffffff;
}
.compound-navigation #compound-navigation-list .sub-navigation-item--button {
  padding: 0;
}
.compound-navigation #compound-navigation-list .sub-navigation-item--sub-content-container {
  padding-left: 0;
}
.compound-navigation #compound-navigation-list .user-name {
  padding-top: 16px;
  background: #efefef;
}
.compound-navigation #compound-navigation-list .user-name .user-drop-down-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
  background: #ffffff;
}
.compound-navigation #compound-navigation-list .user-name .user-drop-down-btn:hover {
  color: #292929;
}
.compound-navigation #compound-navigation-list .user-name .user-drop-down-btn .user-initials {
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(41, 41, 41, 0.15);
  color: #ed002f;
}
.compound-navigation #compound-navigation-list .user-name .user-drop-down-btn .installation-name {
  font-family: 'FiraSans Medium', sans-serif;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container {
  margin: 0;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul > li {
  color: #292929;
  border-bottom: 1px solid rgba(41, 41, 41, 0.15);
  margin-bottom: 0;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul > li:not(.box-title) {
  height: 40px;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul > li:first-child {
  border: 0;
  padding: 0;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul > li:last-child {
  border: 0;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul .box-title:hover {
  color: #292929;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul .installation-item {
  color: #292929;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul .installation-item .installation-select-link {
  line-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  color: #292929;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul .installation-item .installation-select-link:hover {
  color: #ed002f;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul .installation-item .installation-select-link .selected-installation {
  font-family: 'icomoon';
  font-size: 8px;
  vertical-align: middle;
  color: #ed002f;
  -ms-flex: 1;
      flex: 1;
  text-align: right;
}
.compound-navigation #compound-navigation-list .user-name .sub-navigation-item--sub-content-container .installations-list ul .installation-item .installation-select-link .selected-installation::before {
  content: '\e9be';
}
.compound-navigation #compound-navigation-list .select-language {
  border-top: 1px solid rgba(41, 41, 41, 0.15);
  padding-bottom: 16px;
  background: #efefef;
}
.compound-navigation #compound-navigation-list .select-language .selected-language-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 16px;
  height: 40px;
  background: #ffffff;
  border: 0;
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container {
  margin: 0;
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container .language-list {
  padding: 0 16px;
  background: #ffffff;
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container .language-list .language-item {
  border-bottom: 1px solid rgba(41, 41, 41, 0.15);
  margin-bottom: 0;
  background: #ffffff;
  min-height: 40px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-family: 'FiraSans', sans-serif;
  font-size: 14px;
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container .language-list .language-item button {
  padding: 0;
  width: 100%;
  border: none;
  text-align: left;
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container .language-list .language-item .selected-language {
  font-family: 'icomoon';
  font-size: 8px;
  vertical-align: middle;
  margin-left: 8px;
  color: #ed002f;
  -ms-flex: 1;
      flex: 1;
  text-align: right;
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container .language-list .language-item .selected-language::before {
  content: '\e9be';
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container .language-list li:last-child {
  border-bottom: 0;
}
.compound-navigation #compound-navigation-list .select-language .sub-navigation-item--sub-content-container .language-list .language-description {
  color: rgba(41, 41, 41, 0.6);
  font-size: 12px;
  padding: 8px 0;
}
.compound-navigation #compound-navigation-list .select-language .select-language-divider {
  border-bottom: 1px solid rgba(41, 41, 41, 0.3);
}
.compound-navigation #compound-navigation-list .page-navigation ol {
  padding: 0;
  border: 0;
}
.compound-navigation #compound-navigation-list .page-navigation ol > li {
  border-bottom: 1px solid rgba(41, 41, 41, 0.15);
  margin-bottom: 0;
}
.compound-navigation #compound-navigation-list .page-navigation ol > li > a {
  margin-bottom: 0;
  line-height: 40px;
  height: 40px;
}
.compound-navigation #compound-navigation-list .page-navigation ol > li .item-mark {
  margin-right: 14px;
}
.compound-navigation #compound-navigation-list .page-navigation ol > li .sub-navigation-item--button {
  height: 40px;
  padding-right: 16px;
}
.compound-navigation #compound-navigation-list .page-navigation ol > li .sub-navigation-item--sub-content-container {
  margin-left: 40px;
  margin-top: 0;
}
.compound-navigation #compound-navigation-list .page-navigation ol > li .sub-navigation-item--sub-content-container a {
  height: 40px;
}
.compound-navigation #compound-navigation-list .logoutLink,
.compound-navigation #compound-navigation-list .loginLink {
  height: 40px;
  line-height: 40px;
  margin-bottom: 150px;
  border: 0;
  padding: 0 16px;
}
.compound-navigation #compound-navigation-list .accountLink {
  height: 40px;
  line-height: 40px;
  border: 0;
  padding: 0 16px;
}
.compound-navigation #compound-navigation-list .loginLink {
  margin-bottom: 100%;
}
.compound-navigation li {
  list-style: none;
  margin: 0;
}
.compound-navigation .separator {
  border-top: 1px solid silver;
}
.compound-navigation .selected .page-navigation-item--link,
.compound-navigation .selected a {
  font-weight: normal;
  background: none;
}
.compound-navigation a:hover,
.compound-navigation .compound-navigation-list-item:hover,
.compound-navigation .sub-navigation-item--button:hover {
  background: none;
}
.compound-navigation .no-pointer {
  cursor: default;
}
.compound-navigation > ol > li > a {
  border: 0;
}
@media screen and (max-width: 750px) {
  .compound-navigation {
    display: block;
  }
}
@media screen and (min-width: 751px) {
  .compound-navigation {
    display: none;
  }
}
.page-block--content {
  margin: 0 auto;
}
.modernizr-flexbox .flex-fill-and-grow.flex-item.flex-container > .page-block--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 100%;
      flex: 100%;
}
.page-block {
  color: #504e4d;
  clear: both;
}
.page-block.dark {
  background-color: #1e2123;
  color: #cccccc;
}
.page-block.light {
  background-color: #e6e6e6;
  color: #504e4d;
}
.page-block.neutral {
  background-color: #ffffff;
}
.page-block.highlight {
  background-color: #fa8c0a;
  color: #504e4d;
}
.content-header {
  margin: 0;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 10px 0;
}
.content-header--heading {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: 20px;
  font-family: 'FiraSans', sans-serif;
  margin: 0 0 10px 0;
}
.content-header--heading a {
  color: #292929;
}
.content-header--breadcrumb-divider {
  font-size: 20px;
  vertical-align: top;
  color: rgba(41, 41, 41, 0.4);
}
.content-header--utilities {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  text-align: right;
  -ms-flex: 0 1 auto;
  -ms-flex-pack: end;
      justify-content: flex-end;
  display: -ms-flexbox;
  display: flex;
}
.modernizr-no-flexwrap .content-header,
.modernizr-no-flexbox .content-header {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.modernizr-no-flexwrap .content-header--heading,
.modernizr-no-flexbox .content-header--heading {
  display: inline-block;
}
.modernizr-no-flexwrap .content-header--utilities,
.modernizr-no-flexbox .content-header--utilities {
  float: right;
}
@media screen and (max-width: 640px) {
  .content-header--utilities .decorated-button:not(.handheld-label) img + .labels {
    display: none;
  }
  .content-header--breadcrumb-link {
    font-size: 16px;
  }
  .content-header--breadcrumb-divider {
    font-size: 14px;
    vertical-align: middle;
  }
  .content-header--subpage {
    display: block;
  }
}
#main-viewport {
  height: 100%;
}
.dialog-mode #main-viewport {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
}
#lightbox-viewport {
  background: rgba(0, 0, 0, 0.5) center center no-repeat;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  display: none;
}
.dialog-mode #lightbox-viewport {
  display: -ms-flexbox;
  display: flex;
}
.modernizr-no-flexbox .dialog-mode #lightbox-viewport,
.flexbox-noauto .dialog-mode #lightbox-viewport {
  display: block;
}
.dialog-mode.loading #lightbox-viewport {
  background-image: url(/img/Common/loading_dark.gif);
}
.lightbox {
  background-color: #ffffff;
  color: #504e4d;
  -ms-flex-direction: column;
      flex-direction: column;
  display: none;
  visibility: hidden;
}
.modernizr-no-flexbox .lightbox,
.flexbox-noauto .lightbox {
  overflow: auto;
  position: relative;
}
.lightbox.active {
  display: -ms-flexbox;
  display: flex;
}
.modernizr-no-flexbox .lightbox.active,
.flexbox-noauto .lightbox.active {
  display: block;
}
.lightbox.visible {
  visibility: visible;
}
.lightbox > form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: auto;
      flex: auto;
  min-height: 1px;
}
.lightbox--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: auto;
      flex: auto;
  min-height: 1px;
}
.lightbox--header,
.lightbox--footer {
  -ms-flex: none;
      flex: none;
  padding: 10px 20px;
}
.lightbox--header {
  background-color: #e6e6e6;
}
.lightbox--header .lightbox--header--title {
  font-family: 'Open sans', sans-serif;
  font-size: 20px;
  line-height: 150%;
}
.lightbox--header .lightbox--header--image {
  float: left;
  margin-right: 10px;
}
.lightbox--header .lightbox--header--content {
  margin-top: 5px;
}
.lightbox--body {
  -ms-flex: auto;
      flex: auto;
  position: relative;
  padding: 20px;
}
.lightbox--body .forgot-password-link,
.lightbox--body .forgot-password-link:link,
.lightbox--body .forgot-password-link:visited {
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
}
.lightbox--footer {
  background-color: #e6e6e6;
  color: #504e4d;
}
#lightboxFooter {
  display: -ms-flexbox;
  display: flex;
}
#lightboxFooter .decorated-button {
  padding: 4px 10px;
}
.simpledialog--content {
  padding: 20px;
}
@media screen and (max-width: 640px) {
  #lightbox-viewport {
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .lightbox {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    min-height: 90vw;
    margin: 3vw;
  }
  .modernizr-no-flexbox .lightbox,
  .flexbox-noauto .lightbox {
    margin: 0 3vw;
  }
}
@media screen and (min-width: 641px) {
  #lightbox-viewport {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .lightbox {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    max-height: 90%;
    max-width: 600px;
    min-width: 500px;
  }
  .modernizr-no-flexbox .lightbox,
  .flexbox-noauto .lightbox {
    margin: 0 auto;
  }
  .lightbox--body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 120px;
  }
  .modernizr-no-flexbox .lightbox--body,
  .flexbox-noauto .lightbox--body {
    min-height: 100px;
  }
}
#lightbox_listLabels,
#lightbox_changeBox {
  -webkit-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
}
@media screen and (min-width: 641px) {
  .simple-page {
    height: 100vh;
    min-height: 100vh;
  }
}
.simple-page-content .content-centered-block {
  padding: 0;
}
.simple-page-content .content-body-basic {
  padding: 20px;
}
.main-wrapper {
  width: 100%;
  box-sizing: border-box;
}
.main-wrapper .main-header {
  background: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 10000;
}
.main-wrapper .header-indicator-disarmed {
  border-bottom: 2px solid rgba(41, 41, 41, 0.15);
}
.main-wrapper .header-indicator-armed-stay {
  border-bottom: 2px solid #ff8400;
}
.main-wrapper .header-indicator-armed-away {
  border-bottom: 2px solid #ed002f;
}
.main-wrapper .content-wrapper {
  display: -ms-flexbox;
  display: flex;
  padding-top: 70px;
  min-height: 92vh;
}
.main-wrapper .content-wrapper--hidden-header {
  padding-top: 0;
}
.main-wrapper .content-wrapper .main-navigation {
  width: 224px;
  margin-right: 8px;
}
.main-wrapper .content-wrapper .content {
  -ms-flex: 1;
      flex: 1;
  padding: 48px 0 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.main-wrapper .content-wrapper .content.simple-page-content {
  margin: 0 auto;
}
.main-wrapper .content-wrapper .shortcuts {
  width: 224px;
  margin-left: 8px;
}
.main-wrapper .content-wrapper .shortcuts .shortcut-items {
  position: fixed;
  padding-top: 48px;
}
.main-wrapper .content-wrapper .shortcuts .shortcut-items li {
  list-style: none;
  margin-bottom: 16px;
}
.main-wrapper .content-wrapper .shortcuts .shortcut-items .shortcut-title {
  font-family: 'FiraSans Medium', sans-serif;
  color: rgba(41, 41, 41, 0.6);
  margin-left: 0;
}
@media screen and (max-width: 750px) {
  .content-wrapper {
    margin-left: 8px;
    margin-right: 8px;
  }
  .content-wrapper .content {
    width: 94vw;
  }
}
@media screen and (max-width: 750px) {
  .main-navigation,
  .shortcuts,
  .pre-content {
    display: none;
  }
}
@media screen and (min-width:751px) and (max-width: 1100px) {
  .shortcuts {
    display: none;
  }
  .content-wrapper {
    margin: 0 auto;
    padding: 0 8px;
  }
  .content-wrapper .content {
    max-width: 880px;
  }
}
@media screen and (min-width: 1101px) {
  .content-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding-left: 8px;
    padding-right: 8px;
  }
  .content-wrapper .content {
    max-width: 880px;
    margin-right: 8px;
    margin-left: 8px;
  }
}
.item-card {
  min-height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.item-card--linked {
  background-image: url('/img/icon/link_arrow.png');
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 6px 9px;
  padding-right: 30px;
}
.item-card--linked:hover {
  background-color: #eefafc;
  cursor: pointer;
}
.item-card--img {
  margin-right: 20px;
  min-width: 50px;
  width: 50px;
  height: 50px;
  background: #2c62ad;
  border-radius: 50%;
}
.item-card--img img {
  margin: 10px 0 0 10px;
  height: 30px;
  width: 30px;
}
.item-card .header {
  margin-bottom: 0;
}
.item-card .header + .sub-text {
  margin-top: 5px;
  font-size: 13px;
  color: #767676;
}
@media screen and (max-width: 640px) {
  .item-card--linked {
    background-position: 95% 50%;
  }
  .item-card--img {
    min-width: 40px;
    width: 40px;
    height: 40px;
  }
  .item-card--img img {
    margin: 7px 0 0 7px;
    height: 25px;
    width: 25px;
  }
  .item-card .mgw-tooltip {
    display: none;
  }
}
.item-card--img {
  background: #ed002f;
}
.item-card--linked:hover {
  background-color: white;
}
#scheduling-help {
  background-color: #ffffff;
  margin-top: 1px;
  overflow: hidden;
}
#scheduling-help--image {
  width: 15%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
#scheduling-help--header {
  margin-bottom: 10px;
  font-size: 18px;
}
#scheduling-help--static-content {
  padding: 0 60px;
}
.scheduling-help-bar {
  margin-top: 10px;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
}
.scheduling-help-bar--image {
  margin: 15px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.scheduling-help-bar--image-big {
  margin: 15px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 40px;
}
.scheduling-help-bar--label {
  margin: 15px;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
}
.scheduling-help-bar.expandable {
  background: url('/img/Common/expand-collapse-arrow-down.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-bar.expandable:hover {
  background: url('/img/Common/expand-collapse-arrow-down_blue.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-bar.expandable.expanded {
  background: url('/img/Common/expand-collapse-arrow-up.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-bar.expandable.expanded:hover {
  background: url('/img/Common/expand-collapse-arrow-up_blue.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-link {
  cursor: pointer;
  background: #ffffff url(/img/icon/grey20x20/dimmed-double-arrows.svg) no-repeat right;
  transition: background-color 1s;
}
.scheduling-help-link:hover {
  background: #ffffff url(/img/icon/grey20x20/double-arrows.svg) no-repeat right;
}
.scheduling-help-link--header {
  margin-bottom: 10px;
  font-size: 18px;
}
.scheduling-help-section {
  background-color: #ffffff;
  padding: 15px;
}
.scheduling-help-section--link {
  cursor: pointer;
  background: #ffffff url(/img/icon/grey20x20/dimmed-double-arrows.svg) no-repeat right;
  transition: background-color 1s;
}
.scheduling-help-section--link:hover {
  background: #ffffff url(/img/icon/grey20x20/double-arrows.svg) no-repeat right;
}
.scheduling-help-section--link--header {
  margin-bottom: 10px;
  font-size: 18px;
}
.scheduling-help-section + .scheduling-help-section {
  margin-top: 1px;
}
.scheduling-help-question {
  padding: 25px 25px 25px 35px;
  cursor: pointer;
  font-weight: bold;
}
.scheduling-help-question.expandable {
  background: url('/img/icon/black/plus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-question.expandable:hover {
  background: url('/img/icon/black/plus_blue.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-question.expandable.expanded {
  background: url('/img/icon/black/minus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-question.expandable.expanded:hover {
  background: url('/img/icon/black/minus_blue.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-card {
  padding: 20px 0 50px 0;
}
.scheduling-help-card--image {
  width: 80px;
  float: left;
  padding-right: 20px;
}
.scheduling-help-card--header {
  color: #504e4d;
  font-size: 14px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: bold;
}
.scheduling-help-answer--substep--icon {
  width: 25px;
  height: 21px;
  padding-top: 4px;
  text-align: center;
  margin-right: 15px;
  background: url("/img/wizard/step-focused.png") no-repeat;
  background-size: cover;
  color: #ffffff;
  display: inline-block;
}
.scheduling-help-answer--substep--icon--image {
  width: 16px;
  height: 16px;
}
.scheduling-help-blue-card {
  display: -ms-flexbox;
  display: flex;
  padding: 25px 25px 25px 0;
}
.scheduling-help-blue-card--image {
  width: 80px;
  height: 80px;
  padding-right: 20px;
}
.scheduling-help-blue-card--header {
  color: #2c62ad;
  font-size: 14px;
  font-style: normal;
  margin-bottom: 10px;
  font-weight: bold;
}
.scheduling-help-blue-card.expandable {
  cursor: pointer;
  background: url('/img/Common/arrow_expand.png') #ffffff no-repeat right;
  background-size: 20px;
}
.scheduling-help-blue-card.expandable:hover {
  background: url('/img/Common/arrow_expand.png') #ffffff no-repeat right;
  background-size: 20px;
}
.scheduling-help-blue-card.expandable.expanded {
  background: url('/img/Common/arrow_unexpand.png') #ffffff no-repeat right;
  background-size: 20px;
}
.scheduling-help-blue-card.expandable.expanded:hover {
  background: url('/img/Common/arrow_unexpand.png') #ffffff no-repeat right;
  background-size: 20px;
}
.scheduling-help-blue-card + .scheduling-help-answer {
  padding-left: 100px;
}
.scheduling-help-answer + .scheduling-help-tutorial,
.scheduling-help-answer + .scheduling-help-blue-card,
.scheduling-help-answer + .scheduling-help-question {
  border-top: solid 1px #dfdfdf;
}
.scheduling-help-tutorial {
  padding: 5px 0 0 0;
  cursor: pointer;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.scheduling-help-tutorial.expandable {
  padding-left: 35px;
  background: url('/img/icon/black/plus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-tutorial.expandable:hover {
  background: url('/img/icon/black/plus_blue.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-tutorial.expandable.expanded {
  background: url('/img/icon/black/minus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-tutorial.expandable.expanded:hover {
  background: url('/img/icon/black/minus_blue.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-tutorial.expandable + .scheduling-help-answer {
  padding-left: 35px;
}
.scheduling-help-tutorial--program--image {
  height: 40px;
}
.scheduling-help-tutorial--description {
  width: 50%;
}
.scheduling-help-tutorial + .scheduling-help-answer {
  padding-left: 0;
}
.scheduling-help-answer {
  padding: 0 0 20px 35px;
}
.scheduling-help-answer--substep {
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-transform: uppercase;
}
.scheduling-help-to-faq {
  cursor: pointer;
  background: #ffffff url(/img/icon/grey20x20/dimmed-double-arrows.svg) no-repeat right;
  transition: background-color 1s;
  border-top: 1px solid #dfdfdf;
  padding: 15px 0 15px 55px;
}
.scheduling-help-to-faq:hover {
  background: #ffffff url(/img/icon/grey20x20/double-arrows.svg) no-repeat right;
}
.scheduling-help-to-faq--header {
  margin-bottom: 10px;
  font-size: 18px;
}
.scheduling-help-devices {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.scheduling-help-device-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: 20px;
}
.scheduling-help-device-card--image {
  max-height: 67px;
  margin: 10px;
}
@media screen and (max-width: 640px) {
  #scheduling-help {
    padding: 40px 25px;
  }
  #scheduling-help--image {
    width: 29%;
  }
  .scheduling-help-answer {
    padding-left: 10px;
  }
  .scheduling-help-blue-card + .scheduling-help-answer {
    padding-left: 10px;
  }
  .scheduling-help-tutorial {
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 10px 0 10px 15px;
  }
  .scheduling-help-tutorial--description {
    width: inherit;
  }
  .scheduling-help-tutorial--program {
    display: none;
  }
}
.scheduling-help-answer--substep--icon {
  height: 25px;
  padding-top: 3px;
}
.scheduling-help-bar.expandable {
  background: url('/img/Common/expand-collapse-arrow-down.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-bar.expandable:hover {
  background: url('/img/Common/expand-collapse-arrow-down.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-bar.expandable.expanded {
  background: url('/img/Common/expand-collapse-arrow-up.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-bar.expandable.expanded:hover {
  background: url('/img/Common/expand-collapse-arrow-up.svg') #ffffff no-repeat 99%;
  background-size: 15px 15px;
}
.scheduling-help-blue-card {
  display: -ms-flexbox;
  display: flex;
  padding: 25px 25px 25px 0;
}
.scheduling-help-blue-card--image {
  width: 80px;
  height: 80px;
  padding-right: 20px;
}
.scheduling-help-blue-card--header {
  color: #292929;
  font-size: 14px;
  margin-bottom: 10px;
  font-style: normal;
}
.scheduling-help-question.expandable {
  background: url('/img/icon/black/plus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-question.expandable:hover {
  background: url('/img/icon/black/plus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-question.expandable.expanded {
  background: url('/img/icon/black/minus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-question.expandable.expanded:hover {
  background: url('/img/icon/black/minus.svg') #ffffff no-repeat left;
  background-size: 15px 15px;
}
.scheduling-help-answer--substep--icon {
  width: 25px;
  height: 25px;
  padding-top: 2px;
  text-align: center;
  margin-right: 15px;
  background: #ed002f;
  border-radius: 50%;
  box-sizing: border-box;
}
.scheduling-help-answer--substep--icon--image {
  width: 16px;
  height: 16px;
}
@font-face {
  font-family: 'icomoon';
  src: url('/fonts/icomoon.eot?1c7v7d');
  src: url('/fonts/icomoon.eot?1c7v7d#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?1c7v7d') format('truetype'), url('/fonts/icomoon.woff?1c7v7d') format('woff'), url('/fonts/icomoon.svg?1c7v7d#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  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-10s-fast-forward:before {
  content: "\eaa6";
}
.icon-10s-rewind:before {
  content: "\eaa7";
}
.icon-2-step-verification:before {
  content: "\ea92";
}
.icon-24h:before {
  content: "\ea43";
}
.icon-360-view:before {
  content: "\ea1a";
}
.icon-about:before {
  content: "\e95a";
}
.icon-account:before {
  content: "\e991";
}
.icon-account-subscriptions:before {
  content: "\e989";
}
.icon-account-subscriptions-solid:before {
  content: "\eaab";
}
.icon-action-plan:before {
  content: "\ea38";
}
.icon-activate-monitoring:before {
  content: "\e98d";
}
.icon-add:before {
  content: "\e94e";
}
.icon-add-contextual:before {
  content: "\ea8e";
}
.icon-add-keytag:before {
  content: "\e9ab";
}
.icon-add-smartbutton:before {
  content: "\e9ac";
}
.icon-add-starkey:before {
  content: "\e9ad";
}
.icon-aeklys-ring:before {
  content: "\ea94";
}
.icon-air-quality:before {
  content: "\e96e";
}
.icon-alarm-connection-status:before {
  content: "\eaa4";
}
.icon-alert:before {
  content: "\e907";
}
.icon-all-away:before {
  content: "\e98c";
}
.icon-ambulance:before {
  content: "\ea01";
}
.icon-antijamming:before {
  content: "\ea93";
}
.icon-app-settings:before {
  content: "\e98a";
}
.icon-arm-away:before {
  content: "\e928";
}
.icon-arm-stay:before {
  content: "\e929";
}
.icon-arm-stay-from-disarm:before {
  content: "\eaac";
}
.icon-arrow-down:before {
  content: "\e977";
}
.icon-arrow-left:before {
  content: "\e960";
}
.icon-arrow-right:before {
  content: "\e978";
}
.icon-arrow-up:before {
  content: "\e979";
}
.icon-audiotrack:before {
  content: "\ea44";
}
.icon-authorized-number-2:before {
  content: "\ea23";
}
.icon-auto:before {
  content: "\e96b";
}
.icon-automation:before {
  content: "\e951";
}
.icon-automation-solid:before {
  content: "\eaad";
}
.icon-battery-charging:before {
  content: "\ea95";
}
.icon-battery-full:before {
  content: "\ea96";
}
.icon-battery-missing:before {
  content: "\ea64";
}
.icon-battery-warning:before {
  content: "\e90b";
}
.icon-bed:before {
  content: "\e949";
}
.icon-biometric:before {
  content: "\e9e7";
}
.icon-bluetooth:before {
  content: "\ea8a";
}
.icon-broadband:before {
  content: "\e9ee";
}
.icon-broadband-connected:before {
  content: "\e9e8";
}
.icon-broadband-not-connected:before {
  content: "\e9e9";
}
.icon-calendar:before {
  content: "\e90c";
}
.icon-call-point:before {
  content: "\e990";
}
.icon-camera:before {
  content: "\e935";
}
.icon-camera-6110:before {
  content: "\ea45";
}
.icon-camera-6410:before {
  content: "\ea46";
}
.icon-camera-6430:before {
  content: "\ea65";
}
.icon-camera-audio-track:before {
  content: "\ea24";
}
.icon-camera-detection-area:before {
  content: "\f322";
}
.icon-camera-detector:before {
  content: "\e992";
}
.icon-camera-missing:before {
  content: "\ea6d";
}
.icon-camera-n1:before {
  content: "\ea47";
}
.icon-cameras-category:before {
  content: "\ea7e";
}
.icon-cameras-category-solid:before {
  content: "\eaae";
}
.icon-campir-outdoor:before {
  content: "\ea49";
}
.icon-campir-xs:before {
  content: "\ea4a";
}
.icon-checkmark:before {
  content: "\e98f";
}
.icon-chimes:before {
  content: "\ea73";
}
.icon-climate-alert:before {
  content: "\ea22";
}
.icon-climate-cloudy:before {
  content: "\ea4b";
}
.icon-climate-comfort:before {
  content: "\ea4c";
}
.icon-climate-fog:before {
  content: "\ea4d";
}
.icon-climate-humidity:before {
  content: "\e91c";
}
.icon-climate-humidity-above:before {
  content: "\e9ae";
}
.icon-climate-humidity-below:before {
  content: "\e9af";
}
.icon-climate-humidity-restore-above:before {
  content: "\e9b0";
}
.icon-climate-humidity-restore-below:before {
  content: "\e9b1";
}
.icon-climate-rain:before {
  content: "\ea4e";
}
.icon-climate-sensor:before {
  content: "\e993";
}
.icon-climate-snow:before {
  content: "\ea4f";
}
.icon-climate-stats:before {
  content: "\e91d";
}
.icon-climate-stats-bars:before {
  content: "\e9b2";
}
.icon-climate-storm:before {
  content: "\ea50";
}
.icon-climate-sun-n-clouds:before {
  content: "\ea51";
}
.icon-climate-sunny:before {
  content: "\ea52";
}
.icon-climate-temperature:before {
  content: "\e91b";
}
.icon-climate-temperature-above:before {
  content: "\e9b3";
}
.icon-climate-temperature-below:before {
  content: "\e9b4";
}
.icon-climate-temperature-humidity:before {
  content: "\e9b5";
}
.icon-climate-temperature-restore-above:before {
  content: "\e9b6";
}
.icon-climate-temperature-restore-below:before {
  content: "\e9b7";
}
.icon-climate-tornado:before {
  content: "\ea53";
}
.icon-climate-variable:before {
  content: "\ea54";
}
.icon-climate-wind:before {
  content: "\ea55";
}
.icon-close:before {
  content: "\e970";
}
.icon-cloud:before {
  content: "\ea25";
}
.icon-code-words:before {
  content: "\ea7f";
}
.icon-come-home:before {
  content: "\e94b";
}
.icon-completed:before {
  content: "\e9b8";
}
.icon-components-and-functions:before {
  content: "\e9b9";
}
.icon-connect-me:before {
  content: "\ea9b";
}
.icon-connect-me-business:before {
  content: "\ea9c";
}
.icon-contact-closed:before {
  content: "\e919";
}
.icon-contact-information:before {
  content: "\ea8c";
}
.icon-contact-open:before {
  content: "\e91a";
}
.icon-contact-us:before {
  content: "\e901";
}
.icon-cool:before {
  content: "\e97a";
}
.icon-cutlery:before {
  content: "\e948";
}
.icon-cvr:before {
  content: "\eaa5";
}
.icon-day-night-timer:before {
  content: "\e9ba";
}
.icon-delete:before {
  content: "\e9bb";
}
.icon-devices:before {
  content: "\e953";
}
.icon-disarm-from-arm-stay:before {
  content: "\eaaf";
}
.icon-disarm-keypad:before {
  content: "\e9bc";
}
.icon-disarm-open-door:before {
  content: "\e9bd";
}
.icon-disarm-perimeter:before {
  content: "\ea04";
}
.icon-disarm-secondary:before {
  content: "\ea05";
}
.icon-disarmed:before {
  content: "\e92a";
}
.icon-disarmed-home:before {
  content: "\e92b";
}
.icon-dot:before {
  content: "\e9be";
}
.icon-download:before {
  content: "\e931";
}
.icon-drag:before {
  content: "\e94c";
}
.icon-dropdown:before {
  content: "\e954";
}
.icon-dropdown-arrow-down:before {
  content: "\ea74";
}
.icon-dropdown-arrow-up:before {
  content: "\ea75";
}
.icon-dry:before {
  content: "\e9bf";
}
.icon-edit:before {
  content: "\e96c";
}
.icon-email:before {
  content: "\e9c0";
}
.icon-energy:before {
  content: "\e9c1";
}
.icon-enter:before {
  content: "\e9c2";
}
.icon-entry-exit:before {
  content: "\e9c3";
}
.icon-error-no-network:before {
  content: "\e9c4";
}
.icon-error-unknown:before {
  content: "\e9c5";
}
.icon-ethernet:before {
  content: "\e93e";
}
.icon-exit-fullscreen:before {
  content: "\ea66";
}
.icon-expand:before {
  content: "\ea26";
}
.icon-face-id:before {
  content: "\e9e1";
}
.icon-facebook:before {
  content: "\e9e2";
}
.icon-failed:before {
  content: "\e9c6";
}
.icon-fan:before {
  content: "\e97b";
}
.icon-fan-1:before {
  content: "\e97c";
}
.icon-fan-2:before {
  content: "\e97d";
}
.icon-fan-3:before {
  content: "\e97e";
}
.icon-fan-4:before {
  content: "\e97f";
}
.icon-fan-5:before {
  content: "\e981";
}
.icon-fan-auto:before {
  content: "\e982";
}
.icon-faq:before {
  content: "\e903";
}
.icon-fast:before {
  content: "\ea5c";
}
.icon-fast-armed-away:before {
  content: "\ea56";
}
.icon-fast-disarm-perimeter:before {
  content: "\ea6e";
}
.icon-fast-disarm-secondary:before {
  content: "\ea6f";
}
.icon-fast-disarmed:before {
  content: "\ea57";
}
.icon-fast-partial:before {
  content: "\ea8b";
}
.icon-fast-partial-day:before {
  content: "\ea58";
}
.icon-fast-partial-night:before {
  content: "\ea59";
}
.icon-fast-perimeter:before {
  content: "\ea5a";
}
.icon-fast-secondary:before {
  content: "\ea5b";
}
.icon-fast-unknown-state:before {
  content: "\ea02";
}
.icon-fast-unprotected-house:before {
  content: "\ea8f";
}
.icon-filter:before {
  content: "\e90d";
}
.icon-fota-download:before {
  content: "\e983";
}
.icon-free:before {
  content: "\ea5d";
}
.icon-gate-keeper:before {
  content: "\ea5e";
}
.icon-glass:before {
  content: "\ea5f";
}
.icon-google-plus:before {
  content: "\e9eb";
}
.icon-grid:before {
  content: "\ea48";
}
.icon-guardian-line:before {
  content: "\ea67";
}
.icon-guardian-solid:before {
  content: "\ea68";
}
.icon-hamburger:before {
  content: "\e96f";
}
.icon-heat:before {
  content: "\e984";
}
.icon-heat-map:before {
  content: "\ea77";
}
.icon-heat-pump:before {
  content: "\e988";
}
.icon-heat-pump-device:before {
  content: "\e9c7";
}
.icon-heat-pump-eco:before {
  content: "\ea16";
}
.icon-heat-pump-heat-10:before {
  content: "\e99d";
}
.icon-heat-pump-heat-8:before {
  content: "\e99e";
}
.icon-heat-pump-inward:before {
  content: "\e99f";
}
.icon-heat-pump-left:before {
  content: "\e9a0";
}
.icon-heat-pump-left-right-auto:before {
  content: "\e9a1";
}
.icon-heat-pump-little-left:before {
  content: "\e9a2";
}
.icon-heat-pump-little-right:before {
  content: "\e9a3";
}
.icon-heat-pump-outward:before {
  content: "\e9a4";
}
.icon-heat-pump-power:before {
  content: "\ea17";
}
.icon-heat-pump-quiet:before {
  content: "\ea18";
}
.icon-heat-pump-right:before {
  content: "\e9a5";
}
.icon-heat-pump-straight:before {
  content: "\e9a6";
}
.icon-heat-pump-up-down-auto:before {
  content: "\e9a7";
}
.icon-heat-pump-vertical-0:before {
  content: "\ea13";
}
.icon-heat-pump-vertical-30:before {
  content: "\ea10";
}
.icon-heat-pump-vertical-45:before {
  content: "\ea11";
}
.icon-heat-pump-vertical-60:before {
  content: "\ea12";
}
.icon-heat-pump-vertical-90:before {
  content: "\ea0f";
}
.icon-help-contextual:before {
  content: "\e9f7";
}
.icon-help-domain:before {
  content: "\e9cf";
}
.icon-hide_password:before {
  content: "\ea1b";
}
.icon-history:before {
  content: "\e950";
}
.icon-history-solid:before {
  content: "\eab0";
}
.icon-home:before {
  content: "\e94f";
}
.icon-home-solid:before {
  content: "\eab1";
}
.icon-id-sms-verification:before {
  content: "\ea1c";
}
.icon-image-broken:before {
  content: "\e937";
}
.icon-image-placeholder:before {
  content: "\e938";
}
.icon-info:before {
  content: "\e9c8";
}
.icon-instagram:before {
  content: "\e9e3";
}
.icon-installation-business:before {
  content: "\ea27";
}
.icon-installation-home:before {
  content: "\ea28";
}
.icon-installation-on-road:before {
  content: "\ea29";
}
.icon-intrusion-alarm:before {
  content: "\e90e";
}
.icon-invoice-boleto:before {
  content: "\ea2a";
}
.icon-invoice-history:before {
  content: "\e906";
}
.icon-invoice-history-solid:before {
  content: "\eab2";
}
.icon-invoice-info:before {
  content: "\ea2b";
}
.icon-invoice-nfe:before {
  content: "\ea2c";
}
.icon-invoice-pdf:before {
  content: "\ea2d";
}
.icon-invoice-warning:before {
  content: "\ea2e";
}
.icon-ios-location:before {
  content: "\ea6b";
}
.icon-ipcam-audio-detection:before {
  content: "\e9ef";
}
.icon-ipcam-brightness:before {
  content: "\e9f0";
}
.icon-ipcam-collapse:before {
  content: "\e9f1";
}
.icon-ipcam-conversation:before {
  content: "\e9f2";
}
.icon-ipcam-motion-detection:before {
  content: "\e9f3";
}
.icon-ipcam-motion-zone:before {
  content: "\e9f4";
}
.icon-ipcam-play:before {
  content: "\e9f5";
}
.icon-ipcam-play-video:before {
  content: "\e9f6";
}
.icon-ipcam-recording-video:before {
  content: "\e9f8";
}
.icon-ipcam-resolution:before {
  content: "\e9f9";
}
.icon-ipcam-reverse-screen:before {
  content: "\e9fa";
}
.icon-ipcam-video-motion-v2:before {
  content: "\e9fc";
}
.icon-ipcamera-category:before {
  content: "\ea80";
}
.icon-ipcamera-error:before {
  content: "\ea69";
}
.icon-ipcamera-missing:before {
  content: "\ea6a";
}
.icon-iron-railing:before {
  content: "\ea60";
}
.icon-key-fob-01:before {
  content: "\ea1d";
}
.icon-key-fob-02:before {
  content: "\ea1e";
}
.icon-key-fob-HFE:before {
  content: "\ea3d";
}
.icon-keypad:before {
  content: "\e994";
}
.icon-keypad-category:before {
  content: "\ea03";
}
.icon-keytag:before {
  content: "\e9c9";
}
.icon-labs:before {
  content: "\e9ca";
}
.icon-language:before {
  content: "\ea81";
}
.icon-leaving-home:before {
  content: "\e94a";
}
.icon-link-broken:before {
  content: "\e99a";
}
.icon-link-external:before {
  content: "\e971";
}
.icon-link-internal:before {
  content: "\e975";
}
.icon-link-service:before {
  content: "\ea82";
}
.icon-linkedin:before {
  content: "\e9e4";
}
.icon-loading-spinner:before {
  content: "\e973";
}
.icon-location:before {
  content: "\e9cb";
}
.icon-lock-category:before {
  content: "\ea06";
}
.icon-log-in:before {
  content: "\ea78";
}
.icon-log-out:before {
  content: "\e976";
}
.icon-magnet:before {
  content: "\e995";
}
.icon-magnet-gross-shock:before {
  content: "\ea98";
}
.icon-magnet-repetitive-shock:before {
  content: "\ea99";
}
.icon-manuals:before {
  content: "\e902";
}
.icon-mice:before {
  content: "\e92f";
}
.icon-minus:before {
  content: "\e98e";
}
.icon-misc:before {
  content: "\ea32";
}
.icon-more:before {
  content: "\e952";
}
.icon-more-solid:before {
  content: "\eab3";
}
.icon-motion-burst:before {
  content: "\e930";
}
.icon-motion-detection:before {
  content: "\e90f";
}
.icon-motion-detection-deactivated:before {
  content: "\ea9a";
}
.icon-mouse:before {
  content: "\e92d";
}
.icon-mouse-detector:before {
  content: "\e996";
}
.icon-mouse-house-cheese:before {
  content: "\e9fd";
}
.icon-mouse-house-hole:before {
  content: "\e9fe";
}
.icon-mouse-not-detected:before {
  content: "\e92e";
}
.icon-mouse-not-detected-cheese:before {
  content: "\e9ff";
}
.icon-mouse-not-detected-hole:before {
  content: "\ea00";
}
.icon-move:before {
  content: "\e9a8";
}
.icon-move_1:before {
  content: "\e9a9";
}
.icon-multiple-images:before {
  content: "\e9ec";
}
.icon-my-pgs-n-app:before {
  content: "\ea33";
}
.icon-my-services:before {
  content: "\e905";
}
.icon-my-services-solid:before {
  content: "\eab4";
}
.icon-nest:before {
  content: "\ea1f";
}
.icon-news:before {
  content: "\e958";
}
.icon-news-solid:before {
  content: "\eab5";
}
.icon-nfc-sticker:before {
  content: "\eaa9";
}
.icon-night-control:before {
  content: "\e997";
}
.icon-no-exist:before {
  content: "\e974";
}
.icon-notice:before {
  content: "\e9cc";
}
.icon-notification-android:before {
  content: "\e910";
}
.icon-notification-email:before {
  content: "\e911";
}
.icon-notification-iphone:before {
  content: "\e912";
}
.icon-notification-sms:before {
  content: "\e913";
}
.icon-notification-windows:before {
  content: "\e914";
}
.icon-notifications:before {
  content: "\e915";
}
.icon-offline:before {
  content: "\e9cd";
}
.icon-on-road-not-authorized:before {
  content: "\ea79";
}
.icon-on-road-not-installed:before {
  content: "\ea7a";
}
.icon-on-road-parked:before {
  content: "\ea7b";
}
.icon-onboarding:before {
  content: "\ea15";
}
.icon-one-one-two:before {
  content: "\ea39";
}
.icon-ongoing-installation:before {
  content: "\e909";
}
.icon-operator:before {
  content: "\e9ce";
}
.icon-panic-codeword:before {
  content: "\ea2f";
}
.icon-password-key:before {
  content: "\ea20";
}
.icon-pause:before {
  content: "\e904";
}
.icon-pending:before {
  content: "\e972";
}
.icon-perimeter:before {
  content: "\ea07";
}
.icon-picture:before {
  content: "\e939";
}
.icon-placeholder:before {
  content: "\ea3c";
}
.icon-play:before {
  content: "\e933";
}
.icon-plus:before {
  content: "\e98b";
}
.icon-power:before {
  content: "\e942";
}
.icon-premium-mode-off:before {
  content: "\ea34";
}
.icon-premium-mode-on:before {
  content: "\ea35";
}
.icon-radio-button:before {
  content: "\e9d0";
}
.icon-rearrange:before {
  content: "\e966";
}
.icon-recommend:before {
  content: "\e956";
}
.icon-record:before {
  content: "\ea7c";
}
.icon-refresh:before {
  content: "\e936";
}
.icon-reminders:before {
  content: "\e95c";
}
.icon-remote-control-car:before {
  content: "\ea70";
}
.icon-remotely:before {
  content: "\e9d1";
}
.icon-remove:before {
  content: "\e94d";
}
.icon-remove-installation:before {
  content: "\ea83";
}
.icon-renovate:before {
  content: "\e968";
}
.icon-replace:before {
  content: "\e967";
}
.icon-replace-batteries:before {
  content: "\e900";
}
.icon-rotate-screen:before {
  content: "\ea9d";
}
.icon-samsung-camera:before {
  content: "\e998";
}
.icon-save:before {
  content: "\e96d";
}
.icon-scheduling:before {
  content: "\e95b";
}
.icon-screen:before {
  content: "\e947";
}
.icon-sd-card:before {
  content: "\ea30";
}
.icon-search:before {
  content: "\ea14";
}
.icon-secondary:before {
  content: "\ea08";
}
.icon-security-dog:before {
  content: "\ea61";
}
.icon-security-door:before {
  content: "\ea62";
}
.icon-security-guard:before {
  content: "\ea63";
}
.icon-self-service:before {
  content: "\e9aa";
}
.icon-self-service-solid:before {
  content: "\eab6";
}
.icon-sentinel:before {
  content: "\eaa0";
}
.icon-service-agreement:before {
  content: "\ea85";
}
.icon-service-guarantee:before {
  content: "\ea86";
}
.icon-service-identity-theft:before {
  content: "\ea84";
}
.icon-service-inside-observation:before {
  content: "\ea87";
}
.icon-service-mobile-connectivity:before {
  content: "\ea88";
}
.icon-service-terms-conditions:before {
  content: "\ea89";
}
.icon-settings:before {
  content: "\e934";
}
.icon-settings-level:before {
  content: "\ea6c";
}
.icon-settings-solid:before {
  content: "\eab7";
}
.icon-share:before {
  content: "\ea42";
}
.icon-show_password:before {
  content: "\ea21";
}
.icon-silent-call:before {
  content: "\ea31";
}
.icon-siren:before {
  content: "\e999";
}
.icon-small-arrow-right:before {
  content: "\e9d2";
}
.icon-smart-alarm:before {
  content: "\e95f";
}
.icon-smart-button:before {
  content: "\e95e";
}
.icon-smart-dot:before {
  content: "\ea3e";
}
.icon-smart-panic-button:before {
  content: "\eabc";
}
.icon-smartcamera:before {
  content: "\e944";
}
.icon-smartlock:before {
  content: "\e940";
}
.icon-smartlock-calibration-ok:before {
  content: "\eaaa";
}
.icon-smartlock-jammed:before {
  content: "\e916";
}
.icon-smartlock-locked:before {
  content: "\e917";
}
.icon-smartlock-locked-info:before {
  content: "\e918";
}
.icon-smartlock-locked-warning:before {
  content: "\e91e";
}
.icon-smartlock-unlocked:before {
  content: "\e91f";
}
.icon-smartlock-unlocked-info:before {
  content: "\e920";
}
.icon-smartlock-unlocked-warning:before {
  content: "\e921";
}
.icon-smartphone:before {
  content: "\e9d3";
}
.icon-smartplug:before {
  content: "\e923";
}
.icon-smartplug-hazard:before {
  content: "\e922";
}
.icon-smartplug-hazard-off:before {
  content: "\e924";
}
.icon-smartplug-hazard-on:before {
  content: "\e925";
}
.icon-smartplug-light:before {
  content: "\e9d4";
}
.icon-smartplug-light-off:before {
  content: "\e926";
}
.icon-smartplug-light-on:before {
  content: "\e927";
}
.icon-smartplug-no-usage:before {
  content: "\e92c";
}
.icon-smartplug-standard-off:before {
  content: "\e932";
}
.icon-smartplug-standard-on:before {
  content: "\e93a";
}
.icon-smartplug-waterguard:before {
  content: "\e93b";
}
.icon-smoke-alarm:before {
  content: "\e93c";
}
.icon-smoke-detected:before {
  content: "\e93d";
}
.icon-smoke-detector:before {
  content: "\e99b";
}
.icon-smoke-detector-3:before {
  content: "\ea36";
}
.icon-smoke-detector-category:before {
  content: "\eabd";
}
.icon-sms:before {
  content: "\e9d5";
}
.icon-sofa:before {
  content: "\e946";
}
.icon-sort:before {
  content: "\e9d6";
}
.icon-sos:before {
  content: "\e93f";
}
.icon-sos-button:before {
  content: "\ea3a";
}
.icon-starkey:before {
  content: "\e9d7";
}
.icon-starkey-placeholder:before {
  content: "\ea9e";
}
.icon-stop:before {
  content: "\ea7d";
}
.icon-sunrise:before {
  content: "\e941";
}
.icon-sunset:before {
  content: "\e95d";
}
.icon-support:before {
  content: "\e959";
}
.icon-svk:before {
  content: "\ea71";
}
.icon-system-access:before {
  content: "\ea3f";
}
.icon-system-alarm:before {
  content: "\ea37";
}
.icon-system-checkmark:before {
  content: "\eab8";
}
.icon-system-link:before {
  content: "\ea40";
}
.icon-system-new:before {
  content: "\ea41";
}
.icon-table:before {
  content: "\e945";
}
.icon-take-picture:before {
  content: "\e9fb";
}
.icon-tamper:before {
  content: "\ea76";
}
.icon-technical:before {
  content: "\e943";
}
.icon-timer:before {
  content: "\e9d8";
}
.icon-to-do:before {
  content: "\e955";
}
.icon-toggle:before {
  content: "\ea72";
}
.icon-touch-id:before {
  content: "\e957";
}
.icon-trash-bin:before {
  content: "\e961";
}
.icon-twitter:before {
  content: "\e9e5";
}
.icon-unprotected-house:before {
  content: "\ea91";
}
.icon-unverified-system:before {
  content: "\e986";
}
.icon-user:before {
  content: "\ea8d";
}
.icon-user-admin:before {
  content: "\e9d9";
}
.icon-user-code:before {
  content: "\e9da";
}
.icon-user-duress-code:before {
  content: "\eaa1";
}
.icon-user-minus:before {
  content: "\e9db";
}
.icon-user-owner:before {
  content: "\eaa8";
}
.icon-user-restricted:before {
  content: "\e9dc";
}
.icon-users:before {
  content: "\e962";
}
.icon-users-solid:before {
  content: "\eab9";
}
.icon-vacation-mode:before {
  content: "\e963";
}
.icon-vbox:before {
  content: "\e908";
}
.icon-verisure:before {
  content: "\e9ed";
}
.icon-verisure-portal:before {
  content: "\ea3b";
}
.icon-verisure-solid:before {
  content: "\eaba";
}
.icon-view:before {
  content: "\e9dd";
}
.icon-voice-control:before {
  content: "\e9ea";
}
.icon-voice-feedback:before {
  content: "\ea97";
}
.icon-voicebox:before {
  content: "\e9e6";
}
.icon-volume:before {
  content: "\e964";
}
.icon-volume-low:before {
  content: "\e9de";
}
.icon-volume-off:before {
  content: "\e9df";
}
.icon-warning:before {
  content: "\e90a";
}
.icon-water-alarm:before {
  content: "\e9e0";
}
.icon-water-detector:before {
  content: "\e99c";
}
.icon-webshop:before {
  content: "\e965";
}
.icon-webshop-solid:before {
  content: "\eabb";
}
.icon-whatsapp:before {
  content: "\ea90";
}
.icon-widget-arm-lock:before {
  content: "\eaa2";
}
.icon-widget-disarm-unlock:before {
  content: "\eaa3";
}
.icon-wifi:before {
  content: "\e969";
}
.icon-wifi-1:before {
  content: "\ea09";
}
.icon-wifi-2:before {
  content: "\ea0a";
}
.icon-wifi-3:before {
  content: "\ea0b";
}
.icon-wifi-lock:before {
  content: "\e96a";
}
.icon-wifi-lock-1:before {
  content: "\ea0c";
}
.icon-wifi-lock-2:before {
  content: "\ea0d";
}
.icon-wifi-lock-3:before {
  content: "\ea0e";
}
.icon-wifi-manually:before {
  content: "\e980";
}
.icon-wifi-no:before {
  content: "\e985";
}
.icon-wizard-installation:before {
  content: "\e987";
}
.icon-youtube:before {
  content: "\ea9f";
}
.icon-zero-vision:before {
  content: "\ea19";
}
body {
  background-color: #efefef;
  color: #292929;
  font-family: 'FiraSans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
  height: 100%;
}
h1,
h2,
h3,
h4 {
  font-family: 'FiraSans Medium', sans-serif;
  font-weight: normal;
}
h1.spacing-medium,
h2.spacing-medium,
h3.spacing-medium,
h4.spacing-medium {
  margin-bottom: 16px;
}
hr {
  border: 0;
  height: 1px;
  opacity: 0.15;
  background: #292929;
}
li {
  margin: 0 0 5px 20px;
}
ul li {
  list-style-type: disc;
}
ol li {
  list-style-type: decimal;
}
img {
  border: none;
}
label,
button {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
.header {
  color: #504e4d;
  font-size: 18px;
  margin-bottom: 10px;
  font-style: normal;
}
.bg-dark {
  background-color: #1e2123;
}
.bg-light {
  background-color: #e6e6e6;
}
.bg-white {
  background-color: #ffffff;
}
.smaller,
.smaller .text {
  font-size: 12px;
}
.mini {
  font-size: 11px;
  line-height: 110%;
  font-family: 'Open sans', sans-serif;
}
em {
  color: #504e4d;
  font-style: normal;
}
table em {
  font-weight: bold;
  font-style: normal;
}
.hidden {
  display: none;
}
/* Links */
a {
  color: inherit;
  text-decoration: none;
}
a,
a:focus,
a:hover,
a:active {
  outline: none;
}
.light-box a,
.light-box a:focus,
.light-box a:hover,
.light-box a:active {
  outline: none;
}
.red,
a.red {
  color: #ed002f !important;
}
.white,
a.white:link,
a.white:visited {
  color: #ffffff !important;
  text-decoration: none;
}
a.white:hover,
a.white:active {
  text-decoration: underline !important;
  color: #f5f5f5 !important;
}
.blue,
a.blue:link,
a.blue:visited,
.light-box a:link,
.light-box a:visited,
.table-list a:link,
.table-list a:visited,
.sitevision-text a:link,
.sitevision-text a:visited {
  color: #ed002f;
  text-decoration: none;
}
.blue:hover,
a.blue:link:hover,
a.blue:visited:hover,
.light-box a:link:hover,
.light-box a:visited:hover,
.table-list a:link:hover,
.table-list a:visited:hover,
.sitevision-text a:link:hover,
.sitevision-text a:visited:hover,
.blue:active,
a.blue:link:active,
a.blue:visited:active,
.light-box a:link:active,
.light-box a:visited:active,
.table-list a:link:active,
.table-list a:visited:active,
.sitevision-text a:link:active,
.sitevision-text a:visited:active {
  color: #ed002f !important;
  text-decoration: underline !important;
}
.clear {
  clear: both;
}
.fullwidth {
  width: 100%;
}
.inline,
.inline div {
  display: inline;
}
.spacerSmall {
  margin-bottom: 5px;
  display: block;
}
.spacer {
  margin-bottom: 10px !important;
  display: block;
}
.spacer20 {
  margin-bottom: 20px !important;
  display: block;
}
.margin-top {
  margin-top: 10px;
  display: block;
}
.hand {
  cursor: pointer;
}
.move {
  cursor: move;
}
.no-wrap {
  white-space: nowrap;
}
.padding20 {
  padding: 20px;
}
.padding10 {
  padding: 10px;
}
.italic {
  font-style: italic;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.indent {
  margin-left: 25px;
  margin-top: 4px;
}
.indent-small {
  margin-left: 10px !important;
}
.indent-small-padding {
  padding-left: 10px !important;
}
.bold {
  font-family: 'FiraSans Medium', sans-serif;
}
.no-margin .decorated-button,
.no-margin {
  margin: 0 !important;
}
.decorated-button + .decorated-button {
  margin-left: 10px !important;
}
strong {
  font-family: 'FiraSans Medium', sans-serif;
}
.block {
  display: block;
}
.margin-top-small {
  margin-top: 5px;
}
.spacer-list li {
  line-height: 160%;
}
.spacer-list {
  margin: 10px 0;
}
.lightgrey {
  color: #767676;
}
.required {
  text-decoration: none;
}
.functionHeader {
  font-family: 'FiraSans Medium', sans-serif;
  line-height: 150%;
  font-size: 14px;
  margin-bottom: 4px;
}
.functionText {
  font-size: 12px;
  line-height: 16px;
}
.functionLinkTextStyle {
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}
a.functionLink,
.sitevision-arrow-link {
  color: #2c62ad;
  font-weight: bold;
  font-size: 12px;
  color: #ed002f;
  font-family: 'FiraSans Medium', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 0 0 22px;
  background: url(/img/Common/slideArrow.png) no-repeat scroll left top transparent;
}
.info_message {
  background-color: #e6e6e6;
  padding: 10px;
  margin: 0 0 5px 0;
}
.active-container,
.not-active-container {
  height: 30px;
  padding: 10px 0 0 40px;
  margin: 5px 0;
  display: block;
}
.active-container {
  background: url(/img/icon/overlay_ok.png) top left no-repeat;
}
.not-active-container {
  background: url(/img/icon/not_ok.png) top left no-repeat;
}
.even {
  background-color: #f5f5f5;
}
/* Forms */
select {
  margin: 2px 0 5px 0;
}
textarea {
  font-family: 'Open sans', sans-serif;
  color: #1e2123;
  font-size: 14px;
  width: 100%;
  max-width: none !important;
}
label .label {
  font-size: 14px;
  color: #504e4d;
}
.label {
  margin-bottom: 0;
  line-height: 120%;
}
::-webkit-input-placeholder {
  color: #b9b9b9;
  font-style: italic;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #b9b9b9;
  font-style: italic;
}
:-ms-input-placeholder {
  color: #b9b9b9;
  font-style: italic;
}
.display-label {
  font-family: 'FiraSans Medium', sans-serif;
  color: #504e4d;
  line-height: 140%;
}
/* Tables */
table {
  width: 100%;
}
table .hand:hover {
  background-color: #f5f5f5;
}
.table-list td,
.table-list th {
  padding: 10px;
}
.table-list td {
  border-bottom: 1px solid #dfdfdf;
}
.table-list th {
  border-bottom: 2px solid rgba(41, 41, 41, 0.6);
  white-space: nowrap;
  background-color: #ffffff;
  font-family: 'FiraSans Medium', sans-serif;
}
.result-empty {
  font-size: 14px;
  font-style: italic;
  margin: 20px 0;
  text-align: center;
  background-color: #ffffff;
  width: 100%;
}
.result-empty span {
  display: block;
  padding: 20px;
}
.table-even {
  background-color: #f5f5f5;
}
/* Repeated structures */
.boxInfoMsg,
.boxErrorMsg,
.boxOkMsg {
  white-space: normal;
  padding: 5px 10px;
  margin: 0 0 5px 0;
  color: #ffffff !important;
  text-decoration: none;
}
.boxInfoMsg .error_message,
.boxErrorMsg .error_message,
.boxOkMsg .error_message,
.boxInfoMsg .info_message,
.boxErrorMsg .info_message,
.boxOkMsg .info_message,
.boxInfoMsg .ok_message,
.boxErrorMsg .ok_message,
.boxOkMsg .ok_message {
  padding-left: 50px;
  display: table-cell;
  vertical-align: middle;
}
.boxInfoMsg .error_message,
.boxErrorMsg .error_message,
.boxOkMsg .error_message {
  background: url(/img/icon/white40x40/warning.png) no-repeat 0 50%;
}
.boxInfoMsg .info_message,
.boxErrorMsg .info_message,
.boxOkMsg .info_message {
  background: url(/img/icon/white40x40/faq.png) no-repeat 0 50%;
}
.boxInfoMsg .ok_message,
.boxErrorMsg .ok_message,
.boxOkMsg .ok_message {
  background: url(/img/icon/white40x40/ok.png) no-repeat 0 50%;
  height: 40px;
}
.boxInfoMsg {
  background-color: #ed002f;
}
.boxErrorMsg {
  background-color: #ed002f;
}
.boxOkMsg {
  background-color: #42ac82;
}
.error_message {
  background: url(/img/icon/white40x40/warning.png) no-repeat center left;
  padding: 5px 5px 8px 45px;
  text-align: left;
}
.simple-box {
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 20px !important;
  display: block;
  color: #767676;
}
.simple-box .header {
  color: #767676;
}
/* Lightbox */
.box {
  text-align: left;
}
.notice {
  background-color: #ed002f;
  color: #ffffff;
  padding: 2px 4px;
  font-family: 'FiraSans Medium', sans-serif;
  display: inline-block;
}
.box a {
  color: #ed002f;
  font-size: 12px;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
/* Paging */
.page-nav {
  text-align: center;
  font-size: 12px;
}
.page-nav a:link,
.page-nav a:visited {
  text-decoration: none;
  color: #ed002f;
}
.page-nav a:hover {
  text-decoration: underline;
  color: #ed002f;
}
.PageNumber,
.CurrentPageNumber {
  padding-right: 5px;
}
.PreviousPage,
.PreviousPageDisabled {
  padding-right: 10px;
}
.NextPage,
.NextPageDisabled {
  padding-left: 10px;
}
/* Progress bar */
.progressbar-text {
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.progressbar-img {
  padding: 0 110px 60px 110px;
  text-align: center;
}
.progressbar-container {
  height: 36px;
  overflow: hidden;
  position: relative;
  background-color: #ed002f;
  border: 3px solid #dfdfdf;
  margin-bottom: 5px;
  display: block;
}
.progressbar-overlay {
  position: absolute;
  top: 0;
  right: 0;
  background: #ffffff;
  width: 100%;
  height: 36px;
}
/* Agreements */
@media screen and (min-width: 641px) {
  .fixedHeight {
    max-height: 390px;
    overflow: auto;
    position: relative;
  }
}
.agreement {
  background: white;
  height: 400px;
  overflow: auto;
  margin-left: 0;
  margin-right: 0;
}
/* More info link */
.slideLink {
  height: 22px;
}
.slidelinktext {
  cursor: pointer;
  background: url(/img/Common/slideArrow.png) top left no-repeat;
  font-size: 13px;
  padding: 0 0 0 22px;
  font-family: 'FiraSans Medium', sans-serif;
  color: #ed002f;
}
.opened {
  background: url(/img/Common/slideArrow.png) bottom left no-repeat;
}
/* Token box */
.token--button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}
.token--input-wrapper {
  margin-top: 10px;
}
.token--input {
  margin-top: 5px;
  text-transform: uppercase;
}
/* Specific pages */
/* Ethernetstatus */
.ethernetUpdating .ethernet-status {
  color: #767676;
}
.campaign-item {
  background-color: #fa8c0a;
  display: inline-block;
  position: absolute;
  top: 17px;
  left: 0;
  padding: 3px 10px 2px 5px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'FiraSans Medium', sans-serif;
  line-height: 120%;
  font-size: 11px;
  letter-spacing: 0.08em;
  z-index: 250;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  min-width: 100px;
}
.highlighted-blue {
  background-color: #ed002f;
  color: #ffffff !important;
  text-decoration: none;
  padding: 1px 2px;
}
.divider-no-margin {
  height: 1px;
  overflow: hidden;
  background-color: #e6e6e6;
}
.divider-normal {
  height: 1px;
  overflow: hidden;
  background-color: #e6e6e6;
  margin: 15px 0;
}
.rssi .divider-normal {
  margin: 10px 0;
}
.left-margin-icon {
  margin-left: 55px;
}
.clickable:hover {
  cursor: pointer;
}
/* self-clear floats HAS IE FIX IN SITE-PAGE.TAG */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
#alertBox {
  padding: 5px;
  margin: 5px 0 0 0;
  font-size: 12px;
  color: #292929;
  position: absolute;
  bottom: 1px;
  right: 0;
  display: none;
}
.confirmbox {
  background-color: white;
  border: 1px solid #dfdfdf;
}
/*TODOS*/
.timer {
  width: 6em;
}
.time-picker {
  width: 6em !important;
}
.disabled .label,
.disabled .number {
  color: #767676 !important;
}
a:hover.disabled {
  text-decoration: none;
}
.mini-dialog {
  padding: 10px;
  background-color: white;
  border: 3px solid #292929;
  position: absolute;
}
.mini-dialog:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 13px 8px 0;
  border-color: #292929 transparent;
  display: block;
  width: 0;
  z-index: 0;
  margin-left: -9px;
  bottom: -15px;
  left: 50%;
}
.mini-dialog.pointing-left:before {
  border-width: 8px 13px 8px 0;
  border-color: transparent #292929;
  margin-left: -175px;
  top: 10px;
  height: 0;
}
.mini-dialog .decorated-button {
  margin: 5px;
}
.mini-dialog .closebox {
  cursor: pointer;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 3px;
  right: 3px;
}
.alert-dialog {
  padding: 10px;
  background-color: #ed002f;
  border: 3px solid #ed002f;
  position: absolute;
  z-index: 1;
}
.alert-dialog:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 13px 8px 0;
  border-color: #ed002f transparent;
  display: block;
  width: 0;
  z-index: 0;
  margin-left: 15px;
  bottom: -15px;
  left: 6px;
}
#loading {
  position: absolute;
  display: none;
  border: 1px solid #dfdfdf;
  padding-top: 15px;
  background-color: #ffffff;
  color: #ffffff;
  opacity: 0.90;
  border-radius: 5px;
  width: 100px;
  height: 50px;
  text-align: center;
  z-index: 100000;
}
#loading-overlay {
  position: fixed;
  display: none;
  top: 153px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  filter: alpha(opacity = 80);
  opacity: 0.8;
}
#loading-overlay--spinner {
  position: absolute;
  top: 25vh;
  left: 48%;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.videoContent {
  clear: both;
  margin-bottom: 30px;
}
.video-link {
  background: url(/img/icon/video.png) center left no-repeat;
  padding-left: 22px;
}
/* jquery styles */
/* slider */
.ui-slider {
  top: 4px;
}
.ui-slider .ui-slider-handle {
  cursor: pointer;
  height: 16px;
  width: 12px;
  top: -8px;
  background: #ffffff;
  border: 1px solid #ed002f !important;
}
.ui-slider .ui-slider-handle.handle-inactive {
  background: #ccc;
  border: 1px solid #ffbac8 !important;
}
.ui-slider .ui-slider-handle.handle-alert {
  background-color: #fa8c0a !important;
  background-image: none !important;
}
.ui-slider .ui-state-active {
  background: #ff879f !important;
}
.ui-slider-horizontal .ui-slider-range {
  height: 7px;
  top: -3px;
  background: #ffffff;
}
.ui-slider-horizontal {
  height: 1px;
  background: #ed002f;
  border: 1px solid #ed002f;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.climate-graph-tooltip {
  background-color: #ffffff;
}
.climate-graph-date {
  font-style: italic;
}
.climate-graph-value {
  font-size: large;
}
.news-image {
  float: right;
  margin: 10px 0 10px 10px;
}
.news-item {
  margin-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
}
.news-item:last-child {
  border: none;
}
.text-page {
  max-width: 700px;
  padding: 0 0 30px 0;
}
.login-area {
  width: 296px;
  float: right;
}
.content-area {
  max-width: 70%;
  margin-right: 4%;
  background-color: #ffffff;
  padding-left: 15px;
  padding-bottom: 10px;
}
@media screen and (max-width: 640px) {
  html {
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
  }
  .content-area {
    max-width: 100%;
    clear: both;
  }
  .text-page {
    padding: 0 10px 30px 10px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1080px) {
  .content-area {
    max-width: 46%;
  }
}
.custom-form-element {
  display: none;
}
.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}
.decorated-button {
  border-radius: 3px;
}
.blue-button,
.red-button,
.white-button {
  border-radius: 3px;
  font-family: 'FiraSans Medium', sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: white;
  color: #ed002f;
  box-shadow: inset 0 1px 0 0 rgba(41, 41, 41, 0.1), 0 2px 4px 0 rgba(41, 41, 41, 0.3);
  border: none;
  cursor: pointer;
}
.blue-button span,
.red-button span,
.white-button span {
  color: #ed002f;
}
.blue-button:focus,
.red-button:focus,
.white-button:focus,
.blue-button:hover,
.red-button:hover,
.white-button:hover {
  box-shadow: 0 1px 0 0 rgba(41, 41, 41, 0.3);
  color: #292929;
  background-color: rgba(41, 41, 41, 0.1);
}
.blue-button:focus span,
.red-button:focus span,
.white-button:focus span,
.blue-button:hover span,
.red-button:hover span,
.white-button:hover span {
  color: #292929;
}
.blue-button.disabled,
.red-button.disabled,
.white-button.disabled,
.blue-button:disabled,
.red-button:disabled,
.white-button:disabled {
  box-shadow: none;
  border: 1px solid rgba(41, 41, 41, 0.1);
  opacity: 0.5;
  pointer-events: none;
  background: white;
  cursor: default;
}
#goToCheckoutButton {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 8px;
}
#goToCheckoutButton img {
  display: none;
}
.button-red {
  color: #ffffff;
  height: 40px;
  text-align: center;
  background-color: #ed002f;
  width: 100%;
  display: inline-block;
  border: none;
  font-size: 14px;
  cursor: pointer;
  font-family: 'FiraSans Medium', sans-serif;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(41, 41, 41, 0.3);
}
.button-red.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.button-red:hover {
  color: #ffffff;
  background-color: #ab192d;
}
.button-red:active {
  color: #ffffff;
  background-color: #ab192d;
}
.form-component--button--primary {
  color: #ffffff;
  text-align: center;
  background-color: #ed002f;
  border: none;
  font-size: 14px;
  cursor: pointer;
  font-family: 'FiraSans Medium', sans-serif;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(41, 41, 41, 0.3);
}
.form-component--button--primary.disabled,
.form-component--button--primary:disabled {
  background-color: #ed002f;
  pointer-events: none;
  opacity: 0.3;
}
.form-component--button--primary:hover,
.form-component--button--primary:active {
  color: #ffffff;
  background-color: #ab192d;
}
.intl-tel-phone-number {
  padding-left: 0;
}
.intl-tel-phone-number label {
  z-index: 1;
  -ms-transform: translate(0, 4px) scale(0.75);
      transform: translate(0, 4px) scale(0.75);
  padding-left: 8px;
}
.intl-tel-phone-number .intl-tel-input {
  width: 100%;
}
.intl-tel-phone-number .intl-tel-input.separate-dial-code .selected-flag {
  background: transparent;
  padding: 16px 0 0 8px;
}
.intl-tel-phone-number .intl-tel-input .flag-container {
  padding: 0;
}
.intl-tel-phone-number .intl-tel-input .selected-flag:hover {
  background: transparent;
}
.intl-tel-phone-number .intl-tel-input input {
  font-family: 'Fira Sans', sans-serif;
  height: 100%;
}
.intl-tel-phone-number .intl-tel-input input::-webkit-input-placeholder {
  line-height: normal !important;
}
#country-listbox {
  border-radius: 0 3px 3px 0;
  background: white;
  border: 1px solid rgba(41, 41, 41, 0.15);
  box-shadow: 0 9px 10px 0 rgba(41, 41, 41, 0.15);
}
#country-listbox li {
  list-style: none;
  margin: 0;
  padding: 8px;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: transparent;
}
.badge-button {
  background: #ffffff;
  border: none;
  cursor: pointer;
  position: relative;
}
.badge-button--text {
  min-width: 20px;
  height: 20px;
  color: #ffffff;
  background: rgba(41, 41, 41, 0.6);
  border-radius: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
}
.badge-info {
  position: relative;
  display: none;
}
.badge-info--visible {
  display: block;
}
.badge-info--help {
  color: rgba(41, 41, 41, 0.6);
  border: 1px solid rgba(41, 41, 41, 0.2);
  position: absolute;
  right: -300px;
  border-radius: 3px;
  padding: 16px;
  width: 249px;
  box-shadow: 0 9px 10px 0 rgba(41, 41, 41, 0.15);
}
.badge-info--help--title {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(41, 41, 41, 0.2);
  margin-bottom: 8px;
}
@media screen and (max-width: 750px) {
  .badge-info--help {
    margin: 16px 0;
    position: initial;
    width: inherit;
    box-shadow: none;
  }
}
